@igniteui/angular-templates 17.0.1302 → 17.0.1310-beta.2

package/igx-ts-legacy/projects/_base/files/tsconfig.spec.json

@@ -0,0 +1,18 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "files": [
+    "src/test.ts",
+    "src/polyfills.ts"
+  ],
+  "include": [
+    "src/**/*.spec.ts",
+    "src/**/*.d.ts"
+  ]
+}

package/igx-ts-legacy/projects/_base/index.d.ts

@@ -0,0 +1,30 @@
+import { ControlExtraConfiguration, ProjectTemplate } from "@igniteui/cli-core";
+export declare class BaseIgxProject implements ProjectTemplate {
+    id: string;
+    name: string;
+    description: string;
+    dependencies: string[];
+    framework: string;
+    projectType: string;
+    hasExtraConfiguration: boolean;
+    delimiters: {
+        content: {
+            end: string;
+            start: string;
+        };
+        path: {
+            end: string;
+            start: string;
+        };
+    };
+    private CUSTOM_THEME;
+    private DEFAULT_THEME;
+    get templatePaths(): string[];
+    installModules(): void;
+    upgradeIgniteUIPackages(projectPath: string, packagePath: string): Promise<boolean>;
+    getExtraConfiguration(): ControlExtraConfiguration[];
+    setExtraConfiguration(extraConfigKeys: any[]): void;
+    generateConfig(name: string, theme: string, ...options: any[]): {
+        [key: string]: any;
+    };
+}

package/igx-ts-legacy/projects/_base/index.js

@@ -0,0 +1,95 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseIgxProject = void 0;
+const cli_core_1 = require("@igniteui/cli-core");
+const path = require("path");
+const Update_1 = require("../../../Update");
+class BaseIgxProject {
+    constructor() {
+        this.id = "base";
+        this.name = "base";
+        this.description = "Empty project layout structure for Ignite UI for Angular";
+        this.dependencies = [];
+        this.framework = "angular";
+        this.projectType = "igx-ts";
+        this.hasExtraConfiguration = false;
+        this.delimiters = {
+            content: {
+                end: `%>`,
+                start: `<%=`
+            },
+            path: {
+                end: `__`,
+                start: `__`
+            }
+        };
+        this.CUSTOM_THEME = `/* See: https://www.infragistics.com/products/ignite-ui-angular/angular/components/themes/sass/index */
+@use "igniteui-angular/theming" as *;
+
+$primary: #09f !default;
+$secondary: #4db8ff !default;
+$surface: #fff !default;
+
+$app-palette: palette($primary, $secondary, $surface);
+
+/* autoprefixer grid: on */
+
+@include core();
+@include typography($font-family: $material-typeface, $type-scale: $material-type-scale);
+@include theme($app-palette);
+`;
+        this.DEFAULT_THEME = `,
+              "node_modules/igniteui-angular/styles/igniteui-angular.css"`;
+    }
+    get templatePaths() {
+        return [path.join(__dirname, "files")];
+    }
+    installModules() {
+        throw new Error("Method not implemented.");
+    }
+    upgradeIgniteUIPackages(projectPath, packagePath) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return (0, Update_1.updateWorkspace)(projectPath);
+        });
+    }
+    getExtraConfiguration() {
+        return [];
+    }
+    setExtraConfiguration(extraConfigKeys) { }
+    generateConfig(name, theme, ...options) {
+        const config = {
+            name,
+            theme,
+            cliVersion: cli_core_1.Util.version(),
+            CustomTheme: "",
+            dashName: cli_core_1.Util.lowerDashed(name),
+            DefaultTheme: "",
+            dot: ".",
+            path: name,
+            projectTemplate: this.id,
+            yamlDefaultBranch: "<%=yaml-default-branch%>" // the placeholder will be evaluated by CodeGen
+        };
+        switch (theme) {
+            case "Custom":
+                config["CustomTheme"] = this.CUSTOM_THEME;
+                config["themePath"] = "Custom";
+                break;
+            case "Default":
+            default:
+                config["DefaultTheme"] = this.DEFAULT_THEME;
+                config["themePath"] = "node_modules/igniteui-angular/styles/igniteui-angular.css";
+                break;
+        }
+        return config;
+    }
+}
+exports.BaseIgxProject = BaseIgxProject;

package/igx-ts-legacy/projects/_base_with_home/files/__dot__github/workflows/node.js.yml

