@functionalcms/svelte-components 5.3.3 → 5.3.5
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.
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
menuItem?: string;
|
|
22
22
|
activeClass?: string;
|
|
23
23
|
nonActiveClass?: string;
|
|
24
|
+
main?: string;
|
|
24
25
|
}
|
|
25
26
|
|
|
26
27
|
interface Props {
|
|
@@ -57,7 +58,7 @@
|
|
|
57
58
|
footerLinks: '',
|
|
58
59
|
main: 'min-h-screen'
|
|
59
60
|
};
|
|
60
|
-
const mergedClasses = $derived({ ...defaultClasses, ...classes });
|
|
61
|
+
const mergedClasses = $derived(() => ({ ...defaultClasses, ...classes }));
|
|
61
62
|
|
|
62
63
|
let activeUrl = $state(page.url.pathname);
|
|
63
64
|
|
|
@@ -75,40 +76,40 @@
|
|
|
75
76
|
</svelte:head>
|
|
76
77
|
|
|
77
78
|
<div class="w-full relative" id="defaultLayout">
|
|
78
|
-
<Navbar class={mergedClasses.navigation}>
|
|
79
|
+
<Navbar class={mergedClasses().navigation}>
|
|
79
80
|
<NavBrand href="/" class="logo">
|
|
80
|
-
<img src={logoUrl} class={mergedClasses.logo} alt={companyName} />
|
|
81
|
+
<img src={logoUrl} class={mergedClasses().logo} alt={companyName} />
|
|
81
82
|
{#if renderCompanyName}
|
|
82
|
-
<span class={mergedClasses.companyName}>{companyName}</span>
|
|
83
|
+
<span class={mergedClasses().companyName}>{companyName}</span>
|
|
83
84
|
{/if}
|
|
84
85
|
</NavBrand>
|
|
85
86
|
<NavHamburger />
|
|
86
87
|
<NavUl
|
|
87
88
|
{activeUrl}
|
|
88
|
-
classes={{ active: mergedClasses.activeClass, nonActive: mergedClasses.nonActiveClass }}
|
|
89
|
+
classes={{ active: mergedClasses().activeClass, nonActive: mergedClasses().nonActiveClass }}
|
|
89
90
|
>
|
|
90
91
|
{#each menuItems as item}
|
|
91
92
|
{#if item?.items}
|
|
92
|
-
<NavLi class={mergedClasses.menuItem}>
|
|
93
|
+
<NavLi class={mergedClasses().menuItem}>
|
|
93
94
|
<a href={item.href}>{item.label}</a>
|
|
94
95
|
<ChevronDownOutline class="text-primary-800 ms-2 inline h-6 w-6 dark:text-white" />
|
|
95
96
|
</NavLi>
|
|
96
97
|
<Dropdown simple class="w-44">
|
|
97
98
|
{#each item.items as subItem}
|
|
98
|
-
<DropdownItem class={mergedClasses.menuItem} href={subItem.href}
|
|
99
|
+
<DropdownItem class={mergedClasses().menuItem} href={subItem.href}
|
|
99
100
|
>{subItem.label}</DropdownItem
|
|
100
101
|
>
|
|
101
102
|
{/each}
|
|
102
103
|
</Dropdown>
|
|
103
104
|
{:else}
|
|
104
|
-
<NavLi class={mergedClasses.menuItem}>
|
|
105
|
+
<NavLi class={mergedClasses().menuItem}>
|
|
105
106
|
<a href={item.href}>{item.label}</a>
|
|
106
107
|
</NavLi>
|
|
107
108
|
{/if}
|
|
108
109
|
{/each}
|
|
109
110
|
</NavUl>
|
|
110
111
|
</Navbar>
|
|
111
|
-
<main class={mergedClasses.main}>
|
|
112
|
+
<main class={mergedClasses().main}>
|
|
112
113
|
{@render children?.()}
|
|
113
114
|
</main>
|
|
114
115
|
{@render footerRender?.()}
|