From 2ed0d8e0f244897f82a46c97a79b4c500f42150d Mon Sep 17 00:00:00 2001 From: Juergen Kunz Date: Sat, 6 Dec 2025 13:54:17 +0000 Subject: [PATCH] fix(imports): Normalize and fix relative import paths for web components to ensure correct module resolution --- changelog.md | 7 +++++++ ts_web/00_commitinfo_data.ts | 2 +- .../dees-appui-activitylog.ts | 2 +- ts_web/elements/dees-appui-appbar/component.ts | 6 +++--- ts_web/elements/dees-appui-base/dees-appui-base.ts | 10 +++++----- .../dees-appui-maincontent.ts | 2 +- .../dees-appui-mainselector.ts | 2 +- ts_web/elements/dees-appui-view/dees-appui-view.ts | 2 +- ts_web/elements/dees-button/dees-button.demo.ts | 10 +++++----- .../elements/dees-contextmenu/dees-contextmenu.ts | 2 +- .../dees-dashboardgrid/dees-dashboardgrid.ts | 4 ++-- .../dees-input-checkbox.demo.ts | 4 ++-- ts_web/elements/dees-input-datepicker/component.ts | 4 ++-- ts_web/elements/dees-input-datepicker/demo.ts | 2 +- .../dees-input-dropdown.demo.ts | 6 +++--- ts_web/elements/dees-input-fileupload/component.ts | 4 ++-- ts_web/elements/dees-input-fileupload/demo.ts | 2 +- .../dees-input-list/dees-input-list.demo.ts | 8 ++++---- ts_web/elements/dees-input-list/dees-input-list.ts | 4 ++-- .../dees-input-quantityselector.demo.ts | 2 +- .../dees-input-radiogroup.demo.ts | 2 +- ts_web/elements/dees-input-richtext/component.ts | 2 +- ts_web/elements/dees-input-richtext/demo.ts | 2 +- .../dees-input-tags/dees-input-tags.demo.ts | 2 +- ts_web/elements/dees-input-tags/dees-input-tags.ts | 2 +- .../dees-input-text/dees-input-text.demo.ts | 2 +- ts_web/elements/dees-input-wysiwyg.demo.ts | 2 +- .../elements/dees-input-wysiwyg/dees-slash-menu.ts | 2 +- .../dees-input-wysiwyg/dees-wysiwyg-block.ts | 2 +- .../dees-mobilenavigation.demo.ts | 4 ++-- .../dees-mobilenavigation/dees-mobilenavigation.ts | 2 +- ts_web/elements/dees-modal/dees-modal.ts | 2 +- ts_web/elements/dees-pdf-preview/component.ts | 2 +- ts_web/elements/dees-pdf-viewer/component.ts | 2 +- ts_web/elements/dees-pdf/component.ts | 2 +- .../dees-shopping-productcard.demo.ts | 2 +- .../dees-simple-appdash.demo.ts | 14 +++++++------- .../dees-simple-appdash/dees-simple-appdash.ts | 2 +- .../elements/dees-statsgrid/dees-statsgrid.demo.ts | 2 +- ts_web/elements/dees-statsgrid/dees-statsgrid.ts | 6 +++--- ts_web/elements/dees-toast/dees-toast.demo.ts | 2 +- ts_web/elements/dees-updater/dees-updater.ts | 2 +- .../dees-input-profilepicture.demo.ts | 2 +- .../profilepicture/dees-input-profilepicture.ts | 4 ++-- .../profilepicture/profilepicture.modal.ts | 6 +++--- 45 files changed, 83 insertions(+), 76 deletions(-) diff --git a/changelog.md b/changelog.md index 55000f1..0e0487f 100644 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,12 @@ # Changelog +## 2025-12-06 - 2.0.4 - fix(imports) +Normalize and fix relative import paths for web components to ensure correct module resolution + +- Replaced numerous './.js' imports with explicit '..//.js' paths across many elements and demos to fix module resolution. +- Updated imports for core shared components such as dees-icon, dees-panel, dees-contextmenu, dees-windowlayer, dees-windowcontrols and several app-ui components (appbar, maincontent, mainselector, activitylog, mobilenavigation, modal, pdf, profilepicture, statsgrid, etc.). +- No runtime behavior changes — this is a refactor to import paths to address build/bundling and resolution issues. + ## 2025-12-03 - 2.0.3 - fix(dependencies) Bump dependencies and developer tooling versions diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts index 5db1f07..950482e 100644 --- a/ts_web/00_commitinfo_data.ts +++ b/ts_web/00_commitinfo_data.ts @@ -3,6 +3,6 @@ */ export const commitinfo = { name: '@design.estate/dees-catalog', - version: '2.0.3', + version: '2.0.4', description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.' } diff --git a/ts_web/elements/dees-appui-activitylog/dees-appui-activitylog.ts b/ts_web/elements/dees-appui-activitylog/dees-appui-activitylog.ts index cebc5b8..72b1ba5 100644 --- a/ts_web/elements/dees-appui-activitylog/dees-appui-activitylog.ts +++ b/ts_web/elements/dees-appui-activitylog/dees-appui-activitylog.ts @@ -11,7 +11,7 @@ import { import * as domtools from '@design.estate/dees-domtools'; import { DeesContextmenu } from '../dees-contextmenu/dees-contextmenu.js'; -import './dees-icon.js'; +import '../dees-icon/dees-icon.js'; @customElement('dees-appui-activitylog') export class DeesAppuiActivitylog extends DeesElement { diff --git a/ts_web/elements/dees-appui-appbar/component.ts b/ts_web/elements/dees-appui-appbar/component.ts index 01010b1..3249859 100644 --- a/ts_web/elements/dees-appui-appbar/component.ts +++ b/ts_web/elements/dees-appui-appbar/component.ts @@ -15,9 +15,9 @@ import { appuiAppbarStyles } from './styles.js'; import { renderAppuiAppbar } from './template.js'; // Import required components -import '../dees-icon.js'; -import '../dees-windowcontrols.js'; -import '../dees-appui-profiledropdown.js'; +import '../dees-icon/dees-icon.js'; +import '../dees-windowcontrols/dees-windowcontrols.js'; +import '../dees-appui-profiledropdown/dees-appui-profiledropdown.js'; declare global { interface HTMLElementTagNameMap { diff --git a/ts_web/elements/dees-appui-base/dees-appui-base.ts b/ts_web/elements/dees-appui-base/dees-appui-base.ts index f64bf2d..d3a10bc 100644 --- a/ts_web/elements/dees-appui-base/dees-appui-base.ts +++ b/ts_web/elements/dees-appui-base/dees-appui-base.ts @@ -18,11 +18,11 @@ import type { DeesAppuiActivitylog } from '../dees-appui-activitylog/dees-appui- import { demoFunc } from './dees-appui-base.demo.js'; // Import child components -import './dees-appui-appbar/index.js'; -import './dees-appui-mainmenu.js'; -import './dees-appui-mainselector.js'; -import './dees-appui-maincontent.js'; -import './dees-appui-activitylog.js'; +import '../dees-appui-appbar/index.js'; +import '../dees-appui-mainmenu/dees-appui-mainmenu.js'; +import '../dees-appui-mainselector/dees-appui-mainselector.js'; +import '../dees-appui-maincontent/dees-appui-maincontent.js'; +import '../dees-appui-activitylog/dees-appui-activitylog.js'; @customElement('dees-appui-base') export class DeesAppuiBase extends DeesElement { diff --git a/ts_web/elements/dees-appui-maincontent/dees-appui-maincontent.ts b/ts_web/elements/dees-appui-maincontent/dees-appui-maincontent.ts index d5be442..8b49298 100644 --- a/ts_web/elements/dees-appui-maincontent/dees-appui-maincontent.ts +++ b/ts_web/elements/dees-appui-maincontent/dees-appui-maincontent.ts @@ -11,7 +11,7 @@ import { } from '@design.estate/dees-element'; import * as domtools from '@design.estate/dees-domtools'; -import './dees-appui-tabs.js'; +import '../dees-appui-tabs/dees-appui-tabs.js'; import type { DeesAppuiTabs } from '../dees-appui-tabs/dees-appui-tabs.js'; @customElement('dees-appui-maincontent') diff --git a/ts_web/elements/dees-appui-mainselector/dees-appui-mainselector.ts b/ts_web/elements/dees-appui-mainselector/dees-appui-mainselector.ts index e9eccda..b32ed60 100644 --- a/ts_web/elements/dees-appui-mainselector/dees-appui-mainselector.ts +++ b/ts_web/elements/dees-appui-mainselector/dees-appui-mainselector.ts @@ -2,7 +2,7 @@ import * as plugins from '../00plugins.js'; import * as interfaces from '../interfaces/index.js'; import { DeesContextmenu } from '../dees-contextmenu/dees-contextmenu.js'; -import './dees-icon.js'; +import '../dees-icon/dees-icon.js'; import { DeesElement, diff --git a/ts_web/elements/dees-appui-view/dees-appui-view.ts b/ts_web/elements/dees-appui-view/dees-appui-view.ts index 4171367..d37c998 100644 --- a/ts_web/elements/dees-appui-view/dees-appui-view.ts +++ b/ts_web/elements/dees-appui-view/dees-appui-view.ts @@ -11,7 +11,7 @@ import { state, } from '@design.estate/dees-element'; -import './dees-appui-tabs.js'; +import '../dees-appui-tabs/dees-appui-tabs.js'; import type { DeesAppuiTabs } from '../dees-appui-tabs/dees-appui-tabs.js'; export interface IAppViewTab extends interfaces.ITab { diff --git a/ts_web/elements/dees-button/dees-button.demo.ts b/ts_web/elements/dees-button/dees-button.demo.ts index 2d7b805..0dfd634 100644 --- a/ts_web/elements/dees-button/dees-button.demo.ts +++ b/ts_web/elements/dees-button/dees-button.demo.ts @@ -1,10 +1,10 @@ import { html, css, cssManager, domtools } from '@design.estate/dees-element'; import '@design.estate/dees-wcctools/demotools'; -import './dees-panel.js'; -import './dees-form.js'; -import './dees-form-submit.js'; -import './dees-input-text.js'; -import './dees-icon.js'; +import '../dees-panel/dees-panel.js'; +import '../dees-form/dees-form.js'; +import '../dees-form-submit/dees-form-submit.js'; +import '../dees-input-text/dees-input-text.js'; +import '../dees-icon/dees-icon.js'; import type { DeesButton } from '../dees-button/dees-button.js'; export const demoFunc = () => html` diff --git a/ts_web/elements/dees-contextmenu/dees-contextmenu.ts b/ts_web/elements/dees-contextmenu/dees-contextmenu.ts index fc6d389..bb58263 100644 --- a/ts_web/elements/dees-contextmenu/dees-contextmenu.ts +++ b/ts_web/elements/dees-contextmenu/dees-contextmenu.ts @@ -15,7 +15,7 @@ import { import * as domtools from '@design.estate/dees-domtools'; import { DeesWindowLayer } from '../dees-windowlayer/dees-windowlayer.js'; import { zIndexLayers } from '../00zindex.js'; -import './dees-icon.js'; +import '../dees-icon/dees-icon.js'; declare global { interface HTMLElementTagNameMap { diff --git a/ts_web/elements/dees-dashboardgrid/dees-dashboardgrid.ts b/ts_web/elements/dees-dashboardgrid/dees-dashboardgrid.ts index d573ce4..f412ff7 100644 --- a/ts_web/elements/dees-dashboardgrid/dees-dashboardgrid.ts +++ b/ts_web/elements/dees-dashboardgrid/dees-dashboardgrid.ts @@ -7,8 +7,8 @@ import { type TemplateResult, } from '@design.estate/dees-element'; -import '../dees-icon.js'; -import '../dees-contextmenu.js'; +import '../dees-icon/dees-icon.js'; +import '../dees-contextmenu/dees-contextmenu.js'; import { demoFunc } from './dees-dashboardgrid.demo.js'; import { dashboardGridStyles } from './styles.js'; import { diff --git a/ts_web/elements/dees-input-checkbox/dees-input-checkbox.demo.ts b/ts_web/elements/dees-input-checkbox/dees-input-checkbox.demo.ts index 5159383..2f18f70 100644 --- a/ts_web/elements/dees-input-checkbox/dees-input-checkbox.demo.ts +++ b/ts_web/elements/dees-input-checkbox/dees-input-checkbox.demo.ts @@ -1,8 +1,8 @@ import { html, css, cssManager } from '@design.estate/dees-element'; import '@design.estate/dees-wcctools/demotools'; -import './dees-panel.js'; +import '../dees-panel/dees-panel.js'; import type { DeesInputCheckbox } from '../dees-input-checkbox/dees-input-checkbox.js'; -import './dees-button.js'; +import '../dees-button/dees-button.js'; export const demoFunc = () => html` { diff --git a/ts_web/elements/dees-input-datepicker/component.ts b/ts_web/elements/dees-input-datepicker/component.ts index 48b58ca..4f01143 100644 --- a/ts_web/elements/dees-input-datepicker/component.ts +++ b/ts_web/elements/dees-input-datepicker/component.ts @@ -9,8 +9,8 @@ import { demoFunc } from './demo.js'; import { datepickerStyles } from './styles.js'; import { renderDatepicker } from './template.js'; import type { IDateEvent } from './types.js'; -import '../dees-icon.js'; -import '../dees-label.js'; +import '../dees-icon/dees-icon.js'; +import '../dees-label/dees-label.js'; declare global { diff --git a/ts_web/elements/dees-input-datepicker/demo.ts b/ts_web/elements/dees-input-datepicker/demo.ts index 1f31592..8bfdded 100644 --- a/ts_web/elements/dees-input-datepicker/demo.ts +++ b/ts_web/elements/dees-input-datepicker/demo.ts @@ -1,6 +1,6 @@ import { html, css } from '@design.estate/dees-element'; import '@design.estate/dees-wcctools/demotools'; -import '../dees-panel.js'; +import '../dees-panel/dees-panel.js'; import './component.js'; import type { DeesInputDatepicker } from './component.js'; diff --git a/ts_web/elements/dees-input-dropdown/dees-input-dropdown.demo.ts b/ts_web/elements/dees-input-dropdown/dees-input-dropdown.demo.ts index 4cf6bd7..cabdf64 100644 --- a/ts_web/elements/dees-input-dropdown/dees-input-dropdown.demo.ts +++ b/ts_web/elements/dees-input-dropdown/dees-input-dropdown.demo.ts @@ -1,8 +1,8 @@ import { html, css } from '@design.estate/dees-element'; import '@design.estate/dees-wcctools/demotools'; -import './dees-panel.js'; -import './dees-form.js'; -import './dees-form-submit.js'; +import '../dees-panel/dees-panel.js'; +import '../dees-form/dees-form.js'; +import '../dees-form-submit/dees-form-submit.js'; export const demoFunc = () => html`