@leuffen/themejs1 5.0.5 → 5.0.7

package/dist/elements/e-form/e-form.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jodastyle_1 = require("@leuffen/jodastyle");
+jodastyle_1.Joda.registerTemplate("e-form", 
+// language=HTML
+`
+        <form class="tjs__e-form" data-micx-formmail-preset="default" data-micx-formmail-sent-message="E-Mail erfolgreich gesendet!">
+            <slot></slot>
+        </form>
+    `);

package/dist/elements/elements.d.ts

@@ -0,0 +1 @@
+export * from "./e-form/e-form";

package/dist/elements/elements.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./e-form/e-form"), exports);

package/dist/embed.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/embed.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const liscom_loader_1 = require("@leuffen/liscom-loader");
+(0, liscom_loader_1.initLoader)();

package/dist/index.d.ts

@@ -1 +1,6 @@
+export * from "./sections/sections";
+export * from "./elements/elements";
+export * from "@leuffen/isl-base";
 import "@leuffen/jodastyle";
+import "@leuffen/liweco-base";
+import "@leuffen/liscom";

package/dist/index.dev.d.ts

@@ -0,0 +1,4 @@
+import "./theme1.scss";
+import "./src.dev/dev.scss";
+import "./themes/theme1/theme1.dev";
+import "@micx/lib-js";

package/dist/index.dev.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./theme1.scss");
+require("./src.dev/dev.scss");
+require("./themes/theme1/theme1.dev");
+require("@micx/lib-js");

package/dist/index.js

@@ -1,3 +1,24 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+const liscom_1 = require("@leuffen/liscom");
+__exportStar(require("./sections/sections"), exports);
+__exportStar(require("./elements/elements"), exports);
+__exportStar(require("@leuffen/isl-base"), exports);
 require("@leuffen/jodastyle");
+require("@leuffen/liweco-base");
+require("@leuffen/liscom");
+(0, liscom_1.liscom_enable)();

package/dist/index.module.js

@@ -1 +1,8 @@
+import { liscom_enable } from "@leuffen/liscom";
+export * from "./sections/sections";
+export * from "./elements/elements";
+export * from "@leuffen/isl-base";
 import "@leuffen/jodastyle";
+import "@leuffen/liweco-base";
+import "@leuffen/liscom";
+liscom_enable();

package/dist/sections/cta-base/cta-base.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/sections/cta-base/cta-base.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jodastyle_1 = require("@leuffen/jodastyle");
+jodastyle_1.Joda.registerTemplate("cta-base", 
+// language=HTML
+`
+
+        <section class="tjs__cta-base">
+            <div class="[[layout.container]]">
+                <slot></slot>
+            </div>
+        </section>
+    `);

package/dist/sections/cta-form/cta-form.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/sections/cta-form/cta-form.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jodastyle_1 = require("@leuffen/jodastyle");
+jodastyle_1.Joda.registerTemplate("cta-form", 
+// language=HTML
+`
+        <section class="tjs__cta-form">
+            <form  data-micx-formmail-preset="default" data-micx-formmail-sent-message="E-Mail erfolgreich gesendet!">
+                <div class="container">
+                    <slot data-select=":scope h2"></slot>
+                </div>
+                <div class="wrapper">
+                    <div class="container">
+                        <div class="row g-3">
+                            <slot data-select=".section-hr" data-replace=""></slot>
+
+                        </div>
+                    </div>
+                </div>
+
+            </form>
+        </section>
+    `);

package/dist/sections/footer-base/footer-base.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/sections/footer-base/footer-base.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jodastyle_1 = require("@leuffen/jodastyle");
+jodastyle_1.Joda.registerTemplate("footer-base", 
+// language=HTML
+`
+
+        <footer class="tjs__footer-base [[layout.class]]">
+            <div class="[[layout.container]] h-100">
+                <div class="row">
+                    <slot data-select=".section-h3 > .content" data-child-class=":: col-12 :xl: col"></slot>
+                </div>
+            </div>
+            <div class="subfooter">
+                <slot data-select="#minifooter"></slot>
+            </div>
+        </footer>
+    `);

