igniteui-cli 9.0.0 → 9.0.4

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

@@ -7,13 +7,14 @@
   "author": "Infragistics",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
+  "type": "module",
   "exports": {
     ".": "./dist/src/index.js",
     "./$(dash-name).js": "./dist/src/$(dash-name).js"
   },
   "scripts": {
     "start": "tsc && wds",
-    "build": "tsc",
+    "build": "webpack --mode production",
     "lint": "eslint --ext .js,.ts,.html . --ignore-path .gitignore",
     "test": "tsc && wtr"
   },
@@ -21,14 +22,16 @@
     "@open-wc/testing": "^2.5.33",
     "@vaadin/router": "^1.7.4",
     "igniteui-webcomponents": "1.0.0",
-    "igniteui-webcomponents-grids": "~1.3.3",
-    "igniteui-webcomponents-core": "~1.3.3",
-    "igniteui-webcomponents-layouts": "~1.3.3",
-    "igniteui-webcomponents-inputs": "~1.3.3",
-    "igniteui-webcomponents-charts": "~1.3.3",
+    "igniteui-webcomponents-grids": "~1.4.1",
+    "igniteui-webcomponents-core": "~1.4.1",
+    "igniteui-webcomponents-layouts": "~1.4.1",
+    "igniteui-webcomponents-inputs": "~1.4.1",
+    "igniteui-webcomponents-charts": "~1.4.1",
+    "igniteui-webcomponents-gauges": "~1.4.1",
     "igniteui-dockmanager": "~1.6.0",
     "@igniteui/material-icons-extended": "^2.10.0",
