@c8y/tutorial 1019.24.2 → 1020.0.4

package/cumulocity.config.ts

@@ -1,14 +1,13 @@
+import { ConfigurationOptions } from '@c8y/devkit';
 import { DefinePlugin } from 'webpack';
-import { author, description, version } from './package.json';
+import { author, description, version, name } from './package.json';
 
 export default {
   runTime: {
     author,
     description,
     version,
-    name: 'Tutorial application',
-    contextPath: 'tutorial',
-    key: 'tutorial-application-key',
+    name,
     globalTitle: 'Tutorial application IoT',
     tabsHorizontal: true,
     rightDrawer: true,
@@ -49,672 +48,682 @@ export default {
         name: 'Introduction to asset selector',
         module: 'AssetSelectorExampleModule',
         path: './src/selector/asset-selector-example/general-example/asset-selector-example.module.ts',
-        description: 'An introduction to asset selector'
+        description: 'An introduction to asset selector',
+        scope: 'self'
       },
       {
         name: 'Introduction Example Module',
         module: 'IntroductionExampleModule',
         path: './src/dynamic-forms/introduction-example/introduction-example.module.ts',
-        description: 'An introduction to dynamic forms.'
+        description: 'An introduction to dynamic forms.',
+        scope: 'self'
       },
       {
         name: 'Introduction Example Module',
         module: 'NamedContextDashboardModule',
         path: './src/dashboard/named-context-dashboard/named-context-dashboard.module.ts',
-        description: 'An introduction to named context dashboards forms.'
+        description: 'An introduction to named context dashboards forms.',
+        scope: 'self'
       },
       {
         name: 'Miller options',
         module: 'AssetSelectorMillerExampleModule',
         path: './src/selector/asset-selector-example/miller-columns-options/asset-selector-miller-example.module.ts',
-        description: 'Options for the miller columns'
+        description: 'Options for the miller columns',
+        scope: 'self'
       },
       {
         name: 'Tree options',
         module: 'AssetSelectorTreeExampleModule',
         path: './src/selector/asset-selector-example/tree-options/asset-selector-tree-example.module.ts',
-        description: 'Options for the hierarchy tree'
+        description: 'Options for the hierarchy tree',
+        scope: 'self'
       },
       {
         name: 'Introduction to asset selector different root',
         module: 'AssetSelectorDifferentRootModule',
         path: './src/selector/asset-selector-example/different-root/asset-selector-different-root.module.ts',
-        description: 'An introduction to asset selector different root example.'
+        description: 'An introduction to asset selector different root example.',
+        scope: 'self'
       },
       {
         name: 'Introduction to service dashboard module',
         module: 'ServiceDashboardModule',
         path: './src/dashboard/service-dashboard/service-dashboard.module.ts',
-        description: 'An introduction to dynamic forms.'
+        description: 'An introduction to dynamic forms.',
+        scope: 'self'
       },
       {
         name: 'Introduction cotext dashboard module',
         module: 'ContextDashboardModule',
         path: './src/dashboard/context-dashboard/context-dashboard.module.ts',
-        description: 'An introduction to dynamic forms.'
+        description: 'An introduction to dynamic forms.',
+        scope: 'self'
       },
       {
         name: 'Introduction custom dashboard module',
         module: 'CustomDashboardModule',
         path: './src/dashboard/custom-dashboard/custom-dashboard.module.ts',
-        description: 'An introduction to custom dashboards.'
+        description: 'An introduction to custom dashboards.',
+        scope: 'self'
       },
       {
         name: 'Dashboard module with example of dynamic component usage',
         module: 'WidgetGuideDashboardModule',
         path: './src/dashboard/widget-guide-dashboard/widget-guide-dashboard.module.ts',
-        description: 'An example showing usage of custom widget in dashboard.'
+        description: 'An example showing usage of custom widget in dashboard.',
+        scope: 'self'
       },
       {
         name: 'Context dashboard module with example of dynamic component usage',
         module: 'WidgetGuideContextDashboardModule',
         path: './src/dashboard/widget-guide-context-dashboard/widget-guide-context-dashboard.module.ts',
-        description: 'An example showing usage of custom widget in context dashboard.'
+        description: 'An example showing usage of custom widget in context dashboard.',
+        scope: 'self'
       },
       {
         name: 'Introduction datapoint selection module',
         module: 'DatapointSelectionExampleModule',
         path: './src/selector/datapoint-selection-example/general-example/datapoint-selection-example.module.ts',
-        description: 'An introduction to dynamic forms.'
+        description: 'An introduction to dynamic forms.',
+        scope: 'self'
       },
       {
         name: 'Introduction widget dashboard module',
         module: 'WidgetDashboardModule',
         path: './src/dashboard/widget-dashboard/widget-dashboard.module.ts',
-        description: 'An introduction to dynamic forms.'
+        description: 'An introduction to dynamic forms.',
+        scope: 'self'
       },
       {
         name: 'JSON Schema Example Module',
         module: 'JsonSchemaExampleModule',
         path: './src/dynamic-forms/json-schema-example/json-schema-example.module.ts',
-        description: 'A JSON Schema sample for dynamic forms.'
+        description: 'A JSON Schema sample for dynamic forms.',
+        scope: 'self'
       },
       {
         name: 'Custom Elements Example Module',
         module: 'CustomElementExampleModule',
         path: './src/dynamic-forms/custom-element-example/custom-element-example.module.ts',
-        description: 'A sample for a custom element in dynamic forms.'
+        description: 'A sample for a custom element in dynamic forms.',
+        scope: 'self'
       },
       {
         name: 'Validation Example Module',
         module: 'ValidationExampleModule',
         path: './src/dynamic-forms/validation-example/validation-example.module.ts',
-        description: 'A sample for validation options in dynamic forms.'
+        description: 'A sample for validation options in dynamic forms.',
+        scope: 'self'
       },
       {
         name: 'Forms validation example module',
         module: 'FormsTutorialModule',
         path: './src/forms/form-validation/forms.module.ts',
-        description: 'A sample for forms validation example.'
+        description: 'A sample for forms validation example.',
+        scope: 'self'
       },
       {
         name: 'CSS Component styles Example',
         module: 'CascadingStyleSheetsExampleModule',
         path: './src/component-styles/cascading-style-sheets-example/cascading-style-sheets-example.module.ts',
-        description: 'A sample for component styles using CSS.'
+        description: 'A sample for component styles using CSS.',
+        scope: 'self'
       },
       {
         name: 'LESS Component styles Example',
         module: 'LeanerStyleSheetsExampleModule',
         path: './src/component-styles/leaner-style-sheets-example/leaner-style-sheets-example.module.ts',
-        description: 'A sample for component styles using LESS.'
+        description: 'A sample for component styles using LESS.',
+        scope: 'self'
       },
       {
         name: 'SCSS Component styles Example',
         module: 'SyntacticallyAwesomeStyleSheetsExampleModule',
         path: './src/component-styles/syntactically-awesome-style-sheets-example/syntactically-awesome-style-sheets-example.module.ts',
-        description: 'A sample for component styles using SCSS.'
+        description: 'A sample for component styles using SCSS.',
+        scope: 'self'
       },
       {
         name: 'Simple map',
         module: 'SimpleMapExampleModule',
         path: './src/maps/simple-map/simple-map-example.module.ts',
-        description: 'A sample for simple map.'
+        description: 'A sample for simple map.',
+        scope: 'self'
       },
       {
         name: 'Cluster map',
         module: 'ClusterMapExampleModule',
         path: './src/maps/cluster-map/cluster-map-example.module.ts',
-        description: 'A sample for cluster map.'
+        description: 'A sample for cluster map.',
+        scope: 'self'
       },
       {
         name: 'Action',
         module: 'ActionModule',
         path: './src/hooks/action/action.module.ts',
-        description: 'A sample for action hook.'
+        description: 'A sample for action hook.',
+        scope: 'self'
       },
       {
         name: 'Action bar',
         module: 'ActionBarModule',
         path: './src/hooks/action-bar/action-bar.module.ts',
-        description: 'A sample for action bar hook.'
+        description: 'A sample for action bar hook.',
+        scope: 'self'
       },
       {
         name: 'Breadcrumbs hook',
         module: 'BreadcrumbsModule',
         path: './src/hooks/breadcrumbs/breadcrumbs.module.ts',
-        description: 'A sample for breadcrumbs hook.'
+        description: 'A sample for breadcrumbs hook.',
+        scope: 'self'
       },
       {
         name: 'Breadcrumbs expand',
         module: 'BreadcrumbsExpandExampleModule',
         path: './src/breadcrumbs/expand-example/breadcrumbs-expand-example.module.ts',
-        description: 'A sample for breadcrumbs.'
+        description: 'A sample for breadcrumbs.',
+        scope: 'self'
       },
       {
         name: 'Breadcrumbs outlet',
         module: 'BreadcrumbsOutletExampleModule',
         path: './src/breadcrumbs/outlet/breadcrumbs-outlet-example.module.ts',
-        description: 'A sample for breadcrumb outlet.'
+        description: 'A sample for breadcrumb outlet.',
+        scope: 'self'
       },
       {
         name: 'Breadcrumbs basic',
         module: 'BreadcrumbsExampleModule',
         path: './src/breadcrumbs/basic-example/breadcrumbs-example.module.ts',
-        description: 'A sample for breadcrumbs.'
+        description: 'A sample for breadcrumbs.',
+        scope: 'self'
       },
       {
         name: 'Breadcrumbs content projection',
         module: 'BreadcrumbsContentProjectionExampleModule',
         path: './src/breadcrumbs/content-projection/breadcrumbs-content-projection-example.module.ts',
-        description: 'A sample for breadcrumbs content projection.'
+        description: 'A sample for breadcrumbs content projection.',
+        scope: 'self'
       },
       {
         name: 'Component',
         module: 'ComponentModule',
         path: './src/hooks/component/component.module.ts',
-        description: 'A sample for component hook.'
+        description: 'A sample for component hook.',
+        scope: 'self'
       },
       {
         name: 'Wizard',
         module: 'WizardModule',
         path: './src/hooks/generic-wizard/wizard.module.ts',
-        description: 'A sample for wizard hook.'
+        description: 'A sample for wizard hook.',
+        scope: 'self'
       },
       {
         name: 'Stepper',
         module: 'StepperHookModule',
         path: './src/hooks/stepper/stepper-hook.module.ts',
-        description: 'A sample for stepper hook.'
+        description: 'A sample for stepper hook.',
+        scope: 'self'
       },
       {
         name: 'Tabs',
         module: 'TabsModule',
         path: './src/hooks/tabs/tabs.module.ts',
-        description: 'A sample for tabs hook.'
+        description: 'A sample for tabs hook.',
+        scope: 'self'
       },
       {
         name: 'Navigator-route',
         module: 'NavigatorRouteModule',
         path: './src/hooks/navigator-route/navigator-route.module.ts',
-        description: 'A sample for navigator and route hooks.'
+        description: 'A sample for navigator and route hooks.',
+        scope: 'self'
       },
       {
         name: 'Map popup',
         module: 'MapPopupExampleModule',
         path: './src/maps/map-popup/map-popup-example.module.ts',
-        description: 'A popup example for the map component.'
+        description: 'A popup example for the map component.',
+        scope: 'self'
       },
       {
         name: 'Cluster map root node',
         module: 'ClusterMapRootNodeExampleModule',
         path: './src/maps/cluster-map-root-node/cluster-map-root-node-example.module.ts',
-        description: 'A cluster map with a different root node.'
+        description: 'A cluster map with a different root node.',
+        scope: 'self'
       },
       {
         name: 'List basic with checkboxes',
         module: 'ListCheckModule',
         path: './src/list/list/list-check/list-check.module.ts',
-        description: 'A sample for basic list with checkboxes.'
+        description: 'A sample for basic list with checkboxes.',
+        scope: 'self'
       },
       {
         name: 'List basic with timeline',
         module: 'ListTimelineModule',
         path: './src/list/list/list-timeline/list-timeline.module.ts',
-        description: 'A sample for basic list with timeline.'
+        description: 'A sample for basic list with timeline.',
+        scope: 'self'
       },
       {
         name: 'List virtal scroll with checkboxes',
         module: 'ListVirtualScrollCheckModule',
         path: './src/list/list-virtual-scroll/list-virtual-scroll-check/list-virtual-scroll-check.module.ts',
-        description: 'A sample for list with virtual scroll witch checkboxes.'
+        description: 'A sample for list with virtual scroll witch checkboxes.',
+        scope: 'self'
       },
       {
         name: 'List virtal scroll with timeline',
         module: 'ListVirtualScrollTimelineModule',
         path: './src/list/list-virtual-scroll/list-virtual-scroll-timeline/list-virtual-scroll-timeline.module.ts',
-        description: 'A sample for list with virtual scroll with timeline.'
+        description: 'A sample for list with virtual scroll with timeline.',
+        scope: 'self'
       },
       {
         name: 'Text translation NgNonBindable',
         module: 'TextTranslationNgnonbindableModule',
         path: './src/translations/text-translation/ngNonBindable-translation/text-translation-ngnonbindable.module.ts',
-        description: 'A sample for text nonBindable translation module.'
+        description: 'A sample for text nonBindable translation module.',
+        scope: 'self'
       },
       {
         name: 'Text translation by service',
         module: 'TextTranslationByServiceModule',
         path: './src/translations/text-translation/service-translation/text-translation-by-service.module.ts',
-        description: 'A sample for text translation module by service.'
+        description: 'A sample for text translation module by service.',
+        scope: 'self'
       },
       {
         name: 'Text translation by gettext',
         module: 'TextTranslationGettextModule',
         path: './src/translations/text-translation/gettext-translation/text-translation-gettext.module.ts',
-        description: 'A sample for text translation module by gettext.'
+        description: 'A sample for text translation module by gettext.',
+        scope: 'self'
       },
       {
         name: 'Date translation by c8y pipe',
         module: 'C8yDateTranslationModule',
         path: './src/translations/date-translation/c8y-translation/c8y-date-translation.module.ts',
-        description: 'A sample for text translation module by c8y pipe.'
+        description: 'A sample for text translation module by c8y pipe.',
+        scope: 'self'
       },
       {
         name: 'Date translation by Angular pipe',
         module: 'DateTranslationModule',
         path: './src/translations/date-translation/ng-translation/date-translation.module.ts',
-        description: 'A sample for date translation module by Angular pipe.'
+        description: 'A sample for date translation module by Angular pipe.',
+        scope: 'self'
       },
       {
         name: 'Dynamic form translation',
         module: 'DynamicFormTranslationModule',
         path: './src/translations/dynamic-form-translation/dynamic-form-translation.module.ts',
-        description: 'A sample for Dynamic form translation.'
+        description: 'A sample for Dynamic form translation.',
+        scope: 'self'
       },
       {
         name: 'New language',
         module: 'NewLanguageModule',
         path: './src/translations/new-language/new-language.module.ts',
-        description: 'A sample for new language module.'
+        description: 'A sample for new language module.',
+        scope: 'self'
       },
       {
         name: 'Dynamic form translation',
         module: 'NewTranslationModule',
         path: './src/translations/new-translate/new-translation.module.ts',
-        description: 'A sample for new translation module.'
+        description: 'A sample for new translation module.',
+        scope: 'self'
       },
       {
         name: 'Alert example',
         module: 'AlertExampleModule',
         path: './src/alert/alert-example.module.ts',
-        description: 'A sample for alerts.'
+        description: 'A sample for alerts.',
+        scope: 'self'
       },
       {
         name: 'App icon example',
         module: 'AppIconExampleModule',
         path: './src/app-icon/app-icon-example.module.ts',
-        description: 'An example for App Icon component.'
+        description: 'An example for App Icon component.',
+        scope: 'self'
       },
       {
         name: 'Client grid example',
         module: 'ClientGridExampleModule',
         path: './src/grids/client-grid-example/client-grid-example.module.ts',
-        description: 'An example for a client data grid.'
+        description: 'An example for a client data grid.',
+        scope: 'self'
       },
       {
         name: 'Server grid example',
         module: 'ServerGridExampleModule',
         path: './src/grids/server-grid-example/server-grid-example.module.ts',
-        description: 'An example for a server data grid.'
+        description: 'An example for a server data grid.',
+        scope: 'self'
       },
       {
         name: 'Device grid example',
         module: 'DeviceGridExampleModule',
         path: './src/grids/device-grid-example/device-grid-example.module.ts',
-        description: 'An example for a device data grid.'
+        description: 'An example for a device data grid.',
+        scope: 'self'
       },
       {
         name: 'Empty grid example',
         module: 'EmptyGridExampleModule',
         path: './src/grids/empty-grid-example/empty-grid-example.module.ts',
-        description: 'An example for an empty data grid.'
+        description: 'An example for an empty data grid.',
+        scope: 'self'
+      },
+      {
+        name: 'Sync expandable rows example',
+        module: 'SyncExpandableRowsGridExampleModule',
+        path: './src/grids/sync-expandable-rows-grid-example/sync-expandable-rows-grid-example.module.ts',
+        description: 'An example for synchronous expandable rows.',
+        scope: 'self'
+      },
+      {
+        name: 'Async expandable rows example',
+        module: 'AsyncExpandableRowsGridExampleModule',
+        path: './src/grids/async-expandable-rows-grid-example/async-expandable-rows-grid-example.module.ts',
+        description: 'An example for asynchronous expandable rows.',
+        scope: 'self'
       },
       {
         name: 'Right drawer hook sample',
         module: 'RightDrawerModule',
         path: './src/hooks/drawer/right-drawer-tutorial/right-drawer.module.ts',
-        description: 'An example for hooking into the right drawer.'
+        description: 'An example for hooking into the right drawer.',
+        scope: 'self'
       },
       {
         name: 'Left drawer hook sample',
         module: 'LeftDrawerModule',
         path: './src/hooks/drawer/left-drawer-tutorial/left-drawer.module.ts',
-        description: 'An example for hooking into the left drawer.'
+        description: 'An example for hooking into the left drawer.',
+        scope: 'self'
       },
       {
         name: 'Version hook sample',
         module: 'TutorialVersionModule',
         path: './src/hooks/version/version.module.ts',
-        description: 'An example for hooking into the shown versions.'
+        description: 'An example for hooking into the shown versions.',
+        scope: 'self'
       },
       {
         name: 'pop confirm example',
         module: 'PopConfirmExampleModule',
         path: './src/popconfirm/pop-confirm-example.module.ts',
-        description: 'An example for pop confirm.'
+        description: 'An example for pop confirm.',
+        scope: 'self'
       },
       {
         name: 'Quick link example',
         module: 'QuickLinkExampleModule',
         path: './src/quick-link/quick-link-example.module.ts',
-        description: 'An example of using quick links.'
+        description: 'An example of using quick links.',
+        scope: 'self'
       },
       {
         name: 'Properties list example',
         module: 'PropertiesListExampleModule',
         path: './src/properties-list/properties-list-example.module.ts',
-        description: 'An example of using properties list.'
+        description: 'An example of using properties list.',
+        scope: 'self'
       },
       {
         name: 'Confirm modal example',
         module: 'ConfirmModalExampleModule',
         path: './src/modal/confirm-modal/confirm-modal-example.module.ts',
-        description: 'An example for using confirm Modal.'
+        description: 'An example for using confirm Modal.',
+        scope: 'self'
       },
       {
         name: 'For of directive example',
         module: 'ForOfModule',
         path: './src/for-of-directive/for-of.module.ts',
-        description: 'An example for For of directive.'
+        description: 'An example for For of directive.',
+        scope: 'self'
       },
       {
         name: 'Example of ngx modal',
         module: 'NgxModalExampleModule',
         path: './src/modal/ngx-modal/ngx-modal-example.module.ts',
-        description: 'An example for ngx modal.'
+        description: 'An example for ngx modal.',
+        scope: 'self'
       },
       {
         name: 'Example of ngx modal sizes',
         module: 'NgxModalSizesExampleModule',
         path: './src/modal/ngx-modal-sizes/ngx-modal-sizes-example.module.ts',
-        description: 'An example for ngx modal of different sizes.'
+        description: 'An example for ngx modal of different sizes.',
+        scope: 'self'
       },
       {
         name: 'Example of ngx modal selectors',
         module: 'NgxModalSelectorsExampleModule',
         path: './src/modal/ngx-modal-selectors/ngx-modal-selectors-example.module.ts',
-        description: 'An example for ngx modal using ng-content selectors.'
+        description: 'An example for ngx modal using ng-content selectors.',
+        scope: 'self'
       },
       {
         name: 'Example of ngx modal accessibility',
         module: 'NgxModalAccessibilityExampleModule',
         path: './src/modal/ngx-modal-accessibility/ngx-modal-accessibility-example.module.ts',
-        description: 'An example for ngx modal accessibility.'
+        description: 'An example for ngx modal accessibility.',
+        scope: 'self'
       },
       {
         name: 'Example of realtime',
         module: 'RealtimeTutorialModule',
         path: './src/realtime/realtime-tutorial.module.ts',
-        description: 'An example for realtime.'
+        description: 'An example for realtime.',
+        scope: 'self'
       },
       {
         name: 'Example of provider configuration',
         module: 'ProviderConfigurationTutorialModule',
         path: './src/provider-configuration/provider-configuration-example/provider-configuration.module.ts',
-        description: 'An example for provider configuration.'
+        description: 'An example for provider configuration.',
+        scope: 'self'
       },
       {
         name: 'Example of help',
         module: 'HelpExampleModule',
         path: './src/help/help-example.module.ts',
-        description: 'An example for help.'
+        description: 'An example for help.',
+        scope: 'self'
       },
       {
         name: 'Example of extendable input list',
         module: 'ExtendableInputListExampleModule',
         path: './src/input-group/extendable-input-list-example.module.ts',
-        description: 'An example for extendable input list.'
+        description: 'An example for extendable input list.',
+        scope: 'self'
       },
       {
         name: 'Example of time picker',
         module: 'TimePickerExampleModule',
         path: './src/time/time-picker-example.module.ts',
-        description: 'An example for time picker.'
+        description: 'An example for time picker.',
+        scope: 'self'
       },
       {
         name: 'Example of date time range picker',
         module: 'DateTimeRangeExampleModule',
         path: './src/date-time-range/date-time-range-example.module.ts',
-        description: 'An example for date time range picker.'
+        description: 'An example for date time range picker.',
+        scope: 'self'
       },
       {
         name: 'Example of range input',
         module: 'RangeInputExampleModule',
         path: './src/input/range-input-example.module.ts',
-        description: 'An example for range input.'
+        description: 'An example for range input.',
+        scope: 'self'
       },
       {
         name: 'Introduction to datapoint selection list example',
         module: 'DatapointSelectionListExampleModule',
         path: './src/selector/datapoint-selection-example/list-example/datapoint-selection-list-example.module.ts',
-        description: 'An introduction to datapoint selection list example.'
+        description: 'An introduction to datapoint selection list example.',
+        scope: 'self'
       },
       {
         name: 'Introduction to datapoint validation example',
         module: 'DatapointSelectionModalExampleModule',
         path: './src/selector/datapoint-selection-example/modal-example/datapoint-selection-modal-example.module.ts',
-        description: 'An introduction to datapoint modal example.'
+        description: 'An introduction to datapoint modal example.',
+        scope: 'self'
       },
       {
         name: 'Introduction to datapoint validation example',
         module: 'DatapointSelectionValidationExampleModule',
         path: './src/selector/datapoint-selection-example/validation-example/datapoint-selection-validation-example.module.ts',
-        description: 'An introduction to datapoint validation example.'
+        description: 'An introduction to datapoint validation example.',
+        scope: 'self'
       },
       {
         name: 'Introduction to datapoint drag and drop example',
         module: 'DatapointSelectionDragdropExampleModule',
         path: './src/selector/datapoint-selection-example/dragdrop-example/datapoint-selection-dragdrop-example.module.ts',
-        description: 'An introduction to datapoint drag and drop example.'
+        description: 'An introduction to datapoint drag and drop example.',
+        scope: 'self'
       },
       {
         name: 'Introduction to datapoint selector example',
         module: 'DatapointSelectionSelectorExampleModule',
         path: './src/selector/datapoint-selection-example/selector/datapoint-selection-selector-example.module.ts',
-        description: 'An introduction to datapoint selector example.'
+        description: 'An introduction to datapoint selector example.',
+        scope: 'self'
       },
       {
         name: 'Introduction to datapoint context example',
         module: 'DatapointSelectionContextExampleModule',
         path: './src/selector/datapoint-selection-example/context-example/datapoint-selection-context-example.module.ts',
-        description: 'An introduction to datapoint context example.'
+        description: 'An introduction to datapoint context example.',
+        scope: 'self'
       },
       {
         name: 'Introduction to datapoint without templates',
         module: 'DatapointSelectionNotemplatesExampleModule',
         path: './src/selector/datapoint-selection-example/no-templates-example/datapoint-selection-notemplates-example.module.ts',
-        description: 'An introduction to datapoint without templates example.'
+        description: 'An introduction to datapoint without templates example.',
+        scope: 'self'
       },
       {
         name: 'Introduction to asset selector device child',
         module: 'AssetSingleSelectModule',
         path: './src/selector/asset-selector-example/single-select/asset-single-select.module.ts',
-        description: 'An introduction to asset selector device child example.'
+        description: 'An introduction to asset selector device child example.',
+        scope: 'self'
       },
       {
         name: 'Introduction to asset selector single select',
         module: 'AssetSelectorChildDevicesModule',
         path: './src/selector/asset-selector-example/child-devices/asset-selector-child-devices.module.ts',
-        description: 'An introduction to asset selector single select example.'
+        description: 'An introduction to asset selector single select example.',
+        scope: 'self'
       },
       {
         name: 'Introduction to asset selector only devices',
         module: 'AssetSelectorOnlyDevicesModule',
         path: './src/selector/asset-selector-example/only-devices/asset-selector-only-devices.module.ts',
-        description: 'An introduction to asset selector only devices example.'
+        description: 'An introduction to asset selector only devices example.',
+        scope: 'self'
       },
       {
         name: 'Introduction to asset selector column header',
         module: 'AssetSelectorColumnHeaderModule',
         path: './src/selector/asset-selector-example/column-header/asset-selector-column-header.module.ts',
-        description: 'An introduction to asset selector column header and filter example.'
+        description: 'An introduction to asset selector column header and filter example.',
+        scope: 'self'
       },
       {
         name: 'Introduction to asset selector global search',
         module: 'AssetSelectorGlobalSearchModule',
         path: './src/selector/asset-selector-example/global-search/asset-selector-global-search.module.ts',
-        description: 'An introduction to asset selector global search example.'
+        description: 'An introduction to asset selector global search example.',
+        scope: 'self'
       },
       {
         name: 'Introduction to asset selector multi select',
         module: 'AssetSelectorMultiSelectModule',
         path: './src/selector/asset-selector-example/multi-select/asset-selector-multi-select.module.ts',
-        description: 'An introduction to asset selector multi select example.'
+        description: 'An introduction to asset selector multi select example.',
+        scope: 'self'
       },
       {
         name: 'Introduction to asset selector single search',
         module: 'AssetSelectorSingleSearchModule',
         path: './src/selector/asset-selector-example/single-search/asset-selector-single-search.module.ts',
-        description: 'An introduction to asset selector single search example.'
+        description: 'An introduction to asset selector single search example.',
+        scope: 'self'
       },
       {
         name: 'Introduction to asset selector tree single',
         module: 'AssetSelectorTreeSingleModule',
         path: './src/selector/asset-selector-example/tree-single/asset-selector-tree-single.module.ts',
-        description: 'An introduction to asset selector tree single example.'
+        description: 'An introduction to asset selector tree single example.',
+        scope: 'self'
       },
       {
         name: 'Introduction to asset selector tree devices',
         module: 'AssetSelectorTreeDevicesModule',
         path: './src/selector/asset-selector-example/tree-devices/asset-selector-tree-devices.module.ts',
-        description: 'An introduction to asset selector tree devices example.'
+        description: 'An introduction to asset selector tree devices example.',
+        scope: 'self'
       },
       {
         name: 'Introduction to asset selector tree search',
         module: 'AssetSelectorTreeSearchModule',
         path: './src/selector/asset-selector-example/tree-search/asset-selector-tree-search.module.ts',
-        description: 'An introduction to asset selector tree search example.'
+        description: 'An introduction to asset selector tree search example.',
+        scope: 'self'
       },
       {
         name: 'Stepper',
         module: 'StepperModule',
         path: './src/stepper/stepper.module.ts',
-        description: 'A simple stepper example.'
+        description: 'A simple stepper example.',
+        scope: 'self'
       },
       {
         name: 'ApplicationCard',
         module: 'ApplicationCardExampleModule',
         path: './src/application-card/application-card-example.module.ts',
-        description: 'Application card example.'
+        description: 'Application card example.',
+        scope: 'self'
       },
       {
         name: 'Hooking via service',
         module: 'HookStateModule',
         path: './src/hooks/state/hook-state.module.ts',
-        description: 'This is an example for an Action added via service or factory.'
+        description: 'This is an example for an Action added via service or factory.',
+        scope: 'self'
       },
       {
         name: 'Device connection status',
         module: 'DeviceConnectionStatusExampleModule',
         path: './src/device-connection-status/device-connection-status-example.module.ts',
-        description: 'This is an example of Device connection status icons.'
+        description: 'This is an example of Device connection status icons.',
+        scope: 'self'
       },
       {
         name: 'Pagination',
         module: 'PaginationExampleModule',
         path: './src/pagination/pagination-example.module.ts',
-        description: 'This is an example for pagination.'
+        description: 'This is an example for pagination.',
+        scope: 'self'
       }
-    ],
-    remotes: {
-      tutorial: [
-        'FormsTutorialModule',
-        'TextTranslationNgnonbindableModule',
-        'NgxModalExampleModule',
-        'NgxModalSizesExampleModule',
-        'NgxModalSelectorsExampleModule',
-        'NgxModalAccessibilityExampleModule',
-        'JsonSchemaExampleModule',
-        'IntroductionExampleModule',
-        'CustomElementExampleModule',
-        'ValidationExampleModule',
-        'CascadingStyleSheetsExampleModule',
-        'LeanerStyleSheetsExampleModule',
-        'SyntacticallyAwesomeStyleSheetsExampleModule',
-        'SimpleMapExampleModule',
-        'ClusterMapExampleModule',
-        'RangeInputExampleModule',
-        'ActionModule',
-        'ActionBarModule',
-        'BreadcrumbsModule',
-        'BreadcrumbsExampleModule',
-        'BreadcrumbsExpandExampleModule',
-        'BreadcrumbsOutletExampleModule',
-        'BreadcrumbsContentProjectionExampleModule',
-        'ComponentModule',
-        'WizardModule',
-        'StepperHookModule',
-        'TabsModule',
-        'NavigatorRouteModule',
-        'MapPopupExampleModule',
-        'ClusterMapRootNodeExampleModule',
-        'ListTimelineModule',
-        'ListCheckModule',
-        'ListVirtualScrollCheckModule',
-        'ListVirtualScrollTimelineModule',
-        'ClientGridExampleModule',
-        'ServerGridExampleModule',
-        'DeviceGridExampleModule',
-        'EmptyGridExampleModule',
-        'TextTranslationByServiceModule',
-        'TextTranslationGettextModule',
-        'C8yDateTranslationModule',
-        'DateTranslationModule',
-        'DynamicFormTranslationModule',
-        'NewTranslationModule',
-        'NewLanguageModule',
-        'CustomDashboardModule',
-        'WidgetGuideDashboardModule',
-        'WidgetGuideContextDashboardModule',
-        'WidgetDashboardModule',
-        'ContextDashboardModule',
-        'ServiceDashboardModule',
-        'NamedContextDashboardModule',
-        'AlertExampleModule',
-        'AppIconExampleModule',
-        'RightDrawerModule',
-        'LeftDrawerModule',
-        'AssetSelectorExampleModule',
-        'AssetSelectorMillerExampleModule',
-        'AssetSelectorTreeExampleModule',
-        'DatapointSelectionExampleModule',
-        'ConfirmModalExampleModule',
-        'TutorialVersionModule',
-        'PopConfirmExampleModule',
-        'QuickLinkExampleModule',
-        'PropertiesListExampleModule',
-        'ForOfModule',
-        'RealtimeTutorialModule',
-        'ProviderConfigurationTutorialModule',
-        'HelpExampleModule',
-        'ExtendableInputListExampleModule',
-        'TimePickerExampleModule',
-        'DateTimeRangeExampleModule',
-        'DatapointSelectionListExampleModule',
-        'DatapointSelectionModalExampleModule',
-        'DatapointSelectionValidationExampleModule',
-        'DatapointSelectionDragdropExampleModule',
-        'DatapointSelectionSelectorExampleModule',
-        'DatapointSelectionContextExampleModule',
-        'DatapointSelectionNotemplatesExampleModule',
-        'AssetSelectorChildDevicesModule',
-        'AssetSelectorOnlyDevicesModule',
-        'AssetSelectorColumnHeaderModule',
-        'AssetSelectorGlobalSearchModule',
-        'AssetSingleSelectModule',
-        'AssetSelectorMultiSelectModule',
-        'AssetSelectorDifferentRootModule',
-        'AssetSelectorSingleSearchModule',
-        'AssetSelectorTreeSingleModule',
-        'AssetSelectorTreeDevicesModule',
-        'AssetSelectorTreeSearchModule',
-        'StepperModule',
-        'ApplicationCardExampleModule',
-        'HookStateModule',
-        'DeviceConnectionStatusExampleModule',
-        'PaginationExampleModule'
-      ]
-    }
+    ]
   },
   buildTime: {
     extraWebpackConfig: {
@@ -726,7 +735,6 @@ export default {
     },
     // The embedded.css is used by codex for iframe embeddings.
     copy: [{ from: './node_modules/@c8y/style/embedded.css', to: './embedded.css' }],
-    entryModule: './src/app/app.module#AppModule',
     brandingEntry: './src/branding/branding.less',
     federation: [
       '@angular/animations',