package/dist/sections/hero-max/hero-max.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/sections/hero-max/hero-max.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jodastyle_1 = require("@leuffen/jodastyle");
+jodastyle_1.Joda.registerTemplate("hero-max", 
+// language=HTML
+`
+
+        <section class="tjs__hero-max [[layout.class]] [[layout.autoheight === false ? '' : 'tjs__hero-max--autoheight' ]] :: mobile :lg: desktop">
+            <slot data-select="img.background, :scope>.content>p.background>img" class="slideshow"></slot>
+            <div class="tjs__hero-max--out-wrapper ">
+                <div class="tjs__hero-max--container [[layout.container]]">
+                    <div class="tjs__hero-max--inner-wrapper">
+                            <div class="tjs__hero-max--section-text">
+                                <slot></slot>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+    `);

package/dist/sections/hero-ribbon/hero-ribbon.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/sections/hero-ribbon/hero-ribbon.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jodastyle_1 = require("@leuffen/jodastyle");
+jodastyle_1.Joda.registerTemplate("hero-ribbon", 
+// language=HTML
+`
+
+        <div class="tjs__hero-ribbon">
+            <slot data-select="h2" class="d-none"></slot>
+            <div class="tjs__hero-ribbon--wrapper">
+                <div class="tjs__hero-ribbon--container [[layout.container]]">
+                    <div class="row ">
+
+                        <slot data-select=".section-h3 > .content"></slot>
+
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    `);

package/dist/sections/hero-title-small/hero-title-small.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/sections/hero-title-small/hero-title-small.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jodastyle_1 = require("@leuffen/jodastyle");
+jodastyle_1.Joda.registerTemplate("hero-title-small", 
+// language=HTML
+`
+
+    <div class="tjs__hero-title-small">
+        <div class="imagewrapper">
+            <slot data-select="img, .top"></slot>
+        </div>
+
+        <slot></slot>
+    </div>
+    `);

package/dist/sections/image-gallery1/image-gallery1.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/sections/image-gallery1/image-gallery1.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jodastyle_1 = require("@leuffen/jodastyle");
+jodastyle_1.Joda.registerTemplate("image-gallery1__images-image", 
+// language=HTML
+`
+
+        <slot class="tjs-image-gallery1__images-image" data-select="img"></slot>
+
+    `);
+jodastyle_1.Joda.registerTemplate("image-gallery1", 
+// language=HTML
+`
+
+        <section class="tjs-image-gallery1 container :: mobile :lg: desktop">
+            <slot class="tjs-image-gallery1__header"></slot>
+            <slot class="tjs-image-gallery1__images" data-select="ul > li" data-child-layout="use: #image-gallery1__images-image"></slot>
+        </section>
+
+    `);

package/dist/sections/navbar-blox/navbar-blox.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/sections/navbar-blox/navbar-blox.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jodastyle_1 = require("@leuffen/jodastyle");
+jodastyle_1.Joda.registerTemplate("navbar-blox", 
+// language=HTML
+`
+
+        <div class="tjs__navbar-blox">
+            <div class="wrapper">
+                <div class="firstline">
+                    <div class="tjs__content [[ layout.container ]]">
+                        <slot data-select=".brand" data-copy data-replace></slot>
+                    </div>
+                </div>
+
+                <div class="secondline" style="box-shadow: 0px 1px 2px #00000029;background: white">
+                    <div class="tjs__main-container [[ layout.container ]]">
+                        <div class="tjs__row1">
+
+
+                            <div class="tjs__logo :: mobile :md: " href="/" aria-label="Home">
+                                <slot data-select=".brand" data-replace></slot>
+                            </div>
+
+
+
+                            <div class="tjs__row2">
+                                <div class="tjs__nav-main" >
+
+                                    <slot data-select=".nav-bar-main" data-replace></slot>
+
+                                </div>
+
+
+                                <div class="tjs__hamburger">
+                                    <div class="use-hamburger :: justify-content-center :lg: text-start"
+                                         style="display: flex; padding-right:20px; align-items: center; justify-content: right; height:100%;width:100%"></div>
+                                </div>
+                            </div>
+
+
+                        </div>
+                        <div class="sidenav-positioner">
+                            <div class="sidenav">
+                                <slot data-select=".nav-menu"></slot>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+
+        </div>
+    `);