-    "lit": "^2.0.2"
+    "lit": "^2.0.2",
+    "babel-runtime": "^6.26.0"
   },
   "devDependencies": {
     "@open-wc/eslint-config": "^4.3.0",
@@ -39,7 +42,21 @@
     "igniteui-cli": "$(cliVersion)",
     "eslint": "^7.32.0",
     "tslib": "^2.3.1",
-    "typescript": "^4.4.2"
+    "typescript": "^4.4.2",
+    "@babel/cli": "^7.16.0",
+    "@babel/core": "^7.16.0",
+    "@babel/plugin-proposal-class-properties": "^7.16.0",
+    "@babel/plugin-transform-runtime": "^7.16.4",
+    "@babel/preset-env": "^7.16.4",
+    "@babel/preset-typescript": "^7.16.0",
+    "@types/source-map": "^0.5.7",
+    "babel-loader": "^8.2.3",
+    "babel-plugin-transform-custom-element-classes": "^0.1.0",
+    "fork-ts-checker-webpack-plugin": "^6.4.2",
+    "html-webpack-plugin": "^5.5.0",
+    "source-map": "^0.7.3",
+    "webpack": "^5.64.2",
+    "webpack-cli": "^4.9.1"
   },
   "eslintConfig": {
     "parser": "@typescript-eslint/parser",

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

@@ -3,7 +3,7 @@ import { HomeComponent } from './home.component.js';
 
 describe('HomeComponent', () => {
   it('<my-element> is an instance of MyElement', async () => {
-    const element = document.createElement('lit-home');
+    const element = document.createElement('app-home');
     expect(element).to.be.instanceOf(HomeComponent);
   });
 });

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

@@ -1,3 +1,4 @@
+/* eslint-disable no-return-assign */
 import {
   defineComponents,
   IgcNavDrawerComponent,
@@ -9,7 +10,12 @@ import { routes } from './index.js';
 import './app/home/home.component';
 import './app/not-found/not-found.component';
 
-defineComponents(IgcNavDrawerComponent, IgcNavDrawerItemComponent, IgcNavDrawerHeaderItemComponent, IgcRippleComponent);
+defineComponents(
+  IgcNavDrawerComponent,
+  IgcNavDrawerItemComponent,
+  IgcNavDrawerHeaderItemComponent,
+  IgcRippleComponent,
+);
 
 export class App extends HTMLElement {
   connectedCallback() {

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

@@ -1,4 +1,8 @@
-import { Commands, Context, Route, Router } from '@vaadin/router';
+/* eslint-disable import/extensions, quotes, no-tabs, indent, comma-dangle */
+import {
+  Route,
+  Router
+} from '@vaadin/router';
 import './app/home/home.component';
 
 export const routes: Route[] = [

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

@@ -6,7 +6,8 @@
 		"noEmitOnError": true,
 		"lib": [
 			"es2017",
-			"dom"
+			"dom",
+      "dom.iterable"
 		],
 		"strict": true,
 		"skipLibCheck": true,

package/templates/webcomponents/igc-ts/projects/empty/files/webpack.config.mjs

@@ -0,0 +1,67 @@
+import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import path from 'path';
+
+const __dirname = path.resolve();
+
+export default ({
+
+  entry: path.resolve(__dirname, 'src'),
+  devtool: false,
+  output: {
+    filename: '[chunkhash].bundle.js',
+  },
+
+  resolve: {
+    mainFields: ['fesm2015', 'module', 'main'],
+    extensions: ['.ts', '.js', '.json'],
+  },
+  module: {
+    rules: [{
+      test: /\.m?js/,
+      type: "javascript/auto",
+    },
+    {
+      test: /\.m?js/,
+      resolve: {
+        fullySpecified: false,
+      },
+    },
+    {
+      test: /\.(ts|js)$/,
+      exclude: /node_modules/,
+      loader: 'babel-loader',
+      options: {
+        "compact": true,
+        "presets": [
+          ["@babel/preset-env", {
+            "useBuiltIns": "usage",
+            "corejs": 3,
+            "targets": {
+              "browsers": [
+                "last 2 Chrome versions",
+                "last 2 Safari versions",
+                "last 2 iOS versions",
+                "last 2 Firefox versions",
+                "last 2 Edge versions"
+              ]
+            }
+          }],
+          "@babel/preset-typescript"
+        ],
+        "plugins": [
+          "@babel/plugin-proposal-class-properties",
+          "@babel/plugin-transform-runtime"
+        ]
+      },
+    }],
+  },
+
+  plugins: [
+    new HtmlWebpackPlugin({
+      title: '@@AppName',
+      template: './index.html',
+    }),
+    new ForkTsCheckerWebpackPlugin(),
+  ],
+});

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

@@ -0,0 +1,43 @@
+import {
+  IgcRadialGaugeModule,
+} from 'igniteui-webcomponents-gauges';
+import { ModuleManager } from 'igniteui-webcomponents-core';
+
+ModuleManager.register(
+  IgcRadialGaugeModule,
+);
+
+export default class $(ClassName) extends HTMLElement {
+  constructor() {
+    super();
+    this.attachShadow({ mode: 'open' });
+    this.shadowRoot!.innerHTML = `
+    <style>
+      :host{
+        height: 50%;
+        width: 50%;
+      }
+    </style>
+    <igc-radial-gauge
+      height="100%"
+      width="50%"
+      minimum-value="0" value="50"
+      maximum-value="80" interval="10"
+      range-brushes ="#a4bd29, #F86232"
+      range-outlines="#a4bd29, #F86232"  >
+      <igc-radial-gauge-range name="range1"
+          start-value="10" end-value="25"
+          inner-start-extent="0.50" inner-end-extent="0.50"
+          outer-start-extent="0.57" outer-end-extent="0.57" >
+      </igc-radial-gauge-range>
+      <igc-radial-gauge-range name="range2"
+          start-value="25" end-value="40"
+          inner-start-extent="0.50" inner-end-extent="0.50"
+          outer-start-extent="0.57" outer-end-extent="0.57" >
+      </igc-radial-gauge-range>
+    </igc-radial-gauge>
+  `;
+  }
+}
+
+customElements.define('app-$(path)', $(ClassName));

package/templates/webcomponents/igc-ts/radial-gauge/default/index.d.ts

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

package/templates/webcomponents/igc-ts/radial-gauge/default/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForWebComponentsTemplate_1 = require("../../../../../lib/templates/IgniteUIForWebComponentsTemplate");
+class IgcradialGaugeTemplate extends IgniteUIForWebComponentsTemplate_1.IgniteUIForWebComponentsTemplate {
+    constructor() {
+        super(__dirname);
+        this.components = ["RadialGauge"];
+        this.controlGroup = "Gauges";
+        this.listInComponentTemplates = true;
+        this.id = "radial-gauge";
+        this.projectType = "igc-ts";
+        this.name = "Radial Gauge";
+        this.description = "IgcRadialGauge";
+    }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
+}
+module.exports = new IgcradialGaugeTemplate();

package/templates/webcomponents/igc-ts/radial-gauge/index.d.ts

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

package/templates/webcomponents/igc-ts/radial-gauge/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cli_core_1 = require("@igniteui/cli-core");
+class IgcRadialGaugeComponent extends cli_core_1.BaseComponent {
+    constructor() {
+        super(__dirname);
+        this.name = "Radial Gauge";
+        this.group = "Gauges";
+        this.description = "pick from different gauge views";
+    }
+}
+module.exports = new IgcRadialGaugeComponent();