@@ -0,0 +1,35 @@
+# This workflow will do a clean install of node dependencies, cache/restore them, build the source code and run tests across different versions of node
+# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
+
+# Using Ignite UI for Angular licensed packages via an access token:
+# https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/ignite-ui-licensing#github-actions-configuration
+
+name: Node.js CI
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [16.x, 18.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v2
+      with:
+        node-version: ${{ matrix.node-version }}
+        cache: 'npm'
+    - run: npm ci
+    - run: npm run lint
+    - run: npm run build
+    - run: npm run test -- --watch=false --browsers ChromeHeadless

package/igx-ts-legacy/projects/_base_with_home/files/src/app/home/home.component.html

@@ -0,0 +1,9 @@
+<!--The content below is only a placeholder and can be replaced.-->
+<h1>{{title}}</h1>
+<img src="assets/responsive.gif" alt="Ignite UI CLI">
+
+<div id="linksContainer">
+    <h3 class="links"><a target="_blank" rel="noopener" href="https://github.com/IgniteUI/ignite-ui-cli">Ignite UI CLI </a></h3>
+    <h3 class="links"><a target="_blank" rel="noopener" href="https://www.infragistics.com/products/ignite-ui-angular">Component Demos</a></h3>
+    <h3 class="links"><a target="_blank" rel="noopener" href="https://github.com/IgniteUI/igniteui-angular-ui-kits">Sketch UI Kit</a></h3>
+</div>

package/igx-ts-legacy/projects/_base_with_home/files/src/app/home/home.component.scss

@@ -0,0 +1,35 @@
+a {
+  color: #731963;
+  text-decoration: none;
+}
+
+h1 {
+  font-size: 3rem;
+  font-weight: 600;
+  color: rgba(0, 0, 0, .74);
+}
+
+h3 {
+  font-size: 1.75rem;
+  font-weight: 600;
+}
+
+.links{
+  text-align: center;
+  padding: 0 35px;
+}
+
+#linksContainer {
+  flex-flow: row wrap;
+  display: flex;
+  justify-content: center;
+}
+
+:host{
+  width: 100%;
+  text-align:center;
+}
+
+img {
+  max-width:100%;
+}

package/igx-ts-legacy/projects/_base_with_home/files/src/app/home/home.component.spec.ts

@@ -0,0 +1,26 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { HomeComponent } from './home.component';
+
+describe('HomeComponent', () => {
+  let component: HomeComponent;
+  let fixture: ComponentFixture<HomeComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [ RouterTestingModule ],
+      declarations: [ HomeComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(HomeComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/igx-ts-legacy/projects/_base_with_home/files/src/app/home/home.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-home',
+  templateUrl: './home.component.html',
+  styleUrls: ['./home.component.scss']
+})
+export class HomeComponent  {
+  title = 'Welcome to Ignite UI for Angular!';
+  constructor() { }
+}

package/igx-ts-legacy/projects/_base_with_home/index.d.ts

@@ -0,0 +1,14 @@
+import { ProjectTemplate } from "@igniteui/cli-core";
+import { BaseIgxProject } from "../_base";
+export declare class BaseWithHomeProject extends BaseIgxProject implements ProjectTemplate {
+    id: string;
+    name: string;
+    description: string;
+    dependencies: string[];
+    framework: string;
+    projectType: string;
+    hasExtraConfiguration: boolean;
+    get templatePaths(): string[];
+}
+declare const _default: BaseWithHomeProject;
+export default _default;

package/igx-ts-legacy/projects/_base_with_home/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseWithHomeProject = void 0;
+const path = require("path");
+const _base_1 = require("../_base");
+class BaseWithHomeProject extends _base_1.BaseIgxProject {
+    constructor() {
+        super(...arguments);
+        this.id = "base-with-home";
+        this.name = "Base with home";
+        this.description = "Empty project layout structure for Ignite UI for Angular with home page";
+        this.dependencies = [];
+        this.framework = "angular";
+        this.projectType = "igx-ts";
+        this.hasExtraConfiguration = false;
+    }
+    get templatePaths() {
+        return [...super.templatePaths, path.join(__dirname, "files")];
+    }
+}
+exports.BaseWithHomeProject = BaseWithHomeProject;
+exports.default = new BaseWithHomeProject();

package/igx-ts-legacy/projects/base/index.d.ts

@@ -0,0 +1,14 @@
+import { ProjectTemplate } from "@igniteui/cli-core";
+import { BaseIgxProject } from "../_base";
+export declare class BasePageTemplate extends BaseIgxProject implements ProjectTemplate {
+    id: string;
+    name: string;
+    description: string;
+    dependencies: string[];
+    framework: string;
+    projectType: string;
+    hasExtraConfiguration: boolean;
+    get templatePaths(): string[];
+}
+declare const _default: BasePageTemplate;
+export default _default;

package/igx-ts-legacy/projects/base/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BasePageTemplate = void 0;
+const path = require("path");
+const _base_1 = require("../_base");
+class BasePageTemplate extends _base_1.BaseIgxProject {
+    constructor() {
+        super(...arguments);
+        this.id = "base";
+        this.name = "Base Project";
+        this.description = "Project structure with routing";
+        this.dependencies = [];
+        this.framework = "angular";
+        this.projectType = "igx-ts";
+        this.hasExtraConfiguration = false;
+    }
+    get templatePaths() {
+        return [...super.templatePaths, path.join(__dirname, "files")];
+    }
+}
+exports.BasePageTemplate = BasePageTemplate;
+exports.default = new BasePageTemplate();

package/igx-ts-legacy/projects/empty/files/src/app/app.component.html

@@ -0,0 +1,3 @@
+<div class="outer-wrapper">
+  <router-outlet></router-outlet>
+</div>

package/igx-ts-legacy/projects/empty/files/src/app/app.component.scss

@@ -0,0 +1,5 @@
+.outer-wrapper {
+  display: flex;
+  justify-content: center;
+  height: 100%;
+}

package/igx-ts-legacy/projects/empty/files/src/app/app.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.scss']
+})
+export class AppComponent {
+  title = 'Home - IgniteUI for Angular';
+}

