WA for Github Demos built with ng build and SystemJS (cherry-pick #27690

) (#27693)
DevExpress · Jul 2, 2024 · d1eeaec · d1eeaec
1 parent dc15515
commit d1eeaec
Show file tree

Hide file tree

Showing 468 changed files with 3,711 additions and 903 deletions.
diff --git a/apps/demos/Demos/Accordion/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Accordion/Overview/Angular/app/app.component.ts
@@ -12,10 +12,16 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
  providers: [Service],
  preserveWhitespaces: true,
 })

diff --git a/apps/demos/Demos/ActionSheet/Basics/Angular/app/app.component.ts b/apps/demos/Demos/ActionSheet/Basics/Angular/app/app.component.ts
@@ -9,10 +9,16 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
 })
 export class AppComponent {
  commands: { text: string }[] = [

diff --git a/apps/demos/Demos/ActionSheet/PopoverMode/Angular/app/app.component.ts b/apps/demos/Demos/ActionSheet/PopoverMode/Angular/app/app.component.ts
@@ -10,10 +10,16 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
  providers: [Service],
 })
 export class AppComponent {

diff --git a/apps/demos/Demos/Autocomplete/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Autocomplete/Overview/Angular/app/app.component.ts
@@ -16,11 +16,17 @@ function isNotEmpty(value: unknown): boolean {
  return value !== undefined && value !== null && value !== '';
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
  providers: [Service],
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
 })
 
 export class AppComponent {

diff --git a/apps/demos/Demos/Box/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Box/Overview/Angular/app/app.component.ts
@@ -9,10 +9,16 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
 })
 export class AppComponent {
 }

diff --git a/apps/demos/Demos/Button/Icons/Angular/app/app.component.ts b/apps/demos/Demos/Button/Icons/Angular/app/app.component.ts
@@ -8,10 +8,16 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
  preserveWhitespaces: true,
 })
 

diff --git a/apps/demos/Demos/Button/PredefinedTypes/Angular/app/app.component.ts b/apps/demos/Demos/Button/PredefinedTypes/Angular/app/app.component.ts
@@ -8,10 +8,16 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
 })
 
 export class AppComponent {

diff --git a/apps/demos/Demos/ButtonGroup/Overview/Angular/app/app.component.ts b/apps/demos/Demos/ButtonGroup/Overview/Angular/app/app.component.ts
@@ -10,11 +10,17 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
  providers: [Service],
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
  preserveWhitespaces: true,
 })
 

diff --git a/apps/demos/Demos/Calendar/MultipleSelection/Angular/app/app.component.ts b/apps/demos/Demos/Calendar/MultipleSelection/Angular/app/app.component.ts
@@ -10,10 +10,16 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
 })
 
 export class AppComponent {

diff --git a/apps/demos/Demos/Calendar/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Calendar/Overview/Angular/app/app.component.ts
@@ -10,10 +10,16 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
 })
 
 export class AppComponent {

diff --git a/apps/demos/Demos/Charts/APIDisplayATooltip/Angular/app/app.component.ts b/apps/demos/Demos/Charts/APIDisplayATooltip/Angular/app/app.component.ts
@@ -11,11 +11,17 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
  providers: [Service],
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
 })
 export class AppComponent {
  @ViewChild(DxPieChartComponent, { static: false }) chart: DxPieChartComponent;

diff --git a/apps/demos/Demos/Charts/APISelectAPoint/Angular/app/app.component.ts b/apps/demos/Demos/Charts/APISelectAPoint/Angular/app/app.component.ts
@@ -8,11 +8,17 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
  providers: [Service],
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
 })
 export class AppComponent {
  catBreedsData: CatBreed[];

diff --git a/apps/demos/Demos/Charts/AjaxRequest/Angular/app/app.component.ts b/apps/demos/Demos/Charts/AjaxRequest/Angular/app/app.component.ts
@@ -8,10 +8,16 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
 })
 export class AppComponent {
  customizeText(arg) {

diff --git a/apps/demos/Demos/Charts/Annotation/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Annotation/Angular/app/app.component.ts
@@ -10,10 +10,16 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
  providers: [Service],
 })
 export class AppComponent {

diff --git a/apps/demos/Demos/Charts/Area/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Area/Angular/app/app.component.ts
@@ -9,10 +9,16 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
  providers: [Service],
  preserveWhitespaces: true,
 })

diff --git a/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.ts b/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.ts
@@ -8,10 +8,16 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
  providers: [Service],
 })
 export class AppComponent {

diff --git a/apps/demos/Demos/Charts/AutoCalculatedBarWidth/Angular/app/app.component.ts b/apps/demos/Demos/Charts/AutoCalculatedBarWidth/Angular/app/app.component.ts
@@ -10,10 +10,16 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
  providers: [Service],
 })
 export class AppComponent {

diff --git a/apps/demos/Demos/Charts/AxisCustomPosition/Angular/app/app.component.ts b/apps/demos/Demos/Charts/AxisCustomPosition/Angular/app/app.component.ts
@@ -9,11 +9,17 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
  providers: [Service],
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
  preserveWhitespaces: true,
 })
 export class AppComponent {

diff --git a/apps/demos/Demos/Charts/AxisLabelsOverlapping/Angular/app/app.component.ts b/apps/demos/Demos/Charts/AxisLabelsOverlapping/Angular/app/app.component.ts
@@ -9,11 +9,17 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
  providers: [Service],
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
  preserveWhitespaces: true,
 })
 export class AppComponent {

diff --git a/apps/demos/Demos/Charts/AxisLabelsTemplates/Angular/app/app.component.ts b/apps/demos/Demos/Charts/AxisLabelsTemplates/Angular/app/app.component.ts
@@ -10,10 +10,16 @@ if (!/localhost/.test(document.location.host)) {
  enableProdMode();
 }
 
+let modulePrefix = '';
+// @ts-ignore
+if (window && window.config.packageConfigPaths) {
+ modulePrefix = '/app';
+}
+
 @Component({
  selector: 'demo-app',
- templateUrl: 'app/app.component.html',
- styleUrls: ['app/app.component.css'],
+ templateUrl: `.${modulePrefix}/app.component.html`,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
  providers: [Service],
 })
 export class AppComponent {