igniteui-cli 9.1.0 → 9.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-cli",
-  "version": "9.1.0",
+  "version": "9.1.2",
   "description": "CLI tool for creating Ignite UI projects",
   "keywords": [
     "CLI",
@@ -72,8 +72,8 @@
     "all": true
   },
   "dependencies": {
-    "@igniteui/angular-templates": "~13.1.910",
-    "@igniteui/cli-core": "~9.1.0",
+    "@igniteui/angular-templates": "~13.1.912",
+    "@igniteui/cli-core": "~9.1.2",
     "chalk": "^2.3.2",
     "fs-extra": "^3.0.1",
     "glob": "^7.1.2",

package/templates/angular/ig-ts/projects/empty/files/package.json

@@ -10,33 +10,33 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~13.1.1",
-    "@angular/common": "~13.1.1",
-    "@angular/compiler": "~13.1.1",
-    "@angular/core": "~13.1.1",
-    "@angular/forms": "~13.1.1",
-    "@angular/platform-browser": "~13.1.1",
-    "@angular/platform-browser-dynamic": "~13.1.1",
-    "@angular/router": "~13.1.1",
+    "@angular/animations": "~13.3.0",
+    "@angular/common": "~13.3.0",
+    "@angular/compiler": "~13.3.0",
+    "@angular/core": "~13.3.0",
+    "@angular/forms": "~13.3.0",
+    "@angular/platform-browser": "~13.3.0",
+    "@angular/platform-browser-dynamic": "~13.3.0",
+    "@angular/router": "~13.3.0",
     "jquery": ">=1.9.1",
     "jquery-ui": ">=1.10.5",
     "igniteui-angular-wrappers": "^13.1.0",
     "ignite-ui": "~21.2",
-    "rxjs": "~6.6.0",
+    "rxjs": "~7.5.0",
     "tslib": "^2.2.0",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~13.1.2",
-    "@angular/cli": "~13.1.2",
-    "@angular/compiler-cli": "~13.1.1",
-    "@types/jasmine": "~3.8.0",
+    "@angular-devkit/build-angular": "~13.3.0",
+    "@angular/cli": "~13.3.0",
+    "@angular/compiler-cli": "~13.3.0",
+    "@types/jasmine": "~3.10.0",
     "@types/node": "^12.11.1",
     "igniteui-cli": "^$(cliVersion)",
-    "jasmine-core": "~3.8.0",
+    "jasmine-core": "~4.0.0",
     "karma": "~6.3.0",
     "karma-chrome-launcher": "~3.1.0",
-    "karma-coverage": "~2.0.3",
+    "karma-coverage": "~2.1.0",
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "~1.7.0",
     "typescript": "~4.5.2"

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

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path).js';
+
+describe('IgcChipComponent', () => {
+  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/chip/default/files/src/app/__path__/__filePrefix__.ts

@@ -0,0 +1,34 @@
+import { html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import {
+  defineComponents,
+  IgcChipComponent,
+  registerIconFromText,
+} from 'igniteui-webcomponents';
+
+defineComponents(IgcChipComponent);
+
+registerIconFromText(
+  'select',
+  '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>',
+);
+
+registerIconFromText(
+  'cancel',
+  '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/></svg>',
+);
+
+@customElement('app-$(path)')
+export default class $(ClassName) extends LitElement {
+  render() {
+    return html`
+      <div style="width: 200px; padding: 20px;">
+        <igc-chip selectable removable>
+          <span slot="select"><igc-icon name="select"></igc-icon></span>
+          Custom Icons
+          <span slot="remove"><igc-icon name="cancel"></igc-icon></span>
+        </igc-chip>
+      </div>
+    `;
+  }
+}

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cli_core_1 = require("@igniteui/cli-core");
+class IgcChipComponent extends cli_core_1.BaseComponent {
+    /**
+     *
+     */
+    constructor() {
+        super(__dirname);
+        this.name = "Chip";
+        this.group = "Data Entry & Display";
+        this.description = `Customizable chip component`;
+    }
+}
+module.exports = new IgcChipComponent();

package/templates/webcomponents/igc-ts/circular-progress/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path).js';
+
+describe('IgcCircularProgressComponent', () => {
+  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/circular-progress/default/files/src/app/__path__/__filePrefix__.ts

@@ -0,0 +1,35 @@
+import { html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import {
+  defineComponents,
+  IgcCircularProgressComponent,
+} from 'igniteui-webcomponents';
+
+defineComponents(IgcCircularProgressComponent);
+
+@customElement('app-$(path)')
+export default class $(ClassName) extends LitElement {
+  render() {
+    return html`
+    <div style="display: flex; align-items: center; gap: 16px">
+      <igc-circular-progress
+        style="--diameter: 96px; --stroke-thickness: 12px;"
+        animation-duration="1000"
+        indeterminate="true"
+        variant="danger">
+      </igc-circular-progress>
+      <igc-circular-progress
+        style="--diameter: 96px; --stroke-thickness: 12px;"
+        value="92"
+        animation-duration="500">
+      </igc-circular-progress>
+      <igc-circular-progress
+        style="--diameter: 96px; --stroke-thickness: 12px;"
+        value="92"
+        animation-duration="1500"
+        variant="success">
+      </igc-circular-progress>
+    </div>
+    `;
+  }
+}

package/templates/webcomponents/igc-ts/circular-progress/default/index.d.ts

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

package/templates/webcomponents/igc-ts/circular-progress/default/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForWebComponentsTemplate_1 = require("../../../../../lib/templates/IgniteUIForWebComponentsTemplate");
+class IgcCircularProgressTemplate extends IgniteUIForWebComponentsTemplate_1.IgniteUIForWebComponentsTemplate {
+    constructor() {
+        super(__dirname);
+        this.components = ["Circular Progress"];
+        this.controlGroup = "Data Entry & Display";
+        this.listInComponentTemplates = true;
+        this.id = "circular-progress";
+        this.projectType = "igc-ts";
+        this.name = "Circular Progress";
+        this.description = "Basic Circular Progress";
+    }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
+}
+module.exports = new IgcCircularProgressTemplate();

package/templates/webcomponents/igc-ts/circular-progress/index.d.ts

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

package/templates/webcomponents/igc-ts/circular-progress/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cli_core_1 = require("@igniteui/cli-core");
+class IgcCircularProgressComponent extends cli_core_1.BaseComponent {
+    /**
+     *
+     */
+    constructor() {
+        super(__dirname);
+        this.name = "Circular Progress";
+        this.group = "Data Entry & Display";
+        this.description = `Customizable Circular Progress component`;
+    }
+}
+module.exports = new IgcCircularProgressComponent();

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

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path).js';
+
+describe('IgcLinearProgressComponent', () => {
+  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-progress/default/files/src/app/__path__/__filePrefix__.ts

@@ -0,0 +1,24 @@
+import { html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import {
+  defineComponents,
+  IgcLinearProgressComponent,
+} from 'igniteui-webcomponents';
+
+defineComponents(IgcLinearProgressComponent);
+
+@customElement('app-$(path)')
+export default class $(ClassName) extends LitElement {
+  render() {
+    return html`
+    <div style="width: 200px; padding: 20px;">
+      <igc-linear-progress
+        value="92"
+        animation-duration="1000"
+        label-align="top-end"
+        variant="success">
+      </igc-linear-progress>
+    </div>
+    `;
+  }
+}

package/templates/webcomponents/igc-ts/linear-progress/default/index.d.ts

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

package/templates/webcomponents/igc-ts/linear-progress/default/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForWebComponentsTemplate_1 = require("../../../../../lib/templates/IgniteUIForWebComponentsTemplate");
+class IgcLinearProgressComponent extends IgniteUIForWebComponentsTemplate_1.IgniteUIForWebComponentsTemplate {
+    constructor() {
+        super(__dirname);
+        this.components = ["Linear Progress"];
+        this.controlGroup = "Data Entry & Display";
+        this.listInComponentTemplates = true;
+        this.id = "linear-progress";
+        this.projectType = "igc-ts";
+        this.name = "Linear Progress";
+        this.description = "Basic Linear Progress";
+    }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
+}
+module.exports = new IgcLinearProgressComponent();

package/templates/webcomponents/igc-ts/linear-progress/index.d.ts

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

package/templates/webcomponents/igc-ts/linear-progress/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cli_core_1 = require("@igniteui/cli-core");
+class IgcLinearProgressComponent extends cli_core_1.BaseComponent {
+    /**
+     *
+     */
+    constructor() {
+        super(__dirname);
+        this.name = "Linear Progress";
+        this.group = "Data Entry & Display";
+        this.description = `Customizable Linear Progress component`;
+    }
+}
+module.exports = new IgcLinearProgressComponent();

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

@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@vaadin/router": "^1.7.4",
-    "igniteui-webcomponents": "2.0.0",
+    "igniteui-webcomponents": "2.1.0",
     "igniteui-webcomponents-grids": "~1.4.1",
     "igniteui-webcomponents-core": "~1.4.1",
     "igniteui-webcomponents-layouts": "~1.4.1",
@@ -73,6 +73,7 @@
       "@typescript-eslint/no-unused-vars": [
         "error"
       ],
+      "import/no-extraneous-dependencies": "off",
       "import/no-unresolved": "off",
       "import/extensions": [
         "error",

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

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path).js';
+
+describe('IgcRatingComponent', () => {
+  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/rating/default/files/src/app/__path__/__filePrefix__.ts

@@ -0,0 +1,17 @@
+import { html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import {
+  defineComponents,
+  IgcRatingComponent,
+} from 'igniteui-webcomponents';
+
+defineComponents(IgcRatingComponent);
+
+@customElement('app-$(path)')
+export default class $(ClassName) extends LitElement {
+  render() {
+    return html`
+      <igc-rating></igc-rating>
+    `;
+  }
+}

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cli_core_1 = require("@igniteui/cli-core");
+class IgcRatingComponent extends cli_core_1.BaseComponent {
+    /**
+     *
+     */
+    constructor() {
+        super(__dirname);
+        this.name = "Rating";
+        this.group = "Data Entry & Display";
+        this.description = `Customizable rating component`;
+    }
+}
+module.exports = new IgcRatingComponent();