@prefabs.tech/vue3-layout 0.12.0 → 0.13.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.
Files changed (15) hide show
  1. package/dist/NavMenuItem-BPpUBkLh.js +4 -0
  2. package/dist/PrefabsTechVue3Layout.es.js +1 -1
  3. package/dist/PrefabsTechVue3Layout.umd.js +1 -1
  4. package/dist/index-B5HLPu2A.js +1904 -0
  5. package/dist/src/components/AppHeader.vue.d.ts +4 -1
  6. package/dist/src/components/AppHeader.vue.d.ts.map +1 -1
  7. package/dist/src/components/Sidebar.vue.d.ts +10 -0
  8. package/dist/src/components/Sidebar.vue.d.ts.map +1 -1
  9. package/dist/src/layouts/BasicLayout.vue.d.ts.map +1 -1
  10. package/dist/src/layouts/SidebarHeaderLayout.vue.d.ts +9 -0
  11. package/dist/src/layouts/SidebarHeaderLayout.vue.d.ts.map +1 -1
  12. package/dist/vue3-layout.css +1 -1
  13. package/package.json +7 -7
  14. package/dist/NavMenuItem-BPQBXe7I.js +0 -4
  15. package/dist/index-F-mM76Og.js +0 -1890
package/dist/src/components/AppHeader.vue.d.ts CHANGED
@@ -2,17 +2,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
2
2
  noLocaleSwitcher: BooleanConstructor;
3
3
  noLogo: BooleanConstructor;
4
4
  noMainMenu: BooleanConstructor;
5
+ noToggle: BooleanConstructor;
5
6
  }>, {
6
7
  expanded: import("vue").Ref<boolean, boolean>;
7
8
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
8
9
  noLocaleSwitcher: BooleanConstructor;
9
10
  noLogo: BooleanConstructor;
10
11
  noMainMenu: BooleanConstructor;
12
+ noToggle: BooleanConstructor;
11
13
  }>> & Readonly<{}>, {
12
14
  noLocaleSwitcher: boolean;
13
15
  noLogo: boolean;
14
16
  noMainMenu: boolean;
17
+ noToggle: boolean;
15
18
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
19
+ toggle: (_: {}) => any;
16
20
  logo: (_: {
17
21
  class: string;
18
22
  }) => any;
@@ -20,7 +24,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
20
24
  userMenu: (_: {}) => any;
21
25
  addon: (_: {}) => any;
22
26
  locales: (_: {}) => any;
23
- toggle: (_: {}) => any;
24
27
  }>;
25
28
  export default _default;
