fix: fix namespace types and typing placement

.eslintrc.json

@@ -85,7 +85,7 @@
     "@typescript-eslint/member-ordering": "off",
     "@typescript-eslint/no-this-alias": "error",
     "@typescript-eslint/no-empty-function": "off",
-    "@typescript-eslint/no-empty-interface": "warn",
+    "@typescript-eslint/no-empty-interface": "off",
     "@typescript-eslint/prefer-as-const": "error",
     "@typescript-eslint/no-extra-semi": "error",
     "@typescript-eslint/no-explicit-any": "off",

package.json

@@ -30,7 +30,7 @@
   "types": "modules/all.d.ts",
   "sideEffects": [
     "modules/lib.js",
-    "src/modules/namespace.ts",
+    "src/modules/lib.ts",
     "modules/esl-media/providers/**/*.js",
     "src/modules/esl-media/providers/**/*.ts",
     "modules/draft/esl-carousel/core/view/*.js",

pages/.eslintrc.json

@@ -0,0 +1,7 @@
+{
+  "parserOptions": {
+    "project": "tsconfig.json",
+    "sourceType": "module"
+  },
+  "rules": {}
+}

pages/src/localdev.ts

@@ -9,7 +9,7 @@ import './common/test-media';
 import './common/test-media-source';
 
 // With Namespace
-import '../../src/modules/namespace';
+import '../../src/modules/lib';
 
 import {
   ESLImage,

src/modules/draft/esl-carousel/core/esl-carousel-slide.ts

@@ -25,3 +25,9 @@ export class ESLCarouselSlide extends ESLBaseElement {
     this.toggleAttribute('first', first);
   }
 }
+
+declare global {
+  export interface HTMLElementTagNameMap {
+    'esl-carousel-slide': ESLCarouselSlide;
+  }
+}

src/modules/draft/esl-carousel/core/esl-carousel.ts

@@ -289,3 +289,14 @@ export class ESLCarousel extends ESLBaseElement {
     customElements.whenDefined(ESLCarouselSlide.is).then(() => super.register.call(this, tagName));
   }
 }
+
+declare global {
+  export interface ESLCarouselPlugins {}
+  export interface ESLLibrary {
+    Carousel: typeof ESLCarousel;
+    CarouselPlugin: typeof ESLCarouselPlugin;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-carousel': ESLCarousel;
+  }
+}

src/modules/draft/esl-carousel/plugin/esl-carousel-autoplay.plugin.ts

@@ -90,3 +90,12 @@ export class ESLCarouselAutoplayPlugin extends ESLCarouselPlugin {
     }
   }
 }
+
+declare global {
+  export interface ESLCarouselPlugins {
+    Autoplay: typeof ESLCarouselAutoplayPlugin;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-carousel-autoplay-plugin': ESLCarouselAutoplayPlugin;
+  }
+}

src/modules/draft/esl-carousel/plugin/esl-carousel-dots.plugin.ts

@@ -37,3 +37,12 @@ export class ESLCarouselDotsPlugin extends ESLCarouselPlugin {
     return `<button role="button" class="carousel-dot ${isActive ? 'active-dot' : ''}" data-slide-target="g${index + 1}"></button>`;
   }
 }
+
+declare global {
+  export interface ESLCarouselPlugins {
+    Dots: typeof ESLCarouselDotsPlugin;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-carousel-dots': ESLCarouselDotsPlugin;
+  }
+}

src/modules/draft/esl-carousel/plugin/esl-carousel-link.plugin.ts

@@ -67,3 +67,12 @@ export class ESLCarouselLinkPlugin extends ESLCarouselPlugin {
     this._target = target;
   }
 }
+
+declare global {
+  export interface ESLCarouselPlugins {
+    Link: typeof ESLCarouselLinkPlugin;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-carousel-link-plugin': ESLCarouselLinkPlugin;
+  }
+}

src/modules/draft/esl-carousel/plugin/esl-carousel-touch.plugin.ts

@@ -74,3 +74,12 @@ export class ESLCarouselTouchPlugin extends ESLCarouselPlugin {
     event.stopPropagation();
   };
 }
+
+declare global {
+  export interface ESLCarouselPlugins {
+    Touch: typeof ESLCarouselTouchPlugin;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-carousel-touch-plugin': ESLCarouselTouchPlugin;
+  }
+}

src/modules/esl-a11y-group/core/esl-a11y-group.ts

@@ -93,3 +93,12 @@ export class ESLA11yGroup extends ESLBaseElement {
     return this.$targets.includes($active) ? $active : null;
   }
 }
