@marianmeres/stuic 1.103.0 → 1.105.0

package/dist/components/AlertConfirmPrompt/acp-icons.d.ts

@@ -1,3 +1,2 @@
 import type { AlertConfirmPromptIcons } from './AlertConfirmPrompt.svelte';
-export declare function iconFeatherAlertTriangle(props: any): string;
 export declare const acpDefaultIcons: AlertConfirmPromptIcons;

package/dist/components/AlertConfirmPrompt/acp-icons.js

@@ -1,112 +1,8 @@
-// taken from @marianmeres/icons-fns
-export function iconFeatherAlertTriangle(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>`;
-}
-function iconFeatherAlertCircle(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>`;
-}
-function iconFeatherCheckCircle(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>`;
-}
-function iconFeatherXOctagon(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>`;
-}
-function iconFeatherInfo(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>`;
-}
-function iconFeatherRefreshCw(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg>`;
-}
+import { iconFeatherAlertTriangle } from '@marianmeres/icons-fns/feather/iconFeatherAlertTriangle.js';
+import { iconFeatherCheckCircle } from '@marianmeres/icons-fns/feather/iconFeatherCheckCircle.js';
+import { iconFeatherInfo } from '@marianmeres/icons-fns/feather/iconFeatherInfo.js';
+import { iconFeatherRefreshCw } from '@marianmeres/icons-fns/feather/iconFeatherRefreshCw.js';
+import { iconFeatherXOctagon } from '@marianmeres/icons-fns/feather/iconFeatherXOctagon.js';
 export const acpDefaultIcons = {
     info: () => iconFeatherInfo({}),
     success: () => iconFeatherCheckCircle({}),

package/dist/components/Notifications/notifications-icons.d.ts

@@ -1,3 +1,2 @@
 import type { NotificationType } from './notifications.js';
-export declare function iconFeatherAlertTriangle(props: any): string;
 export declare const notificationsDefaultIcons: Record<NotificationType, () => string>;

package/dist/components/Notifications/notifications-icons.js

@@ -1,94 +1,7 @@
-// taken from @marianmeres/icons-fns
-export function iconFeatherAlertTriangle(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>`;
-}
-function iconFeatherAlertCircle(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>`;
-}
-function iconFeatherCheckCircle(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>`;
-}
-function iconFeatherXOctagon(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>`;
-}
-function iconFeatherInfo(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>`;
-}
+import { iconFeatherAlertTriangle } from '@marianmeres/icons-fns/feather/iconFeatherAlertTriangle.js';
+import { iconFeatherCheckCircle } from '@marianmeres/icons-fns/feather/iconFeatherCheckCircle.js';
+import { iconFeatherInfo } from '@marianmeres/icons-fns/feather/iconFeatherInfo.js';
+import { iconFeatherXOctagon } from '@marianmeres/icons-fns/feather/iconFeatherXOctagon.js';
 export const notificationsDefaultIcons = {
     info: () => iconFeatherInfo({}),
     success: () => iconFeatherCheckCircle({}),

package/dist/components/Thc/Thc.svelte

@@ -5,21 +5,19 @@ export const isTHCNotEmpty = (m) => _is(m) || _is(m?.text) || _is(m?.html) || m?
 <script>export let thc;
 export let forceAsHtml = false;
 export let allowCastToStringFallback = true;
-export let transform = void 0;
-const _transform = (s) => typeof transform === "function" ? transform(s) : s;
 </script>
 
 {#if typeof thc === 'string'}
-	{#if forceAsHtml}{@html _transform(thc)}{:else}{_transform(thc)}{/if}
+	{#if forceAsHtml}{@html thc}{:else}{thc}{/if}
 {:else if thc?.text}
-	{#if forceAsHtml}{@html _transform(thc.text)}{:else}{_transform(thc.text)}{/if}
+	{#if forceAsHtml}{@html thc.text}{:else}{thc.text}{/if}
 {:else if thc?.html}
-	{@html _transform(thc.html)}
+	{@html thc.html}
 {:else if thc?.component}
 	<svelte:component this={thc.component} {...thc?.props || {}} {...$$restProps || {}} />
 {:else if allowCastToStringFallback}
 	<!-- cast to string as the last resort (if enabled) -->
-	{_transform(thc)}
+	{thc}
 {:else}
 	<!-- silence -->
 {/if}

package/dist/components/Thc/Thc.svelte.d.ts

@@ -17,7 +17,6 @@ declare const __propDef: {
         thc: THC;
         forceAsHtml?: boolean | undefined;
         allowCastToStringFallback?: boolean | undefined;
-        transform?: undefined | ((s: string) => string);
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@marianmeres/stuic",
-	"version": "1.103.0",
+	"version": "1.105.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package && node ./scripts/date.js",
@@ -32,7 +32,6 @@
 		"svelte": "^4.0.0"
 	},
 	"devDependencies": {
-		"@marianmeres/icons-fns": "^2.1.0",
 		"@marianmeres/parse-boolean": "^1.1.7",
 		"@marianmeres/random-human-readable": "^1.6.1",
 		"@marianmeres/release": "^1.1.2",
@@ -63,6 +62,7 @@
 	"type": "module",
 	"dependencies": {
 		"@marianmeres/clog": "^1.0.1",
+		"@marianmeres/icons-fns": "^4.0.4",
 		"@marianmeres/store": "^1.5.0",
 		"@marianmeres/switch-store": "^1.3.1",
 		"@marianmeres/ticker": "^1.5.0",