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

package/igx-ts-legacy/projects/empty/files/src/assets/indigo-design.svg

@@ -0,0 +1,183 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 250 205" style="enable-background:new 0 0 250 205;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{opacity:0.5;}
+	.st2{fill:#ADB4D3;}
+	.st3{font-family:'Menlo-Regular';}
+	.st4{font-size:9px;}
+	.st5{opacity:5.000000e-02;fill:#3948A3;enable-background:new    ;}
+	.st6{fill:#3948A3;}
+	.st7{fill:#383D89;}
+	.st8{fill:#DBDAC6;}
+	.st9{fill:#C4D1E1;}
+	.st10{fill:#E4EEF3;}
+	.st11{fill:#FFFFFF;}
+	.st12{fill:#163F59;}
+	.st13{fill:#282723;}
+	.st14{fill:#B6C2C9;}
+	.st15{fill:#D8E5ED;}
+	.st16{fill:#879BA6;}
+	.st17{fill:#D9E1E4;}
+	.st18{fill:#323B31;}
+	.st19{fill:#3C463B;}
+	.st20{fill:#F44235;}
+</style>
+<g>
+	<g>
+		<g>
+			<g>
+				<g>
+					<defs>
+						<rect id="SVGID_1_" y="0" width="250" height="205"/>
+					</defs>
+					<clipPath id="SVGID_2_">
+						<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+					</clipPath>
+					<g id="Generate_Angular_3" class="st0">
+						<g id="Group_2170" transform="translate(23.537 25.255)">
+							<g id="Group_1352" transform="translate(33.089 0)" class="st1">
+								<text transform="matrix(1 0 0 1 31.9848 19)" class="st2 st3 st4">import { IgxGridModule }</text>
+								<text transform="matrix(1 0 0 1 47.297 31)" class="st2 st3 st4">from &apos;igniteui-angular&apos;;</text>
+								<text transform="matrix(1 0 0 1 31.9848 55)" class="st2 st3 st4">@NgModule({</text>
+								<text transform="matrix(1 0 0 1 80.2414 69.5318)" class="st2 st3 st4">imports: [</text>
+								<text transform="matrix(1 0 0 1 102.5881 83.003)" class="st2 st3 st4">...</text>
+								<text transform="matrix(1 0 0 1 102.6552 96.003)" class="st2 st3 st4">IgxGridModule</text>
+								<text transform="matrix(1 0 0 1 103.2804 109.003)" class="st2 st3 st4">...</text>
+								<text transform="matrix(1 0 0 1 80.2759 122.003)" class="st2 st3 st4">]</text>
+								<text transform="matrix(1 0 0 1 31.9944 134.9744)" class="st2 st3 st4">})</text>
+								<text transform="matrix(1 0 0 1 31.9947 148.0204)" class="st2 st3 st4">export class AppModule {}</text>
+							</g>
+							<ellipse id="Ellipse_285" class="st5" cx="84.5" cy="83.7" rx="84.5" ry="82.9"/>
+							<g id="Group_1348" transform="translate(11.984 31.232)">
+								<g id="Group_1339" transform="translate(33.694)">
+									<path id="Path_1274" class="st6" d="M47,20.9c5.6,1.4,15.8,6.4,17.9,14.8c3.2,12.7-3.2,31.5,6.9,49.8
+										c3.2,5.8-56.3,13.7-56.3,13.7L4.2,34.8c0,0,14.4-14,17.3-14.9C27.6,17.9,36,18.1,47,20.9z"/>
+									<g id="Group_1334" transform="translate(0 34.708)">
+										<path id="Path_1275" class="st7" d="M4.1,0.1C2,5.3-3.1,35.9,2.7,43.2c0.6,0.8-3,2.2-2.3,6c0.1,0.6,1.2,3.7,1.2,3.7
+											l4.8,1.2L20.8,46l-2.7-3.4h-1.3c-0.7-0.7-1-1.6-0.9-2.6c0.3-1.4-3.3-3.7-8.8-27.5C5.3,5.5,4.6-1,4.1,0.1z"/>
+										<path id="Path_1276" class="st8" d="M9.7,41.7l4.3-1l1.7-0.2c0.1,0.8,0.4,1.5,1,2l-3.3,0.2l-3.9,0.8l-4.7,2.7L9.7,41.7z"
+											/>
+									</g>
+									<path id="Path_1277" class="st9" d="M15.7,80.5c-2.1,0.1-4.2,0.6-6,1.7c-2.1,1.3-4.1,4.2-2.1,5.7c1.6,1.1,3.2,2.1,5,3
+										C12.6,90.9,20,91,15.7,80.5z"/>
+									<path id="Path_1278" class="st10" d="M7.5,88l2-0.4c0,0,6.9-0.6,7.9-0.1c1,0.6,4.1,2.7,4.1,2.7l0.6,0.6
+										c-1.2,0.6-2.6,0.4-3.6-0.5c-2.1-1.5-2.3-0.3-2.3-0.3l0.3,1.9v2.3l0.3,1c0,0,0.3,0.6,0.1,0.7c-0.3,0.3-0.8,0.5-1.3,0.3
+										l-2.1-3.6l-0.6,4c-0.2,0.4-0.6,0.6-1,0.6c-0.6,0.2-0.6,0-0.6,0L11,96c-0.1,0.3-0.2,0.5-0.4,0.7c-0.4,0.2-0.8,0.4-1.2,0.3
+										l0.2-4.2l-1,2.2c-0.2,0.3-0.6,0.6-1,0.6c-0.3,0.1-0.6,0.1-0.9,0.2L7.5,88z"/>
+									<g id="Group_1336" transform="translate(18.102 27.221)">
+										<g id="Group_1335" transform="translate(5.405)">
+											<path id="Path_1279" class="st11" d="M19.7,44.3c0,0-5,12.7-17,16c-2.1,0.6-3.4,2.8-2.3,3.5c1.3,0.9,3.1,1.1,6,1.1
+												c6.3,0,14.8-1.9,20.7-7.7c8.8-8.5,11.5-12.3,10.6-16.6S19.7,44.3,19.7,44.3z"/>
+											<path id="Path_1280" class="st7" d="M39.7,4.3c2.6,4.2,4,10.9,4,20.5c0,7.4-6.5,19.6-7.4,23.4c-0.2,0.6-0.6,3.3-0.6,3.3
+												l-7.1,7l-14.3-9.7l4.4-6.7l1.3,0.2c0.4-1.7,0.6-3.4,0.6-5.1c-0.2-1.5,4-20.6,6-32.9C27.8-2.9,37.2,0.2,39.7,4.3z"/>
+											<path id="Path_1281" class="st6" d="M27,42l-4.2-1.3l-1.7-0.4c-0.1,0.8-0.5,1.5-1.1,1.9l3.3,0.4l3.8,1.1l4.4,3.1L27,42z"
+												/>
+										</g>
+										<path id="Path_1282" class="st11" d="M9,60.4l-7.3-2c0,0-2.1,2.7-1.7,3.5s0,4.8,0,4.8l3.5,3l2.9-1c0,0,0.2-1.2-0.8-1.4
+											s0.6-0.8,1.2-1.1C7.4,65.8,11.6,63.7,9,60.4z"/>
+									</g>
+									<g id="Group_1337" transform="translate(21.39 6.382)">
+										<path id="Path_1283" class="st10" d="M17.5,15.6c0.5,1.4-0.2,2.9-1.6,3.4l-7.5,2.7C7,22.2,5.5,21.4,5,20.1L0.1,6.2
+											c-0.5-1.4,0.2-2.9,1.6-3.4l7.5-2.7c1.4-0.5,2.9,0.2,3.4,1.6L17.5,15.6z"/>
+									</g>
+									<g id="Group_1338" transform="translate(13.29)">
+										<path id="Path_1284" class="st11" d="M7,29.5c0.4,1.5,2,2.4,3.5,2L22.9,28c1.5-0.4,2.4-2,2-3.5l-5-18.4
+											c-0.4-1.5-2-2.4-3.5-2L3.9,7.6c-1.5,0.4-2.4,2-2,3.5L7,29.5z"/>
+										<path id="Path_1285" class="st12" d="M2.9,14.9c-1.1-0.6-2-1.4-2.7-2.3c-0.4-1.4-0.1-2.8,0.8-4c1.1-1.2,2.7,0,2.7,0
+											S1.9,10.5,1.9,11S2.9,14.9,2.9,14.9z"/>
+										<path id="Path_1286" class="st13" d="M23.4,14c0,0-0.1-7.6-1-9.6c-0.9-1.9-1.5-3.3-4.1-2.8c-3.9,0.7-3.7,1.5-5.9,0.9
+											S6.2,0,4.9,0c-2,0.1-4.8,1.5-4,5.2C1.4,6.5,1.1,8,0.2,9c0.2,0.3,1,0.4,2.4,0.6c4,0.8,6.1,0.6,8.5-0.9
+											c2.5-1.5,7-4.3,8.1-2.5s2.5,7.8,2.9,8.2S23.1,14.5,23.4,14z"/>
+										<path id="Path_1287" class="st11" d="M21.1,20.6c0.2,0.5,0.7,0.8,1.2,0.6l0,0l2.7-0.7c0.5-0.2,0.8-0.7,0.6-1.2l0,0
+											l-1.4-4.8C24,14,23.5,13.7,23,13.9l0,0l-2.7,0.7c-0.5,0.2-0.8,0.7-0.6,1.2l0,0L21.1,20.6z"/>
+										<path id="Path_1288" class="st11" d="M5,25.1c0.2,0.5,0.7,0.8,1.2,0.6l0,0L8.9,25c0.5-0.2,0.8-0.7,0.6-1.2l0,0l-1.4-4.9
+											C8,18.4,7.5,18.1,7,18.2l0,0l-2.7,0.7c-0.5,0.2-0.8,0.7-0.6,1.2l0,0L5,25.1z"/>
+										<path id="Path_1289" class="st13" d="M22.7,16c0,0,2,7.3,2.7,9.7c0.6,2.2,1,7.3-11.3,10.6c-7.3,2-8.5-3.5-9-5.2
+											c-0.3-2.3-0.1-4.6,0.6-6.8l0.8,3c0.6-2.1,2.1-3.7,4.2-4.3c5.6-1.5,7.8,1.4,10.2,0.6C22.8,23.1,23.3,19.6,22.7,16z"/>
+										<path id="Path_1290" class="st11" d="M14.3,27.2l-3.9,1c-0.5,0.1-1-0.1-1.2-0.6L9.1,27l5.6-1.5l0.2,0.6
+											c0.2,0.4,0,0.9-0.4,1.1C14.4,27.1,14.3,27.2,14.3,27.2z"/>
+									</g>
+								</g>
+								<path id="Path_1291" class="st13" d="M0.6,100.8c1.8,4.9,32.8,22.9,43.2,21.9l31.4,1.5c26.7-3.2,39.3-44.7,39.3-44.7
+									c-1-10.4-27.3,4.7-36.7,9.4c-14.8,7.4-24.2,7.7-24.2,7.7c-9.9,1-21.5-6.6-33.9-6.9C5.8,89.4-2.3,93.1,0.6,100.8z"/>
+								<g id="Group_1342" transform="translate(8.428 65.479)">
+									<path id="Path_1292" class="st14" d="M60.4,30.3L60.4,30.3v-1.4L6.4,28v1.4l0.2,0.2C7.2,30.7,8.5,31,9.9,31l46.9,0.9
+										c1.5,0,2.7-0.2,3.4-1.3L60.4,30.3z"/>
+									<path id="Path_1293" class="st15" d="M47.3,30.3L47.3,30.3l0.2,0.2c0.2,0.3,0.5,0.5,0.8,0.6l8.2,0.2c1.4,0,2.6-0.1,3.2-1
+										l0.2-0.2l0,0v-0.6l-12.5-0.2L47.3,30.3z"/>
+									<g id="Group_1340" transform="translate(13.099 28.466)">
+										<path id="Path_1294" class="st16" d="M26.9,1.4L0,0.9V0l26.9,0.5V1.4z"/>
+									</g>
+									<g id="Group_1341">
+										<path id="Path_1295" class="st17" d="M47,28.7L40.5,2c-0.2-0.7-0.8-1.3-1.6-1.3L1,0C0.5,0,0,0.3,0,0.9C0,1,0,1.1,0,1.2
+											l6.5,26.6L47,28.7z"/>
+										<path id="Path_1296" class="st14" d="M25.9,14.4c0.3,1-0.2,2-1.1,2.3c-0.2,0.1-0.5,0.1-0.7,0.1c-1.5-0.1-2.7-1.1-3.1-2.5
+											c-0.3-1,0.2-2,1.1-2.3c0.2-0.1,0.5-0.1,0.7-0.1C24.3,12,25.6,13,25.9,14.4z"/>
+									</g>
+								</g>
+								<g id="Group_1344" transform="translate(63.62 114.589)">
+									<path id="Path_1297" class="st11" d="M16.3,16.4c-3.7,0.6-6.6-3.7-6.6-3.7L0,5.2L2,0l18.8,8.5C20.9,8.5,20,15.8,16.3,16.4z
+										"/>
+									<path id="Path_1298" class="st6" d="M9.7,12.5c0.1,0.8,0.4,1.6,0.7,2.4c0.7,2,1.6,2.7,2.5,2.9c3.6,1,6.2,0.5,14.8,2.2
+										s11.3,0.4,13.8-3.5c2.5-4-0.1-7.1-4.4-7.4C31,8.5,27.7,9.3,24.4,8.8s-3.5-1.3-5.5-2.4c-1.9-1.1-3.5,5.6-1.8,7.1
+										C18.8,14.8,11,15,9.7,12.5z"/>
+									<path id="Path_1299" class="st11" d="M11.5,16.3c3.6,1,6.2,0.6,14.8,2.2c8.6,1.7,11.3,0.4,13.8-3.5
+										c1.1-1.4,1.3-3.2,0.6-4.8c1.9,1.3,2.6,3.6,0.8,6.3c-2.5,4-5.2,5.2-13.8,3.5s-11.3-1.1-14.8-2.2c-0.9-0.3-1.6-0.9-2-1.8
+										C11.1,16.2,11.3,16.3,11.5,16.3z"/>
+									<path id="Path_1300" class="st11" d="M9.7,12.6v-0.2C9.8,12.5,9.8,12.6,9.7,12.6z"/>
+									<g id="Group_1343" transform="translate(22.483 8.145)">
+										<path id="Path_1301" class="st11" d="M6,7.4C6.2,7.5,6.5,7,6.6,6.3c0.2-1.5,0.5-3,1-4.4c0.2-0.7,0.2-1.4-0.1-1.5
+											s-0.8,0.4-1,1.1C6,3,5.7,4.5,5.5,6C5.4,6.7,5.7,7.3,6,7.4z"/>
+										<path id="Path_1302" class="st11" d="M3.2,6.9C3.6,7,3.8,6.5,3.9,5.8c0.2-1.4,0.5-2.8,1-4.2c0.2-0.7,0.2-1.3-0.1-1.3
+											S4,0.8,3.7,1.5c-0.5,1.4-0.8,2.8-1,4.2C2.8,6.3,3,6.9,3.2,6.9z"/>
+										<path id="Path_1303" class="st11" d="M0.4,6.9c0.3,0,0.6-0.5,0.7-1.3c0.3-1.5,0.7-2.9,1.2-4.4C2.6,0.6,2.6,0,2.3,0
+											S1.4,0.6,1.1,1.2C0.6,2.6,0.3,4,0,5.5C-0.1,6.2,0.2,6.8,0.4,6.9z"/>
+									</g>
+								</g>
+								<path id="Path_1304" class="st18" d="M79.3,118.6c0,0-66.4-27.3-70.2-27.3c-12.8-0.1-9.8,12.8-3.4,18.9
+									c7.7,7.2,65.9,20.3,65.9,20.3L79.3,118.6z"/>
+								<g id="Group_1347" transform="translate(20.559 65.517)">
+									<path id="Path_1305" class="st11" d="M32.4,57.9l18.1-17.2L42.8,33L23,53.8L32.4,57.9z"/>
+									<path id="Path_1306" class="st19" d="M28.6,44.4c0,0,46-42.3,49.2-43.5c10.5-4.3,17,7.3,16.7,11.4
+										C94,17.5,47.3,59.8,47.3,59.8L28.6,44.4z"/>
+									<g id="Group_1346" transform="translate(0 50.366)">
+										<path id="Path_1307" class="st6" d="M1.4,8.9c-1,1-1.3,4-1.3,4s15.4,5.8,20.8,5.9c2.2-0.2,4.3-0.6,6.4-1.2
+											c0.4-0.1,1.4-1.1,1.8-1.3c0.7-0.2,0.9,0.5,1.5,0.3c1-0.3,1.9-0.6,2.8-1c3.2-6.9,2.2-10.3,2.2-10.3s-7.1,2-5.9,0.4
+											c2.6-3.4-4.8-6.9-6.5-5.1C16.5,7.7,4.4,6,1.4,8.9z"/>
+										<path id="Path_1308" class="st11" d="M0.5,10.3c4.8,1.9,14.7,5.7,16.6,5.9c8.1,0.6,13.7-2.3,17.5-4
+											c-0.4,1.1-0.8,2.2-1.3,3.3c-0.1,0.1-1.2,0.5-2.8,1c-0.6,0.2-0.8-0.5-1.5-0.3c-0.4,0.1-1.4,1.2-1.8,1.3
+											c-2.1,0.6-4.2,1-6.4,1.2C15.4,18.6,0,12.8,0,12.8C0.1,12,0.2,11.1,0.5,10.3z"/>
+										<g id="Group_1345" transform="translate(11.345 3.303)">
+											<path id="Path_1309" class="st11" d="M0,2.5c-0.2,0.2,0.5,0.6,1.3,0.7c1.8,0.4,3.5,0.9,5.2,1.5C7.3,5,8.1,5.1,8.2,4.9
+												C8.3,4.6,7.7,4,6.9,3.7C5.2,3,3.5,2.5,1.7,2.2C1.1,2.1,0.5,2.2,0,2.5z"/>
+											<path id="Path_1310" class="st11" d="M3.4,1.3C3.3,1.5,3.9,1.9,4.7,2.2c1.7,0.5,3.4,1.2,5,2c0.8,0.4,1.5,0.6,1.6,0.2
+												s-0.5-1-1.3-1.3C8.4,2.3,6.7,1.7,5,1.2C4.5,0.9,3.9,1,3.4,1.3z"/>
+											<path id="Path_1311" class="st11" d="M6.8,0.2C6.6,0.6,7.3,1,8.1,1.3c1.7,0.6,3.3,1.4,4.8,2.3c0.8,0.5,1.5,0.6,1.6,0.3
+												s-0.4-1-1.2-1.5c-1.5-0.9-3.2-1.7-4.8-2.3C7.7-0.1,6.9-0.1,6.8,0.2z"/>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+						<g id="Group_2173" transform="translate(151.941 47.557)">
+							<g id="Group_223" transform="translate(5.815 5.815)">
+								<g transform="matrix(1, 0, 0, 1, -157.76, -53.37)">
+									<ellipse id="Ellipse_121-2" class="st20" cx="189.5" cy="85.1" rx="31.7" ry="31.7"/>
+								</g>
+								<g id="angular_solidBlack" transform="translate(17.974 16.917)">
+									<path id="Path_416" class="st11" d="M11.5,15.9h5.1L14,9.7L11.5,15.9z"/>
+									<path id="Path_417" class="st11" d="M14,0L14,0L0,5l2.1,18.5L14,30.1l0,0l11.9-6.6L28,5L14,0z M22.8,23h-3.3l-1.8-4.4h-7.4
+										L8.5,23H5.3L14,3.3l0,0L22.8,23L22.8,23z"/>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>

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

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

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyPageTemplate = void 0;
+const path = require("path");
+const _base_with_home_1 = require("../_base_with_home");
+class EmptyPageTemplate extends _base_with_home_1.BaseWithHomeProject {
+    constructor() {
+        super(...arguments);
+        this.id = "empty";
+        this.name = "Empty Project";
+        this.description = "Project structure with routing and a home page";
+        this.dependencies = [];
+        this.framework = "angular";
+        this.projectType = "igx-ts";
+        this.hasExtraConfiguration = false;
+    }
+    get templatePaths() {
+        return [...super.templatePaths, path.join(__dirname, "files")];
+    }
+}
+exports.EmptyPageTemplate = EmptyPageTemplate;
+exports.default = new EmptyPageTemplate();

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

@@ -0,0 +1,14 @@
+<div class="outer-wrapper" igxLayout>
+  <igx-nav-drawer #nav id="project-menu" [isOpen]="true" [enableGestures]="true" width="280px">
+    <ng-template igxDrawer>
+      <span igxDrawerItem [isHeader]="true">Views</span>
+      <span *ngFor="let route of topNavLinks" igxDrawerItem igxRipple routerLinkActive="igx-nav-drawer__item--active" [routerLink]="route.path">{{route.name}}</span>
+    </ng-template>
+  </igx-nav-drawer>
+  <div igxFlex igxLayout igxLayoutDir="columns">
+    <igx-navbar title="<%=name%>" actionButtonIcon="menu" (action)="nav.toggle()"></igx-navbar>
+    <div class="content" igxFlex>
+      <router-outlet></router-outlet>
+     </div>
+  </div>
+</div>

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

@@ -0,0 +1,30 @@
+.outer-wrapper {
+  height: 100%;
+}
+
+.content {
+  width: 100%;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: stretch;
+  overflow: auto;
+
+  > *:not(router-outlet) {
+    padding: 0 24px;
+  }
+
+  p {
+    margin: 15px;
+  }
+}
+
+@media only screen and (max-width: 1024px) {
+  .content {
+    justify-content: flex-start;
+
+    > *:not(router-outlet) {
+      padding: 0 15px;
+    }
+  }
+}

package/igx-ts-legacy/projects/side-nav/files/src/app/app.component.spec.ts

@@ -0,0 +1,25 @@
+import { TestBed, waitForAsync } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule } from 'igniteui-angular';
+import { AppComponent } from './app.component';
+describe('AppComponent', () => {
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        RouterTestingModule,
+        IgxLayoutModule,
+        IgxNavbarModule,
+        IgxNavigationDrawerModule,
+        IgxRippleModule
+      ],
+      declarations: [
+        AppComponent
+      ],
+    }).compileComponents();
+  }));
+  it('should create the app', waitForAsync(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+});

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

@@ -0,0 +1,44 @@
+import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { NavigationStart, Router } from '@angular/router';
+import { IgxNavigationDrawerComponent } from 'igniteui-angular';
+import { filter } from 'rxjs/operators';
+import { routes } from './app-routing.module';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.scss'],
+  encapsulation: ViewEncapsulation.None
+})
+export class AppComponent implements OnInit {
+  public topNavLinks: {
+    path: string,
+    name: string
+  }[] = [];
+
+  @ViewChild(IgxNavigationDrawerComponent, { static: true })
+  public navdrawer!: IgxNavigationDrawerComponent;
+
+  constructor(private router: Router) {
+    for (const route of routes) {
+      if (route.path && route.data && route.path.indexOf('*') === -1) {
+        this.topNavLinks.push({
+          name: route.data.text,
+          path: '/' + route.path
+        });
+      }
+    }
+  }
+
+  public ngOnInit(): void {
+    this.router.events.pipe(
+      filter((x): x is NavigationStart => x instanceof NavigationStart)
+    )
+      .subscribe((event: NavigationStart) => {
+        if (event.url !== '/' && !this.navdrawer.pin) {
+          // Close drawer when selecting a view on mobile (unpinned)
+          this.navdrawer.close();
+        }
+      });
+  }
+}

package/igx-ts-legacy/projects/side-nav/index.d.ts

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

package/igx-ts-legacy/projects/side-nav/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideNavProject = void 0;
+const path = require("path");
+const _base_with_home_1 = require("../_base_with_home");
+class SideNavProject extends _base_with_home_1.BaseWithHomeProject {
+    constructor() {
+        super(...arguments);
+        this.id = "side-nav";
+        this.name = "Default side navigation";
+        this.description = "Project structure with side navigation drawer";
+        this.dependencies = [];
+        this.framework = "angular";
+        this.projectType = "igx-ts";
+        this.hasExtraConfiguration = false;
+    }
+    get templatePaths() {
+        return [...super.templatePaths, path.join(__dirname, "files")];
+    }
+}
+exports.SideNavProject = SideNavProject;
+exports.default = new SideNavProject();

package/igx-ts-legacy/projects/side-nav-auth/files/README.md

@@ -0,0 +1,50 @@
+# <%=name%>
+
+
+TODO: Project setup + links
+
+
+This project was generated with [Ignite UI CLI](https://github.com/IgniteUI/igniteui-cli) version <%=cliVersion%>.
+
+## Development server
+
+Run `ig start` to build the application, start a web server and open the application in the default browser. Then navigate to `http://localhost:4200/`. Default serving port can be configured in `ignite-ui-cli.json` via `defaultPort` property.
+
+## Build
+
+Run `ig build` to build the application into an output directory.
+
+## Step by step mode
+
+If you want to get a guided experience through the available options, you can initialize the step by step mode that will help you to create and setup your new application, as well as update project previously created with the Ignite UI CLI. To start the guide, simply run the `ig` command.
+
+## List templates
+
+The `ig list` lists all available templates. When you run the command within a project folder it will list all available templates, even if you have provided different ones.
+
+## Adding components
+
+Add a new component or template to the project passing component ID and choosing a name.
+
+`ig add <component/template> <component_name>`
+
+The ID matches either a component ("grid", "combo", etc) or a predefined template. Predefined templates can provide either multiple components or fulfilling a specific use case like "form-validation", "master-detail" and so on.
+
+## Running unit tests
+
+Run `ig test` to execute the unit tests via [Karma](https://karma-runner.github.io). Runs all `.spec.ts` files under `./src` folder.
+
+## Running end-to-end tests
+
+Run `ig test --e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
+
+## Help
+
+`ig help` lists the available commands and provides a brief description of what they do.
+
+### Further help
+
+To get more help on the IgniteUI CLI go check out the [IgniteUI CLI Wiki](https://github.com/IgniteUI/igniteui-cli/wiki).
+
+## Angular CLI compatibility
+You can run all of the supported Angular CLI commands. More details at [Angular CLI](https://github.com/angular/angular-cli).

package/igx-ts-legacy/projects/side-nav-auth/files/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "<%=dashName%>",
+  "version": "0.0.0",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve -o",
+    "build": "ng build",
+    "test": "ng test",
+    "lint": "ng lint"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/animations": "^17.0.0",
+    "@angular/common": "~17.0.0",
+    "@angular/compiler": "~17.0.0",
+    "@angular/core": "~17.0.0",
+    "@angular/forms": "~17.0.0",
+    "@angular/platform-browser": "~17.0.0",
+    "@angular/platform-browser-dynamic": "~17.0.0",
+    "@angular/router": "~17.0.0",
+    "angular-auth-oidc-client": "^15.0.4",
+    "hammerjs": "^2.0.8",
+    "igniteui-angular": "~17.0.0",
+    "minireset.css": "~0.0.7",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.14.0"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "~17.0.0",
+    "@angular-eslint/builder": "^17.0.0",
+    "@angular-eslint/eslint-plugin": "^17.0.0",
+    "@angular-eslint/eslint-plugin-template": "^17.0.0",
+    "@angular-eslint/schematics": "^17.0.0",
+    "@angular-eslint/template-parser": "^17.0.0",
+    "@angular/cli": "~17.0.0",
+    "@angular/compiler-cli": "~17.0.0",
+    "@angular/language-service": "~17.0.0",
+    "@types/facebook-js-sdk": "^3.3.6",
+    "@types/hammerjs": "^2.0.41",
+    "@types/jasmine": "~5.1.1",
+    "@types/jasminewd2": "~2.0.3",
+    "@typescript-eslint/eslint-plugin": "6.9.1",
+    "@typescript-eslint/parser": "6.9.1",
+    "eslint": "^8.52.0",
+    "igniteui-cli": "~<%=cliVersion%>",
+    "jasmine-core": "~5.1.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "typescript": "~5.2.2"
+  }
+}

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/app.component.html

@@ -0,0 +1,16 @@
+<div class="outer-wrapper" igxLayout>
+  <igx-nav-drawer #nav id="project-menu" [isOpen]="true" [enableGestures]="true" width="280px">
+    <ng-template igxDrawer>
+      <span igxDrawerItem [isHeader]="true">Views</span>
+      <span *ngFor="let route of topNavLinks" igxDrawerItem igxRipple routerLinkActive="igx-nav-drawer__item--active" [routerLink]="route.path">{{route.name}}</span>
+    </ng-template>
+  </igx-nav-drawer>
+  <div class="main" igxFlex igxLayout igxLayoutDir="columns">
+    <igx-navbar title="<%=name%>" actionButtonIcon="menu" (action)="nav.toggle()">
+      <app-login-bar></app-login-bar>
+  </igx-navbar>
+    <div class="content" igxFlex>
+      <router-outlet></router-outlet>
+    </div>
+  </div>
+</div>

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/app.component.spec.ts

@@ -0,0 +1,29 @@
+import { TestBed, waitForAsync } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { RouterTestingModule } from '@angular/router/testing';
+import { IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule } from 'igniteui-angular';
+import { AppComponent } from './app.component';
+import { AuthenticationModule } from './authentication';
+describe('AppComponent', () => {
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        NoopAnimationsModule,
+        RouterTestingModule,
+        IgxNavigationDrawerModule,
+        AuthenticationModule,
+        IgxNavbarModule,
+        IgxLayoutModule,
+        IgxRippleModule
+      ],
+      declarations: [
+        AppComponent
+      ],
+    }).compileComponents();
+  }));
+  it('should create the app', waitForAsync(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+});

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/app.module.ts

@@ -0,0 +1,48 @@
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { BrowserModule, HammerModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import {
+  IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule
+} from 'igniteui-angular';
+import { AppRoutingModule } from './app-routing.module';
+import { AppComponent } from './app.component';
+import { AuthenticationModule, ExternalAuthService } from './authentication';
+import { HomeComponent } from './home/home.component';
+
+@NgModule({
+  declarations: [
+    AppComponent,
+    HomeComponent
+  ],
+  imports: [
+    FormsModule,
+    BrowserModule,
+    HammerModule,
+    BrowserAnimationsModule,
+    // NOTE: `AuthenticationModule` defines child routes, must be imported before root `AppRoutingModule`
+    AuthenticationModule,
+    AppRoutingModule,
+    IgxNavigationDrawerModule,
+    IgxNavbarModule,
+    IgxLayoutModule,
+    IgxRippleModule
+  ],
+  providers: [],
+  bootstrap: [AppComponent]
+})
+export class AppModule {
+
+  constructor(private externalAuthService: ExternalAuthService) {
+    /**
+     * To register a social login, un-comment one or more of the following and add your service provider Client ID.
+     * See https://github.com/IgniteUI/igniteui-cli/wiki/Angular-Authentication-Project-Template#add-a-third-party-social-provider
+     */
+    // this.externalAuthService.addGoogle('<CLIENT_ID>');
+
+    // this.externalAuthService.addMicrosoft('<CLIENT_ID>');
+
+    // this.externalAuthService.addFacebook('<CLIENT_ID>');
+  }
+
+}

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/authentication/auth.guard.spec.ts

@@ -0,0 +1,34 @@
+import { AuthGuard } from './auth.guard';
+
+describe('AuthGuard', () => {
+  let mockRouter: any;
+  let mockUserService: any;
+  beforeEach(() => {
+    mockRouter = {
+      navigate: () => { }
+    };
+    mockUserService = {
+      currentUser: true
+    };
+  });
+
+  it('Should properly initialize', () => {
+    const authGuard = new AuthGuard(mockRouter, mockUserService);
+    expect(authGuard).toBeDefined();
+  });
+
+  it(`Should properly call 'canActivate'`, () => {
+    const authGuard = new AuthGuard(mockRouter, mockUserService);
+    const mockSpy = jasmine.createSpy('mockSpy');
+    expect(authGuard.canActivate(mockSpy as any, mockSpy as any)).toEqual(true);
+  });
+  it(`Should properly call 'canActivate'`, () => {
+    const authGuard = new AuthGuard(mockRouter, mockUserService);
+    const mockSpy = jasmine.createSpy('mockSpy');
+    mockUserService.currentUser = false;
+    spyOn(mockRouter, 'navigate');
+    expect(authGuard.canActivate(mockSpy as any, { url: 'test' } as any)).toEqual(false);
+    expect(mockRouter.navigate).toHaveBeenCalled();
+    expect(mockRouter.navigate).toHaveBeenCalledWith([''], { queryParams: { returnUrl: 'test' } });
+  });
+});

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/authentication/auth.guard.ts

@@ -0,0 +1,18 @@
+import { Injectable } from '@angular/core';
+import { ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot } from '@angular/router';
+import { UserService } from './services/user.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AuthGuard implements CanActivate {
+  constructor(private router: Router, private userService: UserService) { }
+
+  canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
+    if (this.userService.currentUser) {
+      return true;
+    }
+    this.router.navigate([''], { queryParams: { returnUrl: state.url } });
+    return false;
+  }
+}