package/igx-ts-legacy/projects/empty/files/src/app/home/home.component.html

@@ -0,0 +1,25 @@
+<div class="content">
+  <h1 class="content__header content__subject">Welcome to Ignite UI for Angular!</h1>
+  <h4 class="content__subject">50+ Material-based UI Components</h4>
+  <img src="../../assets/indigo-design.svg" class="content__image">
+  <p class="ig-typography__subtitle-1">Discover more at</p>
+  <p>
+    <a href="https://www.infragistics.com/products/ignite-ui-angular" target="_blank" class="content__link ig-typography__body-2">
+      www.infragistics.com/products/ignite-ui-angular
+    </a>
+  </p>
+  <p>
+    <a href="https://www.infragistics.com/products/indigo-design" target="_blank" class="content__link ig-typography__body-2">
+      www.infragistics.com/products/indigo-design
+    </a>
+  </p>
+  <p class="ig-typography__subtitle-1">We are also on GitHub</p>
+  <p class="content__container--wide">
+    <a href="https://github.com/IgniteUI/igniteui-angular" target="_blank" class="content__link--github ig-typography__body-2">
+      <span class="content__link-image"></span>Ignite UI for Angular
+    </a>
+    <a href="https://github.com/IgniteUI/igniteui-cli" target="_blank" class="content__link--github ig-typography__body-2">
+      <span class="content__link-image"></span>Ignite UI CLI
+    </a>
+  </p>
+</div>

package/igx-ts-legacy/projects/empty/files/src/app/home/home.component.scss

@@ -0,0 +1,67 @@
+@use 'igniteui-angular/theming' as *;
+
+%content-display {
+  width: 100%;
+  display: flex;
+  text-align: center;
+  flex-flow: column nowrap;
+  justify-content: stretch;
+  align-items: center;
+  padding: 40px 24px 40px 24px;
+  overflow: inherit;
+}
+
+@include b(content) {
+  @extend %content-display;
+
+  p {
+    margin: 0px 0px 8px 0px;
+
+    &:nth-last-child(2) {
+      padding-top: 16px;
+    }
+  }
+
+  @include e(header) {
+    color: color($default-palette, "primary");
+  }
+
+  @include e(subject) {
+    margin-bottom: 16px;
+  }
+
+  @include e(container, $m: wide) {
+    display: flex;
+    flex-flow: row;
+    justify-content: center;
+  }
+
+  @include e(link, $m: github) {
+    position: relative;
+    display: flex;
+    flex-flow: row;
+    align-items: center;
+
+    &:not(:first-child) {
+      margin-left: 24px;
+    }
+
+    &::before {
+      position: relative;
+      display: block;
+      content: "";
+      min-width: 24px;
+      min-height: 24px;
+      background-image: url("../../assets/GitHub/github.svg");
+      background-size: 24px 24px;
+      background-repeat: no-repeat;
+      margin-right: 8px;
+    }
+  }
+
+  @include e(image) {
+    margin-bottom: 48px;
+    max-height: 480px;
+    max-width: 100%;
+  }
+}

package/igx-ts-legacy/projects/empty/files/src/app/home/home.component.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-home',
+  templateUrl: './home.component.html',
+  styleUrls: ['./home.component.scss']
+})
+export class HomeComponent {
+}

package/igx-ts-legacy/projects/empty/files/src/assets/GitHub/github.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.58 31.77"><defs><style>.cls-1{fill:#191717;fill-rule:evenodd;}</style></defs><title>GitHub</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M16.29,0a16.29,16.29,0,0,0-5.15,31.75c.82.15,1.11-.36,1.11-.79s0-1.41,0-2.77C7.7,29.18,6.74,26,6.74,26a4.36,4.36,0,0,0-1.81-2.39c-1.47-1,.12-1,.12-1a3.43,3.43,0,0,1,2.49,1.68,3.48,3.48,0,0,0,4.74,1.36,3.46,3.46,0,0,1,1-2.18c-3.62-.41-7.42-1.81-7.42-8a6.3,6.3,0,0,1,1.67-4.37,5.94,5.94,0,0,1,.16-4.31s1.37-.44,4.48,1.67a15.41,15.41,0,0,1,8.16,0c3.11-2.11,4.47-1.67,4.47-1.67A5.91,5.91,0,0,1,25,11.07a6.3,6.3,0,0,1,1.67,4.37c0,6.26-3.81,7.63-7.44,8a3.85,3.85,0,0,1,1.11,3c0,2.18,0,3.94,0,4.47s.29.94,1.12.78A16.29,16.29,0,0,0,16.29,0Z"/></g></g></svg>