package/dist/sections/sec-card-2col/sec-card-2col.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/sections/sec-card-2col/sec-card-2col.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jodastyle_1 = require("@leuffen/jodastyle");
+jodastyle_1.Joda.registerTemplate("sec-card-2col", 
+// language=HTML
+`
+
+        <section class="tjs__sec-card-2col :: mobile :lg: desktop">
+            <div class="tjs__sec-card-2col--container [[layout.container]]">
+                <div class="row [[layout.order === 'reverse' ? 'flex-row-reverse': '']] [[layout.mobile_reverse === 'yes' ? ':: flex-row-reverse :lg:': '']]">
+                    <div class="tjs__sec-card-2col--col-start tjs__section-text p-4 p-lg-5 :: col-12 :lg: col-[[layout.cols]]">
+                        <slot></slot>
+                    </div>
+                    <div class="tjs__sec-card-2col--col-end image-side :: col-12 :lg: col-[[12 - layout.cols]] ">
+
+                        <slot class="[[layout.slideshow === true ? 'slideshow' : '']]" data-select="img, .children > .section-hr.aside, .aside" [[layout.slideshow !== true ? 'data-limit="1"' : '' ]]></slot>
+                    </div>
+                </div>
+            </div>
+        </section>
+    `, {
+    cols: 6,
+});

package/dist/sections/sec-card-feature/sec-card-feature.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/sections/sec-card-feature/sec-card-feature.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jodastyle_1 = require("@leuffen/jodastyle");
+jodastyle_1.Joda.registerTemplate("sec-card-feature", 
+// language=HTML
+`
+        <div class="tjs__sec-card-feature [[layout.class]]">
+            <div class="container">
+                <div class="header_image">
+                    <slot data-select=":scope > .content img, map" data-replace data-limit="1"></slot>
+                </div>
+                <div class="row">
+                    <div class="col-12 col-lg-6 text-format p-4 p-lg-5 tjs__section-text">
+                        <slot></slot>
+                    </div>
+                    <div class="col-12 col-lg-6 text-format p-4 p-lg-5">
+                        <slot data-select=":scope > .children"></slot>
+                    </div>
+                </div>
+            </div>
+        </div>
+    `);

package/dist/sections/sec-legal-content/sec-legal-content.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/sections/sec-legal-content/sec-legal-content.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jodastyle_1 = require("@leuffen/jodastyle");
+jodastyle_1.Joda.registerTemplate("sec-legal-content", 
+// language=HTML
+`
+
+        <section class="tjs__sec-legal-content :: mobile :lg:">
+            <div class="out-wrapper">
+                <div class="container p-0">
+                    <div class="inner-wrapper :: p-4 :lg: p-5">
+                            <div class="tjs__section-text">
+                                <slot></slot>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+        </section>
+    `);

package/dist/sections/sec-multi-card/sec-multi-card.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/sections/sec-multi-card/sec-multi-card.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jodastyle_1 = require("@leuffen/jodastyle");
+jodastyle_1.Joda.registerTemplate("sec-multi-card__item", 
+// language=HTML
+`
+        <div class="col tjs__sec-multi-card__item">
+            <div class="wrapper">
+
+                <slot class="tjs__sec-multi-card__item-img" data-select="img"></slot>
+
+
+                <div class="tjs__sec-multi-card__item__body text-format">
+                    <slot></slot>
+                </div>
+            </div>
+
+        </div>
+    `);
+jodastyle_1.Joda.registerTemplate("sec-multi-card", 
+// language=HTML
+`
+
+        <div class="tjs__sec-multi-card">
+            <div class="container header">
+                <slot data-select=":scope > .content"></slot>
+            </div>
+            <div class="container">
+                <slot class="row g-3 row-cols-1 row-cols-lg-[[ layout.cols ?? 3 ]]" data-select=":scope > .children > *"  data-child-layout="use: #sec-multi-card__item"></slot>
+            </div>
+        </div>
+    `);

package/dist/sections/sec-testimonial-ribbon/sec-testimonial-ribbon.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/sections/sec-testimonial-ribbon/sec-testimonial-ribbon.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jodastyle_1 = require("@leuffen/jodastyle");
+jodastyle_1.Joda.registerTemplate("sec-testimonial-ribbon", 
+// language=HTML
+`
+
+        <div class="tjs__sec-testimonial-ribbon :: mobile :lg:">
+            <div class="tjs__sec-testimonial-ribbon--wrapper">
+                <div class="tjs__sec-testimonial-ribbon--container [[layout.container]] :: :xl: mt-0">
+                    <div class="row">
+                        <div class="col-lg-3 image-round mx-auto ::  :xl: my-auto">
+                            <div class="ratio ratio-1x1">
+                                <slot data-select="img" data-replace=""></slot>
+                            </div>
+
+                        </div>
+                        <div class="col-lg-9 text-format :: :lg: my-auto">
+                            <slot></slot>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    `);

