chore: lint fix

Akshat55 · Akshat55 · commit e0d8c64609df · 2024-11-28T23:25:54.000-05:00
Signed-off-by: Akshat Patel &lt;38994122+Akshat55@users.noreply.github.com&gt;
diff --git a/src/accordion/accordion-item.component.ts b/src/accordion/accordion-item.component.ts
@@ -19,10 +19,7 @@ import {
 			class="cds--accordion__heading">
 			<svg cdsIcon="chevron--right" size="16" class="cds--accordion__arrow"></svg>
 			@if (isTemplate(title)) {
-				<ng-template
-					[ngTemplateOutlet]="title"
-					[ngTemplateOutletContext]="context">
-				</ng-template>
+				<ng-template [ngTemplateOutlet]="title" [ngTemplateOutletContext]="context" />
 			} @else {
 				<p
 					class="cds--accordion__title"
diff --git a/src/breadcrumb/breadcrumb.component.ts b/src/breadcrumb/breadcrumb.component.ts
@@ -98,9 +98,7 @@ const MINIMUM_OVERFLOW_THRESHOLD = 4;
 					[ariaCurrent]="last?.ariaCurrent"
 					(navigation)="navigation.emit($event)">
 					@if (last?.template) {
-						<ng-template
-						[ngTemplateOutlet]="last?.template"
-						[ngTemplateOutletContext]="{ $implicit: last }" />
+						<ng-template [ngTemplateOutlet]="last?.template" [ngTemplateOutletContext]="{ $implicit: last }" />
 					} @else {
 						{{last?.content}}
 					}
diff --git a/src/datepicker-input/datepicker-input.component.ts b/src/datepicker-input/datepicker-input.component.ts
@@ -26,20 +26,19 @@ import { NG_VALUE_ACCESSOR } from "@angular/forms";
 					@if (skeleton) {
 						<span class="cds--label cds--skeleton"></span>
 						<div class="cds--date-picker__input cds--skeleton"></div>
-					}
-					@if (label && !skeleton) {
-						<label
-							[for]="id"
-							class="cds--label"
-							[ngClass]="{'cds--label--disabled': disabled}">
-							@if (isTemplate(label)) {
-								<ng-template [ngTemplateOutlet]="label" />
-							} @else {
-								{{label}}
-							}
-						</label>
-					}
-					@if (!skeleton) {
+					} @else {
+						@if (label) {
+							<label
+								[for]="id"
+								class="cds--label"
+								[ngClass]="{'cds--label--disabled': disabled}">
+								@if (isTemplate(label)) {
+									<ng-template [ngTemplateOutlet]="label" />
+								} @else {
+									{{label}}
+								}
+							</label>
+						}
 						<div class="cds--date-picker-input__wrapper"
 							[ngClass]="{
 								'cds--date-picker-input__wrapper--invalid': invalid,
@@ -87,6 +86,7 @@ import { NG_VALUE_ACCESSOR } from "@angular/forms";
 							</span>
 						</div>
 					}
+
 					@if (invalid) {
 						<div class="cds--form-requirement">
 							@if (isTemplate(invalidText)) {
diff --git a/src/dialog/overflow-menu/overflow-menu-custom-pane.component.ts b/src/dialog/overflow-menu/overflow-menu-custom-pane.component.ts
@@ -23,10 +23,7 @@ import { Dialog } from "../dialog.component";
 			(click)="onClick($event)"
 			#dialog
 			[attr.aria-label]="dialogConfig.menuLabel">
-			<ng-template
-				[ngTemplateOutlet]="dialogConfig.content"
-				[ngTemplateOutletContext]="{overflowMenu: this}">
-			</ng-template>
+			<ng-template [ngTemplateOutlet]="dialogConfig.content" [ngTemplateOutletContext]="{overflowMenu: this}" />
 		</div>
 	`
 })
diff --git a/src/dialog/overflow-menu/overflow-menu-pane.component.ts b/src/dialog/overflow-menu/overflow-menu-pane.component.ts
@@ -32,10 +32,7 @@ import { closestAttr } from "carbon-components-angular/utils";
 			class="cds--overflow-menu-options cds--overflow-menu-options--open"
 			(click)="onClose($event)"
 			[attr.aria-label]="dialogConfig.menuLabel">
-			<ng-template
-				[ngTemplateOutlet]="dialogConfig.content"
-				[ngTemplateOutletContext]="{overflowMenu: this}">
-			</ng-template>
+			<ng-template [ngTemplateOutlet]="dialogConfig.content" [ngTemplateOutletContext]="{overflowMenu: this}" />
 		</ul>
 	`
 })
diff --git a/src/dropdown/dropdown.component.ts b/src/dropdown/dropdown.component.ts
@@ -195,7 +195,6 @@ import { hasScrollableParents } from "carbon-components-angular/utils";
 				[ngClass]="{
 					'cds--form__helper-text--disabled': disabled
 				}">
-
 				@if (isTemplate(helperText)) {
 					<ng-template [ngTemplateOutlet]="helperText" />
 				} @else {
diff --git a/src/dropdown/list/dropdown-list.component.ts b/src/dropdown/list/dropdown-list.component.ts
@@ -80,9 +80,7 @@ import { ScrollCustomEvent } from "./scroll-custom-event.interface";
 						@if (!listTpl && type === 'multi') {
 							<div
 								class="cds--form-item cds--checkbox-wrapper">
-								<label
-									[attr.data-contained-checkbox-state]="item.selected"
-									class="cds--checkbox-label">
+								<label [attr.data-contained-checkbox-state]="item.selected" class="cds--checkbox-label">
 									<input
 										class="cds--checkbox"
 										type="checkbox"
@@ -103,10 +101,7 @@ import { ScrollCustomEvent } from "./scroll-custom-event.interface";
 							</svg>
 						}
 						@if (listTpl) {
-							<ng-template
-								[ngTemplateOutletContext]="{item: item}"
-								[ngTemplateOutlet]="listTpl">
-							</ng-template>
+							<ng-template [ngTemplateOutletContext]="{item: item}" [ngTemplateOutlet]="listTpl" />
 						}
 					</div>
 				</li>
diff --git a/src/pagination/pagination-nav/pagination-nav.component.ts b/src/pagination/pagination-nav/pagination-nav.component.ts
@@ -7,7 +7,7 @@ import {
 	HostBinding
 } from "@angular/core";
 
-import { I18n, Overridable } from "carbon-components-angular/i18n";
+import { I18n } from "carbon-components-angular/i18n";
 import { ExperimentalService } from "carbon-components-angular/experimental";
 import { merge } from "carbon-components-angular/utils";
 import { range } from "carbon-components-angular/common";
diff --git a/src/pagination/pagination-nav/pagination-overflow.component.ts b/src/pagination/pagination-nav/pagination-overflow.component.ts
@@ -4,6 +4,7 @@ import {
 	Output,
 	EventEmitter
 } from "@angular/core";
+import { range } from "carbon-components-angular/common";
 import { I18n } from "carbon-components-angular/i18n";
 
 /**
@@ -17,32 +18,32 @@ import { I18n } from "carbon-components-angular/i18n";
 @Component({
 	selector: "cds-pagination-overflow, ibm-pagination-overflow",
 	template: `
-		@if (count > 1) {
+		@if (count === 1) {
+			<cds-pagination-nav-item [page]="fromIndex + 1"></cds-pagination-nav-item>
+		} @else if (count > 1) {
 			<li class="cds--pagination-nav__list-item">
 				<div class="cds--pagination-nav__select">
-				<select
-					[attr.aria-label]="ariaLabel"
-					class="cds--pagination-nav__page cds--pagination-nav__page--select"
-					(change)="handleChange($event)">
-					<option value="" hidden></option>
-					@for (item of countAsArray; track item; let i = $index) {
-						<option>
-							{{fromIndex + i + 1}}
-						</option>
-					}
-				</select>
-				<div class="cds--pagination-nav__select-icon-wrapper">
-					<svg
-						cdsIcon="overflow-menu--horizontal"
-						size="16"
-						style="display: inherit"
-						class="cds--pagination-nav__select-icon">
-					</svg>
-				</div>
+					<select
+						[attr.aria-label]="ariaLabel"
+						class="cds--pagination-nav__page cds--pagination-nav__page--select"
+						(change)="handleChange($event)">
+						<option value="" hidden></option>
+						@for (item of countAsArray; track item; let i = $index) {
+							<option>
+								{{fromIndex + i + 1}}
+							</option>
+						}
+					</select>
+					<div class="cds--pagination-nav__select-icon-wrapper">
+						<svg
+							cdsIcon="overflow-menu--horizontal"
+							size="16"
+							style="display: inherit"
+							class="cds--pagination-nav__select-icon">
+						</svg>
+					</div>
 				</div>
 			</li>
-		} @else if (count === 1) {
-			<cds-pagination-nav-item [page]="fromIndex + 1"></cds-pagination-nav-item>
 		}
 	`
 })
@@ -62,10 +63,7 @@ export class PaginationOverflow {
 	@Output() change = new EventEmitter<number>();
 
 	get countAsArray() {
-		const rangeArray = Array(this.count >= 0 ? this.count : 0);
-		for (let i = 0; i < rangeArray.length; i++) {
-			rangeArray[i] = i + 1;
-		}
+		const rangeArray = range((this.count >= 0 ? this.count : 0), 1);
 		return rangeArray;
 	}
 
diff --git a/src/pagination/pagination.component.ts b/src/pagination/pagination.component.ts
@@ -6,9 +6,10 @@ import {
 	EventEmitter
 } from "@angular/core";
 
-import { I18n, Overridable } from "carbon-components-angular/i18n";
+import { I18n } from "carbon-components-angular/i18n";
 import { ExperimentalService } from "carbon-components-angular/experimental";
 import { merge } from "carbon-components-angular/utils";
+import { range } from "carbon-components-angular/common";
 
 export interface PaginationTranslations {
 	ITEMS_PER_PAGE: string;
@@ -78,10 +79,8 @@ export interface PaginationTranslations {
 								[disabled]="pageInputDisabled"
 								class="cds--select-input">
 								@for (option of itemsPerPageOptions; track option) {
-									<option
-										class="cds--select-option"
-										[value]="option">
-											{{ option }}
+									<option class="cds--select-option" [value]="option">
+										{{ option }}
 									</option>
 								}
 							</select>
@@ -167,20 +166,20 @@ export interface PaginationTranslations {
 					}
 
 					@if (!pagesUnknown && lastPage <= 1) {
-							<span class="cds--pagination__text">
-								@if (!showPageInput) {
-									{{currentPage}}
-								}
-								{{ofLastPageText.subject | i18nReplace: {last: lastPage} | async}}
-							</span>
+						<span class="cds--pagination__text">
+							@if (!showPageInput) {
+								{{currentPage}}
+							}
+							{{ofLastPageText.subject | i18nReplace: {last: lastPage} | async}}
+						</span>
 					}
 					@if (!pagesUnknown && lastPage > 1) {
-							<span class="cds--pagination__text">
-								@if (!showPageInput) {
-									{{currentPage}}
-								}
-								{{ofLastPagesText.subject | i18nReplace: {last: lastPage} | async}}
-							</span>
+						<span class="cds--pagination__text">
+							@if (!showPageInput) {
+								{{currentPage}}
+							}
+							{{ofLastPagesText.subject | i18nReplace: {last: lastPage} | async}}
+						</span>
 					}
 					<div class="cds--pagination__control-buttons">
 						<button
@@ -200,9 +199,7 @@ export interface PaginationTranslations {
 						<button
 							cdsButton="ghost"
 							iconOnly="true"
-							class="
-								cds--pagination__button
-								cds--pagination__button--forward"
+							class="cds--pagination__button cds--pagination__button--forward"
 							[ngClass]="{
 								'cds--pagination__button--no-index': currentPage >= lastPage || disabled
 							}"
@@ -355,11 +352,7 @@ export class Pagination {
 		 */
 		const numberOfPages = Math.max(Math.ceil(this.totalDataLength / this.itemsPerPage), 1);
 		if (this._pageOptions.length !== numberOfPages) {
-			const pageArray = Array(numberOfPages);
-			for (let i = 0; i < numberOfPages; i++) {
-				pageArray[i] = i + 1;
-			}
-			this._pageOptions = pageArray;
+			this._pageOptions = range(numberOfPages, 1);
 		}
 		return this._pageOptions;
 	}
diff --git a/src/table/body/table-expanded-row.component.ts b/src/table/body/table-expanded-row.component.ts
@@ -12,10 +12,7 @@ import {
 			@if (!firstExpandedTemplateInRow(row)) {
 				{{firstExpandedDataInRow(row)}}
 			}
-			<ng-template
-				[ngTemplateOutlet]="firstExpandedTemplateInRow(row)"
-				[ngTemplateOutletContext]="{data: firstExpandedDataInRow(row)}">
-			</ng-template>
+			<ng-template [ngTemplateOutlet]="firstExpandedTemplateInRow(row)" [ngTemplateOutletContext]="{data: firstExpandedDataInRow(row)}" />
 		</td>
 	`
 })
diff --git a/src/table/head/table-head-cell.component.ts b/src/table/head/table-head-cell.component.ts
@@ -76,9 +76,7 @@ import { TableHeaderItem } from "../table-header-item.class";
 						}
 					</span>
 				}
-				<ng-template
-					[ngTemplateOutlet]="column.template" [ngTemplateOutletContext]="{data: column.data}">
-				</ng-template>
+				<ng-template [ngTemplateOutlet]="column.template" [ngTemplateOutletContext]="{data: column.data}" />
 			</div>
 		}
 	`
diff --git a/src/table/table.component.ts b/src/table/table.component.ts
@@ -225,9 +225,7 @@ import { TableRowSize } from "./table.types";
 		}
 
 		<tfoot>
-			<ng-template
-				[ngTemplateOutlet]="footerTemplate">
-			</ng-template>
+			<ng-template [ngTemplateOutlet]="footerTemplate" />
 			@if (this.model.isLoading) {
 				<tr>
 					<td class="table_loading-indicator">
diff --git a/src/table/toolbar/table-toolbar.component.ts b/src/table/toolbar/table-toolbar.component.ts
@@ -57,19 +57,19 @@ import { TableRowSize } from "../table.types";
 						'cds--batch-actions--active': selected
 					}">
 					<div class="cds--batch-summary">
-					@if (count; as n) {
-						<p class="cds--batch-summary__para">
-							@if (_batchTextLegacy.subject | async; as legacyText) {
-								<span>{{n}}</span> {{legacyText}}
-							} @else {
-								@if (n === 1) {
-									<span>{{_batchTextSingle.subject | async}}</span>
-								} @else if(n !== 1) {
-									<span>{{_batchTextMultiple.subject | i18nReplace: {count: n} | async}}</span>
+						@if (count; as n) {
+							<p class="cds--batch-summary__para">
+								@if (_batchTextLegacy.subject | async; as legacyText) {
+									<span>{{n}}</span> {{legacyText}}
+								} @else {
+									@if (n === 1) {
+										<span>{{_batchTextSingle.subject | async}}</span>
+									} @else if(n > 1) {
+										<span>{{_batchTextMultiple.subject | i18nReplace: {count: n} | async}}</span>
+									}
 								}
-							}
-						</p>
-					}
+							</p>
+						}
 					</div>
 					<div class="cds--action-list">
 						<ng-content select="cds-table-toolbar-actions,ibm-table-toolbar-actions" />
diff --git a/src/tabs/tab.component.ts b/src/tabs/tab.component.ts
@@ -64,10 +64,7 @@ import {
 				[attr.aria-labelledby]="id + '-header'"
 				aria-live="polite">
 				@if (isTemplate(tabContent)) {
-					<ng-template
-						[ngTemplateOutlet]="tabContent"
-						[ngTemplateOutletContext]="{ $implicit: templateContext }">
-					</ng-template>
+					<ng-template [ngTemplateOutlet]="tabContent" [ngTemplateOutletContext]="{ $implicit: templateContext }" />
 				}
 				<ng-content />
 			</div>
diff --git a/src/treeview/tree-node.component.ts b/src/treeview/tree-node.component.ts
@@ -89,10 +89,7 @@ import { EventOnNode, Node } from "./tree-node.types";
 						</svg>
 					}
 					@if (isTemplate(label)) {
-						<ng-template
-							[ngTemplateOutlet]="label"
-							[ngTemplateOutletContext]="{ $implicit: labelContext }">
-						</ng-template>
+						<ng-template [ngTemplateOutlet]="label" [ngTemplateOutletContext]="{ $implicit: labelContext }" />
 					} @else {
 						{{label}}
 					}
diff --git a/src/ui-shell/header/header.component.ts b/src/ui-shell/header/header.component.ts
diff --git a/src/ui-shell/sidenav/side-nav.component.spec.ts b/src/ui-shell/sidenav/side-nav.component.spec.ts
diff --git a/src/ui-shell/sidenav/sidenav-item.component.ts b/src/ui-shell/sidenav/sidenav-item.component.ts
