From ef3a4f38928897c8606a370ebfa4fb6c35af27f8 Mon Sep 17 00:00:00 2001 From: "izabela.horodenska" Date: Fri, 2 Feb 2024 15:29:35 +0100 Subject: [PATCH] created posts block --- dist/posts/posts.js | 2 + dist/posts/posts.js.map | 1 + src/blocks/posts/posts.ts | 76 +++++++++++++++++++++++++++++++++++ types/blocks/posts/posts.d.ts | 1 + vite.config.ts | 1 + 5 files changed, 81 insertions(+) create mode 100644 dist/posts/posts.js create mode 100644 dist/posts/posts.js.map create mode 100644 src/blocks/posts/posts.ts create mode 100644 types/blocks/posts/posts.d.ts diff --git a/dist/posts/posts.js b/dist/posts/posts.js new file mode 100644 index 00000000..4d1dbab3 --- /dev/null +++ b/dist/posts/posts.js @@ -0,0 +1,2 @@ +import{j as e,x as l}from"../__chunks__/lit-element.XkUWx5ik.js";const i=()=>l`

Interdum aenean

Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.

Nulla amet dolore

Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.

Tempus ullamcorper

Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.

Sed etiam facilis

Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.

Feugiat lorem aenean

Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.

Amet varius aliquam

Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.

`;function s(a){a.innerHTML="",a.style.removeProperty("display"),e(i(),a)}export{s as default}; +//# sourceMappingURL=posts.js.map diff --git a/dist/posts/posts.js.map b/dist/posts/posts.js.map new file mode 100644 index 00000000..342715da --- /dev/null +++ b/dist/posts/posts.js.map @@ -0,0 +1 @@ +{"version":3,"file":"posts.js","sources":["../../src/blocks/posts/posts.ts"],"sourcesContent":["import { html, render } from 'lit';\n\nconst template = () => {\n return html`
\n \"\"\n

Interdum aenean

\n

\n Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed\n nulla amet lorem feugiat tempus aliquam.\n

\n \n
\n
\n \"\"\n

Nulla amet dolore

\n

\n Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed\n nulla amet lorem feugiat tempus aliquam.\n

\n \n
\n
\n \"\"\n

Tempus ullamcorper

\n

\n Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed\n nulla amet lorem feugiat tempus aliquam.\n

\n \n
\n
\n \"\"\n

Sed etiam facilis

\n

\n Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed\n nulla amet lorem feugiat tempus aliquam.\n

\n \n
\n
\n \"\"\n

Feugiat lorem aenean

\n

\n Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed\n nulla amet lorem feugiat tempus aliquam.\n

\n \n
\n
\n \"\"\n

Amet varius aliquam

\n

\n Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed\n nulla amet lorem feugiat tempus aliquam.\n

\n \n
`;\n};\nexport default function (block: HTMLElement) {\n block.innerHTML = '';\n\n block.style.removeProperty('display');\n render(template(), block);\n}\n"],"names":["template","html","posts","block","render"],"mappings":"iEAEA,MAAMA,EAAW,IACRC,8+DAmET,SAAAC,EAAyBC,EAAoB,CAC3CA,EAAM,UAAY,GAEZA,EAAA,MAAM,eAAe,SAAS,EAC7BC,EAAAJ,IAAYG,CAAK,CAC1B"} \ No newline at end of file diff --git a/src/blocks/posts/posts.ts b/src/blocks/posts/posts.ts new file mode 100644 index 00000000..122a29e7 --- /dev/null +++ b/src/blocks/posts/posts.ts @@ -0,0 +1,76 @@ +import { html, render } from 'lit'; + +const template = () => { + return html`
+ +

Interdum aenean

+

+ Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed + nulla amet lorem feugiat tempus aliquam. +

+ +
+
+ +

Nulla amet dolore

+

+ Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed + nulla amet lorem feugiat tempus aliquam. +

+ +
+
+ +

Tempus ullamcorper

+

+ Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed + nulla amet lorem feugiat tempus aliquam. +

+ +
+
+ +

Sed etiam facilis

+

+ Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed + nulla amet lorem feugiat tempus aliquam. +

+ +
+
+ +

Feugiat lorem aenean

+

+ Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed + nulla amet lorem feugiat tempus aliquam. +

+ +
+
+ +

Amet varius aliquam

+

+ Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed + nulla amet lorem feugiat tempus aliquam. +

+ +
`; +}; +export default function (block: HTMLElement) { + block.innerHTML = ''; + + block.style.removeProperty('display'); + render(template(), block); +} diff --git a/types/blocks/posts/posts.d.ts b/types/blocks/posts/posts.d.ts new file mode 100644 index 00000000..95509577 --- /dev/null +++ b/types/blocks/posts/posts.d.ts @@ -0,0 +1 @@ +export default function (block: HTMLElement): void; diff --git a/vite.config.ts b/vite.config.ts index 4bf880d9..7e2d2e51 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -27,6 +27,7 @@ export default defineConfig(({ command, mode }) => { counter: resolve(__dirname, 'src/blocks/counter/counter.ts'), banner: resolve(__dirname, 'src/blocks/banner/banner.ts'), features: resolve(__dirname, 'src/blocks/features/features.ts'), + posts: resolve(__dirname, 'src/blocks/posts/posts.ts'), }, output: { dir: 'dist',