+
+declare global {
+  export interface ESLLibrary {
+    A11yGroup: typeof ESLA11yGroup;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-a11y-group': ESLA11yGroup;
+  }
+}

src/modules/esl-alert/core/esl-alert.ts

@@ -150,3 +150,12 @@ export class ESLAlert extends ESLToggleable {
     e.stopPropagation();
   }
 }
+
+declare global {
+  export interface ESLLibrary {
+    Alert: typeof ESLAlert;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-alert': ESLAlert;
+  }
+}

src/modules/esl-footnotes/core/esl-footnotes.ts

@@ -109,3 +109,12 @@ export class ESLFootnotes extends ESLBaseElement {
     EventUtils.dispatch(this, `${ESLFootnotes.eventNs}:request`);
   }
 }
+
+declare global {
+  export interface ESLLibrary {
+    Footnotes: typeof ESLFootnotes;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-footnotes': ESLFootnotes;
+  }
+}

src/modules/esl-footnotes/core/esl-note.ts

@@ -166,3 +166,12 @@ export class ESLNote extends ESLBaseElement {
     EventUtils.dispatch(this, `${ESLFootnotes.eventNs}:response`);
   }
 }
+
+declare global {
+  export interface ESLLibrary {
+    Note: typeof ESLNote;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-note': ESLNote;
+  }
+}

src/modules/esl-forms/esl-select-list/core/esl-select-item.ts

@@ -58,3 +58,12 @@ export class ESLSelectItem extends ESLBaseElement {
     return item;
   }
 }
+
+declare global {
+  export interface ESLLibrary {
+    SelectItem: typeof ESLSelectItem;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-select-item': ESLSelectItem;
+  }
+}

src/modules/esl-forms/esl-select-list/core/esl-select-list.ts

@@ -179,3 +179,12 @@ export class ESLSelectList extends ESLSelectWrapper {
     }
   }
 }
+
+declare global {
+  export interface ESLLibrary {
+    SelectList: typeof ESLSelectList;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-select-list': ESLSelectList;
+  }
+}

src/modules/esl-forms/esl-select/core/esl-select-dropdown.ts

@@ -106,3 +106,9 @@ export class ESLSelectDropdown extends ESLToggleable {
     this.style.width = `${rect.width}px`;
   }
 }
+
+declare global {
+  export interface HTMLElementTagNameMap {
+    'esl-select-dropdown': ESLSelectDropdown;
+  }
+}

src/modules/esl-forms/esl-select/core/esl-select-renderer.ts

@@ -120,3 +120,9 @@ export class ESLSelectRenderer extends ESLBaseElement {
     e.preventDefault();
   }
 }
+
+declare global {
+  export interface HTMLElementTagNameMap {
+    'esl-select-renderer': ESLSelectRenderer;
+  }
+}

src/modules/esl-forms/esl-select/core/esl-select.ts

@@ -168,3 +168,12 @@ export class ESLSelect extends ESLSelectWrapper {
     this._onUpdate();
   }
 }
+
+declare global {
+  export interface ESLLibrary {
+    Select: typeof ESLSelect;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-select': ESLSelect;
+  }
+}

src/modules/esl-image/core/esl-image.ts

@@ -309,3 +309,12 @@ export class ESLImage extends ESLBaseElement {
     return src === ESLImage.EMPTY_IMAGE;
   }
 }
+
+declare global {
+  export interface ESLLibrary {
+    Image: typeof ESLImage;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-image': ESLImage;
+  }
+}

src/modules/esl-media-query/core/common/env-shortcuts.ts

@@ -52,3 +52,9 @@ ESLEnvShortcuts.add('gecko', DeviceDetector.isGecko);
 ESLEnvShortcuts.add('blink', DeviceDetector.isBlink);
 ESLEnvShortcuts.add('safari', DeviceDetector.isSafari);
 ESLEnvShortcuts.add('safari-ios', DeviceDetector.isMobileSafari);
+
+declare global {
+  export interface ESLLibrary {
+    EnvShortcuts: typeof ESLEnvShortcuts;
+  }
+}

src/modules/esl-media-query/core/common/screen-breakpoint.ts

@@ -8,7 +8,7 @@ const registry = new Map<string, ESLScreenBreakpoint>();
  *
  * Screen Breakpoint registry is used to provide custom breakpoints for {@link ESLMediaQuery}
  */