package/dist/sections/sections.d.ts

@@ -0,0 +1,13 @@
+import "./navbar-blox/navbar-blox";
+import "./sec-legal-content/sec-legal-content";
+import "./sec-testimonial-ribbon/sec-testimonial-ribbon";
+import "./sec-card-2col/sec-card-2col";
+import "./hero-max/hero-max";
+import "./hero-ribbon/hero-ribbon";
+import "./footer-base/footer-base";
+import "./cta-base/cta-base";
+import "./sec-multi-card/sec-multi-card";
+import "./sec-card-feature/sec-card-feature";
+import "./hero-title-small/hero-title-small";
+import "./cta-form/cta-form";
+import "./image-gallery1/image-gallery1";

package/dist/sections/sections.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./navbar-blox/navbar-blox");
+require("./sec-legal-content/sec-legal-content");
+require("./sec-testimonial-ribbon/sec-testimonial-ribbon");
+require("./sec-card-2col/sec-card-2col");
+require("./hero-max/hero-max");
+require("./hero-ribbon/hero-ribbon");
+require("./footer-base/footer-base");
+require("./cta-base/cta-base");
+require("./sec-multi-card/sec-multi-card");
+require("./sec-card-feature/sec-card-feature");
+require("./hero-title-small/hero-title-small");
+require("./cta-form/cta-form");
+require("./image-gallery1/image-gallery1");

package/dist/themes/theme1/theme1.dev.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/themes/theme1/theme1.dev.js

@@ -0,0 +1,120 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jodastyle_1 = require("@leuffen/jodastyle");
+let html = `
+
+<nav layout="use: #navbar-blox">
+    <div class="brand">Logo</div>
+    <ul class="nav-bar-main">
+        <li><a href="#home">Hello World</a></li>
+    </ul>
+    <ul class="nav-menu">
+        <li><a href="#home">Home</a></li>
+    </ul>
+</ul>
+</nav>
+
+# Willkommen bei <br>Dr. med. XXX XXX
+{: layout="use: #hero-max"}
+
+
+![Neuronen Hintergrundbild](https://cdn.leuffen.de//leu-stock/v2/7/121-46_gfedcba/AdobeStock_354842358.webp)
+
+Facharzt für Neurologie <br> Facharzt für Psychiatrie
+
+
+## Hero Section
+{: layout="use: #hero-ribbon"}
+
+
+
+
+### Notfall?
+
+Sie erreichen den ärztlichen Notdienst unter der Telefon-Nr: [116 117](tel:+49116117)
+
+### Termine & Rezeptabholung
+
+Wir sind eine **Terminpraxis**. Für Terminvergaben, Anfragen und Rezeptabholungen beachten Sie bitte
+die Öffnungszeiten des Empfangs.
+
+### Öffnungszeiten Empfang
+
+{% include el/openhours.html %}
+
+
+## Über mich
+{: layout="use: #sec-card-2col"}
+
+> Dr. med. X. Kelloggs
+
+![Bild Dr. med. XXX Kelloggs](https://cdn.leuffen.de//leu-stock/v2/26/c_gfedcba/AdobeStock_172186647.webp){: style="padding: 4rem"}
+
+### Werdegang
+
+Berufstätigkeit in der Neurologie, Psychiatrie, Inneren Medizin und Orthopädie.
+
+Zuletzt klinisch tätig als Oberarzt einer neurologischen Rehaklinik. Seit 2001 tätig als niedergelassener Neurologe
+und Psychiater.
+
+Focus Empfehlung: 2017, 2018, 2019
+
+
+
+## Medizinischer Schwerpunkt
+{: layout="use: #sec-multi-card; cols:2"}
+
+### Neurologie
+
+Interessengebiete:
+
+- Schlaganfall und Arteriosklerose
+- Parkinsonerkrankung
+- Gedächtnisstörung
+- Prävention und Ernährungsmedizin bei neurologischen Erkrankungen
+
+*Bitte beachten: Bei speziellen Medikamenten für Multiple Sklerose und Myasthenie wenden Sie sich bitte an ein
+spezialisiertes neurologisches Zentrum.*
+
+Apparative Untersuchungen:
+
+- Farbduplexsonographie der hirnversorgenden Halsgefäße
+- Messung der Nervenleitgeschwindigkeit bei Verdacht auf Karpaltunnelsyndrom, Polyneuropathie und Ulnaris-Neuropathie
+
+Beispiele für häufigere Beschwerden: Schwäche und Lähmung. Taubheit und Missempfindungen. Schwindel,
+Gleichgewichtsstörungen und Gangstörungen. Bewusstseinsstörung. Zittern. Kopfschmerzen und sonstige Schmerzen. Änderung des
+Denkvermögens und der Sprache.
+
+
+### Psychiatrie
+
+- Psychiatrische Diagnostik und Behandlung
+- Interessengebiet: Prävention und Ernährungsmedizin bei psychischen Erkrankungen
+
+Beispiele für häufigere Beschwerden: Anspannung, Unruhe, Reizbarkeit, aufdrängende Gedanken, Grübeln,
+Vermeidung, Ängste, Panikanfälle. Vegetative Beschwerden wie Herzklopfen, Atembeschwerden, Schwitzen, Schwindel, usw. Schlafstörungen.
+Änderung der Stimmung, des Antriebs, des Denkvermögens, der Wahrnehmung und des Verhaltens.
+
+---
+{: .hr}
+
+Bei Vorliegen einer Notlage und akuter Beschwerden: wenden Sie sich bitte direkt an die Aufnahme einer
+Klinik. Empfehlung für weitere Informationen: [www.neurologen-und-psychiater-im-netz.org](https://www.neurologen-und-psychiater-im-netz.org)
+
+
+
+
+
+
+
+
+## Kontakt aufnehmen
+{: layout="use: #cta-base"}
+
+[Kontakt](/kontakt)
+
+
+`;
+jodastyle_1.JodaDescriptionManager.addClass("page", "theme1", "theme1", html, [], {
+    bodyClasses: ["theme1"]
+});

