igniteui-cli 9.0.5-beta.0 → 9.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-cli",
-  "version": "9.0.5-beta.0",
+  "version": "9.0.6",
   "description": "CLI tool for creating Ignite UI projects",
   "keywords": [
     "CLI",
@@ -72,8 +72,8 @@
     "all": true
   },
   "dependencies": {
-    "@igniteui/angular-templates": "~13.0.905-beta.0",
-    "@igniteui/cli-core": "~9.0.5-beta.0",
+    "@igniteui/angular-templates": "~13.0.906",
+    "@igniteui/cli-core": "~9.0.6",
     "chalk": "^2.3.2",
     "fs-extra": "^3.0.1",
     "glob": "^7.1.2",

package/templates/webcomponents/TypeScriptFileUpdate.js

@@ -203,6 +203,9 @@ class TypeScriptFileUpdate {
             if (options["indent_size"]) {
                 this.formatOptions.indentSize = parseInt(options["indent_size"], 10) || this.formatOptions.indentSize;
             }
+            if (options["quote_type"]) {
+                this.formatOptions.singleQuotes = options["quote_type"] === "single";
+            }
         }
         if (this.fileSystem.fileExists("tslint.json")) {
             // tslint prio - overrides other settings

package/templates/webcomponents/igc-ts/avatar/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcAvatarComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/badge/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,10 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcBadgeComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});
+

package/templates/webcomponents/igc-ts/button/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,10 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcButtonComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});
+

package/templates/webcomponents/igc-ts/calendar/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcCalendarComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/card/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcCardComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/checkbox/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcCheckboxComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/custom-templates/subscription-form/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcSubscriptionFormComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcDockManagerComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.ts

@@ -91,15 +91,15 @@ export default class $(ClassName) extends HTMLElement {
               {
                 type: IgcDockManagerPaneType.contentPane,
                 contentId: 'content1',
-                header: 'Content Pane 1'
+                header: 'Content Pane 1',
               },
               {
                 type: IgcDockManagerPaneType.contentPane,
                 contentId: 'content2',
                 header: 'Unpinned Pane 1',
-                isPinned: false
-              }
-            ]
+                isPinned: false,
+              },
+            ],
           },
           {
             type: IgcDockManagerPaneType.splitPane,
@@ -119,25 +119,25 @@ export default class $(ClassName) extends HTMLElement {
                         {
                           type: IgcDockManagerPaneType.contentPane,
                           header: 'Document 1',
-                          contentId: 'content3'
+                          contentId: 'content3',
                         },
                         {
                           type: IgcDockManagerPaneType.contentPane,
                           header: 'Document 2',
-                          contentId: 'content4'
-                        }
-                      ]
-                    }
-                  ]
-                }
+                          contentId: 'content4',
+                        },
+                      ],
+                    },
+                  ],
+                },
               },
               {
                 type: IgcDockManagerPaneType.contentPane,
                 contentId: 'content5',
                 header: 'Unpinned Pane 2',
-                isPinned: false
-              }
-            ]
+                isPinned: false,
+              },
+            ],
           },
           {
             type: IgcDockManagerPaneType.splitPane,
@@ -150,38 +150,38 @@ export default class $(ClassName) extends HTMLElement {
                   {
                     type: IgcDockManagerPaneType.contentPane,
                     contentId: 'content6',
-                    header: 'Tab 1'
+                    header: 'Tab 1',
                   },
                   {
                     type: IgcDockManagerPaneType.contentPane,
                     contentId: 'content7',
-                    header: 'Tab 2'
+                    header: 'Tab 2',
                   },
                   {
                     type: IgcDockManagerPaneType.contentPane,
                     contentId: 'content8',
-                    header: 'Tab 3'
+                    header: 'Tab 3',
                   },
                   {
                     type: IgcDockManagerPaneType.contentPane,
                     contentId: 'content9',
-                    header: 'Tab 4'
+                    header: 'Tab 4',
                   },
                   {
                     type: IgcDockManagerPaneType.contentPane,
                     contentId: 'content10',
-                    header: 'Tab 5'
-                  }
-                ]
+                    header: 'Tab 5',
+                  },
+                ],
               },
               {
                 type: IgcDockManagerPaneType.contentPane,
                 contentId: 'content11',
-                header: 'Content Pane 2'
-              }
-            ]
-          }
-        ]
+                header: 'Content Pane 2',
+              },
+            ],
+          },
+        ],
       },
       floatingPanes: [
         {
@@ -194,11 +194,11 @@ export default class $(ClassName) extends HTMLElement {
             {
               type: IgcDockManagerPaneType.contentPane,
               contentId: 'content12',
-              header: 'Floating Pane'
-            }
-          ]
-        }
-      ]
+              header: 'Floating Pane',
+            },
+          ],
+        },
+      ],
     };
   }
 }

package/templates/webcomponents/igc-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcFinancialChartComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/form/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcFormComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/grid/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcDataGridComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/grid/grid-editing/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcGridEditingComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcGridSummariesComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/icon/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcIconComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/icon-button/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcIconButtonComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/input/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcInputComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcLinearGaugeComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/list/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcListComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/navbar/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcNavbarComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/pie-chart/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcPieChartComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/projects/empty/files/__dot__editorconfig

@@ -0,0 +1,16 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/templates/webcomponents/igc-ts/projects/empty/files/index.html

@@ -4,7 +4,7 @@
 <head>
   <meta charset="utf-8">
   <base href="/">
