intelliwaketssveltekitv25 1.0.14 → 1.0.15

package/dist/Icon.svelte

@@ -1,5 +1,4 @@
 <script lang='ts'>
-	import { onMount } from 'svelte'
 	import { CleanNumber } from '@solidbasisventures/intelliwaketsfoundation'
 	import type { IconDefinition } from '@fortawesome/fontawesome-common-types'
 
@@ -15,7 +14,7 @@
 		dataColor,
 
 		fw = false,
-		pull = '',
+		pull,
 
 		scale = 1,
 		translateX = 0,
@@ -44,7 +43,7 @@
 		dataColor?: TDefaultColorPalate | null
 
 		fw?: boolean
-		pull?: string
+		pull?: 'left' | 'right'
 
 		scale?: number
 		translateX?: number
@@ -64,12 +63,6 @@
 		hidden?: boolean
 	} = $props()
 
-	function setCustomSize(element: SVGElement, size: string) {
-		if (size && size !== 'lg' && size !== 'sm' && size !== 'xs') {
-			element.style.fontSize = size.replace('x', 'em')
-		}
-	}
-
 	function getTransform(
 		scale: number,
 		translateX: number,
@@ -100,73 +93,33 @@
 		return output
 	}
 
-	let svgElement = $state<SVGElement | undefined>(undefined)
-
-	onMount(() => {
-		if (svgElement) {
-			setCustomSize(svgElement, size)
-		}
-	})
-
 	let i = $derived(icon?.icon || [0, 0, [''], '', ''])
 
 	let transform = $derived(getTransform(scale, translateX, translateY, CleanNumber(rotate), flip, 512))
 
 	let zero = $derived<any>((i[4] as any)[0])
 	let one = $derived<any>((i[4] as any)[1])
-</script>
 
-<style>
-    :global(.svelte-fa-base) {
-        height: 1em;
-        overflow: visible;
-        transform-origin: center;
-        vertical-align: -.125em;
-    }
-
-    :global(.svelte-fa-fw) {
-        text-align: center;
-        width: 1.25em;
-    }
-
-    .svelte-fa-pull-left {
-        float: left;
-    }
-
-    .svelte-fa-pull-right {
-        float: right;
-    }
-
-    .svelte-fa-size-lg {
-        font-size: 1.33333em;
-        line-height: .75em;
-        vertical-align: -.225em;
-    }
-
-    .svelte-fa-size-sm {
-        font-size: .875em;
-    }
-
-    .svelte-fa-size-xs {
-        font-size: .75em;
-    }
-</style>
+	let useStyle = $derived(`${style ?? ''} ${size === 'lg' ? 'font-size: 1.33333em; line-height: .75em; vertical-align: -.225em;' :
+		size === 'sm' ? 'font-size: .875em;' :
+			size === 'xs' ? 'font-size: .75em;' :
+				!!size ? `font-size: ${size.replace('x', 'em')}` :
+					''} height: 1em; overflow: visible; transform-origin: center; vertical-align: -.125em; text-align: center; width: 1.25em; ${pull === 'left' ? 'float: left;' :
+		pull === 'right' ? 'float: right;' : ''}`)
+</script>
 
 {#if !!icon && i[4] && !hidden}
 	<svg
 		id={id || undefined}
-		bind:this={svgElement}
 		class:pulse
 		class:svelte-fa-size-lg={size === 'lg'}
 		class:svelte-fa-size-sm={size === 'sm'}
 		class:svelte-fa-size-xs={size === 'xs'}
 		class:svelte-fa-fw={fw}
-		class:svelte-fa-pull-left={pull === 'left'}
-		class:svelte-fa-pull-right={pull === 'right'}
 		class:spin
 		class:invisible={invisible}
 		class='svelte-fa svelte-fa-base {clazz}'
-		style={style !== '' ? style : null}
+		style={useStyle}
 		viewBox='0 0 {i[0]} {i[1]}'
 		aria-hidden='true'
 		role='img'

package/dist/Icon.svelte.d.ts

@@ -9,7 +9,7 @@ type $$ComponentProps = {
     color?: string | null;
     dataColor?: TDefaultColorPalate | null;
     fw?: boolean;
-    pull?: string;
+    pull?: 'left' | 'right';
     scale?: number;
     translateX?: number;
     translateY?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelliwaketssveltekitv25",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",