@elmethis/qwik 0.0.24 → 0.0.26

package/lib/index.qwik.cjs

@@ -869,30 +869,29 @@ const ElmParallax = qwik.component$(({ images }) => {
     ]
   });
 });
-const toggle = "_toggle_1nxqa_1";
-const summary = "_summary_1nxqa_14";
-const content$2 = "_content_1nxqa_60";
-const footer = "_footer_1nxqa_80";
+const toggle = "_toggle_nwv84_1";
+const summary = "_summary_nwv84_14";
+const content$2 = "_content_nwv84_60";
+const footer = "_footer_nwv84_80";
 const styles$s = {
   toggle,
-  "toggle-closed": "_toggle-closed_1nxqa_7",
-  "toggle-open": "_toggle-open_1nxqa_10",
+  "toggle-closed": "_toggle-closed_nwv84_7",
+  "toggle-open": "_toggle-open_nwv84_10",
   summary,
-  "summary-open": "_summary-open_1nxqa_29",
-  "summary-closed": "_summary-closed_1nxqa_33",
-  "chevron-icon": "_chevron-icon_1nxqa_37",
-  "chevron-icon-open": "_chevron-icon-open_1nxqa_40",
-  "chevron-icon-closed": "_chevron-icon-closed_1nxqa_43",
-  "plus-icon": "_plus-icon_1nxqa_47",
-  "plus-icon-open": "_plus-icon-open_1nxqa_53",
-  "plus-icon-closed": "_plus-icon-closed_1nxqa_56",
+  "summary-open": "_summary-open_nwv84_29",
+  "summary-closed": "_summary-closed_nwv84_33",
+  "chevron-icon": "_chevron-icon_nwv84_37",
+  "chevron-icon-open": "_chevron-icon-open_nwv84_40",
+  "chevron-icon-closed": "_chevron-icon-closed_nwv84_43",
+  "plus-icon": "_plus-icon_nwv84_47",
+  "plus-icon-open": "_plus-icon-open_nwv84_53",
+  "plus-icon-closed": "_plus-icon-closed_nwv84_56",
   content: content$2,
-  "content-open": "_content-open_1nxqa_73",
-  "content-closed": "_content-closed_1nxqa_76",
+  "content-open": "_content-open_nwv84_73",
+  "content-closed": "_content-closed_nwv84_76",
   footer,
-  "footer-line": "_footer-line_1nxqa_99",
-  "footer-cross-icon": "_footer-cross-icon_1nxqa_106",
-  "footer-chevron-icon": "_footer-chevron-icon_1nxqa_109"
+  "footer-line": "_footer-line_nwv84_99",
+  "footer-cross-icon": "_footer-cross-icon_nwv84_105"
 };
 const ElmToggle = qwik.component$(({ summary: summary2 }) => {
   const isOpen = qwik.useSignal(false);
@@ -967,7 +966,6 @@ const ElmToggle = qwik.component$(({ summary: summary2 }) => {
         onClick$: toggle2,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", {
-            class: styles$s["footer-chevron-icon"],
             children: /* @__PURE__ */ jsxRuntime.jsx(ElmMdiIcon, {
               d: js.mdiChevronRight,
               color: "gray"
@@ -997,7 +995,9 @@ const ElmToggle = qwik.component$(({ summary: summary2 }) => {
             class: styles$s["footer-line"]
           }),
           /* @__PURE__ */ jsxRuntime.jsx("span", {
-            class: styles$s["footer-chevron-icon"],
+            style: {
+              rotate: "180deg"
+            },
             children: /* @__PURE__ */ jsxRuntime.jsx(ElmMdiIcon, {
               d: js.mdiChevronRight,
               color: "gray"
@@ -2338,6 +2338,14 @@ const styles$f = {
   link
 };
 const ElmBookmark = qwik.component$(({ url, image: image2, title: title2, description: description2, favicon }) => {
+  const isError = qwik.useSignal(false);
+  const handleImageOnError = qwik.$(() => {
+    isError.value = true;
+  });
+  const hiddenStyle = {
+    visibility: "hidden",
+    width: "0"
+  };
   return /* @__PURE__ */ jsxRuntime.jsx("div", {
     class: styles$f.bookmark,
     children: /* @__PURE__ */ jsxRuntime.jsxs("a", {
@@ -2349,7 +2357,9 @@ const ElmBookmark = qwik.component$(({ url, image: image2, title: title2, descri
         /* @__PURE__ */ jsxRuntime.jsx("img", {
           class: styles$f.image,
           src: image2,
-          alt: "OGP Image"
+          alt: "OGP Image",
+          onError$: handleImageOnError,
+          style: isError.value || image2 == null ? hiddenStyle : {}
         }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", {
           class: styles$f.content,

package/lib/index.qwik.mjs

@@ -867,30 +867,29 @@ const ElmParallax = component$(({ images }) => {
     ]
   });
 });
-const toggle = "_toggle_1nxqa_1";
-const summary = "_summary_1nxqa_14";
-const content$2 = "_content_1nxqa_60";
-const footer = "_footer_1nxqa_80";
+const toggle = "_toggle_nwv84_1";
+const summary = "_summary_nwv84_14";
+const content$2 = "_content_nwv84_60";
+const footer = "_footer_nwv84_80";
 const styles$s = {
   toggle,
-  "toggle-closed": "_toggle-closed_1nxqa_7",
-  "toggle-open": "_toggle-open_1nxqa_10",
+  "toggle-closed": "_toggle-closed_nwv84_7",
+  "toggle-open": "_toggle-open_nwv84_10",
   summary,
-  "summary-open": "_summary-open_1nxqa_29",
-  "summary-closed": "_summary-closed_1nxqa_33",
-  "chevron-icon": "_chevron-icon_1nxqa_37",
-  "chevron-icon-open": "_chevron-icon-open_1nxqa_40",
-  "chevron-icon-closed": "_chevron-icon-closed_1nxqa_43",
-  "plus-icon": "_plus-icon_1nxqa_47",
-  "plus-icon-open": "_plus-icon-open_1nxqa_53",
-  "plus-icon-closed": "_plus-icon-closed_1nxqa_56",
+  "summary-open": "_summary-open_nwv84_29",
+  "summary-closed": "_summary-closed_nwv84_33",
+  "chevron-icon": "_chevron-icon_nwv84_37",
+  "chevron-icon-open": "_chevron-icon-open_nwv84_40",
+  "chevron-icon-closed": "_chevron-icon-closed_nwv84_43",
+  "plus-icon": "_plus-icon_nwv84_47",
+  "plus-icon-open": "_plus-icon-open_nwv84_53",
+  "plus-icon-closed": "_plus-icon-closed_nwv84_56",
   content: content$2,
-  "content-open": "_content-open_1nxqa_73",
-  "content-closed": "_content-closed_1nxqa_76",
+  "content-open": "_content-open_nwv84_73",
+  "content-closed": "_content-closed_nwv84_76",
   footer,
-  "footer-line": "_footer-line_1nxqa_99",
-  "footer-cross-icon": "_footer-cross-icon_1nxqa_106",
-  "footer-chevron-icon": "_footer-chevron-icon_1nxqa_109"
+  "footer-line": "_footer-line_nwv84_99",
+  "footer-cross-icon": "_footer-cross-icon_nwv84_105"
 };
 const ElmToggle = component$(({ summary: summary2 }) => {
   const isOpen = useSignal(false);
@@ -965,7 +964,6 @@ const ElmToggle = component$(({ summary: summary2 }) => {
         onClick$: toggle2,
         children: [
           /* @__PURE__ */ jsx("span", {
-            class: styles$s["footer-chevron-icon"],
             children: /* @__PURE__ */ jsx(ElmMdiIcon, {
               d: mdiChevronRight,
               color: "gray"
@@ -995,7 +993,9 @@ const ElmToggle = component$(({ summary: summary2 }) => {
             class: styles$s["footer-line"]
           }),
           /* @__PURE__ */ jsx("span", {
-            class: styles$s["footer-chevron-icon"],
+            style: {
+              rotate: "180deg"
+            },
             children: /* @__PURE__ */ jsx(ElmMdiIcon, {
               d: mdiChevronRight,
               color: "gray"
@@ -2336,6 +2336,14 @@ const styles$f = {
   link
 };
 const ElmBookmark = component$(({ url, image: image2, title: title2, description: description2, favicon }) => {
+  const isError = useSignal(false);
+  const handleImageOnError = $(() => {
+    isError.value = true;
+  });
+  const hiddenStyle = {
+    visibility: "hidden",
+    width: "0"
+  };
   return /* @__PURE__ */ jsx("div", {
     class: styles$f.bookmark,
     children: /* @__PURE__ */ jsxs("a", {
@@ -2347,7 +2355,9 @@ const ElmBookmark = component$(({ url, image: image2, title: title2, description
         /* @__PURE__ */ jsx("img", {
           class: styles$f.image,
           src: image2,
-          alt: "OGP Image"
+          alt: "OGP Image",
+          onError$: handleImageOnError,
+          style: isError.value || image2 == null ? hiddenStyle : {}
         }),
         /* @__PURE__ */ jsxs("div", {
           class: styles$f.content,

package/lib/style.css

@@ -240,20 +240,20 @@
 }
 [data-theme=dark] ._parallax_1kb0k_1 {
   opacity: 0.1;
-}._toggle_1nxqa_1 {
+}._toggle_nwv84_1 {
   margin: 0;
   display: grid;
   transition: grid 200ms;
   overflow: hidden;
 }
-._toggle_1nxqa_1._toggle-closed_1nxqa_7 {
+._toggle_nwv84_1._toggle-closed_nwv84_7 {
   grid-template-rows: 3.5rem 0fr 0rem;
 }
-._toggle_1nxqa_1._toggle-open_1nxqa_10 {
+._toggle_nwv84_1._toggle-open_nwv84_10 {
   grid-template-rows: 3.5rem 1fr 3rem;
 }
 
-._summary_1nxqa_14 {
+._summary_nwv84_14 {
   box-sizing: border-box;
   padding-inline: 1rem;
   display: grid;
@@ -264,42 +264,42 @@
   border: 1px solid rgba(0, 0, 0, 0.125);
   background-color: rgba(62, 67, 75, 0.05);
 }
-[data-theme=dark] ._summary_1nxqa_14 {
+[data-theme=dark] ._summary_nwv84_14 {
   border: 1px solid rgba(255, 255, 255, 0.125);
   background-color: rgba(190, 194, 202, 0.1);
 }
-._summary_1nxqa_14._summary-open_1nxqa_29 {
+._summary_nwv84_14._summary-open_nwv84_29 {
   border-radius: 0.25rem 0.25rem 0 0;
   border-bottom-color: transparent;
 }
-._summary_1nxqa_14._summary-closed_1nxqa_33 {
+._summary_nwv84_14._summary-closed_nwv84_33 {
   border-radius: 0.25rem;
 }
 
-._chevron-icon_1nxqa_37 {
+._chevron-icon_nwv84_37 {
   transition: transform 200ms;
 }
-._chevron-icon_1nxqa_37._chevron-icon-open_1nxqa_40 {
+._chevron-icon_nwv84_37._chevron-icon-open_nwv84_40 {
   transform: rotate(90deg);
 }
-._chevron-icon_1nxqa_37._chevron-icon-closed_1nxqa_43 {
+._chevron-icon_nwv84_37._chevron-icon-closed_nwv84_43 {
   transform: rotate(0deg);
 }
 
-._plus-icon_1nxqa_47 {
+._plus-icon_nwv84_47 {
   height: 1rem;
   width: 1rem;
   transform-origin: center;
   transition: transform 200ms;
 }
-._plus-icon_1nxqa_47._plus-icon-open_1nxqa_53 {
+._plus-icon_nwv84_47._plus-icon-open_nwv84_53 {
   transform: rotate(135deg);
 }
-._plus-icon_1nxqa_47._plus-icon-closed_1nxqa_56 {
+._plus-icon_nwv84_47._plus-icon-closed_nwv84_56 {
   transform: rotate(0deg);
 }
 
-._content_1nxqa_60 {
+._content_nwv84_60 {
   box-sizing: border-box;
   padding: 1rem;
   overflow: hidden;
@@ -308,21 +308,21 @@
   border-radius: 0 0 0.25rem 0.25rem;
   background-color: rgba(62, 67, 75, 0.0125);
 }
-[data-theme=dark] ._content_1nxqa_60 {
+[data-theme=dark] ._content_nwv84_60 {
   border-color: rgba(255, 255, 255, 0.125);
   background-color: rgba(190, 194, 202, 0.025);
 }
-._content_1nxqa_60._content-open_1nxqa_73 {
+._content_nwv84_60._content-open_nwv84_73 {
   opacity: 1;
 }
-._content_1nxqa_60._content-closed_1nxqa_76 {
+._content_nwv84_60._content-closed_nwv84_76 {
   opacity: 0;
 }
 
-._footer_1nxqa_80 {
+._footer_nwv84_80 {
   box-sizing: border-box;
   margin: 0.25rem 0rem;
-  padding: 0.5rem;
+  padding: 0.5rem 0.25rem;
   color: #c56565;
   font-family: monospace;
   display: flex;
@@ -334,22 +334,18 @@
   border-radius: 0.25rem;
   transition: opacity 200ms, background-color 200ms;
 }
-._footer_1nxqa_80:hover {
+._footer_nwv84_80:hover {
   opacity: 0.5;
   background-color: rgba(96, 104, 117, 0.1);
 }
-._footer_1nxqa_80._footer-line_1nxqa_99 {
+._footer_nwv84_80 ._footer-line_nwv84_99 {
   box-sizing: border-box;
-  margin: 0 0.25rem;
-  flex-grow: 1;
+  flex: 1;
   border: none;
-  border-bottom: solid 1px rgba(128, 128, 128, 0.3);
+  border-bottom: 1px solid rgba(128, 128, 128, 0.3);
 }
-._footer_1nxqa_80._footer-cross-icon_1nxqa_106 {
+._footer_nwv84_80 ._footer-cross-icon_nwv84_105 {
   transform: rotate(45deg);
-}
-._footer_1nxqa_80._footer-chevron-icon_1nxqa_109 {
-  transform: rotate(-90deg);
 }._block-fallback_rt986_1 {
   position: relative;
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elmethis/qwik",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "publishConfig": {
     "access": "public"
   },
@@ -38,10 +38,9 @@
   "devDependencies": {
     "@builder.io/qwik": "1.19.0",
     "@eslint/js": "latest",
-    "@storybook/addon-docs": "8",
-    "@storybook/addon-essentials": "8",
+    "@storybook/addon-docs": "8.6.17",
+    "@storybook/addon-essentials": "8.6.17",
     "@types/lodash-es": "^4.17.12",
-    "@types/marked": "^6.0.0",
     "@types/node": "20.19.0",
     "eslint": "10.0.2",
     "eslint-plugin-qwik": "1.19.1",
@@ -55,7 +54,7 @@
     "typescript": "5.4.5",
     "typescript-eslint": "8.56.1",
     "undici": "*",
-    "vite": "7.3.1",
+    "vite": "^6.4.1",
     "vite-tsconfig-paths": "^6.1.1"
   },
   "dependencies": {