-@ExportNs('ScreenBreakpoint')
+@ExportNs('ScreenBreakpoints')
 export abstract class ESLScreenBreakpoints {
   protected static readonly BP_REGEXP = /^([+-]?)([a-z]+)/i;
   protected static readonly BP_NAME_REGEXP = /^[a-z]+/i;
@@ -88,3 +88,9 @@ ESLScreenBreakpoints.add('sm', 768, 991);
 ESLScreenBreakpoints.add('md', 992, 1199);
 ESLScreenBreakpoints.add('lg', 1200, 1599);
 ESLScreenBreakpoints.add('xl', 1600, 999999);
+
+declare global {
+  export interface ESLLibrary {
+    ScreenBreakpoints: typeof ESLScreenBreakpoints;
+  }
+}

src/modules/esl-media-query/core/common/screen-dpr.ts

@@ -27,3 +27,9 @@ export class ESLScreenDPR {
     return `(min-resolution: ${ESLScreenDPR.toDPI(dpr)}dpi)`;
   }
 }
+
+declare global {
+  export interface ESLLibrary {
+    ScreenDPR: typeof ESLScreenDPR;
+  }
+}

src/modules/esl-media-query/core/esl-media-query.ts

@@ -103,3 +103,9 @@ export abstract class ESLMediaQuery implements IMediaQueryCondition {
 ESLMediaQuery.use(ESLScreenDPR);
 ESLMediaQuery.use(ESLScreenBreakpoints);
 ESLMediaQuery.use(ESLEnvShortcuts);
+
+declare global {
+  export interface ESLLibrary {
+    MediaQuery: typeof ESLMediaQuery;
+  }
+}

src/modules/esl-media-query/core/esl-media-rule-list.ts

@@ -129,3 +129,9 @@ export class ESLMediaRuleList<T = any> extends Observable<RuleChangedCallback<T>
     this.fire(this._active = rule, this);
   }
 }
+
+declare global {
+  export interface ESLLibrary {
+    MediaRuleList: typeof ESLMediaRuleList;
+  }
+}

src/modules/esl-media/core/esl-media.ts

@@ -400,3 +400,12 @@ export class ESLMedia extends ESLBaseElement {
     return EventUtils.dispatch(this, ns + eventName, eventInit);
   }
 }
+
+declare global {
+  export interface ESLLibrary {
+    Media: typeof ESLMedia;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-media': ESLMedia;
+  }
+}

src/modules/esl-panel/core/esl-panel-group.ts

@@ -232,3 +232,12 @@ export class ESLPanelGroup extends ESLBaseElement {
     });
   }
 }
+
+declare global {
+  export interface ESLLibrary {
+    PanelGroup: typeof ESLPanelGroup;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-panel-group': ESLPanelGroup;
+  }
+}

src/modules/esl-panel/core/esl-panel.ts

@@ -145,3 +145,12 @@ export class ESLPanel extends ESLToggleable {
     return Object.assign({}, stackConfig, this.defaultParams, params || {});
   }
 }
+
+declare global {
+  export interface ESLLibrary {
+    Panel: typeof ESLPanel;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-panel': ESLPanel;
+  }
+}

src/modules/esl-popup/core/esl-popup.ts

@@ -206,3 +206,12 @@ export class ESLPopup extends ESLToggleable {
     }
   }
 }
+
+declare global {
+  export interface ESLLibrary {
+    Popup: typeof ESLPopup;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-popup': ESLPopup;
+  }
+}

src/modules/esl-scrollbar/core/esl-scrollbar.ts

@@ -308,3 +308,12 @@ export class ESLScrollbar extends ESLBaseElement {
     this.deferredRefresh();
   }
 }
+
+declare global {
+  export interface ESLLibrary {
+    Scrollbar: typeof ESLScrollbar;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-scrollbar': ESLScrollbar;
+  }
+}

src/modules/esl-tab/core/esl-tab.ts

@@ -35,3 +35,12 @@ export class ESLTab extends ESLTrigger {
     }
   }
 }
+
+declare global {
+  export interface ESLLibrary {
+    Tab: typeof ESLTab;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-tab': ESLTab;
+  }
+}

src/modules/esl-tab/core/esl-tabs.ts

@@ -244,3 +244,12 @@ export class ESLTabs extends ESLBaseElement {
     }
   }
 }
+
+declare global {
+  export interface ESLLibrary {
+    Tabs: typeof ESLTabs;
+  }
+  export interface HTMLElementTagNameMap {
+    'esl-tabs': ESLTabs;
+  }
+}