@prokodo/ui 0.0.10 → 0.0.11

package/dist/components/map/Map.js

@@ -1 +1,51 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../_virtual/jsx-runtime.js"),t=require("react"),h=require("../../helpers/validations.js"),x=require("../../hooks/useGoogleMaps.js"),y=require("../skeleton/Skeleton.js"),E=t.memo(({apiKey:M,mapId:u,center:l,marker:i,zoom:d=8})=>{const n=t.useRef(null),a=t.useRef(null),[c,k]=t.useState(typeof document<"u"?document.documentElement.getAttribute("data-theme")==="dark":!1),r=t.useCallback(()=>{if(!(n!=null&&n.current))return;const o={center:l,zoom:d,mapId:h.isString(u)?u:c===!0?"c3c70a1ea4c4b0b8":"e5921eca3f70ade2",disableDefaultUI:!0,mapTypeControl:!1,fullscreenControl:!1,streetViewControl:!1,zoomControl:!0},s=new google.maps.Map(n.current,o);a.current=s,h.isArray(i)&&i.forEach(e=>{var b,g;if(typeof((b=e==null?void 0:e.position)==null?void 0:b.lat)=="number"||typeof((g=e==null?void 0:e.position)==null?void 0:g.lng)=="number")return;const f=document.createElement("img");f.src="/images/prokodo-map-marker.webp",new google.maps.marker.AdvancedMarkerElement({map:s,content:f,...e})})},[c,u,l,i,d]),m=x.useGoogleMaps(M,c);return t.useEffect(()=>{!m||a.current||r()},[m,r]),t.useEffect(()=>{const o=new MutationObserver(()=>{const s=document.documentElement.getAttribute("data-theme");k(s==="dark"),a.current=null,r()});return o.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>o.disconnect()},[r]),m?p.jsxRuntimeExports.jsx("div",{ref:n,style:{width:"100%",height:"500px"}}):p.jsxRuntimeExports.jsx(y.Skeleton,{height:"500px",width:"100%"})});E.displayName="Map";exports.Map=E;
+import { j as b } from "../../_virtual/jsx-runtime.js";
+import { memo as w, useRef as g, useState as x, useCallback as y, useEffect as h } from "react";
+import { isString as M, isArray as v } from "../../helpers/validations.js";
+import { useGoogleMaps as C } from "../../hooks/useGoogleMaps.js";
+import { Skeleton as j } from "../skeleton/Skeleton.js";
+const A = w(
+  ({ apiKey: k, mapId: s, center: c, marker: u, zoom: d = 8 }) => {
+    const e = g(null), i = g(null), [m, E] = x(
+      typeof document < "u" ? document.documentElement.getAttribute("data-theme") === "dark" : !1
+    ), r = y(() => {
+      if (!(e != null && e.current)) return;
+      const n = {
+        center: c,
+        zoom: d,
+        mapId: M(s) ? s : m === !0 ? "c3c70a1ea4c4b0b8" : "e5921eca3f70ade2",
+        disableDefaultUI: !0,
+        mapTypeControl: !1,
+        fullscreenControl: !1,
+        streetViewControl: !1,
+        zoomControl: !0
+      }, o = new google.maps.Map(e.current, n);
+      i.current = o, v(u) && u.forEach((t) => {
+        var l, p;
+        if (typeof ((l = t == null ? void 0 : t.position) == null ? void 0 : l.lat) == "number" || typeof ((p = t == null ? void 0 : t.position) == null ? void 0 : p.lng) == "number")
+          return;
+        const f = document.createElement("img");
+        f.src = "/images/prokodo-map-marker.webp", new google.maps.marker.AdvancedMarkerElement({
+          map: o,
+          content: f,
+          ...t
+        });
+      });
+    }, [m, s, c, u, d]), a = C(k, m);
+    return h(() => {
+      !a || i.current || r();
+    }, [a, r]), h(() => {
+      const n = new MutationObserver(() => {
+        const o = document.documentElement.getAttribute("data-theme");
+        E(o === "dark"), i.current = null, r();
+      });
+      return n.observe(document.documentElement, {
+        attributes: !0,
+        attributeFilter: ["data-theme"]
+      }), () => n.disconnect();
+    }, [r]), a ? /* @__PURE__ */ b.jsx("div", { ref: e, style: { width: "100%", height: "500px" } }) : /* @__PURE__ */ b.jsx(j, { height: "500px", width: "100%" });
+  }
+);
+A.displayName = "Map";
+export {
+  A as Map
+};