package/dist/webpack.config.d.ts

@@ -0,0 +1,55 @@
+import MiniCssExtractPlugin = require("mini-css-extract-plugin");
+export let entry: {
+    'assets/dist/style': string;
+    'assets/dist/index': string;
+};
+export let cache: boolean;
+export namespace module {
+    let rules: ({
+        test: RegExp;
+        use: {
+            loader: string;
+            options: {
+                loader: string;
+            };
+        }[];
+        include: string[];
+        enforce?: undefined;
+        loader?: undefined;
+    } | {
+        enforce: string;
+        test: RegExp;
+        loader: string;
+        use?: undefined;
+        include?: undefined;
+    } | {
+        test: RegExp;
+        use: (string | {
+            loader: string;
+            options: {
+                url: boolean;
+            };
+        })[];
+        include: string;
+        enforce?: undefined;
+        loader?: undefined;
+    })[];
+}
+export namespace resolve {
+    let extensions: string[];
+}
+export let devtool: string;
+export let mode: string;
+export namespace devServer {
+    export namespace _static {
+        let directory: string;
+    }
+    export { _static as static };
+    export let compress: boolean;
+    export let port: number;
+}
+export let plugins: MiniCssExtractPlugin[];
+export namespace output {
+    let filename: string;
+    let path: string;
+}

package/dist/webpack.config.js

