From c590f9945dff54e7250c6266669a79ed5321ec4e Mon Sep 17 00:00:00 2001
From: Volker Schukai <volker.schukai@schukai.com>
Date: Fri, 5 Apr 2024 20:41:10 +0200
Subject: [PATCH] chore: fix import statements
---
development/playground/badge/main.js | 12 +--
development/playground/badge/main.pcss | 2 +-
.../playground/bind-with-datasource/main.mjs | 90 +++++++++----------
development/playground/button/main.js | 16 ++--
development/playground/button/main.pcss | 2 +-
development/playground/card/main.js | 18 ++--
development/playground/card/main.pcss | 2 +-
development/playground/color/main.js | 12 +--
development/playground/color/main.pcss | 2 +-
development/playground/context-help/main.js | 20 ++---
development/playground/context-help/main.pcss | 2 +-
development/playground/datatable/main.js | 68 +++++++-------
development/playground/dialog/main.js | 20 ++---
development/playground/dom/main.js | 34 +++----
development/playground/filter/main.js | 34 +++----
development/playground/form/main.js | 18 ++--
development/playground/i18n-debug1/main.js | 32 +++----
development/playground/icons/main.js | 14 +--
development/playground/icons/main.pcss | 2 +-
.../monster-bind-with-datasource/main.mjs | 10 +--
development/playground/multiids-dom/main.js | 32 +++----
development/playground/popper/main.js | 16 ++--
development/playground/rest/main.js | 4 +-
development/playground/select-fetch/main.js | 22 ++---
development/playground/select/main.js | 20 ++---
development/playground/skeleton/main.js | 20 ++---
development/playground/skeleton/main.pcss | 2 +-
development/playground/space/main.js | 20 ++---
development/playground/space/main.pcss | 2 +-
development/playground/spinner/main.js | 20 ++---
development/playground/spinner/main.pcss | 2 +-
development/playground/state-button/main.js | 18 ++--
development/playground/state-button/main.pcss | 2 +-
development/playground/step-for-step/main.js | 34 +++----
development/playground/tab/main.mjs | 22 ++---
development/playground/table/main.mjs | 12 +--
development/playground/table/main.pcss | 2 +-
development/playground/toggle-switch/main.mjs | 12 +--
development/playground/tree-select/main.js | 20 ++---
development/playground/typography/main.js | 14 +--
development/playground/typography/main.pcss | 2 +-
development/vite.config.js | 17 ++++
opt/scripts/build-exports.cjs | 7 +-
theme-generator/vite.config.js | 2 +
44 files changed, 377 insertions(+), 357 deletions(-)
diff --git a/development/playground/badge/main.js b/development/playground/badge/main.js
index e33dbcd67..430f2249d 100644
--- a/development/playground/badge/main.js
+++ b/development/playground/badge/main.js
@@ -1,9 +1,9 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/badge.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/badge.pcss";
import "./main.pcss";
diff --git a/development/playground/badge/main.pcss b/development/playground/badge/main.pcss
index 8be045357..0fa5c3a63 100644
--- a/development/playground/badge/main.pcss
+++ b/development/playground/badge/main.pcss
@@ -1,4 +1,4 @@
-@import "../../source/components/style/mixin/property.pcss";
+@import "../../../source/components/style/mixin/property.pcss";
.container {
diff --git a/development/playground/bind-with-datasource/main.mjs b/development/playground/bind-with-datasource/main.mjs
index f80267237..9f7a59e1e 100644
--- a/development/playground/bind-with-datasource/main.mjs
+++ b/development/playground/bind-with-datasource/main.mjs
@@ -1,53 +1,53 @@
-import "../../source/components/host/overlay.mjs";
-import "../../source/components/datatable/datatable.mjs";
-import "../../source/components/datatable/dataset.mjs";
-import "../../source/components/datatable/datasource/dom.mjs";
-import "../../source/components/datatable/datasource/rest.mjs";
-import "../../source/components/datatable/save-button.mjs";
-
-import "../../source/components/form/button.mjs";
-import "../../source/components/form/select.mjs";
-import "../../source/components/form/toggle-switch.mjs";
-
-import "../../source/components/style/common.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/table.pcss";
-import "../../source/components/style/badge.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/link.pcss";
-import "../../source/components/style/icons.pcss";
-import "../../source/components/style/data-grid.pcss";
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/display.pcss";
-
-import "../../source/components/datatable/datasource/rest.mjs";
-import "../../source/components/datatable/filter.mjs";
-import "../../source/components/datatable/filter-button.mjs";
-import "../../source/components/datatable/embedded-pagination.mjs";
-import "../../source/components/datatable/datatable.mjs";
-import "../../source/components/datatable/dataset.mjs";
-import "../../source/components/datatable/status.mjs";
-import "../../source/components/datatable/save-button.mjs";
-import "../../source/components/datatable/change-button.mjs";
-import "../../source/components/datatable/filter/range.mjs";
-import "../../source/components/datatable/filter/select.mjs";
-import "../../source/components/datatable/filter/input.mjs";
-import "../../source/components/datatable/filter/date-range.mjs";
-import {windowReady} from "../../source/dom/ready.mjs";
-import "../../source/components/host/host.mjs";
-import "../../source/components/form/button.mjs";
-import "../../source/components/form/button-bar.mjs";
-import "../../source/components/form/popper-button.mjs";
-import "../../source/components/form/tabs.mjs";
-import {clone} from "../../source/util/clone.mjs";
+import "../../../source/components/host/overlay.mjs";
+import "../../../source/components/datatable/datatable.mjs";
+import "../../../source/components/datatable/dataset.mjs";
+import "../../../source/components/datatable/datasource/dom.mjs";
+import "../../../source/components/datatable/datasource/rest.mjs";
+import "../../../source/components/datatable/save-button.mjs";
+
+import "../../../source/components/form/button.mjs";
+import "../../../source/components/form/select.mjs";
+import "../../../source/components/form/toggle-switch.mjs";
+
+import "../../../source/components/style/common.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/table.pcss";
+import "../../../source/components/style/badge.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/link.pcss";
+import "../../../source/components/style/icons.pcss";
+import "../../../source/components/style/data-grid.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/display.pcss";
+
+import "../../../source/components/datatable/datasource/rest.mjs";
+import "../../../source/components/datatable/filter.mjs";
+import "../../../source/components/datatable/filter-button.mjs";
+import "../../../source/components/datatable/embedded-pagination.mjs";
+import "../../../source/components/datatable/datatable.mjs";
+import "../../../source/components/datatable/dataset.mjs";
+import "../../../source/components/datatable/status.mjs";
+import "../../../source/components/datatable/save-button.mjs";
+import "../../../source/components/datatable/change-button.mjs";
+import "../../../source/components/datatable/filter/range.mjs";
+import "../../../source/components/datatable/filter/select.mjs";
+import "../../../source/components/datatable/filter/input.mjs";
+import "../../../source/components/datatable/filter/date-range.mjs";
+import {windowReady} from "../../../source/dom/ready.mjs";
+import "../../../source/components/host/host.mjs";
+import "../../../source/components/form/button.mjs";
+import "../../../source/components/form/button-bar.mjs";
+import "../../../source/components/form/popper-button.mjs";
+import "../../../source/components/form/tabs.mjs";
+import {clone} from "../../../source/util/clone.mjs";
import "./main.pcss";
-import { findTargetElementFromEvent } from "../../source/dom/events.mjs";
+import { findTargetElementFromEvent } from "../../../source/dom/events.mjs";
let data = document.getElementById('data1');
/**
diff --git a/development/playground/button/main.js b/development/playground/button/main.js
index c92b72c71..cbeca471d 100644
--- a/development/playground/button/main.js
+++ b/development/playground/button/main.js
@@ -1,12 +1,12 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/ripple.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/ripple.pcss";
+import "../../../source/components/style/space.pcss";
import "./main.pcss";
-import "../../source/components/style/space.pcss";
diff --git a/development/playground/button/main.pcss b/development/playground/button/main.pcss
index 09c455891..8ed76a65e 100644
--- a/development/playground/button/main.pcss
+++ b/development/playground/button/main.pcss
@@ -1,4 +1,4 @@
-@import "../../source/components/style/mixin/property.pcss";
+@import "../../../source/components/style/mixin/property.pcss";
diff --git a/development/playground/card/main.js b/development/playground/card/main.js
index 28f3edf3c..2c15134c8 100644
--- a/development/playground/card/main.js
+++ b/development/playground/card/main.js
@@ -1,13 +1,13 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/ripple.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/ripple.pcss";
import "./main.pcss";
-import "../../source/components/style/space.pcss";
-import "../../source/components/style/card.pcss";
+import "../../../source/components/style/space.pcss";
+import "../../../source/components/style/card.pcss";
diff --git a/development/playground/card/main.pcss b/development/playground/card/main.pcss
index d36e583b9..c742e7b6d 100644
--- a/development/playground/card/main.pcss
+++ b/development/playground/card/main.pcss
@@ -1,4 +1,4 @@
-@import "../../source/components/style/mixin/property.pcss";
+@import "../../../source/components/style/mixin/property.pcss";
diff --git a/development/playground/color/main.js b/development/playground/color/main.js
index 0048933b7..d10ab589a 100644
--- a/development/playground/color/main.js
+++ b/development/playground/color/main.js
@@ -1,9 +1,9 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/border.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/border.pcss";
import "./main.pcss";
diff --git a/development/playground/color/main.pcss b/development/playground/color/main.pcss
index e0a6ccced..5b176505e 100644
--- a/development/playground/color/main.pcss
+++ b/development/playground/color/main.pcss
@@ -1,4 +1,4 @@
-@import "../../source/components/style/mixin/property.pcss";
+@import "../../../source/components/style/mixin/property.pcss";
diff --git a/development/playground/context-help/main.js b/development/playground/context-help/main.js
index 5777d260b..61c6a2558 100644
--- a/development/playground/context-help/main.js
+++ b/development/playground/context-help/main.js
@@ -1,15 +1,15 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/ripple.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/ripple.pcss";
import "./main.pcss";
-import "../../source/components/style/space.pcss";
+import "../../../source/components/style/space.pcss";
-import "../../source/components/form/context-help.mjs";
-import "../../source/components/form/context-error.mjs";
+import "../../../source/components/form/context-help.mjs";
+import "../../../source/components/form/context-error.mjs";
const elem = document.getElementById("error");
diff --git a/development/playground/context-help/main.pcss b/development/playground/context-help/main.pcss
index 09c455891..8ed76a65e 100644
--- a/development/playground/context-help/main.pcss
+++ b/development/playground/context-help/main.pcss
@@ -1,4 +1,4 @@
-@import "../../source/components/style/mixin/property.pcss";
+@import "../../../source/components/style/mixin/property.pcss";
diff --git a/development/playground/datatable/main.js b/development/playground/datatable/main.js
index cb276c03c..8f02caf93 100644
--- a/development/playground/datatable/main.js
+++ b/development/playground/datatable/main.js
@@ -1,37 +1,37 @@
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/table.pcss";
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/badge.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/link.pcss";
-import "../../source/components/style/data-grid.pcss";
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/display.pcss";
-import "../../source/components/datatable/datasource/rest.mjs";
-import "../../source/components/datatable/filter.mjs";
-import "../../source/components/datatable/filter-button.mjs";
-import "../../source/components/datatable/embedded-pagination.mjs";
-import "../../source/components/datatable/datatable.mjs";
-import "../../source/components/datatable/dataset.mjs";
-import "../../source/components/datatable/status.mjs";
-import "../../source/components/datatable/filter/range.mjs";
-import "../../source/components/datatable/filter/select.mjs";
-import "../../source/components/datatable/filter/input.mjs";
-import "../../source/components/datatable/filter/date-range.mjs";
-import {windowReady} from "../../source/dom/ready.mjs";
-import "../../source/components/host/host.mjs";
-import "../../source/components/form/button.mjs";
-import "../../source/components/form/popper-button.mjs";
-import "../../source/components/form/tabs.mjs";
-
-
-
-import { Embed } from "../../source/i18n/providers/embed.mjs";
-import { getDocumentTranslations } from "../../source/i18n/translations.mjs";
-
-import {findTargetElementFromEvent} from "../../source/dom/events.mjs";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/table.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/badge.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/link.pcss";
+import "../../../source/components/style/data-grid.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/display.pcss";
+import "../../../source/components/datatable/datasource/rest.mjs";
+import "../../../source/components/datatable/filter.mjs";
+import "../../../source/components/datatable/filter-button.mjs";
+import "../../../source/components/datatable/embedded-pagination.mjs";
+import "../../../source/components/datatable/datatable.mjs";
+import "../../../source/components/datatable/dataset.mjs";
+import "../../../source/components/datatable/status.mjs";
+import "../../../source/components/datatable/filter/range.mjs";
+import "../../../source/components/datatable/filter/select.mjs";
+import "../../../source/components/datatable/filter/input.mjs";
+import "../../../source/components/datatable/filter/date-range.mjs";
+import {windowReady} from "../../../source/dom/ready.mjs";
+import "../../../source/components/host/host.mjs";
+import "../../../source/components/form/button.mjs";
+import "../../../source/components/form/popper-button.mjs";
+import "../../../source/components/form/tabs.mjs";
+
+
+
+// import { Embed } from "../../../source/i18n/providers/embed.mjs";
+// import { getDocumentTranslations } from "../../../source/i18n/translations.mjs";
+//
+// import {findTargetElementFromEvent} from "../../../source/dom/events.mjs";
windowReady.then(() => {
// debugger
diff --git a/development/playground/dialog/main.js b/development/playground/dialog/main.js
index a3f8eb98d..6b4f7f232 100644
--- a/development/playground/dialog/main.js
+++ b/development/playground/dialog/main.js
@@ -1,13 +1,13 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/form.pcss";
-import "../../source/components/style/link.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/ripple.pcss";
-import "../../source/components/layout/split-screen.mjs";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/form.pcss";
+import "../../../source/components/style/link.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/ripple.pcss";
+import "../../../source/components/layout/split-screen.mjs";
import "./main.pcss";
diff --git a/development/playground/dom/main.js b/development/playground/dom/main.js
index 579f4de24..11bf6acb3 100644
--- a/development/playground/dom/main.js
+++ b/development/playground/dom/main.js
@@ -1,24 +1,24 @@
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/table.pcss";
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/badge.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/link.pcss";
-import "../../source/components/style/data-grid.pcss";
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/typography.pcss";
-import {Observer} from "../../source/types/observer.mjs";
-import {windowReady} from "../../source/dom/ready.mjs";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/table.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/badge.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/link.pcss";
+import "../../../source/components/style/data-grid.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/typography.pcss";
+// import {Observer} from "../../../source/types/observer.mjs";
+// import {windowReady} from "../../../source/dom/ready.mjs";
//import "../../../application/source/datasource/rest.mjs";
//import "../../../application/source/dataset.mjs";
-//import "../../source/components/host/host.mjs";
-import "../../source/components/form/button.mjs";
+//import "../../../source/components/host/host.mjs";
+import "../../../source/components/form/button.mjs";
-import "../../../application/source/pagination.mjs";
-import "../../../application/source/datatable.mjs";
-import "../../../application/source/datasource/dom.mjs";
+// // import "../../../source/components/pagination.mjs";
+// import "../../../source/components/datatable.mjs";
+// import "../../../source/components/datasource/dom.mjs";
import "./main.pcss";
//
diff --git a/development/playground/filter/main.js b/development/playground/filter/main.js
index ade984226..0a81ca8cf 100644
--- a/development/playground/filter/main.js
+++ b/development/playground/filter/main.js
@@ -1,13 +1,13 @@
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/table.pcss";
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/badge.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/link.pcss";
-import "../../source/components/style/data-grid.pcss";
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/typography.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/table.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/badge.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/link.pcss";
+import "../../../source/components/style/data-grid.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/typography.pcss";
import "./main.pcss";
import "../../../application/source/datasource/rest.mjs";
import "../../../application/source/pagination.mjs";
@@ -16,15 +16,15 @@ import "../../../application/source/dataset.mjs";
import "../../../application/source/filter-button.mjs";
import "../../../application/source/filter.mjs";
import "../../../application/source/filter/input.mjs";
-import {windowReady} from "../../source/dom/ready.mjs";
-import "../../source/components/host/host.mjs";
-import "../../source/components/host/collapse.mjs";
-import "../../source/components/form/button.mjs";
+import {windowReady} from "../../../source/dom/ready.mjs";
+import "../../../source/components/host/host.mjs";
+import "../../../source/components/host/collapse.mjs";
+import "../../../source/components/form/button.mjs";
-// import { Embed } from "../../source/i18n/providers/embed.mjs";
-// import { getDocumentTranslations } from "../../source/i18n/translations.mjs";
+// import { Embed } from "../../../source/i18n/providers/embed.mjs";
+// import { getDocumentTranslations } from "../../../source/i18n/translations.mjs";
-import {findTargetElementFromEvent} from "../../source/dom/events.mjs";
+import {findTargetElementFromEvent} from "../../../source/dom/events.mjs";
windowReady.then(() => {
// debugger
diff --git a/development/playground/form/main.js b/development/playground/form/main.js
index 4d4884d75..129ce7c42 100644
--- a/development/playground/form/main.js
+++ b/development/playground/form/main.js
@@ -1,12 +1,12 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/form.pcss";
-import "../../source/components/style/link.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/ripple.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/form.pcss";
+import "../../../source/components/style/link.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/ripple.pcss";
import "./main.pcss";
diff --git a/development/playground/i18n-debug1/main.js b/development/playground/i18n-debug1/main.js
index 210856d92..e991a17b2 100644
--- a/development/playground/i18n-debug1/main.js
+++ b/development/playground/i18n-debug1/main.js
@@ -1,25 +1,25 @@
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/table.pcss";
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/badge.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/link.pcss";
-import "../../source/components/style/data-grid.pcss";
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/typography.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/table.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/badge.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/link.pcss";
+import "../../../source/components/style/data-grid.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/typography.pcss";
import "./main.pcss";
import "../../../application/source/datasource/rest.mjs";
import "../../../application/source/pagination.mjs";
import "../../../application/source/datatable.mjs";
import "../../../application/source/dataset.mjs";
-import {windowReady} from "../../source/dom/ready.mjs";
-import "../../source/components/host/host.mjs";
-import "../../source/components/form/button.mjs";
-import { Embed } from "../../source/i18n/providers/embed.mjs";
-import { getDocumentTranslations } from "../../source/i18n/translations.mjs";
+import {windowReady} from "../../../source/dom/ready.mjs";
+import "../../../source/components/host/host.mjs";
+import "../../../source/components/form/button.mjs";
+import { Embed } from "../../../source/i18n/providers/embed.mjs";
+import { getDocumentTranslations } from "../../../source/i18n/translations.mjs";
-import {findTargetElementFromEvent} from "../../source/dom/events.mjs";
+import {findTargetElementFromEvent} from "../../../source/dom/events.mjs";
windowReady.then(() => {
// debugger
diff --git a/development/playground/icons/main.js b/development/playground/icons/main.js
index 7155a617a..05e76f79d 100644
--- a/development/playground/icons/main.js
+++ b/development/playground/icons/main.js
@@ -1,10 +1,10 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/border.pcss";
-import "../../source/components/style/icons.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/border.pcss";
+import "../../../source/components/style/icons.pcss";
import "./main.pcss";
diff --git a/development/playground/icons/main.pcss b/development/playground/icons/main.pcss
index 6472ad2b3..3e756ebbf 100644
--- a/development/playground/icons/main.pcss
+++ b/development/playground/icons/main.pcss
@@ -1,4 +1,4 @@
-@import "../../source/components/style/mixin/property.pcss";
+@import "../../../source/components/style/mixin/property.pcss";
diff --git a/development/playground/monster-bind-with-datasource/main.mjs b/development/playground/monster-bind-with-datasource/main.mjs
index ec3148b28..529e15384 100644
--- a/development/playground/monster-bind-with-datasource/main.mjs
+++ b/development/playground/monster-bind-with-datasource/main.mjs
@@ -1,10 +1,10 @@
-import "../../source/components/form/button.mjs";
-import "../../source/components/datatable/datatable.mjs";
-import "../../source/components/datatable/dataset.mjs";
-import "../../source/components/datatable/datasource/dom.mjs";
+import "../../../source/components/form/button.mjs";
+import "../../../source/components/datatable/datatable.mjs";
+import "../../../source/components/datatable/dataset.mjs";
+import "../../../source/components/datatable/datasource/dom.mjs";
-import { findTargetElementFromEvent } from "../../source/dom/events.mjs";
+import { findTargetElementFromEvent } from "../../../source/dom/events.mjs";
document.addEventListener("monster-button-clicked", (event) => {
diff --git a/development/playground/multiids-dom/main.js b/development/playground/multiids-dom/main.js
index 210856d92..e991a17b2 100644
--- a/development/playground/multiids-dom/main.js
+++ b/development/playground/multiids-dom/main.js
@@ -1,25 +1,25 @@
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/table.pcss";
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/badge.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/link.pcss";
-import "../../source/components/style/data-grid.pcss";
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/typography.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/table.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/badge.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/link.pcss";
+import "../../../source/components/style/data-grid.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/typography.pcss";
import "./main.pcss";
import "../../../application/source/datasource/rest.mjs";
import "../../../application/source/pagination.mjs";
import "../../../application/source/datatable.mjs";
import "../../../application/source/dataset.mjs";
-import {windowReady} from "../../source/dom/ready.mjs";
-import "../../source/components/host/host.mjs";
-import "../../source/components/form/button.mjs";
-import { Embed } from "../../source/i18n/providers/embed.mjs";
-import { getDocumentTranslations } from "../../source/i18n/translations.mjs";
+import {windowReady} from "../../../source/dom/ready.mjs";
+import "../../../source/components/host/host.mjs";
+import "../../../source/components/form/button.mjs";
+import { Embed } from "../../../source/i18n/providers/embed.mjs";
+import { getDocumentTranslations } from "../../../source/i18n/translations.mjs";
-import {findTargetElementFromEvent} from "../../source/dom/events.mjs";
+import {findTargetElementFromEvent} from "../../../source/dom/events.mjs";
windowReady.then(() => {
// debugger
diff --git a/development/playground/popper/main.js b/development/playground/popper/main.js
index 22d217e46..c8e19f948 100644
--- a/development/playground/popper/main.js
+++ b/development/playground/popper/main.js
@@ -1,13 +1,13 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/button.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/button.pcss";
-import "../../source/components/style/display.pcss";
-import "../../source/components/style/popper.pcss";
+import "../../../source/components/style/display.pcss";
+import "../../../source/components/style/popper.pcss";
import "./main.pcss";
diff --git a/development/playground/rest/main.js b/development/playground/rest/main.js
index 0be7a1bfe..7f949e920 100644
--- a/development/playground/rest/main.js
+++ b/development/playground/rest/main.js
@@ -7,8 +7,8 @@ import "../../source/components/style/badge.pcss";
import "../../source/components/style/link.pcss";
import "../../source/components/style/data-grid.pcss";
import "../../source/components/style/property.pcss";
-import {Observer} from "../../source/types/observer.mjs";
-import {windowReady} from "../../source/dom/ready.mjs";
+import {Observer} from "../../../source/types/observer.mjs";
+import {windowReady} from "../../../source/dom/ready.mjs";
import "../../../application/source/datasource/rest.mjs";
diff --git a/development/playground/select-fetch/main.js b/development/playground/select-fetch/main.js
index 8ebd7296d..83e94cb5c 100644
--- a/development/playground/select-fetch/main.js
+++ b/development/playground/select-fetch/main.js
@@ -1,14 +1,14 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/form.pcss";
-import "../../source/components/style/link.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/ripple.pcss";
-import "../../source/components/form/select.mjs";
-import "../../source/components/datatable/filter/select.mjs";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/form.pcss";
+import "../../../source/components/style/link.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/ripple.pcss";
+import "../../../source/components/form/select.mjs";
+import "../../../source/components/datatable/filter/select.mjs";
import "./main.pcss";
diff --git a/development/playground/select/main.js b/development/playground/select/main.js
index 58a4f94db..e99717888 100644
--- a/development/playground/select/main.js
+++ b/development/playground/select/main.js
@@ -1,13 +1,13 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/form.pcss";
-import "../../source/components/style/link.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/ripple.pcss";
-import "../../source/components/form/select.mjs";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/form.pcss";
+import "../../../source/components/style/link.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/ripple.pcss";
+import "../../../source/components/form/select.mjs";
import "./main.pcss";
diff --git a/development/playground/skeleton/main.js b/development/playground/skeleton/main.js
index 68a27a47a..8ec6d392c 100644
--- a/development/playground/skeleton/main.js
+++ b/development/playground/skeleton/main.js
@@ -1,14 +1,14 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/ripple.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/ripple.pcss";
import "./main.pcss";
-import "../../source/components/style/space.pcss";
-import "../../source/components/style/card.pcss";
-import "../../source/components/style/skeleton.pcss";
+import "../../../source/components/style/space.pcss";
+import "../../../source/components/style/card.pcss";
+import "../../../source/components/style/skeleton.pcss";
//
// function createRipple(event) {
diff --git a/development/playground/skeleton/main.pcss b/development/playground/skeleton/main.pcss
index d36e583b9..c742e7b6d 100644
--- a/development/playground/skeleton/main.pcss
+++ b/development/playground/skeleton/main.pcss
@@ -1,4 +1,4 @@
-@import "../../source/components/style/mixin/property.pcss";
+@import "../../../source/components/style/mixin/property.pcss";
diff --git a/development/playground/space/main.js b/development/playground/space/main.js
index 7f82f1094..04005c31b 100644
--- a/development/playground/space/main.js
+++ b/development/playground/space/main.js
@@ -1,14 +1,14 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/border.pcss";
-import "../../source/components/style/ripple.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/border.pcss";
+import "../../../source/components/style/ripple.pcss";
import "./main.pcss";
-import "../../source/components/style/space.pcss";
-import "../../source/components/style/card.pcss";
+import "../../../source/components/style/space.pcss";
+import "../../../source/components/style/card.pcss";
diff --git a/development/playground/space/main.pcss b/development/playground/space/main.pcss
index d36e583b9..c742e7b6d 100644
--- a/development/playground/space/main.pcss
+++ b/development/playground/space/main.pcss
@@ -1,4 +1,4 @@
-@import "../../source/components/style/mixin/property.pcss";
+@import "../../../source/components/style/mixin/property.pcss";
diff --git a/development/playground/spinner/main.js b/development/playground/spinner/main.js
index 79a662c60..e75424980 100644
--- a/development/playground/spinner/main.js
+++ b/development/playground/spinner/main.js
@@ -1,14 +1,14 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/ripple.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/ripple.pcss";
import "./main.pcss";
-import "../../source/components/style/space.pcss";
-import "../../source/components/style/card.pcss";
-import "../../source/components/style/spinner.pcss";
+import "../../../source/components/style/space.pcss";
+import "../../../source/components/style/card.pcss";
+import "../../../source/components/style/spinner.pcss";
//
// function createRipple(event) {
diff --git a/development/playground/spinner/main.pcss b/development/playground/spinner/main.pcss
index d36e583b9..c742e7b6d 100644
--- a/development/playground/spinner/main.pcss
+++ b/development/playground/spinner/main.pcss
@@ -1,4 +1,4 @@
-@import "../../source/components/style/mixin/property.pcss";
+@import "../../../source/components/style/mixin/property.pcss";
diff --git a/development/playground/state-button/main.js b/development/playground/state-button/main.js
index c25e3995c..093d0cc99 100644
--- a/development/playground/state-button/main.js
+++ b/development/playground/state-button/main.js
@@ -1,12 +1,12 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/ripple.pcss";
-import "../../source/components/style/space.pcss";
-import "../../source/components/form/state-button.mjs";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/ripple.pcss";
+import "../../../source/components/style/space.pcss";
+import "../../../source/components/form/state-button.mjs";
diff --git a/development/playground/state-button/main.pcss b/development/playground/state-button/main.pcss
index fabc2ac0e..4897824ef 100644
--- a/development/playground/state-button/main.pcss
+++ b/development/playground/state-button/main.pcss
@@ -1,3 +1,3 @@
-@import "../../source/components/style/mixin/property.pcss";
+@import "../../../source/components/style/mixin/property.pcss";
diff --git a/development/playground/step-for-step/main.js b/development/playground/step-for-step/main.js
index 2d6e3bfb1..51d47d392 100644
--- a/development/playground/step-for-step/main.js
+++ b/development/playground/step-for-step/main.js
@@ -1,14 +1,14 @@
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/table.pcss";
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/badge.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/link.pcss";
-import "../../source/components/style/data-grid.pcss";
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/display.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/table.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/badge.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/link.pcss";
+import "../../../source/components/style/data-grid.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/display.pcss";
import "./main.pcss";
import "../../../application/source/datasource/rest.mjs";
import "../../../application/source/filter.mjs";
@@ -16,19 +16,19 @@ import "../../../application/source/filter-button.mjs";
import "../../../application/source/embedded-pagination.mjs";
import "../../../application/source/datatable.mjs";
import "../../../application/source/dataset.mjs";
-import {windowReady} from "../../source/dom/ready.mjs";
-import "../../source/components/host/host.mjs";
-import "../../source/components/form/button.mjs";
+import {windowReady} from "../../../source/dom/ready.mjs";
+import "../../../source/components/host/host.mjs";
+import "../../../source/components/form/button.mjs";
//
//
-// import { Embed } from "../../source/i18n/providers/embed.mjs";
-// import { getDocumentTranslations } from "../../source/i18n/translations.mjs";
+// import { Embed } from "../../../source/i18n/providers/embed.mjs";
+// import { getDocumentTranslations } from "../../../source/i18n/translations.mjs";
//
-// import {findTargetElementFromEvent} from "../../source/dom/events.mjs";
+// import {findTargetElementFromEvent} from "../../../source/dom/events.mjs";
//
// windowReady.then(() => {
// // debugger
diff --git a/development/playground/tab/main.mjs b/development/playground/tab/main.mjs
index c3dadf0e6..907f92e68 100644
--- a/development/playground/tab/main.mjs
+++ b/development/playground/tab/main.mjs
@@ -1,17 +1,17 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/border.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/form.pcss";
-import "../../source/components/style/link.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/ripple.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/border.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/form.pcss";
+import "../../../source/components/style/link.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/ripple.pcss";
import "./main.pcss";
-import "../../source/components/layout/tabs.mjs";
+import "../../../source/components/layout/tabs.mjs";
diff --git a/development/playground/table/main.mjs b/development/playground/table/main.mjs
index b3033bd19..3bf06e7c5 100644
--- a/development/playground/table/main.mjs
+++ b/development/playground/table/main.mjs
@@ -1,9 +1,9 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/table.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/table.pcss";
import "./main.pcss";
diff --git a/development/playground/table/main.pcss b/development/playground/table/main.pcss
index fb8c276c0..3db665436 100644
--- a/development/playground/table/main.pcss
+++ b/development/playground/table/main.pcss
@@ -1,4 +1,4 @@
-@import "../../source/components/style/mixin/property.pcss";
+@import "../../../source/components/style/mixin/property.pcss";
@media (prefers-color-scheme: dark) {
diff --git a/development/playground/toggle-switch/main.mjs b/development/playground/toggle-switch/main.mjs
index 117b82573..12c32b0b1 100644
--- a/development/playground/toggle-switch/main.mjs
+++ b/development/playground/toggle-switch/main.mjs
@@ -1,12 +1,12 @@
import "./main.pcss";
-import "../../source/components/style/common.pcss";
-import "../../source/components/form/toggle-switch.mjs";
-import "../../source/components/style/form.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/property.pcss";
+import "../../../source/components/style/common.pcss";
+import "../../../source/components/form/toggle-switch.mjs";
+import "../../../source/components/style/form.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/property.pcss";
-import { Embed } from "../../source/i18n/providers/embed.mjs";
+import { Embed } from "../../../source/i18n/providers/embed.mjs";
Embed.assignTranslationsToElement().then(() => {
let toggleSwitch = document.getElementById('monsterToggleSwitch');
diff --git a/development/playground/tree-select/main.js b/development/playground/tree-select/main.js
index 664d1603c..7fad058c5 100644
--- a/development/playground/tree-select/main.js
+++ b/development/playground/tree-select/main.js
@@ -1,13 +1,13 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/typography.pcss";
-import "../../source/components/style/form.pcss";
-import "../../source/components/style/link.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/ripple.pcss";
-import "../../source/components/form/tree-select.mjs";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/typography.pcss";
+import "../../../source/components/style/form.pcss";
+import "../../../source/components/style/link.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/ripple.pcss";
+import "../../../source/components/form/tree-select.mjs";
import "./main.pcss";
const treeselect = document.createElement('monster-tree-select');
diff --git a/development/playground/typography/main.js b/development/playground/typography/main.js
index 2b83ad564..2b71b9a11 100644
--- a/development/playground/typography/main.js
+++ b/development/playground/typography/main.js
@@ -1,10 +1,10 @@
-import "../../source/components/style/property.pcss";
-import "../../source/components/style/normalize.pcss";
-import "../../source/components/style/color.pcss";
-import "../../source/components/style/link.pcss";
-import "../../source/components/style/button.pcss";
-import "../../source/components/style/theme.pcss";
-import "../../source/components/style/typography.pcss";
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/link.pcss";
+import "../../../source/components/style/button.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/typography.pcss";
import "./main.pcss";
diff --git a/development/playground/typography/main.pcss b/development/playground/typography/main.pcss
index bf3517c41..60fefec14 100644
--- a/development/playground/typography/main.pcss
+++ b/development/playground/typography/main.pcss
@@ -1,4 +1,4 @@
-@import "../../source/components/style/mixin/property.pcss";
+@import "../../../source/components/style/mixin/property.pcss";
@media (prefers-color-scheme: dark) {
diff --git a/development/vite.config.js b/development/vite.config.js
index b5e1b7f42..10ae45b31 100644
--- a/development/vite.config.js
+++ b/development/vite.config.js
@@ -32,6 +32,8 @@ function getAppRootDir() {
const rootDir = getAppRootDir()
const developmentDir = join(rootDir, 'development')
+const buildStyleSheetScript = rootDir+"/opt/scripts/build-stylesheets.cjs";
+
export default defineConfig({
clearScreen: false,
@@ -54,6 +56,21 @@ export default defineConfig({
ViteMinifyPlugin(),
directoryIndex({ }),
+ {
+ name: 'postbuild-commands',
+ closeBundle: async () => {
+ exec('node '+buildStyleSheetScript, (error, stdout, stderr) => {
+ if (error) {
+ console.error(`exec error: ${error}`);
+ return;
+ }
+ console.log(`stdout: ${stdout}`);
+ console.error(`stderr: ${stderr}`);
+ });
+ },
+ },
+
+
viteMockServe({
mockPath:developmentDir+ "/mock",
}),
diff --git a/opt/scripts/build-exports.cjs b/opt/scripts/build-exports.cjs
index c53476d77..1ed6abec6 100755
--- a/opt/scripts/build-exports.cjs
+++ b/opt/scripts/build-exports.cjs
@@ -1,6 +1,6 @@
const regex = /^\s*(?<exp>(export\s+{[^}]+)})/gm;
const fs = require('fs');
-var path = require('path')
+const path = require('path')
const basename = __dirname + '/../../source/'
let exportLines = []
@@ -41,9 +41,11 @@ function scanSymbols(root) {
scanSymbols(path.normalize(basename))
const content = exportLines.join("\n");
+const copyRightYear = new Date().getFullYear();
+
let fileContent=`
/**
- * Copyright schukai GmbH and contributors 2023. All Rights Reserved.
+ * Copyright schukai GmbH and contributors ${copyRightYear}. All Rights Reserved.
* Node module: @schukai/monster
* This file is licensed under the AGPLv3 License.
* License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
@@ -58,7 +60,6 @@ let fileContent=`
* @namespace Monster
* @author schukai GmbH
*/
-
` + content.replace(/__PLACEHOLDER__/gm, "export *") + `
export { Monster };
diff --git a/theme-generator/vite.config.js b/theme-generator/vite.config.js
index 79575d134..b4640ced4 100644
--- a/theme-generator/vite.config.js
+++ b/theme-generator/vite.config.js
@@ -20,6 +20,8 @@ import {ViteMinifyPlugin} from 'vite-plugin-minify'
import {viteMockServe} from 'vite-plugin-mock';
+
+
import directoryIndex from 'vite-plugin-directory-index';
function getAppRootDir() {
--
GitLab