flowbite-svelte 0.20.0 → 0.21.0

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [0.21.0](https://github.com/themesberg/flowbite-svelte/compare/v0.20.0...v0.21.0) (2022-07-01)
+
+
+### ⚠ BREAKING CHANGES
+
+* Footer component updated
+
+### Features
+
+* Footer component updated ([c144ba6](https://github.com/themesberg/flowbite-svelte/commit/c144ba67bc7bf883066c9de2afaca21f1dc82bf3))
+
 ## [0.20.0](https://github.com/themesberg/flowbite-svelte/compare/v0.19.13...v0.20.0) (2022-07-01)
 
 

package/buttons/Button.svelte

@@ -6,11 +6,8 @@ export let color = 'blue';
 export let size = 'md';
 export let icon = undefined;
 export let gradient = false;
-let gradientMonochrome;
-let gradientDuoTone;
 export let shadow = null;
 export let positionInGroup = null;
-let outlineStyle;
 const colorClasses = {
     blue: 'text-white bg-blue-700 border border-transparent hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 disabled:hover:bg-blue-700 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 dark:disabled:hover:bg-blue-600',
     alternative: 'text-gray-900 bg-white border border-gray-200 hover:bg-gray-100 hover:text-blue-700 disabled:hover:bg-white focus:ring-blue-700 focus:text-blue-700 dark:bg-transparent dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 focus:ring-2 dark:disabled:hover:bg-gray-800',

package/footer/Footer.svelte

@@ -0,0 +1,18 @@
+<script>import classNames from 'classnames';
+export let footerType = 'default';
+</script>
+
+<footer
+	class={classNames(
+		{
+			'bg-gray-800': footerType === 'sitemap',
+			'p-4 bg-white sm:p-6 dark:bg-gray-800': footerType === 'socialmedia',
+			'p-4 bg-white rounded-lg shadow md:px-6 md:py-8 dark:bg-gray-800': footerType === 'logo',
+			'p-4 bg-white rounded-lg shadow md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800':
+				footerType === 'default'
+		},
+		$$props.class
+	)}
+>
+	<slot />
+</footer>

package/footer/Footer.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        footerType?: 'sitemap' | 'default' | 'logo' | 'socialmedia';
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type FooterProps = typeof __propDef.props;
+export declare type FooterEvents = typeof __propDef.events;
+export declare type FooterSlots = typeof __propDef.slots;
+export default class Footer extends SvelteComponentTyped<FooterProps, FooterEvents, FooterSlots> {
+}
+export {};

package/footer/FooterBrand.svelte

@@ -0,0 +1,19 @@
+<script>import classNames from 'classnames';
+export let aClass = 'flex items-center';
+export let spanClass = 'self-center text-2xl font-semibold whitespace-nowrap dark:text-white';
+export let imgClass = 'mr-3 h-8';
+export let href = '';
+export let src = '';
+export let alt = '';
+export let name = '';
+</script>
+
+{#if href}
+	<a {href} class={classNames(aClass, $$props.class)}>
+		<img {src} class={imgClass} {alt} />
+		<span class={spanClass}>{name}</span>
+		<slot />
+	</a>
+{:else}
+	<img {src} class={imgClass} {alt} />
+{/if}

package/footer/FooterBrand.svelte.d.ts

@@ -0,0 +1,25 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        aClass?: string;
+        spanClass?: string;
+        imgClass?: string;
+        href?: string;
+        src?: string;
+        alt?: string;
+        name?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type FooterBrandProps = typeof __propDef.props;
+export declare type FooterBrandEvents = typeof __propDef.events;
+export declare type FooterBrandSlots = typeof __propDef.slots;
+export default class FooterBrand extends SvelteComponentTyped<FooterBrandProps, FooterBrandEvents, FooterBrandSlots> {
+}
+export {};

package/footer/FooterCopyright.svelte

@@ -0,0 +1,19 @@
+<script>import classNames from 'classnames';
+export let spanClass = 'text-sm text-gray-500 sm:text-center dark:text-gray-400';
+export let aClass = 'hover:underline';
+export let year = new Date().getFullYear();
+export let href = '';
+export let by = '';
+</script>
+
+<span class={classNames(spanClass, $$props.class)}>
+	&copy; {year}
+	{#if href}
+		<a {href} class={aClass}>
+			{by}
+		</a>
+	{:else}
+		<span class="ml-1">{by}</span>
+	{/if}
+	. All Rights Reserved.
+</span>

package/footer/FooterCopyright.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        spanClass?: string;
+        aClass?: string;
+        year?: number;
+        href?: string;
+        by?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type FooterCopyrightProps = typeof __propDef.props;
+export declare type FooterCopyrightEvents = typeof __propDef.events;
+export declare type FooterCopyrightSlots = typeof __propDef.slots;
+export default class FooterCopyright extends SvelteComponentTyped<FooterCopyrightProps, FooterCopyrightEvents, FooterCopyrightSlots> {
+}
+export {};

package/footer/FooterIcon.svelte

@@ -0,0 +1,16 @@
+<script>import classNames from 'classnames';
+export let href = '';
+export let ariaLabel = '';
+export let aClass = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
+export let icon = null;
+export let iconClass = 'h-5 w-5';
+export let size = '20';
+</script>
+
+{#if href}
+	<a {href} aria-label={ariaLabel} class={classNames(aClass, $$props.class)}>
+		<svelte:component this={icon} {size} class={iconClass} />
+	</a>
+{:else}
+	<svelte:component this={icon} {size} class={iconClass} />
+{/if}

package/footer/FooterIcon.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from 'svelte';
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        href?: string;
+        ariaLabel?: string;
+        aClass?: string;
+        icon?: typeof SvelteComponent | null;
+        iconClass?: string;
+        size?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type FooterIconProps = typeof __propDef.props;
+export declare type FooterIconEvents = typeof __propDef.events;
+export declare type FooterIconSlots = typeof __propDef.slots;
+export default class FooterIcon extends SvelteComponentTyped<FooterIconProps, FooterIconEvents, FooterIconSlots> {
+}
+export {};

package/footer/FooterLink.svelte

@@ -0,0 +1,11 @@
+<script>import classNames from 'classnames';
+export let liClass = 'mr-4 last:mr-0 md:mr-6';
+export let aClass = 'hover:underline';
+export let href = '';
+</script>
+
+<li class={classNames(liClass, $$props.class)}>
+	<a {href} class={aClass}>
+		<slot />
+	</a>
+</li>

package/footer/FooterLink.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        liClass?: string;
+        aClass?: string;
+        href?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type FooterLinkProps = typeof __propDef.props;
+export declare type FooterLinkEvents = typeof __propDef.events;
+export declare type FooterLinkSlots = typeof __propDef.slots;
+export default class FooterLink extends SvelteComponentTyped<FooterLinkProps, FooterLinkEvents, FooterLinkSlots> {
+}
+export {};

package/footer/FooterLinkGroup.svelte

@@ -0,0 +1,7 @@
+<script>import classNames from 'classnames';
+export let ulClass = 'text-gray-600 dark:text-gray-400';
+</script>
+
+<ul class={classNames(ulClass, $$props.class)}>
+	<slot />
+</ul>

package/footer/FooterLinkGroup.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        ulClass?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type FooterLinkGroupProps = typeof __propDef.props;
+export declare type FooterLinkGroupEvents = typeof __propDef.events;
+export declare type FooterLinkGroupSlots = typeof __propDef.slots;
+export default class FooterLinkGroup extends SvelteComponentTyped<FooterLinkGroupProps, FooterLinkGroupEvents, FooterLinkGroupSlots> {
+}
+export {};

package/footer/LogoFooter.svelte

@@ -1,6 +1,6 @@
-<script>export let site;
+<script>import classNames from 'classnames';
+export let site;
 export let links;
-export let footerClass = 'p-4 bg-white rounded-lg shadow md:px-6 md:py-8 dark:bg-gray-800';
 export let divClass = 'sm:flex sm:items-center sm:justify-between';
 export let siteNameClass = 'self-center text-2xl font-semibold whitespace-nowrap dark:text-white';
 export let ulClass = 'flex flex-wrap items-center mb-6 text-sm text-gray-500 sm:mb-0 dark:text-gray-400';
@@ -14,23 +14,21 @@ export let copyrightYear = '© 2022';
 export let allRightsReserved = 'All Rights Reserved.';
 </script>
 
-<footer class="{footerClass} {$$props.class ? $$props.class : ''}">
-	<div class={divClass}>
-		<a href={site.href} class={siteNameLinkClass}>
-			<img src={site.img} class={imgClass} alt={site.name} />
-			<span class={siteNameClass}>{site.name}</span>
-		</a>
-		<ul class={ulClass}>
-			{#each links as { name, href, rel }}
-				<li>
-					<a {href} {rel} class={aClass}>{name}</a>
-				</li>
-			{/each}
-		</ul>
-	</div>
-	<hr class={hrClass} />
-	<span class={copyRightSpanClass}
-		>{copyrightYear}
-		<a href={site.href} class={copyRightLinkClass}>{site.name}</a>. {allRightsReserved}
-	</span>
-</footer>
+<div class={divClass}>
+	<a href={site.href} class={siteNameLinkClass}>
+		<img src={site.img} class={imgClass} alt={site.name} />
+		<span class={siteNameClass}>{site.name}</span>
+	</a>
+	<ul class={ulClass}>
+		{#each links as { name, href, rel }}
+			<li>
+				<a {href} {rel} class={aClass}>{name}</a>
+			</li>
+		{/each}
+	</ul>
+</div>
+<hr class={hrClass} />
+<span class={copyRightSpanClass}
+	>{copyrightYear}
+	<a href={site.href} class={copyRightLinkClass}>{site.name}</a>. {allRightsReserved}
+</span>

package/footer/LogoFooter.svelte.d.ts

@@ -2,10 +2,8 @@ import { SvelteComponentTyped } from "svelte";
 import type { LinkType, SiteType } from '../types';
 declare const __propDef: {
     props: {
-        [x: string]: any;
         site: SiteType;
         links: LinkType[];
-        footerClass?: string;
         divClass?: string;
         siteNameClass?: string;
         ulClass?: string;

package/footer/SimpleFooter.svelte

@@ -1,6 +1,6 @@
-<script>export let site;
+<script>import classNames from 'classnames';
+export let site;
 export let links;
-export let footerClass = 'p-4 bg-white rounded-lg shadow md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800';
 export let siteNameClass = 'text-sm text-gray-500 sm:text-center dark:text-gray-400';
 export let ulClass = 'flex flex-wrap items-center mt-3 sm:mt-0';
 export let aClass = 'mr-4 text-sm text-gray-500 hover:underline md:mr-6 dark:text-gray-400';
@@ -9,16 +9,14 @@ export let copyrightYear = '© 2022';
 export let allRightsReserved = 'All Rights Reserved.';
 </script>
 
-<footer class="{footerClass} {$$props.class ? $$props.class : ''}">
-	<span class={siteNameClass}
-		>{copyrightYear}
-		<a href={site.href} class={siteNameLinkClass} target="_blank">{site.name}</a>. {allRightsReserved}
-	</span>
-	<ul class={ulClass}>
-		{#each links as { name, href, rel }}
-			<li>
-				<a {href} {rel} class={aClass}>{name}</a>
-			</li>
-		{/each}
-	</ul>
-</footer>
+<span class={siteNameClass}
+	>{copyrightYear}
+	<a href={site.href} class={siteNameLinkClass} target="_blank">{site.name}</a>. {allRightsReserved}
+</span>
+<ul class={ulClass}>
+	{#each links as { name, href, rel }}
+		<li>
+			<a {href} {rel} class={aClass}>{name}</a>
+		</li>
+	{/each}
+</ul>

package/footer/SimpleFooter.svelte.d.ts

@@ -2,10 +2,8 @@ import { SvelteComponentTyped } from "svelte";
 import type { LinkType, SiteType } from '../types';
 declare const __propDef: {
     props: {
-        [x: string]: any;
         site: SiteType;
         links: LinkType[];
-        footerClass?: string;
         siteNameClass?: string;
         ulClass?: string;
         aClass?: string;

package/footer/SitemapFooter.svelte

@@ -1,7 +1,6 @@
 <script>export let site;
 export let links;
 export let socialMedia;
-export let footerClass = 'bg-white dark:bg-gray-800';
 export let linksClass = 'grid grid-cols-2 gap-8 py-8 px-6 md:grid-cols-4';
 export let parentClass = 'mb-6 text-sm font-semibold dark:text-gray-400 uppercase';
 export let ulClass = 'text-gray-900 dark:text-gray-300';
@@ -16,31 +15,31 @@ export let copyrightYear = '© 2022';
 export let allRightsReserved = 'All Rights Reserved.';
 </script>
 
-<footer class="{footerClass} {$$props.class ? $$props.class : ''}">
-	<div class={linksClass}>
-		{#each links as { parent, children }}
-			<div>
-				<h2 class={parentClass}>
-					{parent}
-				</h2>
-				<ul class={ulClass}>
-					{#each children as { name, href }}
-						<li class={liClass}>
-							<a {href} class={linkClass}>{name}</a>
-						</li>
-					{/each}
-				</ul>
-			</div>
-		{/each}
-	</div>
-	<div class={copyrightDivClass}>
-		<span class={copyrightClass}>{copyrightYear} <a href={site.href}>{site.name}</a>. {allRightsReserved} </span>
-		<div class={socialMediaDivClass}>
-			{#each socialMedia as { href, icon }}
-				<a {href} class={socialMediaLinkClass}>
-					<svelte:component this={icon} className={iconClass} />
-				</a>
-			{/each}
+<div class={linksClass}>
+	{#each links as { parent, children }}
+		<div>
+			<h2 class={parentClass}>
+				{parent}
+			</h2>
+			<ul class={ulClass}>
+				{#each children as { name, href }}
+					<li class={liClass}>
+						<a {href} class={linkClass}>{name}</a>
+					</li>
+				{/each}
+			</ul>
 		</div>
+	{/each}
+</div>
+<div class={copyrightDivClass}>
+	<span class={copyrightClass}
+		>{copyrightYear} <a href={site.href}>{site.name}</a>. {allRightsReserved}
+	</span>
+	<div class={socialMediaDivClass}>
+		{#each socialMedia as { href, icon }}
+			<a {href} class={socialMediaLinkClass}>
+				<svelte:component this={icon} className={iconClass} />
+			</a>
+		{/each}
 	</div>
-</footer>
+</div>

package/footer/SitemapFooter.svelte.d.ts

@@ -2,11 +2,9 @@ import { SvelteComponentTyped } from "svelte";
 import type { SiteType, SocialMediaType, SocialMediaLinkType } from '../types';
 declare const __propDef: {
     props: {
-        [x: string]: any;
         site: SiteType;
         links: SocialMediaLinkType[];
         socialMedia: SocialMediaType[];
-        footerClass?: string;
         linksClass?: string;
         parentClass?: string;
         ulClass?: string;

package/footer/SocialMediaFooter.svelte

@@ -1,7 +1,7 @@
-<script>export let site;
+<script>import classNames from 'classnames';
+export let site;
 export let links;
 export let socialMedia;
-export let footerClass = 'p-4 bg-white sm:p-6 dark:bg-gray-800';
 export let divClass = 'md:flex md:justify-between';
 export let divClass2 = 'mb-6 md:mb-0';
 export let siteLinkClass = 'flex items-center';
@@ -22,43 +22,42 @@ export let copyrightYear = '© 2022';
 export let allRightsReserved = 'All Rights Reserved.';
 </script>
 
-<footer class="{footerClass} {$$props.class ? $$props.class : ''}">
-	<div class={divClass}>
-		<div class={divClass2}>
-			<a href={site.href} class={siteLinkClass}>
-				<img src={site.img} class={imgClass} alt={site.name} />
-				<span class={siteNameSpanClass}>{site.name}</span>
-			</a>
-		</div>
-		<div class={linksDivClass}>
-			{#each links as { parent, children }}
-				<div>
-					<h2 class={parentClass}>
-						{parent}
-					</h2>
-					<ul class={ulClass}>
-						{#each children as { name, href }}
-							<li class={liClass}>
-								<a {href} class={linkClass}>{name}</a>
-							</li>
-						{/each}
-					</ul>
-				</div>
-			{/each}
-		</div>
+<div class={divClass}>
+	<div class={divClass2}>
+		<a href={site.href} class={siteLinkClass}>
+			<img src={site.img} class={imgClass} alt={site.name} />
+			<span class={siteNameSpanClass}>{site.name}</span>
+		</a>
+		<slot />
+	</div>
+	<div class={linksDivClass}>
+		{#each links as { parent, children }}
+			<div>
+				<h2 class={parentClass}>
+					{parent}
+				</h2>
+				<ul class={ulClass}>
+					{#each children as { name, href }}
+						<li class={liClass}>
+							<a {href} class={linkClass}>{name}</a>
+						</li>
+					{/each}
+				</ul>
+			</div>
+		{/each}
 	</div>
-	<hr class={hrClass} />
-	<div class={copyrightDivClass}>
-		<span class={copyrightClass}
-			>{copyrightYear}
-			<a href={site.href} class="hover:underline">{site.name}</a>. {allRightsReserved}
-		</span>
-		<div class={socialMediaDivClass}>
-			{#each socialMedia as { href, icon }}
-				<a {href} class={socialMediaLinkClass}>
-					<svelte:component this={icon} class={iconClass} />
-				</a>
-			{/each}
-		</div>
+</div>
+<hr class={hrClass} />
+<div class={copyrightDivClass}>
+	<span class={copyrightClass}
+		>{copyrightYear}
+		<a href={site.href} class="hover:underline">{site.name}</a>. {allRightsReserved}
+	</span>
+	<div class={socialMediaDivClass}>
+		{#each socialMedia as { href, icon }}
+			<a {href} class={socialMediaLinkClass}>
+				<svelte:component this={icon} class={iconClass} />
+			</a>
+		{/each}
 	</div>
-</footer>
+</div>

package/footer/SocialMediaFooter.svelte.d.ts

@@ -2,11 +2,9 @@ import { SvelteComponentTyped } from "svelte";
 import type { SocialMediaLinkType, SocialMediaType, SiteType } from '../types';
 declare const __propDef: {
     props: {
-        [x: string]: any;
         site: SiteType;
         links: SocialMediaLinkType[];
         socialMedia: SocialMediaType[];
-        footerClass?: string;
         divClass?: string;
         divClass2?: string;
         siteLinkClass?: string;
@@ -29,7 +27,9 @@ declare const __propDef: {
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {};
+    };
 };
 export declare type SocialMediaFooterProps = typeof __propDef.props;
 export declare type SocialMediaFooterEvents = typeof __propDef.events;

package/index.d.ts

@@ -22,10 +22,12 @@ export { default as Dropdown } from './dropdowns/Dropdown.svelte';
 export { default as DropdownDivider } from './dropdowns/DropdownDivider.svelte';
 export { default as DropdownHeader } from './dropdowns/DropdownHeader.svelte';
 export { default as DropdownItem } from './dropdowns/DropdownItem.svelte';
-export { default as SimpleFooter } from './footer/SimpleFooter.svelte';
-export { default as LogoFooter } from './footer/LogoFooter.svelte';
-export { default as SocialMediaFooter } from './footer/SocialMediaFooter.svelte';
-export { default as SitemapFooter } from './footer/SitemapFooter.svelte';
+export { default as Footer } from './footer/Footer.svelte';
+export { default as FooterBrand } from './footer/FooterBrand.svelte';
+export { default as FooterCopyright } from './footer/FooterCopyright.svelte';
+export { default as FooterIcon } from './footer/FooterIcon.svelte';
+export { default as FooterLink } from './footer/FooterLink.svelte';
+export { default as FooterLinkGroup } from './footer/FooterLinkGroup.svelte';
 export { default as Checkbox } from './forms/Checkbox.svelte';
 export { default as Fileupload } from './forms/Fileupload.svelte';
 export { default as FloatingLabelInput } from './forms/FloatingLabelInput.svelte';

package/index.js

@@ -34,10 +34,12 @@ export { default as DropdownDivider } from './dropdowns/DropdownDivider.svelte';
 export { default as DropdownHeader } from './dropdowns/DropdownHeader.svelte';
 export { default as DropdownItem } from './dropdowns/DropdownItem.svelte';
 // Footers
-export { default as SimpleFooter } from './footer/SimpleFooter.svelte';
-export { default as LogoFooter } from './footer/LogoFooter.svelte';
-export { default as SocialMediaFooter } from './footer/SocialMediaFooter.svelte';
-export { default as SitemapFooter } from './footer/SitemapFooter.svelte';
+export { default as Footer } from './footer/Footer.svelte';
+export { default as FooterBrand } from './footer/FooterBrand.svelte';
+export { default as FooterCopyright } from './footer/FooterCopyright.svelte';
+export { default as FooterIcon } from './footer/FooterIcon.svelte';
+export { default as FooterLink } from './footer/FooterLink.svelte';
+export { default as FooterLinkGroup } from './footer/FooterLinkGroup.svelte';
 // Forms
 export { default as Checkbox } from './forms/Checkbox.svelte';
 export { default as Fileupload } from './forms/Fileupload.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "description": "Flowbite components for Svelte",
   "main": "index.js",
   "author": {
@@ -121,6 +121,12 @@
     "./dropdowns/DropdownDivider.svelte": "./dropdowns/DropdownDivider.svelte",
     "./dropdowns/DropdownHeader.svelte": "./dropdowns/DropdownHeader.svelte",
     "./dropdowns/DropdownItem.svelte": "./dropdowns/DropdownItem.svelte",
+    "./footer/Footer.svelte": "./footer/Footer.svelte",
+    "./footer/FooterBrand.svelte": "./footer/FooterBrand.svelte",
+    "./footer/FooterCopyright.svelte": "./footer/FooterCopyright.svelte",
+    "./footer/FooterIcon.svelte": "./footer/FooterIcon.svelte",
+    "./footer/FooterLink.svelte": "./footer/FooterLink.svelte",
+    "./footer/FooterLinkGroup.svelte": "./footer/FooterLinkGroup.svelte",
     "./footer/LogoFooter.svelte": "./footer/LogoFooter.svelte",
     "./footer/SimpleFooter.svelte": "./footer/SimpleFooter.svelte",
     "./footer/SitemapFooter.svelte": "./footer/SitemapFooter.svelte",