@@ -0,0 +1,71 @@
+const path = require('path');
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+module.exports = {
+    entry: {
+        'assets/dist/style': './demo_styles.scss',
+        'assets/dist/index': './src.dev/index-dev.ts'
+    },
+    cache: true,
+    module: {
+        rules: [
+            {
+                test: /\.tsx?$/,
+                use: [
+                    {
+                        loader: 'esbuild-loader',
+                        options: {
+                            loader: "ts",
+                        }
+                    }
+                ],
+                include: [
+                    path.resolve(__dirname, "src"),
+                    path.resolve(__dirname, "workspaces"),
+                    path.resolve(__dirname, "theme")
+                ]
+            },
+            {
+                enforce: 'pre',
+                test: /\.html$/,
+                loader: 'raw-loader',
+            },
+            {
+                test: /\.(scss|css)$/,
+                use: [
+                    MiniCssExtractPlugin.loader,
+                    {
+                        loader: 'css-loader',
+                        options: {
+                            url: false // don't complain about url() in css
+                        }
+                    }, 'sass-loader'
+                ],
+                include: path.resolve(__dirname, "")
+            },
+        ],
+    },
+    resolve: {
+        extensions: ['.tsx', '.ts', '.js'],
+    },
+    devtool: 'source-map',
+    mode: "development",
+    devServer: {
+        static: {
+            directory: path.join(__dirname, 'docs'),
+        },
+        compress: true,
+        port: 4000,
+    },
+    plugins: [
+        new MiniCssExtractPlugin({
+            // Options similar to the same options in webpackOptions.output
+            // both options are optional
+            filename: "[name].css",
+            chunkFilename: "[id].css",
+        }),
+    ],
+    output: {
+        filename: '[name].js',
+        path: path.resolve(__dirname, 'docs/'),
+    },
+};

package/embed.scss

@@ -1,2 +1,3 @@
-@import "src/default/loader";
+
+@import "@leuffen/liscom-loader";
 

package/embed.ts

@@ -1,3 +1,3 @@
-import {initLoader} from "./src/helper/loader";
+import {initLoader} from "@leuffen/liscom-loader";
 
 initLoader()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leuffen/themejs1",
-  "version": "5.0.5",
+  "version": "5.0.7",
 
   "description": "",
   "license": "proprietary",
@@ -30,7 +30,8 @@
     "@leuffen/jodastyle": "^3.0.3",
     "@kasimirjs/embed": "^1.0.8",
     "@leuffen/isl-base": "^2.0.2",
-    "@leuffen/liscom": "^2.0.4",
+    "@leuffen/liscom": "^2.0.8",
+    "@leuffen/liscom-loader": "^1.0.1",
     "@leuffen/liweco-base": "^2.0.2",
     "bootstrap": "^5.3.0"
   },

package/dist/helper/loader.d.ts

@@ -1 +0,0 @@
-export declare function initLoader(): void;

package/dist/helper/loader.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initLoader = void 0;
-const hit_index_1 = require("../hit-index");
-console.time("loader");
-function initLoader() {
-    let interval = setInterval(() => {
-        // Detect if body is loaded
-        if (document.querySelector("body")) {
-            // Cancel interval
-            clearInterval(interval);
-            let img = document.querySelector("img").cloneNode(true);
-            let loader = document.createElement("div");
-            loader.classList.add("loader");
-            loader.appendChild(img);
-            img.setAttribute("class", "");
-            img.setAttribute("loading", "eager");
-            let loaderBar = document.createElement("div");
-            loaderBar.classList.add("loader-bar");
-            loader.appendChild(loaderBar);
-            document.querySelector("body").appendChild(loader);
-        }
-    }, hit_index_1.hitIndex === 1 ? 10 : 350); // Wait 350 on subsequent requests to prevent flickering
-}
-exports.initLoader = initLoader;

package/dist/helper/mouse-to-css.js

@@ -1,20 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const embed_1 = require("@kasimirjs/embed");
-let d = new embed_1.Debouncer(10);
-window.addEventListener("mousemove", (e) => __awaiter(void 0, void 0, void 0, function* () {
-    yield d.debounce();
-    document.body.style.setProperty("--mouse-x", (e.clientX / window.innerWidth) * 100 + "");
-    document.body.style.setProperty("--mouse-y", (e.clientY / window.innerHeight) * 100 + "");
-}));
-document.body.style.setProperty("--mouse-x", 1 + "");
-document.body.style.setProperty("--mouse-y", 1 + "");

package/dist/hit-index.d.ts

@@ -1 +0,0 @@
-export declare const hitIndex: number;

package/dist/hit-index.js

@@ -1,11 +0,0 @@
-"use strict";
-var _a, _b;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hitIndex = void 0;
-const indexName = "themejs_hit_index";
-let state = sessionStorage.getItem(indexName);
-if (state === null) {
-    sessionStorage.setItem(indexName, "0");
-}
-sessionStorage.setItem(indexName, "" + (parseInt((_a = sessionStorage.getItem(indexName)) !== null && _a !== void 0 ? _a : "0") + 1));
-exports.hitIndex = parseInt((_b = sessionStorage.getItem(indexName)) !== null && _b !== void 0 ? _b : "0");

