@wavemaker-ai/app-ng-runtime 1.0.0-rc.647469

package/transpiler/fesm2022/index.mjs

@@ -0,0 +1,799 @@
+import { HtmlParser, Element, getHtmlTagDefinition, Text, Comment } from '@angular/compiler';
+import { isFunction, find, remove, uniqWith, isEqual, sortBy } from 'lodash-es';
+
+// Angular Core Modules
+const NG_FORM_MODULE = [{ from: '@angular/forms', name: 'FormsModule', as: 'ngFormsModule' }];
+const NG_REACTIVE_FORM_MODULE = [{ from: '@angular/forms', name: 'ReactiveFormsModule', as: 'ngReactiveFormsModule' }];
+// NGX Bootstrap Modules
+const NGX_BS_DATE_PICKER = [{ from: 'ngx-bootstrap/datepicker', name: 'BsDatepickerModule', as: 'ngx_BsDatepickerModule' }];
+const NGX_CAROUSEL_MODULE = [{ from: 'ngx-bootstrap/carousel', name: 'CarouselModule', as: 'ngxCarouselModule', forRoot: true }];
+const NGX_COLOR_PICKER_DIRECTIVE = [{ from: 'ngx-color-picker', name: 'ColorPickerDirective', as: 'ngx_ColorPickerDirective' }];
+const NGX_DROP_DOWN_MODULE = [{ from: 'ngx-bootstrap/dropdown', name: 'BsDropdownModule', as: 'ngxBsDropdownModule', forRoot: true }];
+//const NGX_MODAL_MODULE: ImportDef[] = [{ from: 'ngx-bootstrap/modal', name: 'ModalModule', as: 'ngx_ModalModule' }];
+const NGX_PAGINATION_MODULE = [{ from: 'ngx-bootstrap/pagination', name: 'PaginationModule', as: 'ngxPaginationModule', forRoot: true }];
+const NGX_POPOVER_MODULE = [{ from: 'ngx-bootstrap/popover', name: 'PopoverModule', as: 'ngxPopoverModule', forRoot: true }];
+const NGX_TIME_PICKER = [{ from: 'ngx-bootstrap/timepicker', name: 'TimepickerModule', as: 'ngx_TimepickerModule', forRoot: true }];
+const NGX_TOOL_TIP_MODULE = [{ from: 'ngx-bootstrap/tooltip', name: 'TooltipModule', as: 'ngxTooltipModule', forRoot: true }];
+const NGX_TYPE_HEAD_MODULE = [{ from: 'ngx-bootstrap/typeahead', name: 'TypeaheadModule', as: 'ngxTypeaheadModule', forRoot: true }];
+// Progess Modules
+const PROGRESS_BAR_COMPONENT = [{ from: '@wm/components/basic/progress/progress-bar', name: 'ProgressBarComponent' }];
+const PROGRESS_CIRCLE_COMPONENT = [{ from: '@wm/components/basic/progress/progress-circle', name: 'ProgressCircleComponent' }];
+const PAGE_COMPONENT = [{ from: '@wm/components/page', name: 'PageDirective' }];
+const PAGINATION_COMPONENT = [...NG_FORM_MODULE, ...NGX_PAGINATION_MODULE, { from: '@wm/components/data/pagination', name: 'PaginationComponent' }];
+// Basic Components
+const ANCHOR_COMPONENT = [{ from: '@wm/components/basic/anchor', name: 'AnchorComponent' }];
+const AUDIO_COMPONENT = [{ from: '@wm/components/basic/audio', name: 'AudioComponent' }];
+const HTML_COMPONENT = [{ from: '@wm/components/basic/html', name: 'HtmlDirective' }];
+const ICON_COMPONENT = [{ from: '@wm/components/basic/icon', name: 'IconComponent' }];
+const IFRAME_COMPONENT = [{ from: '@wm/components/basic/iframe', name: 'IframeComponent' }];
+const LABEL_COMPONENT = [{ from: '@wm/components/basic/label', name: 'LabelDirective' }];
+const PICTURE_COMPONENT = [{ from: '@wm/components/basic/picture', name: 'PictureDirective' }];
+const SEARCH_COMPONENT = [
+    ...NG_FORM_MODULE,
+    ...NGX_TYPE_HEAD_MODULE,
+    { from: '@wm/components/basic/search', name: 'ScrollableDirective' },
+    { from: '@wm/components/basic/search', name: 'SearchComponent' }
+];
+const SPINNER_COMPONENT = [{ from: '@wm/components/basic/spinner', name: 'SpinnerComponent' }];
+const VIDEO_COMPONENT = [{ from: '@wm/components/basic/video', name: 'VideoComponent' }];
+// Container Components
+const PARTIAL_DIRECTIVE = [{ from: '@wm/components/base', name: 'PartialDirective' }];
+const PARTIAL_CONTAINER = [{ from: '@wm/components/base', name: 'PartialParamHandlerDirective' }, { from: '@wm/components/base', name: 'PartialContainerDirective' }];
+const ACCORDION_PANE_COMPONENT = [...PARTIAL_CONTAINER, { from: '@wm/components/containers/accordion', name: 'AccordionPaneComponent' }];
+const ACCORDION_DIRECTIVE = [{ from: '@wm/components/containers/accordion', name: 'AccordionDirective' }];
+const CONTAINER_DIRECTIVE = [...PARTIAL_CONTAINER, { from: '@wm/components/base', name: 'ContainerDirective' }];
+const PARTIAL_PARAM_DIRECTIVE = [{ from: '@wm/components/base', name: 'PartialParamDirective' }];
+const LINEAR_LAYOUT_ITEM_DIRECTIVE = [{ from: '@wm/components/containers/linear-layout', name: 'LinearLayoutItemDirective' }];
+const LINEAR_LAYOUT_DIRECTIVE = [...LINEAR_LAYOUT_ITEM_DIRECTIVE, { from: '@wm/components/containers/linear-layout', name: 'LinearLayoutDirective' }];
+const TAB_PANE_COMPONENT = [...PARTIAL_CONTAINER, { from: '@wm/components/containers/tabs', name: 'TabPaneComponent' }];
+const TABS_COMPONENT = [...TAB_PANE_COMPONENT, { from: '@wm/components/containers/tabs', name: 'TabsComponent' }];
+const WIZARD_ACTION_DIRECTIVE = [{ from: '@wm/components/containers/wizard', name: 'WizardActionDirective' }];
+const WIZARD_STEP_DIRECTIVE = [...PARTIAL_CONTAINER, { from: '@wm/components/containers/wizard', name: 'WizardStepComponent' }];
+const WIZARD_COMPONENT = [...NG_FORM_MODULE, ...WIZARD_ACTION_DIRECTIVE, ...WIZARD_STEP_DIRECTIVE, { from: '@wm/components/containers/wizard', name: 'WizardComponent' }];
+const LAYOUT_GRID_COLUMN_DIRECTIVE = [{ from: '@wm/components/containers/layout-grid', name: 'LayoutGridColumnDirective' }];
+const LAYOUT_GRID_ROW_DIRECTIVE = [{ from: '@wm/components/containers/layout-grid', name: 'LayoutGridRowDirective' }];
+const LAYOUT_GRID_DIRECTIVE = [...LAYOUT_GRID_ROW_DIRECTIVE, ...LAYOUT_GRID_COLUMN_DIRECTIVE, { from: '@wm/components/containers/layout-grid', name: 'LayoutgridDirective' }];
+const PANEL_COMPONENT = [...PARTIAL_CONTAINER, { from: '@wm/components/containers/panel', name: 'PanelComponent' }];
+const TILE_DIRECTIVE = [{ from: '@wm/components/containers/tile', name: 'TileDirective' }];
+const REPEAT_TEMPLATE_DIRECTIVE = [{ from: '@wm/components/base', name: 'RepeatTemplateDirective' }];
+// Dialog Modules
+const ALERT_DIALOG_COMPONENT = [{ from: '@wm/components/dialogs/alert-dialog', name: 'AlertDialogComponent' }];
+const CONFIRM_DIALOG_COMPONENT = [{ from: '@wm/components/dialogs/confirm-dialog', name: 'ConfirmDialogComponent' }];
+const DESIGN_DIALOG_COMPONENT = [{ from: '@wm/components/dialogs/design-dialog', name: 'DialogComponent' }];
+const IFRAME_DIALOG_COMPONENT = [{ from: '@wm/components/dialogs/iframe-dialog', name: 'IframeDialogComponent' }];
+const LOGIN_DIALOG_DIRECTIVE = [{ from: '@wm/components/dialogs/login-dialog', name: 'LoginDialogDirective' }, ...DESIGN_DIALOG_COMPONENT];
+const PARTIAL_DIALOG_COMPONENT = [{ from: '@wm/components/dialogs/partial-dialog', name: 'PartialDialogComponent' }, ...CONTAINER_DIRECTIVE];
+const DIALOGACTIONS_DIRECTIVE = [{ from: '@wm/components/dialogs', name: 'DialogFooterDirective' }];
+// Navigation Modules
+const NAV_ITEM_DIRECTIVE = [{ from: '@wm/components/navigation/menu', name: 'NavItemDirective' }];
+const NAV_COMPONENT = [{ from: '@wm/components/navigation/menu', name: 'NavComponent' }];
+const NAVIGATION_CONTROL_DIRECTIVE = [{ from: '@wm/components/navigation/menu', name: 'NavigationControlDirective' }];
+const MENU_DROPDOWN_ITEM_COMPONENT = [{ from: '@wm/components/navigation/menu', name: 'MenuDropdownComponent' }];
+const MENU_DROPDOWN_COMPONENT = [{ from: '@wm/components/navigation/menu', name: 'MenuDropdownComponent' }]; // Duplicate, consider removing one
+const MENU_COMPONENT = [...NGX_DROP_DOWN_MODULE, ...MENU_DROPDOWN_COMPONENT, ...MENU_DROPDOWN_ITEM_COMPONENT, ...NAVIGATION_CONTROL_DIRECTIVE, ...NAV_COMPONENT, ...NAV_ITEM_DIRECTIVE, { from: '@wm/components/navigation/menu', name: 'MenuComponent' }];
+const MESSAGE_COMPONENT = [{ from: '@wm/components/base', name: 'MessageComponent' }];
+const BREAD_CRUMB_COMPONENT = [...MENU_COMPONENT, { from: '@wm/components/navigation/breadcrumb', name: 'BreadcrumbComponent' }];
+const NAVBAR_COMPONENT = [{ from: '@wm/components/navigation/navbar', name: 'NavbarComponent' }];
+const POPOVER_COMPONENT = [...NGX_POPOVER_MODULE, { from: '@wm/components/navigation/popover', name: 'PopoverComponent' }, ...CONTAINER_DIRECTIVE];
+const TOP_NAV_DIRECTIVE = [...PARTIAL_CONTAINER, { from: '@wm/components/page/top-nav', name: 'TopNavDirective' }];
+// Input Components
+const CALENDAR_COMPONENT = [...NG_FORM_MODULE, ...NGX_BS_DATE_PICKER, { from: '@wm/components/input/calendar', name: 'CalendarComponent' }];
+const CHIPS_COMPONENT = [...SEARCH_COMPONENT, { from: '@wm/components/input/chips', name: 'ChipsComponent' }];
+const COLOR_PICKER_COMPONENT = [...NG_FORM_MODULE, ...NGX_COLOR_PICKER_DIRECTIVE, { from: '@wm/components/input/color-picker', name: 'ColorPickerComponent' }];
+const CURRENCY_COMPONENT = [{ from: '@wm/components/input/currency', name: 'CurrencyComponent' }];
+const DATE_COMPONENT = [
+    ...NG_FORM_MODULE, ...NGX_BS_DATE_PICKER, ...NGX_DROP_DOWN_MODULE,
+    { from: '@wm/components/input/epoch/date', name: 'DateComponent' }
+];
+const DATE_TIME_COMPONENT = [
+    ...NG_FORM_MODULE, ...NGX_BS_DATE_PICKER, ...NGX_TIME_PICKER, ...NGX_DROP_DOWN_MODULE,
+    { from: '@wm/components/input/epoch/date-time', name: 'DatetimeComponent' }
+];
+const TIME_COMPONENT = [
+    ...NG_FORM_MODULE, ...NGX_BS_DATE_PICKER, ...NGX_TIME_PICKER, ...NGX_DROP_DOWN_MODULE,
+    { from: '@wm/components/input/epoch/time', name: 'TimeComponent' }
+];
+const FILE_UPLOAD_COMPONENT = [{ from: '@wm/components/input/file-upload', name: 'FileUploadComponent' }];
+const RATING_COMPONENT = [{ from: '@wm/components/input/rating', name: 'RatingComponent' }];
+const SLIDER_COMPONENT = [...NG_FORM_MODULE, { from: '@wm/components/input/slider', name: 'SliderComponent' }];
+const BUTTON_COMPONENT = [...NG_FORM_MODULE, { from: '@wm/components/input/button', name: 'ButtonComponent' }];
+const BUTTON_GROUP_DIRECTIVE = [...NG_FORM_MODULE, { from: '@wm/components/input/button-group', name: 'ButtonGroupDirective' }];
+// const CAPTION_POSITION_DIRECTIVE: ImportDef[] = [...NG_FORM_MODULE, { from: '@wm/components/input', name: 'CaptionPositionDirective' }];
+const CHECKBOX_COMPONENT = [...NG_FORM_MODULE, { from: '@wm/components/input/checkbox', name: 'CheckboxComponent' }];
+const CHECKBOXSET_COMPONENT = [...NG_FORM_MODULE, { from: '@wm/components/input/checkboxset', name: 'CheckboxsetComponent' }];
+// const COMPOSITE_DIRECTIVE: ImportDef[] = [...NG_FORM_MODULE, { from: '@wm/components/input', name: 'CompositeDirective' }];
+const NUMBER_COMPONENT = [...NG_FORM_MODULE, { from: '@wm/components/input/number', name: 'NumberComponent' }];
+const RADIOSET_COMPONENT = [...NG_FORM_MODULE, { from: '@wm/components/input/radioset', name: 'RadiosetComponent' }];
+const SELECT_COMPONENT = [...NG_FORM_MODULE, { from: '@wm/components/input/select', name: 'SelectComponent' }];
+const SWITCH_COMPONENT = [...NG_FORM_MODULE, { from: '@wm/components/input/switch', name: 'SwitchComponent' }];
+const INPUT_CALENDER_COMPONENT = [...NG_FORM_MODULE, { from: '@wm/components/input/text', name: 'InputCalendarComponent' }];
+const INPUT_COLOR_COMPONENT = [...NG_FORM_MODULE, { from: '@wm/components/input/text', name: 'InputColorComponent' }];
+const INPUT_EMAIL_COMPONENT = [...NG_FORM_MODULE, { from: '@wm/components/input/text', name: 'InputEmailComponent' }];
+const INPUT_NUMBER_COMPONENT = [...NG_FORM_MODULE, { from: '@wm/components/input/text', name: 'InputNumberComponent' }];
+const INPUT_TEXT_COMPONENT = [...NG_FORM_MODULE, { from: '@wm/components/input/text', name: 'InputTextComponent' }];
+const TEXTAREA_COMPONENT = [...NG_FORM_MODULE, { from: '@wm/components/input/textarea', name: 'TextareaComponent' }];
+// Data Components
+const CARD_ACTIONS_DIRECTIVE = [{ from: '@wm/components/data/card', name: 'CardActionsDirective' }];
+const CARD_CONTENT_COMPONENT = [...PARTIAL_CONTAINER, { from: '@wm/components/data/card', name: 'CardContentComponent' }];
+const CARD_FOOTER_DIRECTIVE = [{ from: '@wm/components/data/card', name: 'CardFooterDirective' }];
+const CARD_COMPONENT = [
+    ...NGX_DROP_DOWN_MODULE,
+    ...MENU_COMPONENT,
+    ...CARD_ACTIONS_DIRECTIVE,
+    ...CARD_CONTENT_COMPONENT,
+    ...CARD_FOOTER_DIRECTIVE,
+    { from: '@wm/components/data/card', name: 'CardComponent' }
+];
+const LIST_ITEM_DIRECTIVE = [...PAGINATION_COMPONENT, { from: '@wm/components/data/list', name: 'ListItemDirective' }];
+const LIST_COMPONENT = [...PAGINATION_COMPONENT, ...LIST_ITEM_DIRECTIVE, { from: '@wm/components/data/list', name: 'ListComponent' }];
+const TABLE_CUD_DIRECTIVE = [{ from: '@wm/components/data/table', name: 'TableCUDDirective' }];
+const TABLE_FILTER_SORT_DIRECTIVE = [{ from: '@wm/components/data/table', name: 'TableFilterSortDirective' }];
+const TABLE_ACTION_DIRECTIVE = [{ from: '@wm/components/data/table', name: 'TableActionDirective' }];
+const TABLE_COLUMN_DIRECTIVE = [{ from: '@wm/components/data/table', name: 'TableColumnDirective' }];
+const TABLE_COLUMN_GROUP_DIRECTIVE = [{ from: '@wm/components/data/table', name: 'TableColumnGroupDirective' }];
+const TABLE_ROW_DIRECTIVE = [{ from: '@wm/components/data/table', name: 'TableRowDirective' }, ...CONTAINER_DIRECTIVE, ...PARTIAL_CONTAINER];
+const TABLE_ROW_ACTION_DIRECTIVE = [{ from: '@wm/components/data/table', name: 'TableRowActionDirective' }, ...BUTTON_COMPONENT, ...ANCHOR_COMPONENT];
+const TABLE_COMPONENT = [
+    ...NG_FORM_MODULE,
+    ...NG_REACTIVE_FORM_MODULE,
+    ...PAGINATION_COMPONENT,
+    ...MENU_COMPONENT,
+    ...NGX_TOOL_TIP_MODULE,
+    ...LIST_COMPONENT,
+    ...TABLE_ACTION_DIRECTIVE,
+    ...TABLE_CUD_DIRECTIVE,
+    ...TABLE_FILTER_SORT_DIRECTIVE,
+    ...TABLE_COLUMN_DIRECTIVE,
+    ...TABLE_COLUMN_GROUP_DIRECTIVE,
+    ...TABLE_ROW_DIRECTIVE,
+    ...TABLE_ROW_ACTION_DIRECTIVE,
+    { from: '@wm/components/data/table', name: 'TableComponent' }
+];
+const LIVE_TABLE_COMPONENT = [{ from: '@wm/components/data/live-table', name: 'LiveTableComponent' }];
+// Form Components and Directives
+const FORM_WIDGET_DIRECTIVE = [{ from: '@wm/components/data/form', name: 'FormWidgetDirective' }];
+const FORM_ACTION_DIRECTIVE = [{ from: '@wm/components/data/form', name: 'FormActionDirective' }];
+const FORM_FIELD_DIRECTIVE = [{ from: '@wm/components/data/form', name: 'FormFieldDirective' }];
+const LIVE_ACTION_DIRECTIVE = [{ from: '@wm/components/data/form', name: 'LiveActionsDirective' }];
+const DEPENDS_ON_DIRECTIVE = [{ from: '@wm/components/data/form', name: 'DependsonDirective' }];
+const LIVE_FILTER_DIRECTIVE = [{ from: '@wm/components/data/form', name: 'LiveFilterDirective' }];
+const LIVE_FORM_DIRECTIVE = [{ from: '@wm/components/data/form', name: 'LiveFormDirective' }];
+const CAPTION_POSITION_DIRECTIVE = [{ from: '@wm/components/input/caption-position', name: 'CaptionPositionDirective' }];
+const FORM_COMPONENT = [
+    ...NG_FORM_MODULE,
+    ...NG_REACTIVE_FORM_MODULE,
+    ...FORM_ACTION_DIRECTIVE,
+    ...FORM_WIDGET_DIRECTIVE,
+    ...FORM_FIELD_DIRECTIVE,
+    ...LIVE_ACTION_DIRECTIVE,
+    ...DEPENDS_ON_DIRECTIVE,
+    ...LIVE_FILTER_DIRECTIVE,
+    ...LIVE_FORM_DIRECTIVE,
+    ...CAPTION_POSITION_DIRECTIVE,
+    { from: '@wm/components/data/form', name: 'FormComponent' }
+];
+const COMPOSITE_DIRECTIVE = [{ from: '@wm/components/input/composite', name: 'CompositeDirective' }, { from: '@wm/components/input/caption-position', name: 'CaptionPositionDirective' }];
+// Page Structure Components // TODO: PARTIAL_CONTAINER these needed ? appComponent has imports at root
+const FOOTER_DIRECTIVE = [...PARTIAL_CONTAINER, { from: '@wm/components/page/footer', name: 'FooterDirective' }];
+const HEADER_COMPONENT = [...PARTIAL_CONTAINER, { from: '@wm/components/page/header', name: 'HeaderComponent' }];
+const LEFT_PANEL_DIRECTIVE = [...PARTIAL_CONTAINER, { from: '@wm/components/page/left-panel', name: 'LeftPanelDirective' }];
+const RIGHT_PANEL_DIRECTIVE = [...PARTIAL_CONTAINER, { from: '@wm/components/page/right-panel', name: 'RightPanelDirective' }];
+const PAGE_CONTENT_COMPONENT = [{ from: '@wm/components/page', name: 'PageContentComponent' }];
+const SPA_PAGE_DIRECTIVE = [{ from: '@wm/components/page', name: 'SpaPageDirective' }];
+const LAYOUT_DIRECTIVE = [{ from: '@wm/components/page', name: 'LayoutDirective' }];
+const CONTENT_COMPONENT = [{ from: '@wm/components/page', name: 'ContentComponent' }];
+// Advanced Components
+const CAROUSEL_TEMPLATE_DIRECTIVE = [...NGX_CAROUSEL_MODULE, { from: '@wm/components/advanced/carousel', name: 'CarouselTemplateDirective' }];
+const CAROUSEL_COMPONENT = [...NGX_CAROUSEL_MODULE, ...CAROUSEL_TEMPLATE_DIRECTIVE, { from: '@wm/components/advanced/carousel', name: 'CarouselDirective' }];
+const CHART_COMPONENT = [{ from: '@wm/components/chart', name: 'ChartComponent' }, { from: '@wm/components/base', name: 'RedrawableDirective' }];
+const CUSTOM_WIDGET_CONTAINER_DIRECTIVE = [{ from: '@wm/components/advanced/custom', name: 'CustomWidgetContainerDirective' }];
+const CUSTOM_WIDGET_DIRECTIVE = [...CUSTOM_WIDGET_CONTAINER_DIRECTIVE, { from: '@wm/components/advanced/custom', name: 'CustomWidgetDirective' }];
+const LOGIN_COMPONENT = [{ from: '@wm/components/advanced/login', name: 'LoginComponent' }];
+const MARQUEE_DIRECTIVE = [{ from: '@wm/components/advanced/marquee', name: 'MarqueeDirective' }];
+const PREFAB_CONTAINER_DIRECTIVE = [{ from: '@wm/components/prefab', name: 'PrefabContainerDirective' }];
+const PREFAB_DIRECTIVE = [{ from: '@wm/components/prefab', name: 'PrefabDirective' }];
+const RICH_TEXT_EDITOR_COMPONENT = [{ from: '@wm/components/basic/rich-text-editor', name: 'RichTextEditorComponent' }];
+const TREE_COMPONENT = [{ from: '@wm/components/basic/tree', name: 'TreeComponent' }];
+const ACCESSROLES_DIRECTIVE = [{ from: '@wm/runtime/base', name: 'AccessrolesDirective' }];
+const SHOW_IN_DEVICE_DIRECTIVE = [{ from: '@wm/components/base', name: 'ShowInDeviceDirective' }];
+const LAZY_LOAD_DIRECTIVE = [{ from: '@wm/components/base', name: 'LazyLoadDirective' }];
+// Pipes
+const TO_DATE_PIPE = [{ from: '@wm/components/base', name: 'ToDatePipe' }];
+const TO_CURRENCY_PIPE = [{ from: '@wm/components/base', name: 'ToCurrencyPipe' }];
+const NUMBER_TO_STRING_PIPE = [{ from: '@wm/components/base', name: 'NumberToStringPipe' }];
+const STRING_TO_NUMBER_PIPE = [{ from: '@wm/components/base', name: 'StringToNumberPipe' }];
+const TIME_FROM_NOW_PIPE = [{ from: '@wm/components/base', name: 'TimeFromNowPipe' }];
+const PREFIX_PIPE = [{ from: '@wm/components/base', name: 'PrefixPipe' }];
+const SUFFIX_PIPE = [{ from: '@wm/components/base', name: 'SuffixPipe' }];
+const CUSTOM_PIPE = [{ from: '@wm/components/base', name: 'CustomPipe' }];
+const WIDGET_IMPORTS = new Map([
+    ['wm-accordion', ACCORDION_DIRECTIVE],
+    ['wm-accordionpane', ACCORDION_PANE_COMPONENT],
+    ['wm-anchor', ANCHOR_COMPONENT],
+    ['wm-alertdialog', ALERT_DIALOG_COMPONENT],
+    ['wm-audio', AUDIO_COMPONENT],
+    ['wm-button', BUTTON_COMPONENT],
+    ['wm-buttongroup', BUTTON_GROUP_DIRECTIVE],
+    ['wm-breadcrumb', BREAD_CRUMB_COMPONENT],
+    ['wm-calendar', CALENDAR_COMPONENT],
+    ['wm-card', CARD_COMPONENT],
+    ['wm-card-actions', CARD_ACTIONS_DIRECTIVE],
+    ['wm-card-content', CARD_CONTENT_COMPONENT],
+    ['wm-card-footer', CARD_FOOTER_DIRECTIVE],
+    ['wm-carousel', CAROUSEL_COMPONENT],
+    ['wm-carousel-content', CAROUSEL_TEMPLATE_DIRECTIVE],
+    ['wm-carousel-template', CAROUSEL_TEMPLATE_DIRECTIVE],
+    ['wm-chart', CHART_COMPONENT],
+    ['wm-checkbox', CHECKBOX_COMPONENT],
+    ['wm-checkboxset', CHECKBOXSET_COMPONENT],
+    ['wm-chips', CHIPS_COMPONENT],
+    ['wm-colorpicker', COLOR_PICKER_COMPONENT],
+    ['wm-confirmdialog', CONFIRM_DIALOG_COMPONENT],
+    ['wm-container', CONTAINER_DIRECTIVE],
+    ['wm-param', PARTIAL_PARAM_DIRECTIVE],
+    ['wm-content', CONTENT_COMPONENT],
+    ['wm-currency', CURRENCY_COMPONENT],
+    ['wm-date', DATE_COMPONENT],
+    ['wm-datetime', DATE_TIME_COMPONENT],
+    ['wm-dialog', DESIGN_DIALOG_COMPONENT],
+    ['wm-dialogactions', DIALOGACTIONS_DIRECTIVE],
+    ['wm-footer', FOOTER_DIRECTIVE],
+    ['wm-form', FORM_COMPONENT],
+    ['wm-form-action', FORM_ACTION_DIRECTIVE],
+    ['wm-form-field', FORM_FIELD_DIRECTIVE],
+    ['wm-filter-field', LIVE_FILTER_DIRECTIVE],
+    ['wm-fileupload', FILE_UPLOAD_COMPONENT],
+    ['wm-gridrow', LAYOUT_GRID_ROW_DIRECTIVE],
+    ['wm-gridcolumn', LAYOUT_GRID_COLUMN_DIRECTIVE],
+    ['wm-header', HEADER_COMPONENT],
+    ['wm-html', HTML_COMPONENT],
+    ['wm-icon', ICON_COMPONENT],
+    ['wm-iframe', IFRAME_COMPONENT],
+    ['wm-iframedialog', IFRAME_DIALOG_COMPONENT],
+    ['wm-label', LABEL_COMPONENT],
+    ['wm-layout', LAYOUT_DIRECTIVE],
+    ['wm-layoutgrid', LAYOUT_GRID_DIRECTIVE],
+    ['wm-left-panel', LEFT_PANEL_DIRECTIVE],
+    ['wm-linearlayout', LINEAR_LAYOUT_DIRECTIVE],
+    ['wm-linearlayoutitem', LINEAR_LAYOUT_ITEM_DIRECTIVE],
+    ['wm-list', LIST_COMPONENT],
+    ['wm-livetable', LIVE_TABLE_COMPONENT],
+    ['wm-login', LOGIN_COMPONENT],
+    ['wm-custom', CUSTOM_WIDGET_DIRECTIVE],
+    ['wm-custom-widget', CUSTOM_WIDGET_DIRECTIVE],
+    ['wm-logindialog', LOGIN_DIALOG_DIRECTIVE],
+    ['wm-marquee', MARQUEE_DIRECTIVE],
+    ['wm-menu', MENU_COMPONENT],
+    ['wm-message', MESSAGE_COMPONENT],
+    ['wm-nav', NAV_COMPONENT],
+    ['wm-navbar', NAVBAR_COMPONENT],
+    ['wm-nav-item', NAV_ITEM_DIRECTIVE],
+    ['wm-number', NUMBER_COMPONENT],
+    ['wm-partial', PARTIAL_DIRECTIVE],
+    ['wm-page', PAGE_COMPONENT],
+    ['wm-page-content', PAGE_CONTENT_COMPONENT],
+    ['spa-page-content', SPA_PAGE_DIRECTIVE],
+    ['wm-pagedialog', PARTIAL_DIALOG_COMPONENT],
+    ['wm-pagination', PAGINATION_COMPONENT],
+    ['wm-panel', PANEL_COMPONENT],
+    ['wm-panel-footer', PANEL_COMPONENT],
+    ['wm-picture', PICTURE_COMPONENT],
+    ['wm-popover', POPOVER_COMPONENT],
+    ['wm-progress-bar', PROGRESS_BAR_COMPONENT],
+    ['wm-prefab', PREFAB_DIRECTIVE],
+    ['wm-prefab-container', PREFAB_CONTAINER_DIRECTIVE],
+    ['wm-progress-circle', PROGRESS_CIRCLE_COMPONENT],
+    ['wm-radioset', RADIOSET_COMPONENT],
+    ['wm-rating', RATING_COMPONENT],
+    ['wm-richtexteditor', RICH_TEXT_EDITOR_COMPONENT],
+    ['wm-right-panel', RIGHT_PANEL_DIRECTIVE],
+    ['wm-select', SELECT_COMPONENT],
+    ['wm-search', SEARCH_COMPONENT],
+    ['wm-slider', SLIDER_COMPONENT],
+    ['wm-spinner', SPINNER_COMPONENT],
+    ['wm-switch', SWITCH_COMPONENT],
+    ['wm-table', TABLE_COMPONENT],
+    ['wm-tabs', TABS_COMPONENT],
+    ['wm-tabpane', TAB_PANE_COMPONENT],
+    ['wm-text', [...INPUT_TEXT_COMPONENT, ...INPUT_CALENDER_COMPONENT, ...INPUT_COLOR_COMPONENT, ...INPUT_EMAIL_COMPONENT, ...INPUT_NUMBER_COMPONENT]],
+    ['wm-textarea', TEXTAREA_COMPONENT],
+    ['wm-time', TIME_COMPONENT],
+    ['wm-tile', TILE_DIRECTIVE],
+    ['wm-top-nav', TOP_NAV_DIRECTIVE],
+    ['wm-tree', TREE_COMPONENT],
+    ['wm-video', VIDEO_COMPONENT],
+    ['wm-wizard', WIZARD_COMPONENT],
+    ['wm-wizardstep', WIZARD_COMPONENT],
+    ['wm-repeat-template', REPEAT_TEMPLATE_DIRECTIVE],
+    ['wm-composite', COMPOSITE_DIRECTIVE],
+    ['accessroles', ACCESSROLES_DIRECTIVE],
+    ['showindevice', SHOW_IN_DEVICE_DIRECTIVE],
+    ['lazyload', LAZY_LOAD_DIRECTIVE],
+    ['toDate', TO_DATE_PIPE],
+    ['toCurrency', TO_CURRENCY_PIPE],
+    ['numberToString', NUMBER_TO_STRING_PIPE],
+    ['stringToNumber', STRING_TO_NUMBER_PIPE],
+    ['timeFromNow', TIME_FROM_NOW_PIPE],
+    ['prefix', PREFIX_PIPE],
+    ['suffix', SUFFIX_PIPE],
+    ['custom', CUSTOM_PIPE],
+]);
+
+const CSS_REGEX = {
+    COMMENTS_FORMAT: /\/\*((?!\*\/).|\n)+\*\//g,
+    SELECTOR_FORMAT: /[^\{\}]*\{/gi,
+    SELECTOR_EXCLUDE_FORMAT: /(@keyframes|@media|@font-face|@comment[0-9]+|from|to|[0-9]+%)\b/i
+};
+const isString = v => typeof v === 'string';
+const OVERRIDES = {
+    'accessroles': '*accessroles',
+    'ng-if': '*ngIf',
+    'showindevice': '*wmShowInDevice',
+    'ng-class': '[ngClass]',
+    'data-ng-class': '[ngClass]',
+    'data-ng-src': 'src',
+    'ng-src': 'src',
+    'data-ng-href': 'href',
+    'ng-href': 'href',
+    'ng-disabled': 'disabled',
+    'data-ng-disabled': 'disabled',
+    'ng-model': '[ngModelOptions]="{standalone: true}" [(ngModel)]'
+};
+const selfClosingTags = new Set(['img']);
+const getBoundToExpr = (value) => {
+    if (!value) {
+        return null;
+    }
+    value = value.trim();
+    if (value.startsWith('bind:')) {
+        return value.substr(5);
+    }
+};
+const quoteAttr = v => {
+    return ('' + v) /* Forces the conversion to string. */
+        .replace(/&/g, '&') /* This MUST be the 1st replacement. */
+        .replace(/'/g, ''') /* The 4 other predefined entities, required. */
+        .replace(/"/g, '"')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;');
+};
+const registry = new Map();
+const htmlParser = new HtmlParser();
+const ignoreComments = true;
+const empty = () => '';
+const isEvent = name => name[0] === 'o' && name[1] === 'n' && name[2] === '-';
+const getEventName = key => key.substr(3);
+const processBinding = (attr, expr) => [`${attr.name}.bind`, quoteAttr(expr)];
+const processEvent = attr => {
+    const evtName = getEventName(attr.name);
+    return [`${evtName}.event`, attr.value];
+};
+/**
+ * Wraps the string with single quotes.
+ * @param val
+ */
+const wrapWithApos = (val) => {
+    return `&apos;${val.replace(/&apos/g, '&quot').replace(/&quot/g, '\\&quot')}&apos;`;
+};
+const ELE_PREFIX = '.wm-app';
+const processAttr = attr => {
+    let overridden = OVERRIDES[attr.name];
+    const value = attr.valueSpan ? attr.value : undefined;
+    if (overridden) {
+        /**
+         * wrap value for accessroles with ''.
+         * since accessroles is a structural directive, it will be transpiled to [accessroles]
+         * hence, the value against it should be a computed string
+         */
+        if (attr.name === 'accessroles' || attr.name === 'showindevice') {
+            return [overridden, `'${value}'`];
+        }
+        return [overridden, quoteAttr(value)];
+    }
+    if (isEvent(attr.name)) {
+        return processEvent(attr);
+    }
+    const boundExpr = getBoundToExpr(attr.value);
+    if (boundExpr) {
+        return processBinding(attr, boundExpr);
+    }
+    return [attr.name, quoteAttr(value)];
+};
+const getDataSource = (dataSetExpr) => {
+    const parts = dataSetExpr.split('.');
+    if (parts[0] === 'Variables' || parts[0] === 'Widgets') {
+        return `${parts[0]}.${parts[1]}`;
+    }
+};
+const widgetChildAttrs = (() => {
+    const childAttrs = new Map();
+    const validChildAttrs = [
+        `required`
+    ];
+    return {
+        set: attrs => {
+            attrs.forEach((val, key) => {
+                validChildAttrs.includes(key) && (childAttrs.set(key, val));
+            });
+        },
+        get: attrs => {
+            const fltrAttrs = new Map();
+            childAttrs.forEach((val, key) => {
+                !attrs.get(key) && fltrAttrs.set(key, val);
+            });
+            return fltrAttrs;
+        },
+        clear: () => {
+            childAttrs.clear();
+        }
+    };
+})();
+const setChildAttrs = attrs => {
+    widgetChildAttrs.set(attrs);
+    return '';
+};
+const getChildAttrs = attrs => {
+    return getAttrMarkup(widgetChildAttrs.get(attrs));
+};
+const clearChildAttrs = () => {
+    widgetChildAttrs.clear();
+    return '';
+};
+const getFormMarkupAttr = attrs => {
+    if (attrs.get('datavalue.bind')) {
+        const onDataValueBinding = getDataSource(attrs.get('datavalue.bind'));
+        attrs.set('datavaluesource.bind', onDataValueBinding);
+    }
+    return getAttrMarkup(attrs);
+};
+const getAttrMap = attrs => {
+    const attrMap = new Map();
+    attrs.forEach(attr => {
+        let [attrName, attrValue] = processAttr(attr);
+        attrMap.set(attrName, attrValue);
+    });
+    if (attrMap.get('dataset.bind')) {
+        const dataSource = getDataSource(attrMap.get('dataset.bind'));
+        if (dataSource) {
+            attrMap.set('datasource.bind', dataSource);
+        }
+    }
+    return attrMap;
+};
+const getAttrMarkup = (attrs) => {
+    let attrMarkup = '';
+    attrs.forEach((v, k) => {
+        attrMarkup += ` ${k}`;
+        if (v) {
+            v = v.trim();
+            if (k === '[ngClass]' && v.startsWith('{')) {
+                v = v.replace(/"/g, `'`);
+            }
+            if (k === 'show.bind' && attrs.get('deferload') === 'true') {
+                v = v + `" *lazyLoad="${wrapWithApos(v)}`;
+            }
+            attrMarkup += `="${v}"`;
+        }
+    });
+    return attrMarkup;
+};
+const getRequiredProviders = (nodeDef, providers, nodeAttrs) => {
+    if (!nodeDef.requires) {
+        return [];
+    }
+    let requires = nodeDef.requires;
+    if (isString(requires)) {
+        requires = [requires];
+    }
+    if (!Array.isArray(requires)) {
+        return [];
+    }
+    return requires.map(require => {
+        // for dynamic table assigning parent provide map to the child,
+        for (let i = nodeAttrs.length - 1; i >= 0; i--) {
+            if (nodeAttrs[i].name === 'tableName') {
+                return nodeDef[nodeAttrs[i].value];
+            }
+        }
+        for (let i = providers.length - 1; i >= 0; i--) {
+            if (providers[i].nodeName === require) {
+                return providers[i].provide;
+            }
+        }
+    });
+};
+const DIMENSION_PROPS = ['padding', 'borderwidth', 'margin'];
+const SEPARATOR = ' ', UNSET = 'unset';
+const setDimensionProp = (cssObj, key, nv) => {
+    let cssKey = key, val, top, right, bottom, left, suffix = '';
+    function setVal(prop, value) {
+        // if the value is UNSET, reset the existing value
+        if (value === UNSET) {
+            value = '';
+        }
+        cssObj[cssKey + prop + suffix] = value;
+    }
+    if (key === 'borderwidth') {
+        suffix = 'width';
+        cssKey = 'border';
+    }
+    val = nv;
+    if (val.indexOf(UNSET) !== -1) {
+        val = val.split(SEPARATOR);
+        top = val[0];
+        right = val[1] || val[0];
+        bottom = val[2] || val[0];
+        left = val[3] || val[1] || val[0];
+        setVal('top', top);
+        setVal('right', right);
+        setVal('bottom', bottom);
+        setVal('left', left);
+    }
+    else {
+        if (key === 'borderwidth') {
+            cssKey = 'borderwidth';
+        }
+        cssObj[cssKey] = nv;
+    }
+};
+const processDimensionAttributes = attrMap => {
+    const attrKeys = Array.from(attrMap.keys());
+    attrKeys.forEach((attrKey) => {
+        if (DIMENSION_PROPS.includes(attrKey)) {
+            const cssObj = {}, attrValue = attrMap.get(attrKey);
+            attrMap.delete(attrKey);
+            setDimensionProp(cssObj, attrKey, attrValue);
+            Object.keys(cssObj).forEach(key => {
+                if (cssObj[key]) {
+                    attrMap.set(key, cssObj[key]);
+                }
+            });
+        }
+    });
+};
+// replace <:svg:svg> -> <svg>, <:svg:*> -> <svg:*>
+const getNodeName = name => name.replace(':svg:svg', 'svg').replace(':svg:', 'svg:');
+const processNode = (node, importCollector, providers) => {
+    const nodeDef = registry.get(node.name);
+    let pre, post, template;
+    if (nodeDef) {
+        pre = nodeDef.pre || empty;
+        post = nodeDef.post || empty;
+        template = nodeDef.template || empty;
+    }
+    let markup = '';
+    let attrMap;
+    let requiredProviders;
+    let shared;
+    if (!providers) {
+        providers = [];
+    }
+    const isElementType = node instanceof Element;
+    if (isElementType) {
+        let provideInfo;
+        if (nodeDef) {
+            requiredProviders = getRequiredProviders(nodeDef, providers, node.attrs);
+            shared = new Map();
+            template(node, shared, ...requiredProviders);
+        }
+        attrMap = getAttrMap(node.attrs);
+        processDimensionAttributes(attrMap);
+        const nodeName = getNodeName(node.name);
+        if (nodeDef) {
+            markup = pre(attrMap, shared, ...requiredProviders);
+            if (nodeDef.provide) {
+                provideInfo = {
+                    nodeName: node.name,
+                    provide: isFunction(nodeDef.provide) ? nodeDef.provide(attrMap, shared, ...requiredProviders) : nodeDef.provide
+                };
+                // For table node, assigning parent provide map to the child, as child requires some parent provide attrs.
+                if (node.name === 'wm-table') {
+                    const tableColNodeDefn = registry.get('wm-table-column');
+                    tableColNodeDefn[find(node.attrs, (el) => el.name === 'name').value + provideInfo.provide.get('table_reference')] = provideInfo.provide;
+                    registry.set('wm-table-column', tableColNodeDefn);
+                }
+                providers.push(provideInfo);
+            }
+        }
+        else {
+            markup = `<${nodeName} ${getAttrMarkup(attrMap)}>`;
+        }
+        node.children.forEach((child) => {
+            if (child.attrs) {
+                let showInDeviceAttr, accessRolesAttr, deferLoadAttr, showAttr;
+                child.attrs.forEach(function (attr) {
+                    if (attr.name === 'showindevice') {
+                        showInDeviceAttr = attr;
+                        importCollector(WIDGET_IMPORTS.get("showindevice"));
+                    }
+                    else if (attr.name === 'accessroles') {
+                        accessRolesAttr = attr;
+                        importCollector(WIDGET_IMPORTS.get('accessroles'));
+                    }
+                    else if (attr.name === 'deferload') {
+                        deferLoadAttr = attr;
+                        importCollector(WIDGET_IMPORTS.get('lazyload'));
+                    }
+                    else if (attr.name === 'show') {
+                        showAttr = attr;
+                    }
+                });
+                if ((showInDeviceAttr && accessRolesAttr) || (showInDeviceAttr && deferLoadAttr) || (accessRolesAttr && deferLoadAttr)) {
+                    /* If more than one out of showindevice, accessroles and deferload exist for a widget, add ng-container wrappers to fix angular limitation
+                       of applying only one structural directive to an element.
+                    *  */
+                    const noSpan = {};
+                    const showInDeviceContainer = showInDeviceAttr ? new Element('ng-container', [], [], noSpan, noSpan, noSpan) : '';
+                    const accessRolesContainer = accessRolesAttr ? new Element('ng-container', [], [], noSpan, noSpan, noSpan) : '';
+                    const deferLoadContainer = deferLoadAttr ? new Element('ng-container', [], [], noSpan, noSpan, noSpan) : '';
+                    if (showInDeviceContainer) {
+                        showInDeviceContainer.attrs.push(showInDeviceAttr);
+                    }
+                    if (accessRolesContainer) {
+                        accessRolesContainer.attrs.push(accessRolesAttr);
+                    }
+                    if (deferLoadContainer) {
+                        deferLoadContainer.attrs.push(deferLoadAttr);
+                        if (showAttr) {
+                            deferLoadContainer.attrs.push(showAttr);
+                        }
+                    }
+                    remove(child.attrs, function (attr) {
+                        // @ts-ignore
+                        return attr.name === 'showindevice' || attr.name === 'accessroles' || attr.name === 'deferload';
+                    });
+                    let childContainer, parentContainer;
+                    if (showInDeviceAttr && accessRolesAttr) {
+                        childContainer = showInDeviceContainer;
+                        parentContainer = accessRolesContainer;
+                    }
+                    else if (showInDeviceAttr && deferLoadAttr) {
+                        childContainer = showInDeviceContainer;
+                        parentContainer = deferLoadContainer;
+                    }
+                    else if (accessRolesAttr && deferLoadAttr) {
+                        childContainer = deferLoadContainer;
+                        parentContainer = accessRolesContainer;
+                    }
+                    // wrap current node elements inside first ng-container(childContainer) and that container's elements inside another ng-container(parentContainer)
+                    childContainer.children = [child];
+                    parentContainer.children = [childContainer];
+                    // if all three directives exist, create another wrapper for third ng-container(grandParentContainer)
+                    if (showInDeviceAttr && accessRolesAttr && deferLoadAttr) {
+                        const grandParentContainer = deferLoadContainer;
+                        grandParentContainer.children = [parentContainer];
+                        child = grandParentContainer;
+                    }
+                    else {
+                        child = parentContainer;
+                    }
+                }
+            }
+            return markup += processNode(child, importCollector, providers);
+        });
+        if (nodeDef) {
+            if (provideInfo) {
+                providers.splice(providers.indexOf(provideInfo), 1);
+            }
+            markup += post(attrMap, shared, ...requiredProviders);
+        }
+        else {
+            if (node.endSourceSpan && !getHtmlTagDefinition(node.name).isVoid) {
+                markup += `</${nodeName}>`;
+            }
+        }
+    }
+    else if (node instanceof Text) {
+        markup += node.value;
+    }
+    else if (node instanceof Comment) {
+        if (!ignoreComments) {
+            markup += node.value;
+        }
+    }
+    importCollector(WIDGET_IMPORTS.get(node.name));
+    if (nodeDef && nodeDef.imports) {
+        let imports = [];
+        if (typeof nodeDef.imports === 'function') {
+            imports = nodeDef.imports(attrMap);
+        }
+        else {
+            imports = nodeDef.imports;
+        }
+        imports.forEach(i => {
+            importCollector(WIDGET_IMPORTS.get(i));
+        });
+    }
+    return markup;
+};
+const transpile = (markup = '') => {
+    if (!markup.length) {
+        return;
+    }
+    let requiredWMComponents = [];
+    const nodes = htmlParser.parse(markup, '');
+    if (nodes.errors.length) {
+        return;
+    }
+    let output = '';
+    for (const node of nodes.rootNodes) {
+        output += processNode(node, (imports) => {
+            if (imports) {
+                requiredWMComponents = requiredWMComponents.concat(imports);
+            }
+        });
+    }
+    requiredWMComponents = uniqWith(requiredWMComponents, isEqual);
+    requiredWMComponents = sortBy(requiredWMComponents, ['from', 'name']);
+    return {
+        markup: output,
+        requiredWMComponents: requiredWMComponents
+    };
+};
+const register = (nodeName, nodeDefFn) => registry.set(nodeName, nodeDefFn());
+const scopeComponentStyles = (componentName, componentType, styles = '') => {
+    componentName = componentName.toLowerCase();
+    const comments = {};
+    let commentCount = 0;
+    if (styles.startsWith('/*DISABLE_SCOPING*/')) {
+        return styles;
+    }
+    styles = styles.replace(CSS_REGEX.COMMENTS_FORMAT, comment => {
+        const key = `@comment${commentCount++}{`;
+        comments[key] = comment;
+        return key;
+    });
+    styles = styles.replace(CSS_REGEX.SELECTOR_FORMAT, (selector) => {
+        if (!CSS_REGEX.SELECTOR_EXCLUDE_FORMAT.test(selector)) {
+            const firstNonSpaceCharIndex = selector.match(/\S/).index;
+            let prefixSpaceCharSeq = '';
+            if (firstNonSpaceCharIndex > 0) {
+                prefixSpaceCharSeq = selector.substring(0, firstNonSpaceCharIndex);
+                selector = selector.substring(firstNonSpaceCharIndex);
+            }
+            if (!selector.startsWith('/*') && selector.trim().length > 0) {
+                // splits the selector by commas and we iterate over the array and add page level scoping and join it.
+                selector = selector.split(',').map(s => {
+                    let prefix = ELE_PREFIX;
+                    s = s.trim();
+                    const spaceIndex = s.indexOf(' ');
+                    if (s.startsWith(ELE_PREFIX)) {
+                        if (spaceIndex > 0) {
+                            prefix = s.substring(0, spaceIndex);
+                            s = s.substring(spaceIndex + 1);
+                        }
+                        else {
+                            return s;
+                        }
+                    }
+                    if (componentType === 0 || componentType === 'PAGE') {
+                        s = `${prefix} app-page-${componentName} ${s}`;
+                    }
+                    else if (componentType === 1 || componentType === 'PREFAB') {
+                        s = `${prefix} app-prefab-${componentName} ${s}`;
+                    }
+                    else if (componentType === 2 || componentType === 'PARTIAL') {
+                        s = `${prefix} app-partial-${componentName} ${s}`;
+                    }
+                    else if (componentType === 3 || componentType === 'WIDGET') {
+                        s = `${prefix} app-custom-${componentName} ${s}`;
+                    }
+                    return s;
+                }).join(',');
+            }
+            selector = prefixSpaceCharSeq + selector;
+        }
+        return selector;
+    });
+    for (const key in comments) {
+        styles = styles.replace(key, comments[key]);
+    }
+    return styles;
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WIDGET_IMPORTS, clearChildAttrs, getAttrMarkup, getBoundToExpr, getChildAttrs, getDataSource, getFormMarkupAttr, processNode, register, scopeComponentStyles, setChildAttrs, transpile };
+//# sourceMappingURL=index.mjs.map