feat: esl-scroll moved from draft to beta components

src/modules/all.less

@@ -15,3 +15,6 @@
 @import "./esl-scrollable-tabs/core.less";
 
 @import "./esl-alert/core.less";
+
+@import "./esl-select/core.less";
+@import "./esl-select-list/core.less";

src/modules/all.ts

@@ -20,3 +20,6 @@ export * from './esl-scrollbar/core';
 
 export * from './esl-alert/core';
 
+export * from './esl-select/core';
+export * from './esl-select-list/core';
+

src/modules/draft/all.less

@@ -1,4 +1 @@
-@import "./esl-select/core.less";
-@import "./esl-select-list/core.less";
-
 @import "./esl-carousel/all.less";

src/modules/draft/all.ts

@@ -1,3 +1 @@
-export * from './esl-select/core';
-export * from './esl-select-list/core';
 export * from './esl-carousel/all';

src/modules/draft/esl-select-list/core/esl-select-item.ts → src/modules/esl-select-list/core/esl-select-item.ts

@@ -1,6 +1,9 @@
+import {attr, boolAttr, ESLBaseElement} from '../../esl-base-element/core';
+import {ExportNs} from '../../esl-utils/environment/export-ns';
+
 import type {ESLSelectOption} from './esl-select-wrapper';
-import {attr, boolAttr, ESLBaseElement} from '../../../esl-base-element/core';
 
+@ExportNs('SelectItem')
 export class ESLSelectItem extends ESLBaseElement {
   public static readonly is: string = 'esl-select-item';
 

src/modules/draft/esl-select-list/core/esl-select-list.ts → src/modules/esl-select-list/core/esl-select-list.ts

@@ -1,10 +1,11 @@
-import {attr, boolAttr} from '../../../esl-base-element/core';
-import {bind} from '../../../esl-utils/decorators/bind';
-import {ESLScrollbar} from '../../../esl-scrollbar/core';
+import {attr, boolAttr} from '../../esl-base-element/core';
+import {bind} from '../../esl-utils/decorators/bind';
+import {ExportNs} from '../../esl-utils/environment/export-ns';
+import {ESLScrollbar} from '../../esl-scrollbar/core';
 import {ESLSelectItem} from './esl-select-item';
-
 import {ESLSelectWrapper} from './esl-select-wrapper';
 
+@ExportNs('SelectList')
 export class ESLSelectList extends ESLSelectWrapper {
   public static readonly is = 'esl-select-list';
   public static get observedAttributes() {

src/modules/draft/esl-select-list/core/esl-select-wrapper.ts → src/modules/esl-select-list/core/esl-select-wrapper.ts

@@ -1,5 +1,5 @@
-import {ESLBaseElement} from '../../../esl-base-element/core';
-import {EventUtils} from '../../../esl-utils/dom/events';
+import {ESLBaseElement} from '../../esl-base-element/core';
+import {EventUtils} from '../../esl-utils/dom/events';
 
 export interface ESLSelectOption {
   text: string;

src/modules/draft/esl-select/core/esl-select-dropdown.ts → src/modules/esl-select/core/esl-select-dropdown.ts

@@ -1,6 +1,6 @@
-import {ESLToggleable, ToggleableActionParams} from '../../../esl-toggleable/core/esl-toggleable';
-import {bind} from '../../../esl-utils/decorators/bind';
-import {rafDecorator} from '../../../esl-utils/async/raf';
+import {ESLToggleable, ToggleableActionParams} from '../../esl-toggleable/core/esl-toggleable';
+import {bind} from '../../esl-utils/decorators/bind';
+import {rafDecorator} from '../../esl-utils/async/raf';
 import {ESLSelectList} from '../../esl-select-list/core';
 
 import type {ESLSelect} from './esl-select';

src/modules/draft/esl-select/core/esl-select-renderer.ts → src/modules/esl-select/core/esl-select-renderer.ts

@@ -1,7 +1,7 @@
-import {attr, boolAttr, ESLBaseElement} from '../../../esl-base-element/core';
-import {rafDecorator} from '../../../esl-utils/async/raf';
-import {bind} from '../../../esl-utils/decorators/bind';
-import {format} from '../../../esl-utils/misc/format';
+import {attr, boolAttr, ESLBaseElement} from '../../esl-base-element/core';
+import {rafDecorator} from '../../esl-utils/async/raf';
+import {bind} from '../../esl-utils/decorators/bind';
+import {format} from '../../esl-utils/misc/format';
 
 import {ESLSelect} from './esl-select';
 

src/modules/draft/esl-select/core/esl-select.ts → src/modules/esl-select/core/esl-select.ts

@@ -1,11 +1,13 @@
-import {attr, boolAttr} from '../../../esl-base-element/core';
-import {bind} from '../../../esl-utils/decorators/bind';
-import {CSSUtil} from '../../../esl-utils/dom/styles';
+import {attr, boolAttr} from '../../esl-base-element/core';
+import {bind} from '../../esl-utils/decorators/bind';
+import {CSSUtil} from '../../esl-utils/dom/styles';
+import {ExportNs} from '../../esl-utils/environment/export-ns';
 
 import {ESLSelectRenderer} from './esl-select-renderer';
 import {ESLSelectDropdown} from './esl-select-dropdown';
 import {ESLSelectWrapper} from '../../esl-select-list/core/esl-select-wrapper';
 
+@ExportNs('Select')
 export class ESLSelect extends ESLSelectWrapper {
   public static readonly is = 'esl-select';
   public static get observedAttributes() {

src/modules/lib.ts

@@ -18,6 +18,9 @@ import type {ESLPanelStack} from './esl-panel/core/esl-panel-stack';
 import type {ESLTabsContainer} from './esl-tab/core/esl-tabs-container';
 import type {ESLScrollableTabs} from './esl-scrollable-tabs/core/esl-scrollable-tabs';
 
+import type {ESLSelect} from './esl-select/core';
+import type {ESLSelectList, ESLSelectItem} from './esl-select-list/core';
+
 import type {ESLCarousel} from './draft/esl-carousel/core/esl-carousel';
 import type {ESLCarouselDotsPlugin} from './draft/esl-carousel/plugin/esl-carousel-dots.plugin';
 import type {ESLCarouselLinkPlugin} from './draft/esl-carousel/plugin/esl-carousel-link.plugin';
@@ -51,6 +54,10 @@ declare global {
     TabsContainer?: typeof ESLTabsContainer;
     ScrollableTabs?: typeof ESLScrollableTabs;
 
+    Select?: typeof ESLSelect;
+    SelectList?: typeof ESLSelectList;
+    SelectItem?: typeof ESLSelectItem;
+
     Carousel?: typeof ESLCarousel;
     CarouselPlugins: {
       Dots?: typeof ESLCarouselDotsPlugin;

test-server/src/localdev.ts

@@ -25,7 +25,9 @@ import {
   ESLScrollableTabs,
   ESLScrollbar,
   ESLAlert,
-  ESLToggleableDispatcher
+  ESLToggleableDispatcher,
+  ESLSelect,
+  ESLSelectList
 } from '../../src/modules/all';
 
 import '../../src/modules/esl-media/providers/iframe-provider';
@@ -35,8 +37,6 @@ import '../../src/modules/esl-media/providers/youtube-provider';
 import '../../src/modules/esl-media/providers/brightcove-provider';
 
 import {
-  ESLSelect,
-  ESLSelectList,
   ESLCarousel,
   ESLCarouselPlugins
 } from '../../src/modules/draft/all';