package/src/core/templates.ts

@@ -1,3 +0,0 @@
-
-
-

package/src/default/loader.scss

@@ -1,98 +0,0 @@
-body > .loader > .loader-bar {
-    position: relative;
-    display: block;
-    background-color: lightgrey;
-    height: 3px;
-    width: 70vw;
-    max-width: 500px;
-    top: 0;
-    z-index: 1;
-    margin-top: 25vh;
-    &::before {
-        content: "";
-        font-family: sans-serif;
-        font-size: 12px;
-        line-height: 10px;
-        position: relative;
-        text-align: center;
-        color: white;
-
-        z-index: 2;
-        -webkit-animation: leu--site-loader 60s ease-out;
-        animation: leu--site-loader 30s ease-out;
-        display: block;
-        background-color: indianred;
-        height: 100%;
-        width: 35%;
-        top: 0;
-    }
-}
-
-
-@keyframes leu--site-loader {
-    3% {
-        width: 75%;
-
-    }
-    5% {
-        width: 90%;
-    }
-    10% {
-        width: 95%;
-    }
-    100% {
-        width: 100%;
-    }
-}
-
-
-body {
-    min-height: 5000vh; // 3000vh is enough to make sure the page scrolls to correct position on reload
-}
-
-body.loaded {
-    min-height: unset;
-}
-
-body > joda-content {
-    opacity: 0;
-    transition: opacity 0.10s;
-}
-body.loaded > joda-content {
-    opacity: 1;
-}
-
-
-body > .loader {
-    position: fixed;
-    z-index: -99;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: #fff;
-    transition: opacity 0.15s;
-    display: flex !important;
-
-    align-items: center;
-    align-content: center;
-    justify-content: center;
-    opacity: 1;
-    flex-wrap: wrap;
-    flex-direction: column;
-
-    & > img {
-        flex-direction: column;
-        display: block !important;
-        height: auto !important;
-        width: 70vw !important;
-        max-width: 500px;
-
-    }
-}
-
-body.loaded > .loader {
-    opacity: 0;
-    //display: none !important;
-    z-index: -99;
-}

package/src/helper/loader.ts

@@ -1,27 +0,0 @@
-import {hitIndex} from "../hit-index";
-
-console.time("loader");
-export function initLoader() {
-    let interval = setInterval(() => {
-        // Detect if body is loaded
-        if (document.querySelector("body")) {
-            // Cancel interval
-            clearInterval(interval);
-
-            let img = document.querySelector("img").cloneNode(true) as HTMLImageElement;
-            let loader = document.createElement("div");
-            loader.classList.add("loader");
-            loader.appendChild(img);
-            img.setAttribute("class", "");
-            img.setAttribute("loading", "eager");
-
-            let loaderBar = document.createElement("div");
-            loaderBar.classList.add("loader-bar");
-            loader.appendChild(loaderBar);
-
-            document.querySelector("body").appendChild(loader);
-        }
-    }, hitIndex === 1 ? 10 : 350); // Wait 350 on subsequent requests to prevent flickering
-}
-
-

package/src/helper/mouse-to-css.ts

@@ -1,11 +0,0 @@
-import {Debouncer} from "@kasimirjs/embed";
-
-let d = new Debouncer(10);
-window.addEventListener("mousemove", async (e) => {
-    await d.debounce()
-    document.body.style.setProperty("--mouse-x", (e.clientX / window.innerWidth) * 100 + "");
-    document.body.style.setProperty("--mouse-y", (e.clientY / window.innerHeight) * 100 + "");
-});
-document.body.style.setProperty("--mouse-x", 1 + "");
-document.body.style.setProperty("--mouse-y", 1 + "");
-

package/src/hit-index.ts

@@ -1,8 +0,0 @@
-const indexName = "themejs_hit_index";
-let state = sessionStorage.getItem(indexName);
-if (state === null) {
-    sessionStorage.setItem(indexName, "0");
-}
-sessionStorage.setItem(indexName, "" + (parseInt(sessionStorage.getItem(indexName) ?? "0") + 1));
-
-export const hitIndex = parseInt(sessionStorage.getItem(indexName) ?? "0");

package/src/index.ts

@@ -1,3 +0,0 @@
-
-
-import "@leuffen/jodastyle";