@functionalcms/svelte-components 5.3.4 → 5.3.6
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.
|
@@ -56,9 +56,9 @@
|
|
|
56
56
|
footer:
|
|
57
57
|
'absolute start-0 bottom-0 z-20 w-full border-t border-gray-200 bg-white p-4 shadow-sm md:flex md:items-center md:justify-between md:p-6 dark:border-gray-600 dark:bg-gray-800',
|
|
58
58
|
footerLinks: '',
|
|
59
|
-
main: 'min-h-screen'
|
|
59
|
+
main: 'min-h-screen'
|
|
60
60
|
};
|
|
61
|
-
const mergedClasses = $derived({ ...defaultClasses, ...classes });
|
|
61
|
+
const mergedClasses = $derived(() => ({ ...defaultClasses, ...classes }));
|
|
62
62
|
|
|
63
63
|
let activeUrl = $state(page.url.pathname);
|
|
64
64
|
|
|
@@ -76,40 +76,40 @@
|
|
|
76
76
|
</svelte:head>
|
|
77
77
|
|
|
78
78
|
<div class="w-full relative" id="defaultLayout">
|
|
79
|
-
<Navbar class={mergedClasses.navigation}>
|
|
79
|
+
<Navbar class={mergedClasses().navigation}>
|
|
80
80
|
<NavBrand href="/" class="logo">
|
|
81
|
-
<img src={logoUrl} class={mergedClasses.logo} alt={companyName} />
|
|
81
|
+
<img src={logoUrl} class={mergedClasses().logo} alt={companyName} />
|
|
82
82
|
{#if renderCompanyName}
|
|
83
|
-
<span class={mergedClasses.companyName}>{companyName}</span>
|
|
83
|
+
<span class={mergedClasses().companyName}>{companyName}</span>
|
|
84
84
|
{/if}
|
|
85
85
|
</NavBrand>
|
|
86
86
|
<NavHamburger />
|
|
87
87
|
<NavUl
|
|
88
88
|
{activeUrl}
|
|
89
|
-
classes={{ active: mergedClasses.activeClass, nonActive: mergedClasses.nonActiveClass }}
|
|
89
|
+
classes={{ active: mergedClasses().activeClass, nonActive: mergedClasses().nonActiveClass }}
|
|
90
90
|
>
|
|
91
91
|
{#each menuItems as item}
|
|
92
92
|
{#if item?.items}
|
|
93
|
-
<NavLi class={mergedClasses.menuItem}>
|
|
93
|
+
<NavLi class={mergedClasses().menuItem}>
|
|
94
94
|
<a href={item.href}>{item.label}</a>
|
|
95
95
|
<ChevronDownOutline class="text-primary-800 ms-2 inline h-6 w-6 dark:text-white" />
|
|
96
96
|
</NavLi>
|
|
97
97
|
<Dropdown simple class="w-44">
|
|
98
98
|
{#each item.items as subItem}
|
|
99
|
-
<DropdownItem class={mergedClasses.menuItem} href={subItem.href}
|
|
99
|
+
<DropdownItem class={mergedClasses().menuItem} href={subItem.href}
|
|
100
100
|
>{subItem.label}</DropdownItem
|
|
101
101
|
>
|
|
102
102
|
{/each}
|
|
103
103
|
</Dropdown>
|
|
104
104
|
{:else}
|
|
105
|
-
<NavLi class={mergedClasses.menuItem}>
|
|
105
|
+
<NavLi class={mergedClasses().menuItem}>
|
|
106
106
|
<a href={item.href}>{item.label}</a>
|
|
107
107
|
</NavLi>
|
|
108
108
|
{/if}
|
|
109
109
|
{/each}
|
|
110
110
|
</NavUl>
|
|
111
111
|
</Navbar>
|
|
112
|
-
<main class={mergedClasses.main}>
|
|
112
|
+
<main class={mergedClasses().main}>
|
|
113
113
|
{@render children?.()}
|
|
114
114
|
</main>
|
|
115
115
|
{@render footerRender?.()}
|