package/dist/components/map/index.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Map.js");exports.Map=e.Map;
+import { Map as r } from "./Map.js";
+export {
+  r as Map
+};

package/dist/components/post-item/PostItem.js

@@ -1 +1,136 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),m=require("react"),N=require("../../helpers/bem.js"),v=require("../../helpers/calculation.js"),o=require("../../helpers/validations.js"),S=require("../animated/Animated.js"),q=require("../button/Button.js"),_=require("../card/Card.js"),w=require("../grid/Grid.js"),j=require("../grid/GridRow.js"),g=require("../headline/Headline.js"),y=require("../rich-text/RichText.js"),T=require("../skeleton/Skeleton.js"),f=require("./PostItem.module.scss.js"),C=require("./PostItemAuthor.js"),s=N.create(f.default,"PostItem"),h=m.memo(({className:R,readCount:d=0,title:i,content:a,category:l,author:c,date:x,metaDate:E,image:r,button:t,imageComponent:n})=>{const u=v.calculateWordCount(a),[P,p]=m.useState(!n);return m.useEffect(()=>{n||p(!0)},[n]),e.jsxRuntimeExports.jsxs("article",{itemScope:!0,className:s(void 0,void 0,R),itemType:"http://schema.org/BlogPosting",children:[e.jsxRuntimeExports.jsxs(w.Grid,{className:s("grid"),children:[e.jsxRuntimeExports.jsx(j.GridRow,{className:s("content"),md:r?8:12,xs:12,children:e.jsxRuntimeExports.jsxs(S.Animated,{className:s("animation"),children:[e.jsxRuntimeExports.jsxs("header",{children:[e.jsxRuntimeExports.jsx(g.Headline,{className:s("headline",void 0,i==null?void 0:i.className),size:"lg",type:"h2",...i,children:i.content}),e.jsxRuntimeExports.jsxs("div",{className:s("info"),children:[c&&e.jsxRuntimeExports.jsx(C.PostItemAuthor,{avatar:c.avatar,name:c.name}),o.isString(x)&&e.jsxRuntimeExports.jsxs("p",{"aria-label":`Published at ${x}`,className:s("date"),itemProp:"datePublished",children:["📅  ",e.jsxRuntimeExports.jsx("time",{dateTime:E,itemProp:"datePublished",children:x})]}),d>0&&e.jsxRuntimeExports.jsxs("div",{itemScope:!0,className:s("read__count"),itemProp:"interactionStatistic",itemType:"https://schema.org/InteractionCounter",children:[e.jsxRuntimeExports.jsx("meta",{content:"https://schema.org/ReadAction",itemProp:"interactionType"}),e.jsxRuntimeExports.jsx("span",{itemProp:"userInteractionCount",children:d})]})]})]}),o.isString(a)&&e.jsxRuntimeExports.jsx("div",{itemProp:"articleBody",children:e.jsxRuntimeExports.jsx(y.RichText,{className:s("content__paragraph"),children:a})}),t&&e.jsxRuntimeExports.jsx(q.Button,{variant:"outlined",...t,className:s("button",void 0,t==null?void 0:t.className),contentClassName:s("button__content",void 0,t==null?void 0:t.contentClassName)})]})}),e.jsxRuntimeExports.jsx(j.GridRow,{md:4,xs:12,children:e.jsxRuntimeExports.jsxs(_.Card,{enableShadow:!0,background:o.isString(r==null?void 0:r.src)?3:void 0,className:s("image__wrapper"),contentClassName:s("image__content__wrapper"),redirect:t==null?void 0:t.redirect,children:[!P&&e.jsxRuntimeExports.jsx(T.Skeleton,{height:"275px"}),n!==void 0&&o.isString(r==null?void 0:r.src)&&e.jsxRuntimeExports.jsx(n,{...r,className:s("image"),sizes:"(max-width: 960px) 100vw, 25vw",onLoad:()=>p(!0)})]})})]}),u>0&&e.jsxRuntimeExports.jsx("meta",{content:String(u),itemProp:"wordCount"}),o.isString(l)&&e.jsxRuntimeExports.jsx("meta",{content:l,itemProp:"articleSection"})]})});h.displayName="PostItem";exports.PostItem=h;
+import { j as e } from "../../_virtual/jsx-runtime.js";
+import { memo as P, useState as v, useEffect as _ } from "react";
+import { create as w } from "../../helpers/bem.js";
+import { calculateWordCount as S } from "../../helpers/calculation.js";
+import { isString as o } from "../../helpers/validations.js";
+import { Animated as u } from "../animated/Animated.js";
+import { Button as y } from "../button/Button.js";
+import { Card as C } from "../card/Card.js";
+import { Grid as T } from "../grid/Grid.js";
+import { GridRow as x } from "../grid/GridRow.js";
+import { Headline as R } from "../headline/Headline.js";
+import { RichText as A } from "../rich-text/RichText.js";
+import { Skeleton as B } from "../skeleton/Skeleton.js";
+import I from "./PostItem.module.scss.js";
+import { PostItemAuthor as L } from "./PostItemAuthor.js";
+const s = w(I, "PostItem"), g = P(
+  ({
+    className: j,
+    readCount: n = 0,
+    title: a,
+    content: m,
+    category: l,
+    author: c,
+    date: d,
+    metaDate: f,
+    image: i,
+    button: r,
+    imageComponent: t
+  }) => {
+    const p = S(m), [N, h] = v(!t);
+    return _(() => {
+      t || h(!0);
+    }, [t]), /* @__PURE__ */ e.jsxs(
+      "article",
+      {
+        itemScope: !0,
+        className: s(void 0, void 0, j),
+        itemType: "http://schema.org/BlogPosting",
+        children: [
+          /* @__PURE__ */ e.jsxs(T, { className: s("grid"), children: [
+            /* @__PURE__ */ e.jsx(x, { className: s("content"), md: i ? 8 : 12, xs: 12, children: /* @__PURE__ */ e.jsxs(u, { className: s("animation"), children: [
+              /* @__PURE__ */ e.jsxs("header", { children: [
+                /* @__PURE__ */ e.jsx(
+                  R,
+                  {
+                    className: s("headline", void 0, a == null ? void 0 : a.className),
+                    size: "lg",
+                    type: "h2",
+                    ...a,
+                    children: a.content
+                  }
+                ),
+                /* @__PURE__ */ e.jsxs("div", { className: s("info"), children: [
+                  c && /* @__PURE__ */ e.jsx(L, { avatar: c.avatar, name: c.name }),
+                  o(d) && /* @__PURE__ */ e.jsxs(
+                    "p",
+                    {
+                      "aria-label": `Published at ${d}`,
+                      className: s("date"),
+                      itemProp: "datePublished",
+                      children: [
+                        "📅  ",
+                        /* @__PURE__ */ e.jsx("time", { dateTime: f, itemProp: "datePublished", children: d })
+                      ]
+                    }
+                  ),
+                  n > 0 && /* @__PURE__ */ e.jsxs(
+                    "div",
+                    {
+                      itemScope: !0,
+                      className: s("read__count"),
+                      itemProp: "interactionStatistic",
+                      itemType: "https://schema.org/InteractionCounter",
+                      children: [
+                        /* @__PURE__ */ e.jsx(
+                          "meta",
+                          {
+                            content: "https://schema.org/ReadAction",
+                            itemProp: "interactionType"
+                          }
+                        ),
+                        /* @__PURE__ */ e.jsx("span", { itemProp: "userInteractionCount", children: n })
+                      ]
+                    }
+                  )
+                ] })
+              ] }),
+              o(m) && /* @__PURE__ */ e.jsx("div", { itemProp: "articleBody", children: /* @__PURE__ */ e.jsx(A, { className: s("content__paragraph"), children: m }) }),
+              r && /* @__PURE__ */ e.jsx(
+                y,
+                {
+                  variant: "outlined",
+                  ...r,
+                  className: s("button", void 0, r == null ? void 0 : r.className),
+                  contentClassName: s(
+                    "button__content",
+                    void 0,
+                    r == null ? void 0 : r.contentClassName
+                  )
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ e.jsx(x, { md: 4, xs: 12, children: /* @__PURE__ */ e.jsxs(
+              C,
+              {
+                enableShadow: !0,
+                background: o(i == null ? void 0 : i.src) ? 3 : void 0,
+                className: s("image__wrapper"),
+                contentClassName: s("image__content__wrapper"),
+                redirect: r == null ? void 0 : r.redirect,
+                children: [
+                  !N && /* @__PURE__ */ e.jsx(B, { height: "275px" }),
+                  t !== void 0 && o(i == null ? void 0 : i.src) && /* @__PURE__ */ e.jsx(
+                    t,
+                    {
+                      ...i,
+                      className: s("image"),
+                      sizes: "(max-width: 960px) 100vw, 25vw",
+                      onLoad: () => h(!0)
+                    }
+                  )
+                ]
+              }
+            ) })
+          ] }),
+          p > 0 && /* @__PURE__ */ e.jsx("meta", { content: String(p), itemProp: "wordCount" }),
+          o(l) && /* @__PURE__ */ e.jsx("meta", { content: l, itemProp: "articleSection" })
+        ]
+      }
+    );
+  }
+);
+g.displayName = "PostItem";
+export {
+  g as PostItem
+};

package/dist/components/post-item/PostItem.module.scss.js

@@ -1 +1,22 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="gradientMove",t="fadeInKeyframe",e={"prokodo-PostItem__grid":"prokodo-PostItem__grid","prokodo-PostItem__animation":"prokodo-PostItem__animation","prokodo-PostItem__headline":"prokodo-PostItem__headline","prokodo-PostItem__info":"prokodo-PostItem__info","prokodo-PostItem__date":"prokodo-PostItem__date","prokodo-PostItem__read__count":"prokodo-PostItem__read__count","prokodo-PostItem__content":"prokodo-PostItem__content","prokodo-PostItem__content__paragraph":"prokodo-PostItem__content__paragraph","prokodo-PostItem__image":"prokodo-PostItem__image","prokodo-PostItem__image__wrapper":"prokodo-PostItem__image__wrapper","prokodo-PostItem__image__content__wrapper":"prokodo-PostItem__image__content__wrapper","prokodo-PostItem__button":"prokodo-PostItem__button","prokodo-PostItem__button__content":"prokodo-PostItem__button__content",gradientMove:o,fadeInKeyframe:t};exports.default=e;exports.fadeInKeyframe=t;exports.gradientMove=o;
+const o = "gradientMove", t = "fadeInKeyframe", _ = {
+  "prokodo-PostItem__grid": "prokodo-PostItem__grid",
+  "prokodo-PostItem__animation": "prokodo-PostItem__animation",
+  "prokodo-PostItem__headline": "prokodo-PostItem__headline",
+  "prokodo-PostItem__info": "prokodo-PostItem__info",
+  "prokodo-PostItem__date": "prokodo-PostItem__date",
+  "prokodo-PostItem__read__count": "prokodo-PostItem__read__count",
+  "prokodo-PostItem__content": "prokodo-PostItem__content",
+  "prokodo-PostItem__content__paragraph": "prokodo-PostItem__content__paragraph",
+  "prokodo-PostItem__image": "prokodo-PostItem__image",
+  "prokodo-PostItem__image__wrapper": "prokodo-PostItem__image__wrapper",
+  "prokodo-PostItem__image__content__wrapper": "prokodo-PostItem__image__content__wrapper",
+  "prokodo-PostItem__button": "prokodo-PostItem__button",
+  "prokodo-PostItem__button__content": "prokodo-PostItem__button__content",
+  gradientMove: o,
+  fadeInKeyframe: t
+};
+export {
+  _ as default,
+  t as fadeInKeyframe,
+  o as gradientMove
+};

package/dist/components/post-item/PostItemAuthor.js

@@ -1 +1,37 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../_virtual/jsx-runtime.js"),l=require("react"),n=require("../../helpers/bem.js"),d=require("../../helpers/validations.js"),h=require("../avatar/Avatar.js"),x=require("./PostItemAuthor.module.scss.js"),i=n.create(x.default,"PostItemAuthor"),u=l.memo(({className:c,avatar:e,avatarProps:m,name:r,nameProps:s})=>{const t=r;return o.jsxRuntimeExports.jsxs("div",{className:i(void 0,void 0,c),children:[o.jsxRuntimeExports.jsx(h.Avatar,{image:(e==null?void 0:e.src)!==void 0&&d.isString(e==null?void 0:e.src)?{src:e==null?void 0:e.src,alt:(e==null?void 0:e.alt)??""}:void 0,...m}),o.jsxRuntimeExports.jsx("p",{"aria-label":`Author ${t}`,itemProp:"author",...s,className:i("name",void 0,s==null?void 0:s.className),children:t})]})});u.displayName="PostItemAuthor";exports.PostItemAuthor=u;
+import { j as s } from "../../_virtual/jsx-runtime.js";
+import { memo as d } from "react";
+import { create as r } from "../../helpers/bem.js";
+import { isString as h } from "../../helpers/validations.js";
+import { Avatar as u } from "../avatar/Avatar.js";
+import f from "./PostItemAuthor.module.scss.js";
+const e = r(f, "PostItemAuthor"), p = d(
+  ({ className: c, avatar: o, avatarProps: t, name: l, nameProps: m }) => {
+    const i = l;
+    return /* @__PURE__ */ s.jsxs("div", { className: e(void 0, void 0, c), children: [
+      /* @__PURE__ */ s.jsx(
+        u,
+        {
+          image: (o == null ? void 0 : o.src) !== void 0 && h(o == null ? void 0 : o.src) ? {
+            src: o == null ? void 0 : o.src,
+            alt: (o == null ? void 0 : o.alt) ?? ""
+          } : void 0,
+          ...t
+        }
+      ),
+      /* @__PURE__ */ s.jsx(
+        "p",
+        {
+          "aria-label": `Author ${i}`,
+          itemProp: "author",
+          ...m,
+          className: e("name", void 0, m == null ? void 0 : m.className),
+          children: i
+        }
+      )
+    ] });
+  }
+);
+p.displayName = "PostItemAuthor";
+export {
+  p as PostItemAuthor
+};

package/dist/components/post-item/PostItemAuthor.module.scss.js

@@ -1 +1,11 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="gradientMove",o="fadeInKeyframe",t={"prokodo-PostItemAuthor":"prokodo-PostItemAuthor","prokodo-PostItemAuthor__name":"prokodo-PostItemAuthor__name",gradientMove:e,fadeInKeyframe:o};exports.default=t;exports.fadeInKeyframe=o;exports.gradientMove=e;
+const o = "gradientMove", e = "fadeInKeyframe", t = {
+  "prokodo-PostItemAuthor": "prokodo-PostItemAuthor",
+  "prokodo-PostItemAuthor__name": "prokodo-PostItemAuthor__name",
+  gradientMove: o,
+  fadeInKeyframe: e
+};
+export {
+  t as default,
+  e as fadeInKeyframe,
+  o as gradientMove
+};

package/dist/components/post-item/index.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./PostItem.js");exports.PostItem=t.PostItem;
+import { PostItem as e } from "./PostItem.js";
+export {
+  e as PostItem
+};

package/dist/components/post-teaser/PostTeaser.js

@@ -1 +1,168 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),r=require("react"),C=require("../../helpers/bem.js"),S=require("../../helpers/calculation.js"),o=require("../../helpers/validations.js"),q=require("../card/Card.js"),h=require("../chip/Chip.js"),T=require("../headline/Headline.js"),d=require("../icon/Icon.js"),y=require("../image/Image.js"),I=require("../rich-text/RichText.js"),f=require("./PostTeaser.module.scss.js"),e=C.create(f.default,"PostTeaser"),R=r.memo(({className:E,image:i,readCount:m,title:n,date:c,metaDate:v,hideCategory:N,category:t,content:l,onClick:g,redirect:a,...P})=>{var j;const u=S.calculateWordCount(l),[x,p]=r.useState(!1),b=r.useCallback(()=>{p(!0)},[]),_=r.useCallback(()=>{p(!1)},[]);return s.jsxRuntimeExports.jsxs("article",{itemScope:!0,className:e(void 0,void 0,E),itemType:"http://schema.org/BlogPosting",children:[s.jsxRuntimeExports.jsxs(q.Card,{variant:"white",...P,className:e("card__container"),contentClassName:e("card"),highlight:x,redirect:a,onClick:g,onMouseEnter:b,onMouseLeave:_,children:[s.jsxRuntimeExports.jsxs("header",{children:[o.isString(i==null?void 0:i.src)&&s.jsxRuntimeExports.jsxs("div",{className:e("image__wrapper"),children:[s.jsxRuntimeExports.jsxs("div",{className:e("meta"),children:[o.isString(t)&&N===!1&&s.jsxRuntimeExports.jsx(h.Chip,{"aria-label":`Category ${t}`,className:e("meta__category"),color:"primary",label:t}),m!==void 0&&s.jsxRuntimeExports.jsx(h.Chip,{"aria-label":`Read ${m} times`,color:"white",icon:s.jsxRuntimeExports.jsx(d.Icon,{name:"EyeIcon",size:"sm"}),label:s.jsxRuntimeExports.jsxs("p",{itemScope:!0,itemProp:"interactionStatistic",itemType:"https://schema.org/InteractionCounter",children:[s.jsxRuntimeExports.jsx("meta",{content:"https://schema.org/ReadAction",itemProp:"interactionType"}),s.jsxRuntimeExports.jsx("span",{itemProp:"userInteractionCount",children:m})]})})]}),s.jsxRuntimeExports.jsx(y.Image,{...i,captionClassName:e("image__caption"),className:e("image"),containerClassName:e("image")})]}),s.jsxRuntimeExports.jsx(T.Headline,{highlight:!0,size:"md",type:"h3",...n,className:e("headline",n==null?void 0:n.className),variant:(n==null?void 0:n.variant)??"secondary",children:n==null?void 0:n.content})]}),o.isString(l)&&s.jsxRuntimeExports.jsx("div",{className:e("card__content"),itemProp:"articleBody",children:s.jsxRuntimeExports.jsx(I.RichText,{className:e("content"),children:l})}),s.jsxRuntimeExports.jsxs("div",{className:e("card__footer"),children:[o.isString(c)&&s.jsxRuntimeExports.jsx("p",{"aria-label":`Published at ${c}`,className:e("date"),itemProp:"datePublished",children:s.jsxRuntimeExports.jsx("time",{dateTime:v,itemProp:"datePublished",children:c})}),(a==null?void 0:a.label)!==void 0&&o.isString(a==null?void 0:a.label)&&s.jsxRuntimeExports.jsxs("span",{className:e("link",{"is-hovered":x}),children:[s.jsxRuntimeExports.jsx(d.Icon,{name:"ArrowRight01Icon",size:"xs",...a==null?void 0:a.icon,color:"primary",className:e("link__icon",{"is-hovered":x},(j=a==null?void 0:a.icon)==null?void 0:j.className)}),a.label]})]})]}),u>0&&s.jsxRuntimeExports.jsx("meta",{content:String(u),itemProp:"wordCount"}),o.isString(t)&&s.jsxRuntimeExports.jsx("meta",{content:t,itemProp:"articleSection"})]})});R.displayName="PostTeaser";exports.PostTeaser=R;
+import { j as s } from "../../_virtual/jsx-runtime.js";
+import { memo as C, useState as y, useCallback as x } from "react";
+import { create as T } from "../../helpers/bem.js";
+import { calculateWordCount as I } from "../../helpers/calculation.js";
+import { isString as n } from "../../helpers/validations.js";
+import { Card as S } from "../card/Card.js";
+import { Chip as j } from "../chip/Chip.js";
+import { Headline as w } from "../headline/Headline.js";
+import { Icon as u } from "../icon/Icon.js";
+import { Image as R } from "../image/Image.js";
+import { RichText as E } from "../rich-text/RichText.js";
+import M from "./PostTeaser.module.scss.js";
+const a = T(M, "PostTeaser"), k = C(
+  ({
+    className: N,
+    image: i,
+    readCount: r,
+    title: e,
+    date: l,
+    metaDate: v,
+    hideCategory: f,
+    category: m,
+    content: t,
+    onClick: P,
+    redirect: o,
+    ..._
+  }) => {
+    var d;
+    const p = I(t), [c, h] = y(!1), b = x(() => {
+      h(!0);
+    }, []), g = x(() => {
+      h(!1);
+    }, []);
+    return /* @__PURE__ */ s.jsxs(
+      "article",
+      {
+        itemScope: !0,
+        className: a(void 0, void 0, N),
+        itemType: "http://schema.org/BlogPosting",
+        children: [
+          /* @__PURE__ */ s.jsxs(
+            S,
+            {
+              variant: "white",
+              ..._,
+              className: a("card__container"),
+              contentClassName: a("card"),
+              highlight: c,
+              redirect: o,
+              onClick: P,
+              onMouseEnter: b,
+              onMouseLeave: g,
+              children: [
+                /* @__PURE__ */ s.jsxs("header", { children: [
+                  n(i == null ? void 0 : i.src) && /* @__PURE__ */ s.jsxs("div", { className: a("image__wrapper"), children: [
+                    /* @__PURE__ */ s.jsxs("div", { className: a("meta"), children: [
+                      n(m) && f === !1 && /* @__PURE__ */ s.jsx(
+                        j,
+                        {
+                          "aria-label": `Category ${m}`,
+                          className: a("meta__category"),
+                          color: "primary",
+                          label: m
+                        }
+                      ),
+                      r !== void 0 && /* @__PURE__ */ s.jsx(
+                        j,
+                        {
+                          "aria-label": `Read ${r} times`,
+                          color: "white",
+                          icon: /* @__PURE__ */ s.jsx(u, { name: "EyeIcon", size: "sm" }),
+                          label: /* @__PURE__ */ s.jsxs(
+                            "p",
+                            {
+                              itemScope: !0,
+                              itemProp: "interactionStatistic",
+                              itemType: "https://schema.org/InteractionCounter",
+                              children: [
+                                /* @__PURE__ */ s.jsx(
+                                  "meta",
+                                  {
+                                    content: "https://schema.org/ReadAction",
+                                    itemProp: "interactionType"
+                                  }
+                                ),
+                                /* @__PURE__ */ s.jsx("span", { itemProp: "userInteractionCount", children: r })
+                              ]
+                            }
+                          )
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ s.jsx(
+                      R,
+                      {
+                        ...i,
+                        captionClassName: a("image__caption"),
+                        className: a("image"),
+                        containerClassName: a("image")
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ s.jsx(
+                    w,
+                    {
+                      highlight: !0,
+                      size: "md",
+                      type: "h3",
+                      ...e,
+                      className: a("headline", e == null ? void 0 : e.className),
+                      variant: (e == null ? void 0 : e.variant) ?? "secondary",
+                      children: e == null ? void 0 : e.content
+                    }
+                  )
+                ] }),
+                n(t) && /* @__PURE__ */ s.jsx("div", { className: a("card__content"), itemProp: "articleBody", children: /* @__PURE__ */ s.jsx(E, { className: a("content"), children: t }) }),
+                /* @__PURE__ */ s.jsxs("div", { className: a("card__footer"), children: [
+                  n(l) && /* @__PURE__ */ s.jsx(
+                    "p",
+                    {
+                      "aria-label": `Published at ${l}`,
+                      className: a("date"),
+                      itemProp: "datePublished",
+                      children: /* @__PURE__ */ s.jsx("time", { dateTime: v, itemProp: "datePublished", children: l })
+                    }
+                  ),
+                  (o == null ? void 0 : o.label) !== void 0 && n(o == null ? void 0 : o.label) && /* @__PURE__ */ s.jsxs(
+                    "span",
+                    {
+                      className: a("link", {
+                        "is-hovered": c
+                      }),
+                      children: [
+                        /* @__PURE__ */ s.jsx(
+                          u,
+                          {
+                            name: "ArrowRight01Icon",
+                            size: "xs",
+                            ...o == null ? void 0 : o.icon,
+                            color: "primary",
+                            className: a(
+                              "link__icon",
+                              {
+                                "is-hovered": c
+                              },
+                              (d = o == null ? void 0 : o.icon) == null ? void 0 : d.className
+                            )
+                          }
+                        ),
+                        o.label
+                      ]
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          p > 0 && /* @__PURE__ */ s.jsx("meta", { content: String(p), itemProp: "wordCount" }),
+          n(m) && /* @__PURE__ */ s.jsx("meta", { content: m, itemProp: "articleSection" })
+        ]
+      }
+    );
+  }
+);
+k.displayName = "PostTeaser";
+export {
+  k as PostTeaser
+};

package/dist/components/post-teaser/PostTeaser.module.scss.js

@@ -1 +1,25 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="gradientMove",e="fadeInKeyframe",r={"prokodo-PostTeaser__card":"prokodo-PostTeaser__card","prokodo-PostTeaser__card__container":"prokodo-PostTeaser__card__container","prokodo-PostTeaser__card__content":"prokodo-PostTeaser__card__content","prokodo-PostTeaser__card__footer":"prokodo-PostTeaser__card__footer","prokodo-PostTeaser__meta":"prokodo-PostTeaser__meta","prokodo-PostTeaser__meta__category":"prokodo-PostTeaser__meta__category","prokodo-PostTeaser__image":"prokodo-PostTeaser__image","prokodo-PostTeaser__image__wrapper":"prokodo-PostTeaser__image__wrapper","prokodo-PostTeaser__image__caption":"prokodo-PostTeaser__image__caption","prokodo-PostTeaser__date":"prokodo-PostTeaser__date","prokodo-PostTeaser__animation":"prokodo-PostTeaser__animation","prokodo-PostTeaser__headline":"prokodo-PostTeaser__headline","prokodo-PostTeaser__content":"prokodo-PostTeaser__content","prokodo-PostTeaser__link":"prokodo-PostTeaser__link","prokodo-PostTeaser__link__icon":"prokodo-PostTeaser__link__icon","prokodo-PostTeaser__link--is-hovered":"prokodo-PostTeaser__link--is-hovered",gradientMove:o,fadeInKeyframe:e};exports.default=r;exports.fadeInKeyframe=e;exports.gradientMove=o;
+const o = "gradientMove", e = "fadeInKeyframe", _ = {
+  "prokodo-PostTeaser__card": "prokodo-PostTeaser__card",
+  "prokodo-PostTeaser__card__container": "prokodo-PostTeaser__card__container",
+  "prokodo-PostTeaser__card__content": "prokodo-PostTeaser__card__content",
+  "prokodo-PostTeaser__card__footer": "prokodo-PostTeaser__card__footer",
+  "prokodo-PostTeaser__meta": "prokodo-PostTeaser__meta",
+  "prokodo-PostTeaser__meta__category": "prokodo-PostTeaser__meta__category",
+  "prokodo-PostTeaser__image": "prokodo-PostTeaser__image",
+  "prokodo-PostTeaser__image__wrapper": "prokodo-PostTeaser__image__wrapper",
+  "prokodo-PostTeaser__image__caption": "prokodo-PostTeaser__image__caption",
+  "prokodo-PostTeaser__date": "prokodo-PostTeaser__date",
+  "prokodo-PostTeaser__animation": "prokodo-PostTeaser__animation",
+  "prokodo-PostTeaser__headline": "prokodo-PostTeaser__headline",
+  "prokodo-PostTeaser__content": "prokodo-PostTeaser__content",
+  "prokodo-PostTeaser__link": "prokodo-PostTeaser__link",
+  "prokodo-PostTeaser__link__icon": "prokodo-PostTeaser__link__icon",
+  "prokodo-PostTeaser__link--is-hovered": "prokodo-PostTeaser__link--is-hovered",
+  gradientMove: o,
+  fadeInKeyframe: e
+};
+export {
+  _ as default,
+  e as fadeInKeyframe,
+  o as gradientMove
+};

package/dist/components/post-teaser/index.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./PostTeaser.js");exports.PostTeaser=e.PostTeaser;
+import { PostTeaser as r } from "./PostTeaser.js";
+export {
+  r as PostTeaser
+};