shared-ui-elements.module.ts

shared-ui-elements.module.ts

const IMPORTS = [
	SpinnerModule,
	SpinnerOverlayWrapperModule,
	CheckboxModule,
	IconModule,
	ButtonsModule,
	AccordionModule,
	TextareaModule,
	ToggleModule,
	TooltipModule,
];

@NgModule({
	imports: [CommonModule, ...IMPORTS],
	exports: [...IMPORTS],
})
export class SharedUiElementsModule {
	constructor(private injector: Injector) {}

	public ngDoBootstrap() {
		const elements: any[] = [
			[SpinnerComponent, 'app-spinner'],
			[SpinnerOverlayWrapperComponent, 'app-spinner-overlay-wrapper'],
			[CheckboxComponent, 'app-checkbox'],
			[IconComponent, 'app-icon'],
			[ButtonComponent, 'app-button'],
			[AccordionComponent, 'app-accordion'],
			[TextareaModule, 'app-textarea'],
			[ToggleComponent, 'app-toggle'],
			[TooltipComponent, 'app-tooltip'],
		];

		for (const [component, name] of elements) {
			const el = createCustomElement(component, { injector: this.injector });
			customElements.define(name, el);
		}
	}
}