-  <link rel="stylesheet" href="./node_modules/igniteui-webcomponents/themes/bootstrap.css">
+  <link rel="stylesheet" href="./node_modules/igniteui-webcomponents/themes/light/bootstrap.css">
   <style>
     html, body {
       height: 100%;

package/templates/webcomponents/igc-ts/projects/empty/files/package.json

@@ -13,7 +13,7 @@
     "./$(dash-name).js": "./dist/src/$(dash-name).js"
   },
   "scripts": {
-    "start": "tsc && wds",
+    "start": "tsc && concurrently --kill-others \"tsc -w\" \"wds\"",
     "build": "webpack --mode production",
     "lint": "eslint --ext .js,.ts,.html . --ignore-path .gitignore",
     "test": "tsc && wtr"
@@ -21,7 +21,7 @@
   "dependencies": {
     "@open-wc/testing": "^2.5.33",
     "@vaadin/router": "^1.7.4",
-    "igniteui-webcomponents": "1.0.0",
+    "igniteui-webcomponents": "2.0.0",
     "igniteui-webcomponents-grids": "~1.4.1",
     "igniteui-webcomponents-core": "~1.4.1",
     "igniteui-webcomponents-layouts": "~1.4.1",
@@ -31,6 +31,7 @@
     "igniteui-dockmanager": "~1.6.0",
     "@igniteui/material-icons-extended": "^2.10.0",
     "lit": "^2.0.2",
+    "typescript": "^4.5.2",
     "babel-runtime": "^6.26.0"
   },
   "devDependencies": {
@@ -40,9 +41,9 @@
     "@web/dev-server": "^0.1.22",
     "@web/test-runner": "next",
     "igniteui-cli": "$(cliVersion)",
+    "concurrently": "^6.3.0",
     "eslint": "^7.32.0",
     "tslib": "^2.3.1",
-    "typescript": "^4.5.2",
     "@babel/cli": "^7.16.0",
     "@babel/core": "^7.16.0",
     "@babel/plugin-proposal-class-properties": "^7.16.0",

package/templates/webcomponents/igc-ts/projects/empty/files/src/app.ts

@@ -30,13 +30,13 @@ export class App extends HTMLElement {
       <igc-nav-drawer open=true>
         <igc-nav-drawer-header-item>Ignite UI CLI</igc-nav-drawer-header-item>
 
-        ${routes.filter((element, index) => index < routes.length - 1).map(i => this.innerHTML = `
+        ${routes.filter((element, index) => index < routes.length - 1).map(i => `
           <igc-nav-drawer-item>
             <span slot="content">
               <a style="text-decoration: none;" href="${i.path}">${i.name}<igc-ripple></igc-ripple></a>
             </span>
           </igc-nav-drawer-item>
-        `)}
+        `).join('')}
       </igc-nav-drawer>
     </div>
     `;

package/templates/webcomponents/igc-ts/projects/empty/files/web-dev-server.config.mjs

@@ -16,7 +16,7 @@ export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
 	// esbuildTarget: 'auto'
 
 	/** Set appIndex to enable SPA routing */
-	// appIndex: 'demo/index.html',
+	appIndex: './index.html',
 
 	plugins: [
 		/** Use Hot Module Replacement by uncommenting. Requires @open-wc/dev-server-hmr plugin */

package/templates/webcomponents/igc-ts/radial-gauge/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcRadialGaugeComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/radio-group/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcRadioGroupComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/ripple/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcRippleComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/slider/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcSliderComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/slider/default/files/src/app/__path__/__filePrefix__.ts

@@ -0,0 +1,23 @@
+import {
+  defineComponents,
+  IgcSliderComponent,
+} from 'igniteui-webcomponents';
+
+defineComponents(IgcSliderComponent);
+
+export default class $(ClassName) extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = `
+    <igc-slider
+      style="margin: 40px 20px; width: 200px;"
+      min="0"
+      max="2"
+      primary-ticks="3"
+    >
+    Label
+  </igc-slider>
+    `;
+  }
+}
+
+customElements.define('app-$(path)', $(ClassName));

package/templates/webcomponents/igc-ts/slider/default/index.d.ts

@@ -0,0 +1 @@
+export {};

package/templates/webcomponents/igc-ts/slider/default/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForWebComponentsTemplate_1 = require("../../../../../lib/templates/IgniteUIForWebComponentsTemplate");
+class IgcSliderComponent extends IgniteUIForWebComponentsTemplate_1.IgniteUIForWebComponentsTemplate {
+    constructor() {
+        super(__dirname);
+        this.components = ["Slider"];
+        this.controlGroup = "Interactions";
+        this.listInComponentTemplates = true;
+        this.id = "slider";
+        this.projectType = "igc-ts";
+        this.name = "Slider";
+        this.description = `Basic slider component`;
+    }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
+}
+module.exports = new IgcSliderComponent();

package/templates/webcomponents/igc-ts/slider/index.d.ts

@@ -0,0 +1 @@
+export {};

package/templates/webcomponents/igc-ts/slider/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cli_core_1 = require("@igniteui/cli-core");
+class IgcSliderComponent extends cli_core_1.BaseComponent {
+    /**
+     *
+     */
+    constructor() {
+        super(__dirname);
+        this.name = "Slider";
+        this.group = "Interactions";
+        this.description = `Basic slider component`;
+    }
+}
+module.exports = new IgcSliderComponent();

package/templates/webcomponents/igc-ts/switch/default/files/src/app/__path__/__filePrefix__.component.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path)';
+
+describe('IgcSwitchComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});