@elmethis/qwik 0.0.34 → 0.0.36

package/lib/index.qwik.cjs

@@ -655,13 +655,15 @@ const icon$3 = "_icon_19g82_1";
 const styles$w = {
   icon: icon$3
 };
-const ElmInlineIcon = qwik.component$(({ src, alt }) => {
+const ElmInlineIcon = qwik.component$(({ src, alt, width, height, size = 16 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("span", {
     class: styles$w.icon,
     children: /* @__PURE__ */ jsxRuntime.jsx("img", {
       src,
       alt,
-      class: styles$w.icon
+      class: styles$w.icon,
+      width: width ?? size,
+      height: height ?? size
     })
   });
 });
@@ -2222,7 +2224,14 @@ const ElmBlockImage = qwik.component$(({ src, alt, caption: caption2, width, hei
       isShowModal.value = !isShowModal.value;
     }
   });
+  const imgRef = qwik.useSignal();
+  qwik.useVisibleTask$(() => {
+    imgRef.value.decode().then(() => {
+      isLoading.value = false;
+    });
+  });
   const ImageComponent = /* @__PURE__ */ jsxRuntime.jsx("img", {
+    ref: imgRef,
     class: styles$h.image,
     src,
     alt: alt ?? caption2 ?? "Image",

package/lib/index.qwik.mjs

@@ -653,13 +653,15 @@ const icon$3 = "_icon_19g82_1";
 const styles$w = {
   icon: icon$3
 };
-const ElmInlineIcon = component$(({ src, alt }) => {
+const ElmInlineIcon = component$(({ src, alt, width, height, size = 16 }) => {
   return /* @__PURE__ */ jsx("span", {
     class: styles$w.icon,
     children: /* @__PURE__ */ jsx("img", {
       src,
       alt,
-      class: styles$w.icon
+      class: styles$w.icon,
+      width: width ?? size,
+      height: height ?? size
     })
   });
 });
@@ -2220,7 +2222,14 @@ const ElmBlockImage = component$(({ src, alt, caption: caption2, width, height,
       isShowModal.value = !isShowModal.value;
     }
   });
+  const imgRef = useSignal();
+  useVisibleTask$(() => {
+    imgRef.value.decode().then(() => {
+      isLoading.value = false;
+    });
+  });
   const ImageComponent = /* @__PURE__ */ jsx("img", {
+    ref: imgRef,
     class: styles$h.image,
     src,
     alt: alt ?? caption2 ?? "Image",

package/lib-types/components/icon/elm-inline-icon.d.ts

@@ -1,3 +1,4 @@
+import { Numberish } from "@builder.io/qwik";
 export interface ElmInlineIconProps {
     /**
      * The source URL of the icon.
@@ -7,5 +8,8 @@ export interface ElmInlineIconProps {
      * The alt text for the icon.
      */
     alt?: string;
+    width?: Numberish;
+    height?: Numberish;
+    size?: Numberish;
 }
 export declare const ElmInlineIcon: import("@builder.io/qwik").Component<ElmInlineIconProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elmethis/qwik",
-  "version": "0.0.34",
+  "version": "0.0.36",
   "publishConfig": {
     "access": "public"
   },