26
29
  type __VLS_WithTemplateSlots<T, S> = T & {
package/dist/src/components/AppHeader.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AppHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AppHeader.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;UAsNM,CAAC,CAAC;;KAAgB,KAAK,GAAG;UAC1B,CAAC,CAAC,IAAgB,KAAK,GAAG;cACtB,CAAC,CAAC,IAAiB,KAAK,GAAG;WAC9B,CAAC,CAAC,IAAiB,KAAK,GAAG;aACzB,CAAC,CAAC,IAAiB,KAAK,GAAG;YAC5B,CAAC,CAAC,IAAiB,KAAK,GAAG;;AAhNnC,wBAuOc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"AppHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AppHeader.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;YAyNQ,CAAC,CAAC,IAAgB,KAAK,GAAG;UAC5B,CAAC,CAAC;;KAAgB,KAAK,GAAG;UAC1B,CAAC,CAAC,IAAiB,KAAK,GAAG;cACvB,CAAC,CAAC,IAAiB,KAAK,GAAG;WAC9B,CAAC,CAAC,IAAiB,KAAK,GAAG;aACzB,CAAC,CAAC,IAAiB,KAAK,GAAG;;AAnNpC,wBA2Oc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
package/dist/src/components/Sidebar.vue.d.ts CHANGED
@@ -1,6 +1,10 @@
1
1
  import type { SidebarMenu } from "../types";
2
2
  import type { PropType } from "vue";
3
3
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
+ collapsible: {
5
+ default: boolean;
6
+ type: BooleanConstructor;
7
+ };
4
8
  menu: {
5
9
  required: true;
6
10
  type: PropType<SidebarMenu[]>;
@@ -12,6 +16,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
12
16
  }>, {
13
17
  sidebarActive: import("vue").Ref<boolean, boolean>;
14
18
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
19
+ collapsible: {
20
+ default: boolean;
21
+ type: BooleanConstructor;
22
+ };
15
23
  menu: {
16
24
  required: true;
17
25
  type: PropType<SidebarMenu[]>;
@@ -21,9 +29,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
21
29
  type: BooleanConstructor;
22
30
  };
23
31
  }>> & Readonly<{}>, {
32
+ collapsible: boolean;
24
33
  noHeader: boolean;
25
34
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
26
35
  title: (_: {}) => any;
36
+ toggleIcons: (_: {}) => any;
27
37
  default: (_: {}) => any;
28
38
  links: (_: {}) => any;
29
39
  afterNavLinks: (_: {}) => any;
package/dist/src/components/Sidebar.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar.vue.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;cAmDjB,QAAQ,CAAC,WAAW,EAAE,CAAC;;;;;;;;;;;cAAvB,QAAQ,CAAC,WAAW,EAAE,CAAC;;;;;;;;;WA+MnC,CAAC,CAAC,IAAgB,KAAK,GAAG;aACxB,CAAC,CAAC,IAAgB,KAAK,GAAG;WAC5B,CAAC,CAAC,IAAiB,KAAK,GAAG;mBACnB,CAAC,CAAC,IAAiB,KAAK,GAAG;sBACxB,CAAC,CAAC,IAAiB,KAAK,GAAG;YACrC,CAAC,CAAC,IAAiB,KAAK,GAAG;;AApQnC,wBAsRc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar.vue.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;;;;;cA2CjB,QAAQ,CAAC,WAAW,EAAE,CAAC;;;;;;;;;;;;;;;cAAvB,QAAQ,CAAC,WAAW,EAAE,CAAC;;;;;;;;;;WAyNnC,CAAC,CAAC,IAAgB,KAAK,GAAG;iBACpB,CAAC,CAAC,IAAgB,KAAK,GAAG;aAC9B,CAAC,CAAC,IAAiB,KAAK,GAAG;WAC7B,CAAC,CAAC,IAAiB,KAAK,GAAG;mBACnB,CAAC,CAAC,IAAiB,KAAK,GAAG;sBACxB,CAAC,CAAC,IAAiB,KAAK,GAAG;YACrC,CAAC,CAAC,IAAiB,KAAK,GAAG;;AAvQnC,wBAyRc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
package/dist/src/layouts/BasicLayout.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BasicLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/BasicLayout.vue.ts"],"names":[],"mappings":";;;;;;;YA0OQ,CAAC,CAAC,IAAgB,KAAK,GAAG;UAC5B,CAAC,CAAC,IAAgB,KAAK,GAAG;WACzB,CAAC,CAAC,IAAiB,KAAK,GAAG;UAC5B,CAAC,CAAC,IAAiB,KAAK,GAAG;cACvB,CAAC,CAAC,IAAiB,KAAK,GAAG;aAC5B,CAAC,CAAC,IAAiB,KAAK,GAAG;aAC3B,CAAC,CAAC,IAAiB,KAAK,GAAG;YAC5B,CAAC,CAAC,IAAiB,KAAK,GAAG;eACxB,CAAC,CAAC,IAAiB,KAAK,GAAG;YAC9B,CAAC,CAAC,IAAiB,KAAK,GAAG;aAC1B,CAAC,CAAC,IAAiB,KAAK,GAAG;;AA/OpC,wBA8Pc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"BasicLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/BasicLayout.vue.ts"],"names":[],"mappings":";;;;;;;YAkPQ,CAAC,CAAC,IAAgB,KAAK,GAAG;UAC5B,CAAC,CAAC,IAAgB,KAAK,GAAG;WACzB,CAAC,CAAC,IAAiB,KAAK,GAAG;UAC5B,CAAC,CAAC,IAAiB,KAAK,GAAG;cACvB,CAAC,CAAC,IAAiB,KAAK,GAAG;aAC5B,CAAC,CAAC,IAAiB,KAAK,GAAG;aAC3B,CAAC,CAAC,IAAiB,KAAK,GAAG;YAC5B,CAAC,CAAC,IAAiB,KAAK,GAAG;eACxB,CAAC,CAAC,IAAiB,KAAK,GAAG;YAC9B,CAAC,CAAC,IAAiB,KAAK,GAAG;aAC1B,CAAC,CAAC,IAAiB,KAAK,GAAG;;AArPpC,wBAqQc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
package/dist/src/layouts/SidebarHeaderLayout.vue.d.ts CHANGED
@@ -1,6 +1,10 @@
1
1
  import type { SidebarMenu } from "../types";
2
2
  import type { PropType } from "vue";
3
3
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
+ collapsible: {
5
+ default: boolean;
6
+ type: BooleanConstructor;
7
+ };
4
8
  menu: {
5
9
  required: true;
6
10
  type: PropType<SidebarMenu[]>;
@@ -16,6 +20,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
16
20
  validator: (value: string) => boolean;
17
21
  };
18
22
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
23
+ collapsible: {
24
+ default: boolean;
25
+ type: BooleanConstructor;
26
+ };
19
27
  menu: {
20
28
  required: true;
21
29
  type: PropType<SidebarMenu[]>;
@@ -32,6 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
32
40
  };
33
41
  }>> & Readonly<{}>, {
34
42
  noLocaleSwitcher: boolean;
43
+ collapsible: boolean;
35
44
  noSidebarHeader: boolean;
36
45
  userMenuLocation: string;
37
46
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
package/dist/src/layouts/SidebarHeaderLayout.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SidebarHeaderLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/SidebarHeaderLayout.vue.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;cA8DjB,QAAQ,CAAC,WAAW,EAAE,CAAC;;;;;;;;;;2BAUnB,MAAM;;;;;cAVV,QAAQ,CAAC,WAAW,EAAE,CAAC;;;;;;;;;;2BAUnB,MAAM;;;;;;;YA0OrB,CAAC,CAAC,IAAgB,KAAK,GAAG;cACxB,CAAC,CAAC,IAAiB,KAAK,GAAG;aAC5B,CAAC,CAAC,IAAiB,KAAK,GAAG;mBACrB,CAAC,CAAC,IAAiB,KAAK,GAAG;sBACxB,CAAC,CAAC,IAAiB,KAAK,GAAG;YACrC,CAAC,CAAC,IAAiB,KAAK,GAAG;aAC1B,CAAC,CAAC,IAAiB,KAAK,GAAG;;AAtTpC,wBA0Uc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"SidebarHeaderLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/SidebarHeaderLayout.vue.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;;;;;cAsEjB,QAAQ,CAAC,WAAW,EAAE,CAAC;;;;;;;;;;2BAUnB,MAAM;;;;;;;;;cAVV,QAAQ,CAAC,WAAW,EAAE,CAAC;;;;;;;;;;2BAUnB,MAAM;;;;;;;;YA8NrB,CAAC,CAAC,IAAgB,KAAK,GAAG;cACxB,CAAC,CAAC,IAAiB,KAAK,GAAG;aAC5B,CAAC,CAAC,IAAiB,KAAK,GAAG;mBACrB,CAAC,CAAC,IAAiB,KAAK,GAAG;sBACxB,CAAC,CAAC,IAAiB,KAAK,GAAG;YACrC,CAAC,CAAC,IAAiB,KAAK,GAAG;aAC1B,CAAC,CAAC,IAAiB,KAAK,GAAG;;AAlTpC,wBAsUc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
package/dist/vue3-layout.css CHANGED
@@ -1 +1 @@
1
- .layout.basic{--layout-basic-padding-h: 1em;display:grid;grid-template-areas:"header" "main" "footer";gap:var(--layout-basic-gap);grid-template-rows:auto 1fr auto;height:100dvh;min-height:100dvh}.layout.basic>:is(footer,header,main){margin:0 auto;max-width:var(--layout-basic-max-width);padding-left:var(--layout-basic-padding-h);padding-right:var(--layout-basic-padding-h);width:100%}.layout.basic>footer{grid-area:footer}.layout.basic>header{--header-logo-max-width: 120px;grid-area:header;height:var(--layout-header-height, 5.5rem);padding-inline:var(--layout-header-padding-h, 1rem)}.layout.basic>header>nav{gap:.25rem}.layout.basic>header>nav[data-expanded=true]{--layout-basic-padding-left: 0;--layout-basic-padding-right: 0;left:calc(var(--layout-basic-padding-h)*-1);opacity:1;padding:0;padding-inline:var(--layout-header-padding-h, 1rem);right:calc(var(--layout-basic-padding-h)*-1)}.layout.basic>header>nav[data-expanded=true]>.menu{--_layout-nav-menu-padding-v: var(--layout-nav-menu-padding-v, .75rem);--_layout-nav-menu-padding-h: 0;padding:var(--_layout-nav-menu-padding-v) var(--_layout-nav-menu-padding-h)}.layout.basic>header>nav[data-expanded=true]>.menu>ul{--menu-margin-left: 0}.layout.basic>header>nav[data-expanded=true] .addon{font-size:var(--header-font-size)}.layout.basic>header>nav[data-expanded=true] ul>li>a{--_nav-item-padding-h: var(--layout-menu-item-padding-h, 1rem);--_nav-item-padding-v: var(--layout-menu-item-padding-v, .625rem);font-size:var(--header-font-size);padding:var(--_nav-item-padding-v) var(--_nav-item-padding-h)}.layout.basic>header>nav[data-expanded=true] nav.locale-switcher{--_layout-nav-menu-margin-v: var(--layout-nav-menu-margin-v, .75rem);--locale-switcher-width: 100%;font-size:var(--header-font-size);margin-top:var(--_layout-nav-menu-margin-v);margin-bottom:.25rem}.layout.basic>header>nav[data-expanded=true] nav.locale-switcher .dropdown{left:0}.layout.basic>header nav .addon,.layout.basic>header nav.locale-switcher,.layout.basic>header nav.menu li>a{--_menu-item-padding-h: 1em;--_menu-item-padding-v: .625rem;font-size:.9rem}.layout.basic>main{max-width:100%;min-width:100%;grid-area:main;overflow-y:auto}@media screen and (min-width: 1200px){.layout.basic>:is(footer,main){padding-left:2rem;padding-right:2rem}.layout.basic>header{--header-logo-max-width: 150px;padding-inline:var(--layout-header-padding-h, 2rem)}.layout.basic>header>nav{gap:var(--header-gap, 1.5rem)}.layout.basic>header>nav[data-expanded=true]{padding:0}.layout.basic>header>nav[data-expanded=true]>.menu{--_layout-nav-menu-padding-v: 1rem;--_layout-nav-menu-padding-h: 1rem;padding:var(--_layout-nav-menu-padding-v) var(--_layout-nav-menu-padding-h)}.layout.basic>header nav .addon,.layout.basic>header nav.locale-switcher,.layout.basic>header nav.menu li>a{--_menu-item-padding-h: 1.5rem;--_menu-item-padding-v: .625rem;font-size:1rem}.layout.basic>header>nav[data-expanded=true] nav.locale-switcher{--locale-switcher-width: 9rem}}.layout>footer{--footer-bg-color: transparent;--footer-border-color: var(--border-color);--footer-font-size: var(--font-size, 1rem);--footer-gap: .5em;--footer-padding-v: 1em;align-items:center;background-color:var(--footer-bg-color);border-top:1px solid var(--footer-border-color);box-shadow:0 0 0 100vmax var(--footer-bg-color);clip-path:inset(0 -100vmax);display:flex;flex-direction:row;font-size:var(--footer-font-size);gap:var(--footer-gap);justify-content:space-between;padding-bottom:var(--footer-padding-v);padding-top:var(--footer-padding-v);text-align:center}.layout>header{--header-bg-color: transparent;--header-border-color: var(--border-color);--header-font-size: var(--font-size);--header-gap: 1.5rem;--header-logo-max-width: 150px;--header-padding-v: 1em;align-items:center;border-bottom:1px solid var(--header-border-color);display:grid;font-size:var(--header-font-size);gap:0 var(--header-gap);grid-template-areas:"logo toggle" "nav nav";grid-template-columns:var(--header-logo-max-width) 1fr;grid-template-rows:auto auto;justify-items:center;padding-bottom:var(--header-padding-v);padding-top:var(--header-padding-v);position:relative;z-index:100}.layout>header:before{content:"";background-color:var(--header-bg-color);box-shadow:0 0 0 100vmax var(--header-bg-color);clip-path:inset(calc(-1 * var(--header-padding-top)) -100vmax calc(-1 * var(--header-padding-bottom, 1em)) -100vmax);grid-column:1 / span 2;grid-row:1 / 1;height:100%;position:absolute;width:100%;z-index:-1}.layout>header>nav{align-items:stretch;background-color:#fff;border-bottom:1px solid var(--menu-border-color, #000);opacity:1;display:flex;flex-direction:column;gap:var(--menu-gap, 1em);grid-area:nav;justify-content:flex-start;left:0;margin-left:calc(-1 * var(--layout-basic-padding-left, 1em));margin-right:calc(-1 * var(--layout-basic-padding-right, 1em));padding-bottom:var(--header-padding-bottom, 1em);padding-left:var(--layout-basic-padding-left, 1em);padding-right:var(--layout-basic-padding-right, 1em);padding-top:var(--header-padding-top, 1em);position:absolute;right:0;top:var(--header-padding-top, 1em);z-index:1}.layout>header:not(:has(.logo)):not(:has(.main-menu)){display:flex;justify-content:end}.layout header:not(:has(.logo)):not(:has(.main-menu)) .toggle{--_justify-self: left;--_padding-left: 1rem;padding-left:var(--_padding-left);width:100%}.layout>header>nav[data-expanded=false]{display:none}.layout>header .logo{grid-area:logo;max-width:var(--header-logo-max-width, 150px)}.layout>header .toggle{--_justify-self: right;cursor:pointer;grid-area:toggle;justify-self:var(--_justify-self)}.layout>header .main-menu{flex:1}@media screen and (min-width: 768px){.layout>header{grid-template-areas:"logo nav";justify-items:stretch}.layout>header>nav{align-items:center;background-color:var(--header-bg-color);border:none;display:flex;flex-direction:row;justify-content:flex-end;margin:0;padding:0;position:relative;top:0}.layout>header>nav[data-expanded=false]{display:flex}.layout>header .toggle{display:none}}.layout .logo{--_layout-logo-max-width: var(--layout-logo-max-width, 150px)}.layout .logo img{max-width:var(--_layout-logo-max-width)}.layout .logo>a{color:var(--color, #545454);text-decoration:none}.layout .logo .logo-default{align-items:center;display:flex;font-weight:500;gap:.5rem;text-transform:capitalize}.layout .logo .logo-default>span:first-child{align-items:center;background:#2d2d2d40;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.layout .logo .logo-default>span:not(:first-child){max-width:200px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.nav-menu-item>.link.active{--_bg-color: var(--nav-menu-bg-color, #0870e5);background-color:var(--_bg-color)}.nav-menu-item>.link{--_font-size: var(--font-size-min, .8rem);--_font-weight: var(--font-weight, 450);--_height: var(--nav-menu-height, 3rem);--_padding-h: var(--sidebar-padding-h, 1rem);align-items:center;cursor:pointer;display:flex;font-size:var(--_font-size);font-weight:var(--_font-weight);gap:.5rem;height:var(--_height);padding-left:var(--_padding-h);text-decoration:none;transition:.5s}.nav-menu-item>.link:hover{--_hover-bg-color: var(--nav-menu-bg-color, #0870e5);background-color:var(--_hover-bg-color)}.nav-menu-item>.link:has(.icon-only){font-size:.9rem;justify-content:center;padding-left:0}.nav-menu-item .toggle-menu>svg{transition:transform .3s ease}.nav-menu-item .toggle-menu>svg.up-chevron{transform:rotate(180deg)}.sub-menu-item{--_gap: var(--nav-menu-gap, .25rem);display:flex;flex-direction:column;gap:var(--_gap);max-height:100dvh;overflow:hidden;transition:max-height .5s ease-in-out}.sub-menu-item.fade-enter-active,.sub-menu-item.fade-leave-active{transition:max-height .5s ease-in-out}.sub-menu-item.fade-enter-from,.sub-menu-item.fade-leave-to{max-height:0}.sub-menu-item .link{--_submenu-padding-left: var(--nav-menu-padding-left, 2rem);--_submenu-padding-right: var(--nav-menu-padding-right, 2rem);padding-left:var(--_submenu-padding-left);padding-right:var(--_submenu-padding-right)}.toggle-menu{--_margin-right: 1rem;--_width: 1rem;margin-left:auto;margin-right:var(--_margin-right);width:var(--_width)}.nav-menu>.menu{--_border-color: var(--border-color, #dee2e6);--_gap: var(--nav-menu-gap, .25rem);--_padding-h: var(--padding-h, 0);--_padding-v: var(--padding-v, 1.5rem);border-bottom:1px solid var(--_border-color);display:flex;flex-direction:column;gap:var(--_gap);padding-bottom:var(--_padding-v);padding-left:var(--_padding-h);padding-top:var(--_padding-v)}.no-sidebar{--_bg-color: var(--sidebar-bg-color, #007aff);--_border-radius: 2rem;--_width: 2rem;background-color:var(--_bg-color);border-radius:0 var(--_border-radius) var(--_border-radius) 0;cursor:pointer;margin-top:1rem;padding-block:.25rem;width:var(--_width)}.no-sidebar>img{--_width: var(--sidebar-toggle-icon-width, 1.5rem);width:var(--_width)}.sidebar{--_bg-color: var(--sidebar-bg-color, #007aff);--_color: var(--sidebar-color, #fff);--_height: var(--sidebar-height, auto);--_position: var(--sidebar-position, fixed);--_width: var(--sidebar-width, 16rem);background-color:var(--_bg-color);bottom:0;color:var(--_color);display:flex;flex-direction:column;height:var(--_height);left:0;overflow:hidden;position:var(--_position);top:0;transition:.2s ease-out;width:var(--_width)}.sidebar .sidebar-menu-wrapper{display:flex;flex:1;flex-direction:column}.sidebar .sidebar-menu-wrapper>ul:has(.nav-menu-item){flex:1}.sidebar>.footer{--_bg-color: var(--sidebar-bg-color, transparent);--_border-color: var(--sidebar-border-color, #dee2e6);--_font-size: var(--sidebar-font-size, 1rem);--_gap: var(--footer-gap, 1rem);--_justify-content: var(--sidebar-justify-content, center);--_padding-top: var(--footer-padding-v, 1rem);--_padding-bottom: var(--footer-padding-v, 1rem);--_width: var(--sidebar-width, 100%);align-items:center;background-color:var(--_bg-color);border-top:1px solid var(--_border-color);box-shadow:0 0 0 100vmax var(--_bg-color);clip-path:inset(0 -100vmax);display:flex;flex-direction:column;font-size:var(--_font-size);gap:var(--_gap);justify-content:var(--_justify-content);padding-bottom:var(--_padding-bottom);padding-top:var(--_padding-top);text-align:center;width:var(--_width)}.sidebar>.header{--_border-color: var(--sidebar-border-color, #dee2e6);--_padding-h: var(--sidebar-padding-h, 1rem);--_padding-v: var(--sidebar-padding-v, 1.5rem);align-items:center;border-bottom:1px solid var(--_border-color);display:flex;justify-content:space-between;padding:var(--_padding-v) var(--_padding-h)}.sidebar>.header>.logo{--_max-width: var(--sidebar-logo-max-width, 150px);max-width:var(--_max-width);width:100%}.sidebar>.header>.toggle{cursor:pointer;width:var(--sidebar-toggle-icon-width, 1.5rem)}.sidebar-toggle-enter-active{transition:opacity .3s ease-in-out}.sidebar-toggle-enter-from{opacity:0}.sidebar:has(.extend){--_width: var(--sidebar-collapsed-width, 6rem);overflow:visible;width:var(--_width)}.sidebar:has(.extend)>.header>.logo{width:max-content}.toggle>.extend{--_bg-color: var(--sidebar-bg-color, #007aff);--_border-color: var(--sidebar-border-color, #fff);--_border-radius: 2rem;--_width: 2rem;background-color:var(--_bg-color);border:solid 1px var(--_border-color);border-radius:var(--_border-radius);left:5rem;position:absolute;padding:.25rem;top:1rem;width:var(--_width)}.sticky-collapsible .content{background-color:#fff;border-top:1px solid #dbdbdb;width:100%}@media screen and (min-width: 576px){.sticky-collapsible{background:transparent;bottom:0;left:0;overflow:hidden;position:absolute;right:0;width:100%;z-index:1}.sticky-collapsible.fixed{position:fixed}.sticky-collapsible .content{padding:var(--collapsible-footer-padding-v, 1rem) var(--collapsible-footer-padding-h, 1rem);transform:translateY(100%);transition:transform .3s ease-in-out}.sticky-collapsible:hover .content{transform:translateY(0)}}.layout.sidebar-header-layout{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"header" "main";min-height:100dvh;transition:all .25s ease-in-out}.layout.sidebar-header-layout:has(.no-sidebar){grid-template-columns:1fr;grid-template-areas:"header" "main"}.layout.sidebar-header-layout>.no-sidebar{display:none;position:fixed;top:0}.layout.sidebar-header-layout .layout-sidebar>.header{--_padding-v: 1rem;height:var(--layout-header-height, 5.5rem)}.layout.sidebar-header-layout footer{--_gap: .5rem;--_padding-h: var(--sidebar-padding-h, 1rem);--_padding-v: var(--sidebar-padding-v, 1.5rem);align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;gap:var(--_gap);justify-content:space-between;padding:0 var(--_padding-h);width:100%}.sidebar-header-layout .copyright a:after{content:""}.sidebar-header-layout:has(.extend) .sidebar-menu-wrapper .locales .dropdown{right:-7rem}.sidebar-header-layout .sidebar-menu-wrapper .locales{border-top:1px solid var(--layout-border-color, #dee2e6a6);width:100%}.sidebar-header-layout .sidebar-menu-wrapper .locales>.locale-trigger{--locale-switcher-padding-v: 1rem;height:var(--sidebar-menu-height, 3rem)}.sidebar-header-layout .sidebar-menu-wrapper .locales.expanded,.sidebar-header-layout .sidebar-menu-wrapper .locales:hover{--locale-switcher-hover-color: #0870e5}.sidebar-header-layout .sidebar-menu-wrapper .locales .truncated>img{transition:transform .3s ease}.sidebar-header-layout .sidebar-menu-wrapper .locales.expanded .truncated>img{transform:rotate(180deg)}.sidebar-header-layout .sidebar-menu-wrapper .locales ul.dropdown{--locale-switcher-bg-color: #007aff;--locale-switcher-border: none;left:0;right:0;top:unset;bottom:100%;border-top:1px solid #0870e5}.sidebar-header-layout .sidebar-menu-wrapper .locales ul.dropdown .badge{--locale-switcher-badge-bg-color: #60a7f3}.layout.sidebar-header-layout:has(.extend){grid-template-columns:var(--sidebar-collapsed-width, 6rem) 1fr;grid-template-areas:"sidebar header" "sidebar main"}.layout.sidebar-header-layout:has(.extend)>header{--header-padding-v: 1rem}.layout.sidebar-header-layout:has(.extend)>header .toggle{visibility:hidden}.layout.sidebar-header-layout>.layout-sidebar{grid-area:sidebar;transition:width .3s ease-in-out;z-index:100}.layout.sidebar-header-layout>header{--header-padding-h: 1rem;background-color:#fff;grid-area:header;height:var(--layout-header-height, 5.5rem);padding-right:var(--header-padding-h);position:sticky;top:0;z-index:100}.layout.sidebar-header-layout>header>nav[data-expanded=true]{display:none}.layout.sidebar-header-layout>main{grid-area:main;transition:all .3s ease-in-out}.sidebar-header-layout main{padding:var(--layout-default-padding-v, 1.5rem) var(--layout-default-padding-h, 1rem);z-index:99}@media screen and (min-width: 1024px){.layout.sidebar-header-layout{grid-template-columns:var(--sidebar-width, 16rem) 1fr;grid-template-areas:"sidebar header" "sidebar main"}}@media screen and (min-width: 768px){.layout.sidebar-header-layout>.no-sidebar{display:block}.layout.sidebar-header-layout:has(.extend)>header{--header-padding-v: 1.1rem}.sidebar-header-layout main{padding:var(--layout-default-padding-v, 2.5rem) var(--layout-default-padding-h, 2rem)}}.layout.sidebar-only{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main";min-height:100dvh;transition:all .25s ease-in-out}.layout.sidebar-only footer{--_padding-h: var(--sidebar-padding-h, 1rem);--_padding-v: var(--sidebar-padding-v, 1.5rem);align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;justify-content:space-between;padding:0 var(--_padding-h);width:100%}.layout.sidebar-only .copyright a:after{content:""}.layout.sidebar-only:has(.extend) .locales .dropdown{right:-7rem}.layout.sidebar-only .locales{border-top:1px solid var(--layout-border-color, #dee2e6a6);width:100%}.layout.sidebar-only .sidebar-menu-wrapper .locales>.locale-trigger{--locale-switcher-padding-v: 1rem;height:var(--sidebar-menu-height, 3rem)}.layout.sidebar-only .locales.expanded,.layout.sidebar-only .locales:hover{--locale-switcher-hover-color: #0870e5}.layout.sidebar-only .locales .truncated>img{transition:transform .3s ease}.layout.sidebar-only .locales.expanded .truncated>img{transform:rotate(180deg)}.layout.sidebar-only .locales ul.dropdown{--locale-switcher-bg-color: #007aff;--locale-switcher-border: none;left:0;right:0;top:unset;bottom:100%;border-top:1px solid #0870e5}.layout.sidebar-only .locales ul.dropdown .badge{--locale-switcher-badge-bg-color: #60a7f3}.layout.sidebar-only:has(.extend){grid-template-areas:"sidebar main";grid-template-columns:var(--sidebar-collapsed-width, 6rem) 1fr}.layout.sidebar-only:has(.no-sidebar){grid-template-areas:"main";grid-template-columns:1fr}.layout.sidebar-only>.no-sidebar{position:fixed;top:0}.layout.sidebar-only>.layout-sidebar{grid-area:sidebar;transition:width .3s ease-in-out;z-index:100}.layout.sidebar-only>main{grid-area:main;transition:all .3s ease-in-out}.layout-sidebar{transition:width .3s ease-in-out}main{padding:var(--layout-default-padding-v, 2.5rem) var(--layout-default-padding-h, 2rem);z-index:99}@media screen and (min-width: 1024px){.layout.sidebar-only{grid-template-columns:var(--sidebar-width, 16rem) 1fr;grid-template-areas:"sidebar main"}}
1
+ .layout.basic{--layout-basic-padding-h: 1em;display:grid;grid-template-areas:"header" "main" "footer";gap:var(--layout-basic-gap);grid-template-rows:auto 1fr auto;height:100dvh;min-height:100dvh;overflow:hidden}.layout.basic>:is(footer,header,main){margin:0 auto;max-width:var(--layout-basic-max-width);width:100%}.layout.basic>footer{grid-area:footer}.layout.basic>header{--header-logo-max-width: 120px;grid-area:header}.layout.basic>header>nav{gap:.25rem}.layout.basic[aria-expanded=false]>header>nav{display:none}.layout.basic[aria-expanded=true]>header>nav nav.locale-switcher{--locale-switcher-width: 100%}.layout.basic nav.user-menu-dropdown>ul.dropdown,.layout.basic nav.locale-switcher>ul.dropdown{width:100%}.layout.basic nav.locale-switcher>.locale-trigger{--locale-switcher-padding-h: var(--layout-nav-item-padding-h, 1rem);--locale-switcher-padding-v: var(--layout-nav-item-padding-v, .625rem)}.layout.basic>main{max-width:100%;min-width:100%;grid-area:main;overflow-y:auto}@media screen and (min-width: 576px){.layout.basic>:is(footer,main){padding-left:2rem;padding-right:2rem}.layout.basic>header{--header-logo-max-width: 150px}.layout.basic>header>nav{gap:var(--header-gap, 1.5rem)}.layout.basic nav.user-menu-dropdown>ul.dropdown,.layout.basic nav.locale-switcher>ul.dropdown{width:max-content}.layout.basic[aria-expanded=true]>header>nav nav.locale-switcher{--locale-switcher-width: 9rem}.layout.basic nav.locale-switcher>.locale-trigger{--locale-switcher-padding-h: 1rem;--locale-switcher-padding-v: var(--layout-nav-item-padding-v, .625rem)}}.layout>footer{--footer-bg-color: transparent;--footer-border-color: var(--border-color, #e5e7eb);--footer-font-size: var(--font-size, 1rem);--footer-gap: .5em;--footer-padding-v: 1em;align-items:center;background-color:var(--footer-bg-color);border-top:1px solid var(--footer-border-color);box-shadow:0 0 0 100vmax var(--footer-bg-color);clip-path:inset(0 -100vmax);display:flex;flex-direction:row;font-size:var(--footer-font-size);gap:var(--footer-gap);justify-content:space-between;padding-bottom:var(--footer-padding-v);padding-top:var(--footer-padding-v);text-align:center}.layout>header{--header-bg-color: transparent;--header-border-color: var(--border-color, #e5e7eb);--header-font-size: var(--font-size);--header-gap: 1.5rem;--_layout-header-padding-h: var(--layout-header-padding-h, 1rem);--_layout-header-padding-v: var(--layout-header-padding-v, 1rem);--_layout-logo-max-width: var(--layout-logo-max-width, 150px);align-items:center;border-bottom:1px solid var(--header-border-color);display:grid;font-size:var(--header-font-size);gap:0 var(--header-gap);grid-template-areas:"logo toggle" "nav nav";grid-template-columns:var(--_layout-logo-max-width) 1fr;grid-template-rows:auto auto;justify-items:flex-end;padding:var(--_layout-header-padding-v) var(--_layout-header-padding-h);position:relative;z-index:100}.layout>header:before{content:"";background-color:var(--header-bg-color);box-shadow:0 0 0 100vmax var(--header-bg-color);clip-path:inset(calc(-1 * var(--header-padding-top)) -100vmax calc(-1 * var(--header-padding-bottom, 1em)) -100vmax);grid-column:1 / span 2;grid-row:1 / 1;height:100%;position:absolute;width:100%;z-index:-1}.layout>header>nav{align-items:stretch;background-color:#fff;opacity:1;display:flex;flex-direction:column;gap:var(--menu-gap, 1em);grid-area:nav;justify-content:flex-start;z-index:1;width:100%}.layout>header:not(:has(.logo)):not(:has(.main-menu)){display:flex;justify-content:end}.layout header:not(:has(.logo)):not(:has(.main-menu)) .toggle{--_justify-self: left;--_padding-left: 1rem;padding-left:var(--_padding-left);width:100%}.layout>header>nav[data-expanded=false]{display:none}.layout>header .logo{grid-area:logo;max-width:var(--_layout-logo-max-width, 150px)}.layout>header>.toggle{--_background-color: var(--dz-secondary-color);align-content:center;border-radius:50%;cursor:pointer;grid-area:toggle;height:2.875rem;justify-items:center;margin-left:-.75rem;width:2.875rem}.layout>header>.toggle:hover{background-color:color-mix(in srgb,var(--_background-color) 10%,white)}.layout>header .main-menu{flex:1;margin-block:1rem}@media screen and (min-width: 576px){.layout>header{display:flex}.layout>header .main-menu{margin-block:0}.layout>header>nav{align-items:center;background-color:var(--header-bg-color);border:none;display:flex;flex:1;flex-direction:row;justify-content:flex-end;margin:0;padding:0;position:relative;top:0}.layout>header>nav[data-expanded=false]{display:flex;justify-content:flex-end}}:root{--layout-logo-max-width: 8rem;--layout-sidebar-bg: white;--layout-sidebar-border: 1px solid var(--border-color, #e5e7eb);--layout-sidebar-collapsed-width: 0;--layout-sidebar-color: var(--color, #374151);--layout-sidebar-logo-max-width: var(--layout-logo-max-width);--layout-sidebar-padding-h: 1.5rem;--layout-sidebar-padding-v: .75rem;--layout-sidebar-separator-color: var(--border-color, #e5e7eb);--layout-sidebar-width: 16rem;--layout-nav-item-padding-h: 2rem;--layout-nav-item-padding-v: .5rem;--layout-nav-menu-padding-h: 0;--layout-nav-menu-padding-v: 1rem;--layout-nav-menu-separator-color: var(--border-color, #e5e7eb);--layout-main-bg: #ffffff;--layout-main-padding-h: 1.5rem;--layout-main-padding-v: 1.5rem;--layout-header-bg: transparent;--layout-header-border: 1px solid var(--border-color, #e5e7eb);--layout-header-color: var(--color, #374151);--layout-header-gap: 1.5rem;--layout-header-logo-max-width: var(--layout-logo-max-width);--layout-header-max-width: 1920px;--layout-header-padding-h: var(--layout-main-padding-h, 1rem);--layout-header-padding-v: .5rem}@media screen and (min-width: 576px){:root{--layout-main-padding-h: 2rem;--layout-main-padding-v: 1.25rem;--layout-sidebar-padding-v: .5rem}}.layout .logo{--_layout-logo-max-width: var(--layout-logo-max-width, 150px)}.layout .logo img{max-width:var(--_layout-logo-max-width)}.layout .logo>a{color:var(--color, #545454);text-decoration:none}.layout .logo .logo-default{align-items:center;display:flex;font-weight:500;gap:.5rem;text-transform:capitalize}.layout .logo .logo-default>span:first-child{align-items:center;background:#2d2d2d40;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.layout .logo .logo-default>span:not(:first-child){max-width:200px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.nav-menu-item>.link.active{background:var(--_active-bg);color:var(--_active-color);text-decoration:none}.nav-menu-item>.link{--_active-bg: var(--nav-item-active-bg, #eff6ff);--_active-color: var(--nav-item-active-color, #2c2c2c);--_border-radius: var(--nav-item-border-radius, 0);--_color: var(--nav-item-color, #2c2c2c);--_disabled-color: var(--nav-item-disabled-color, #6d7b92);--_hover-color: var(--nav-item-hover-color, #2c2c2c);--_hover-bg: var(--nav-item-hover-bg, #f0f2f7ad);--_padding-h: var(--nav-item-padding-h, 1rem);--_padding-v: var(--nav-item-padding-v, .5rem);--_transition-duration: var(--transition-duration, .15s);align-items:baseline;border-radius:var(--_border-radius);color:var(--_color);cursor:pointer;display:flex;gap:.75rem;height:var(--_height);justify-content:space-between;padding:var(--_padding-v) var(--_padding-h);text-decoration:none;transition:background var(--_transition-duration) linear,font-weight var(--_transition-duration) linear,color var(--_transition-duration) linear;width:100%}.nav-menu-item>.link:not(.active):hover{background:var(--_hover-bg);color:var(--_hover-color);text-decoration:none}.nav-menu-item>.link:has(.icon-only){font-size:.9rem;justify-content:center;padding-left:0}.nav-menu-item>.link>span.item-name{flex:1}.nav-menu-item .toggle-menu>svg{transition:transform .3s ease}.nav-menu-item .toggle-menu>svg.up-chevron{transform:rotate(180deg)}.sub-menu-item{--_gap: var(--nav-menu-gap, .25rem);display:flex;flex-direction:column;gap:var(--_gap);margin-left:1rem;max-height:100dvh;overflow:hidden;transition:max-height .5s ease-in-out}.sub-menu-item.fade-enter-active,.sub-menu-item.fade-leave-active{transition:max-height .5s ease-in-out}.sub-menu-item.fade-enter-from,.sub-menu-item.fade-leave-to{max-height:0}.sub-menu-item .link{--_submenu-padding-left: var(--nav-menu-padding-left, 2rem);--_submenu-padding-right: var(--nav-menu-padding-right, 2rem);padding-left:var(--_submenu-padding-left);padding-right:var(--_submenu-padding-right)}.toggle-menu{--_width: 1rem;width:var(--_width)}.nav-menu>.menu{--_border-color: var(--border-color, #dee2e6);--_padding-h: var(--padding-h, 0);--_padding-v: var(--padding-v, 1rem);border-bottom:1px solid var(--_border-color);display:flex;flex-direction:column;gap:.375rem;padding-block:var(--_padding-v);padding-left:var(--_padding-h)}.no-sidebar{--_bg-color: var(--sidebar-bg-color, #007aff);--_border-radius: 2rem;--_width: 2rem;background-color:var(--_bg-color);border-radius:0 var(--_border-radius) var(--_border-radius) 0;cursor:pointer;margin-top:1rem;padding-block:.25rem;width:var(--_width)}.no-sidebar>img{--_width: var(--sidebar-toggle-icon-width, 1.5rem);width:var(--_width)}.sidebar{--_bg-color: var(--sidebar-bg-color, #fff);--_border: var( --layout-sidebar-border, 1px solid var(--border-color, #e5e7eb) );--_color: var(--sidebar-color, #2c2c2c);--_height: var(--sidebar-height, auto);--_position: var(--sidebar-position, fixed);--_transition-duration: var(--transition-duration, .15s);--_width: var(--sidebar-width, 16rem);background-color:var(--_bg-color);border-right:var(--_border);color:var(--_color);display:flex;flex-direction:column;height:var(--_height);overflow-y:auto;overflow-x:hidden;transition:width var(--_transition-duration) ease-in;width:var(--_width)}.sidebar .sidebar-menu-wrapper{display:flex;flex:unset;flex-direction:column}.sidebar .sidebar-menu-wrapper>ul:has(.nav-menu-item){flex:1}.sidebar>.footer{--_bg-color: var(--sidebar-bg-color, #fff);--_border-color: var(--sidebar-border-color, #dee2e6);--_font-size: var(--sidebar-font-size, 1rem);--_gap: var(--footer-gap, 1rem);--_justify-content: var(--sidebar-justify-content, center);--_padding-top: var(--footer-padding-v, 1rem);--_padding-bottom: var(--footer-padding-v, 1rem);--_width: var(--sidebar-width, 100%);align-items:center;background-color:var(--_bg-color);border-top:1px solid var(--_border-color);box-shadow:0 0 0 100vmax var(--_bg-color);clip-path:inset(0 -100vmax);display:flex;flex-direction:column;font-size:var(--_font-size);gap:var(--_gap);justify-content:var(--_justify-content);padding-bottom:var(--_padding-bottom);padding-top:var(--_padding-top);text-align:center;width:var(--_width);z-index:2}.sidebar>.header{--_border-color: var(--sidebar-border-color, #e5e7eb);--_padding-h: var(--sidebar-padding-h, 1rem);--_padding-v: var(--sidebar-padding-v, 1.5rem);align-items:center;border-bottom:1px solid var(--_border-color);display:flex;justify-content:space-between;padding:var(--_padding-v) var(--_padding-h)}.sidebar>.header>.logo{--_max-width: var(--sidebar-logo-max-width, 150px);max-width:var(--_max-width);width:100%}.sidebar>.header>.toggle{cursor:pointer;width:var(--sidebar-toggle-icon-width, 1.5rem)}.sidebar-toggle-enter-active{transition:opacity .3s ease-in-out}.sidebar-toggle-enter-from{opacity:0}.sidebar:has(.extend){--_width: var(--sidebar-collapsed-width, 6rem);overflow:visible;width:var(--_width)}.sidebar:has(.extend)>.header>.logo{width:max-content}.toggle>.extend{--_bg-color: var(--sidebar-bg-color, #007aff);--_border-color: var(--sidebar-border-color, #fff);--_border-radius: 2rem;--_width: 2rem;background-color:var(--_bg-color);border:solid 1px var(--_border-color);border-radius:var(--_border-radius);left:5rem;position:absolute;padding:.25rem;top:1rem;width:var(--_width)}@media screen and (min-width: 576px){.sidebar .sidebar-menu-wrapper{flex:1}}.sticky-collapsible .content{background-color:#fff;border-top:1px solid var(--border-color, #e5e7eb);width:100%}@media screen and (min-width: 576px){.sticky-collapsible{background:transparent;bottom:0;left:0;overflow:hidden;position:absolute;right:0;width:100%;z-index:1}.sticky-collapsible.fixed{position:fixed}.sticky-collapsible .content{padding:var(--collapsible-footer-padding-v, 1rem) var(--collapsible-footer-padding-h, 1rem);transform:translateY(100%);transition:transform .3s ease-in-out}.sticky-collapsible:hover .content{transform:translateY(0)}}.layout.sidebar-header-layout{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"header" "sidebar" "main";min-height:100dvh;transition:all .25s ease-in-out}.layout.sidebar-header-layout[aria-expanded=false]>.sidebar{height:var(--_layout-sidebar-collapsed-height)}.layout.sidebar-header-layout footer{--_gap: .5rem;--_padding-h: var(--sidebar-padding-h, 1rem);--_padding-v: var(--sidebar-padding-v, 1.5rem);align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;gap:var(--_gap);justify-content:space-between;padding:0 var(--_padding-h);width:100%}.sidebar-header-layout .copyright a:after{content:""}.sidebar-header-layout .sidebar-menu-wrapper .locales{border-top:1px solid var(--layout-border-color, #dee2e6a6);padding-block:.5rem;width:100%}.sidebar-header-layout .sidebar-menu-wrapper .user-menu{padding-block:1rem}.sidebar-header-layout .sidebar-menu-wrapper .locales>.locale-trigger{--locale-switcher-padding-h: var(--layout-nav-item-padding-h, 1rem);--locale-switcher-padding-v: var(--layout-nav-item-padding-v, .625rem)}.sidebar-header-layout .sidebar-menu-wrapper .locales.expanded,.sidebar-header-layout .sidebar-menu-wrapper .locales:hover{--locale-switcher-hover-color: var(--nav-item-hover-bg, #f0f2f7ad)}.sidebar-header-layout .sidebar-menu-wrapper .locales .truncated>img{transform:rotate(180deg);transition:transform .3s ease}.sidebar-header-layout .sidebar-menu-wrapper .locales.expanded .truncated>img{transform:rotate(0)}.sidebar-header-layout .sidebar-menu-wrapper .locales ul.dropdown{--locale-switcher-bg-color: var(--sidebar-bg-color, #fff);--locale-switcher-border: none;left:0;right:0;top:unset;bottom:100%;border-top:1px solid var(--border-color, #e5e7eb)}.sidebar-header-layout .sidebar-menu-wrapper .locales ul.dropdown .badge{--locale-switcher-badge-bg-color: #60a7f3}.layout.sidebar-header-layout>.layout-sidebar{--_layout-sidebar-collapsed-height: var(--layout-sidebar-collapsed-height, 0);--_layout-sidebar-collapsed-width: var(--layout-sidebar-collapsed-width, 0);--_width: 100%;grid-area:sidebar;transition:width .3s ease-in-out,height .3s ease-in-out;z-index:100}.layout.sidebar-header-layout>header{--header-padding-h: 1rem;background-color:#fff;grid-area:header;position:sticky;top:0;z-index:100}.layout.sidebar-header-layout>header>nav{display:none}.layout.sidebar-header-layout>header>nav[data-expanded=true]{display:none}.layout.sidebar-header-layout>main{grid-area:main;overflow-y:auto;transition:all .3s ease-in-out}.sidebar-header-layout main{padding:var(--layout-default-padding-v, 1.5rem) var(--layout-default-padding-h, 2rem);z-index:99}@media screen and (min-width: 576px){.layout.sidebar-header-layout{grid-template-areas:"header header" "sidebar main";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;height:100dvh;overflow:hidden}.layout.sidebar-header-layout>header{display:flex}.layout.sidebar-header-layout>header>nav{display:flex}.layout.sidebar-header-layout[aria-expanded=false]>.sidebar{width:var(--_layout-sidebar-collapsed-width)}.layout.sidebar-header-layout>.layout-sidebar{--_width: var(--sidebar-width, 16rem);grid-area:sidebar}}.layout.sidebar-only{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main";min-height:100dvh;transition:all .25s ease-in-out}.layout.sidebar-only footer{--_padding-h: var(--sidebar-padding-h, 1rem);--_padding-v: var(--sidebar-padding-v, 1.5rem);align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;justify-content:space-between;padding:0 var(--_padding-h);width:100%}.layout.sidebar-only .copyright a:after{content:""}.layout.sidebar-only:has(.extend) .locales .dropdown{right:-7rem}.layout.sidebar-only .locales{border-top:1px solid var(--layout-border-color, #dee2e6a6);width:100%}.layout.sidebar-only .sidebar-menu-wrapper .locales>.locale-trigger{--locale-switcher-padding-v: 1rem;height:var(--sidebar-menu-height, 3rem)}.layout.sidebar-only .locales.expanded,.layout.sidebar-only .locales:hover{--locale-switcher-hover-color: #0870e5}.layout.sidebar-only .locales .truncated>img{transition:transform .3s ease}.layout.sidebar-only .locales.expanded .truncated>img{transform:rotate(180deg)}.layout.sidebar-only .locales ul.dropdown{--locale-switcher-bg-color: #007aff;--locale-switcher-border: none;left:0;right:0;top:unset;bottom:100%;border-top:1px solid #0870e5}.layout.sidebar-only .locales ul.dropdown .badge{--locale-switcher-badge-bg-color: #60a7f3}.layout.sidebar-only:has(.extend){grid-template-areas:"sidebar main";grid-template-columns:var(--sidebar-collapsed-width, 6rem) 1fr}.layout.sidebar-only:has(.no-sidebar){grid-template-areas:"main";grid-template-columns:1fr}.layout.sidebar-only>.no-sidebar{position:fixed;top:0}.layout.sidebar-only>.layout-sidebar{grid-area:sidebar;transition:width .3s ease-in-out;z-index:100}.layout.sidebar-only>main{grid-area:main;transition:all .3s ease-in-out}.layout-sidebar{transition:width .3s ease-in-out}main{padding:var(--layout-default-padding-v, 2.5rem) var(--layout-default-padding-h, 2rem);z-index:99}@media screen and (min-width: 1024px){.layout.sidebar-only{grid-template-columns:var(--sidebar-width, 16rem) 1fr;grid-template-areas:"sidebar main"}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prefabs.tech/vue3-layout",
3
- "version": "0.12.0",
3
+ "version": "0.13.0",
4
4
  "description": "Vue3 Layout Plugin",
5
5
  "type": "module",
6
6
  "exports": {
@@ -19,9 +19,9 @@
19
19
  "devDependencies": {
20
20
  "@prefabs.tech/eslint-config": "0.2.0",
21
21
  "@prefabs.tech/tsconfig": "0.2.0",
22
- "@prefabs.tech/vue3-config": "0.12.0",
23
- "@prefabs.tech/vue3-i18n": "0.12.0",
24
- "@prefabs.tech/vue3-ui": "0.12.0",
22
+ "@prefabs.tech/vue3-config": "0.13.0",
23
+ "@prefabs.tech/vue3-i18n": "0.13.0",
24
+ "@prefabs.tech/vue3-ui": "0.13.0",
25
25
  "@iconify/vue": "4.3.0",
26
26
  "@types/node": "22.13.5",
27
27
  "@typescript-eslint/eslint-plugin": "8.24.1",
@@ -49,9 +49,9 @@
49
49
  "vue-tsc": "1.2.0"
50
50
  },
51
51
  "peerDependencies": {
52
- "@prefabs.tech/vue3-config": "0.12.0",
53
- "@prefabs.tech/vue3-i18n": "0.12.0",
54
- "@prefabs.tech/vue3-ui": "0.12.0",
52
+ "@prefabs.tech/vue3-config": "0.13.0",
53
+ "@prefabs.tech/vue3-i18n": "0.13.0",
54
+ "@prefabs.tech/vue3-ui": "0.13.0",
55
55
  "@vueuse/core": ">=9.4.0",
56
56
  "vue": ">=3.2",
57
57
  "vue-router": ">=4.0"
package/dist/NavMenuItem-BPQBXe7I.js DELETED
@@ -1,4 +0,0 @@
1
- import { _ as f } from "./index-F-mM76Og.js";
2
- export {
3
- f as default
4
- };