@hkdigital/lib-sveltekit 0.1.4 → 0.1.6

package/dist/components/icon/HkIcon.svelte.d.ts

@@ -1,16 +1,4 @@
 export default HkIcon;
-type HkIcon = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        src: IconSource;
-        size?: string;
-        theme?: string;
-        base?: string;
-        classes?: string;
-    } & {
-        [attr: string]: any;
-    }>): void;
-};
 declare const HkIcon: import("svelte").Component<{
     src: import("./typedef.js").IconSource;
     size?: string;

package/dist/components/icon/HkTabIcon.svelte

@@ -1,116 +1,116 @@
-<script>
-	/**
-	 * TabBarIcon component
-	 *
-	 * Following component guidelines from Skeleton
-	 * @see https://next.skeleton.dev/docs/resources/contribute/components
-	 */
-
-	// import { ElementRect } from 'runed';
-
-	import { onMount } from 'svelte';
-
-	import { HkGridArea } from '../area';
-
-	import HkIcon from './HkIcon.svelte';
-
-	/**
-	 * Properties
-	 * ----------
-	 * src - icon component
-	 * theme - name of the icon set theme (e.g. 'solid' or 'outline')
-	 * label - text of the label to place below the icon
-	 *
-	 * @type {{
-	 *   src: import('./typedef.js').IconSource,
-	 *   iconTheme?: string,
-	 *   label?: string,
-	 *   route?: string,
-	 *   active?: boolean,
-	 *   base?: string,
-	 *   bg?: string,
-	 *   padding?: string,
-	 *   margin?: string,
-	 *   classes?: string,
-	 *   iconClasses? : string,
-	 *   iconHeight?: string,
-	 *   labelClasses? : string,
-	 *   rect?: DOMRect,
-	 * } & { [attr: string]: any }}
-	 *
-	 *
-	 */
-	let {
-		// Functional
-		src,
-		iconTheme,
-		label,
-		route,
-
-		active,
-
-		// Style
-		base,
-		bg,
-		padding,
-		margin,
-		classes,
-		iconClasses,
-		labelClasses,
-
-		// Event handlers
-		onmount,
-
-		// Rest attributes
-		...attrs
-	} = $props();
-
-	/** @type {HTMLElement} */
-	let iconBoxElem;
-
-	onMount(() => {
-		onmount(iconBoxElem);
-	});
-</script>
-
-{#snippet contents()}
-	<div
-		data-hk--icon-box
-		class="flex aspect-square w-full justify-center"
-		bind:this={iconBoxElem}
-	>
-		<HkIcon {src} size="100%" theme={iconTheme} classes={iconClasses} />
-	</div>
-
-	{#if label}
-		<div data-hk--label class="flex w-full justify-center {labelClasses}">
-			{label}
-		</div>
-	{/if}
-{/snippet}
-
-<HkGridArea
-	data-hk-tab-icon
-	boxMargin={margin}
-	boxPadding={padding}
-	base="grid-cols-1 justify-items-center cursor-pointer break-all overflow-clip h-full
-  {active ? 'active' : ''}
-  {label ? 'hasLabel' : ''} {base}"
-	{bg}
-	{...attrs}
->
-	{#if !route}
-		{@render contents()}
-	{:else}
-		<a href={route}>
-			{@render contents()}
-		</a>
-	{/if}
-</HkGridArea>
-
-<style>
-	a {
-		display: block;
-		text-decoration: none;
-	}
-</style>
+<script>
+	/**
+	 * TabBarIcon component
+	 *
+	 * Following component guidelines from Skeleton
+	 * @see https://next.skeleton.dev/docs/resources/contribute/components
+	 */
+
+	// import { ElementRect } from 'runed';
+
+	import { onMount } from 'svelte';
+
+	import { HkGridArea } from '../area';
+
+	import HkIcon from './HkIcon.svelte';
+
+	/**
+	 * Properties
+	 * ----------
+	 * src - icon component
+	 * theme - name of the icon set theme (e.g. 'solid' or 'outline')
+	 * label - text of the label to place below the icon
+	 *
+	 * @type {{
+	 *   src: import('./typedef.js').IconSource,
+	 *   iconTheme?: string,
+	 *   label?: string,
+	 *   route?: string,
+	 *   active?: boolean,
+	 *   base?: string,
+	 *   bg?: string,
+	 *   padding?: string,
+	 *   margin?: string,
+	 *   classes?: string,
+	 *   iconClasses? : string,
+	 *   iconHeight?: string,
+	 *   labelClasses? : string,
+	 *   rect?: DOMRect,
+	 * } & { [attr: string]: any }}
+	 *
+	 *
+	 */
+	let {
+		// Functional
+		src,
+		iconTheme,
+		label,
+		route,
+
+		active,
+
+		// Style
+		base,
+		bg,
+		padding,
+		margin,
+		classes,
+		iconClasses,
+		labelClasses,
+
+		// Event handlers
+		onmount,
+
+		// Rest attributes
+		...attrs
+	} = $props();
+
+	/** @type {HTMLElement} */
+	let iconBoxElem;
+
+	onMount(() => {
+		onmount(iconBoxElem);
+	});
+</script>
+
+{#snippet contents()}
+	<div
+		data-hk--icon-box
+		class="flex aspect-square w-full justify-center"
+		bind:this={iconBoxElem}
+	>
+		<HkIcon {src} size="100%" theme={iconTheme} classes={iconClasses} />
+	</div>
+
+	{#if label}
+		<div data-hk--label class="flex w-full justify-center {labelClasses}">
+			{label}
+		</div>
+	{/if}
+{/snippet}
+
+<HkGridArea
+	data-hk-tab-icon
+	boxMargin={margin}
+	boxPadding={padding}
+	base="grid-cols-1 justify-items-center cursor-pointer break-all overflow-clip h-full
+  {active ? 'active' : ''}
+  {label ? 'hasLabel' : ''} {base}"
+	{bg}
+	{...attrs}
+>
+	{#if !route}
+		{@render contents()}
+	{:else}
+		<a href={route}>
+			{@render contents()}
+		</a>
+	{/if}
+</HkGridArea>
+
+<style>
+	a {
+		display: block;
+		text-decoration: none;
+	}
+</style>

package/dist/components/icon/HkTabIcon.svelte.d.ts

@@ -1,25 +1,4 @@
 export default HkTabIcon;
-type HkTabIcon = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        src: IconSource;
-        iconTheme?: string;
-        label?: string;
-        route?: string;
-        active?: boolean;
-        base?: string;
-        bg?: string;
-        padding?: string;
-        margin?: string;
-        classes?: string;
-        iconClasses?: string;
-        iconHeight?: string;
-        labelClasses?: string;
-        rect?: DOMRect;
-    } & {
-        [attr: string]: any;
-    }>): void;
-};
 declare const HkTabIcon: import("svelte").Component<{
     src: import("./typedef.js").IconSource;
     iconTheme?: string;

package/dist/components/icon/index.js

@@ -1,4 +1,4 @@
-export { default as HkIcon } from './HkIcon.svelte';
-export { default as HkTabIcon } from './HkTabIcon.svelte';
-
-export * from './typedef.js';
+export { default as HkIcon } from './HkIcon.svelte';
+export { default as HkTabIcon } from './HkTabIcon.svelte';
+
+export * from './typedef.js';

package/dist/components/icon/typedef.js

@@ -1,16 +1,16 @@
-/**
- * @typedef {'path' | 'circle' | 'rect' | 'polygon' | 'polyline' | 'line'} AllowedTags
- */
-
-/**
- * @typedef { { a: { [attribute: string]: string }} &
- *            { [tag in AllowedTags]?: { [attribute: string]: string }[] }
- *   } IconThemeSource
- */
-
-/**
- * @typedef {{[theme: string]: IconThemeSource}} IconSource
- */
-
-// Export default is required for exporting typedefs
-export default {};
+/**
+ * @typedef {'path' | 'circle' | 'rect' | 'polygon' | 'polyline' | 'line'} AllowedTags
+ */
+
+/**
+ * @typedef { { a: { [attribute: string]: string }} &
+ *            { [tag in AllowedTags]?: { [attribute: string]: string }[] }
+ *   } IconThemeSource
+ */
+
+/**
+ * @typedef {{[theme: string]: IconThemeSource}} IconSource
+ */
+
+// Export default is required for exporting typedefs
+export default {};