diff --git a/src/accordion/accordion-item.component.ts b/src/accordion/accordion-item.component.ts index 9fd3e20dc4..a2912d0573 100644 --- a/src/accordion/accordion-item.component.ts +++ b/src/accordion/accordion-item.component.ts @@ -48,7 +48,7 @@ import { display: list-item; } `], - changeDetection: ChangeDetectionStrategy.OnPush + changeDetection: ChangeDetectionStrategy.OnPush }) export class AccordionItem { static accordionItemCount = 0; diff --git a/src/breadcrumb/breadcrumb-item.component.ts b/src/breadcrumb/breadcrumb-item.component.ts index c87f89b2ff..40fa851a3b 100644 --- a/src/breadcrumb/breadcrumb-item.component.ts +++ b/src/breadcrumb/breadcrumb-item.component.ts @@ -29,7 +29,7 @@ import { Router } from "@angular/router"; } `, - changeDetection: ChangeDetectionStrategy.OnPush + changeDetection: ChangeDetectionStrategy.OnPush }) export class BreadcrumbItemComponent { @Input() set href(v: string) { diff --git a/src/breadcrumb/breadcrumb.component.ts b/src/breadcrumb/breadcrumb.component.ts index 972bed7226..ac1923e4be 100644 --- a/src/breadcrumb/breadcrumb.component.ts +++ b/src/breadcrumb/breadcrumb.component.ts @@ -123,7 +123,7 @@ const MINIMUM_OVERFLOW_THRESHOLD = 4; } `, - changeDetection: ChangeDetectionStrategy.OnPush + changeDetection: ChangeDetectionStrategy.OnPush }) export class Breadcrumb implements AfterContentInit { @ContentChildren(BreadcrumbItemComponent) children: QueryList; diff --git a/src/checkbox/checkbox-exported-tests.ts b/src/checkbox/checkbox-exported-tests.ts index 6b9c17811e..ca1a4bba01 100644 --- a/src/checkbox/checkbox-exported-tests.ts +++ b/src/checkbox/checkbox-exported-tests.ts @@ -33,10 +33,10 @@ class CheckboxExportedTests extends ComponentTests { afterClickState }); }), - runComparison: results => { - // eslint-disable-next-line no-unused-expressions + runComparison: results => { + // eslint-disable-next-line @typescript-eslint/no-unused-expressions expect(results.initialState).to.be.false; - // eslint-disable-next-line no-unused-expressions + // eslint-disable-next-line @typescript-eslint/no-unused-expressions expect(results.afterClickState).to.be.true; } } diff --git a/src/checkbox/stories/reactive-form.component.ts b/src/checkbox/stories/reactive-form.component.ts index 83913aff4c..6458c51a02 100644 --- a/src/checkbox/stories/reactive-form.component.ts +++ b/src/checkbox/stories/reactive-form.component.ts @@ -34,6 +34,7 @@ export class ReactiveFormsStory implements OnInit { toggleDisable() { const checkbox = this.formGroup.get("checkbox"); if (checkbox != null) { + // eslint-disable-next-line @typescript-eslint/no-unused-expressions checkbox.disabled ? checkbox.enable() : checkbox.disable(); } } diff --git a/src/code-snippet/code-snippet.component.ts b/src/code-snippet/code-snippet.component.ts index f82a59866d..b543b70c71 100644 --- a/src/code-snippet/code-snippet.component.ts +++ b/src/code-snippet/code-snippet.component.ts @@ -67,7 +67,12 @@ export enum SnippetType { } } @if (!skeleton) { -
+ 
+						
+
} @if (hasLeft) { @@ -85,7 +90,12 @@ export enum SnippetType { (click)="toggleSnippetExpansion()" type="button"> {{expanded ? translations.SHOW_LESS : translations.SHOW_MORE}} - + } } diff --git a/src/common/tab.service.ts b/src/common/tab.service.ts index f099372613..d251cf847a 100644 --- a/src/common/tab.service.ts +++ b/src/common/tab.service.ts @@ -1,7 +1,7 @@ -export let tabbableSelector = "a[href], area[href], input:not([disabled]):not([tabindex=\'-1\']), " + - "button:not([disabled]):not([tabindex=\'-1\']),select:not([disabled]):not([tabindex=\'-1\']), " + - "textarea:not([disabled]):not([tabindex=\'-1\']), " + - "iframe, object, embed, *[tabindex]:not([tabindex=\'-1\']), *[contenteditable=true]"; +export let tabbableSelector = "a[href], area[href], input:not([disabled]):not([tabindex='-1']), " + + "button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']), " + + "textarea:not([disabled]):not([tabindex='-1']), " + + "iframe, object, embed, *[tabindex]:not([tabindex='-1']), *[contenteditable=true]"; export let tabbableSelectorIgnoreTabIndex = "a[href], area[href], input:not([disabled]), " + "button:not([disabled]),select:not([disabled]), " + diff --git a/src/contained-list/contained-list.component.spec.ts b/src/contained-list/contained-list.component.spec.ts index 97e292cba4..2b1a807e62 100644 --- a/src/contained-list/contained-list.component.spec.ts +++ b/src/contained-list/contained-list.component.spec.ts @@ -115,7 +115,8 @@ describe("ContainedList", () => { const wrapperFixture: ComponentFixture = TestBed.createComponent(WrapperComponent); wrapperFixture.detectChanges(); - const actionElementRef = wrapperFixture.nativeElement.querySelector(".cds--contained-list .cds--contained-list__action ibm-icon-button"); + const actionElementRef = wrapperFixture.nativeElement + .querySelector(".cds--contained-list .cds--contained-list__action ibm-icon-button"); expect(actionElementRef).toBeTruthy(); }); }); @@ -141,7 +142,8 @@ describe("ContainedList", () => { const wrapperFixture: ComponentFixture = TestBed.createComponent(WrapperComponent); wrapperFixture.detectChanges(); - const iconElement = wrapperFixture.debugElement.query(By.css(".cds--contained-list-item:nth-child(3) svg[ng-reflect-ibm-icon='apple']")); + const iconElement = wrapperFixture.debugElement + .query(By.css(".cds--contained-list-item:nth-child(3) svg[ng-reflect-ibm-icon='apple']")); expect(iconElement).toBeTruthy(); }); diff --git a/src/contained-list/contained-list.stories.ts b/src/contained-list/contained-list.stories.ts index e5e1b77cbc..74cb64ae16 100644 --- a/src/contained-list/contained-list.stories.ts +++ b/src/contained-list/contained-list.stories.ts @@ -82,7 +82,12 @@ const usageExamplesTemplate = () => ({ - + View details Edit Remove diff --git a/src/context-menu/context-menu.component.ts b/src/context-menu/context-menu.component.ts index 6f10afde8c..ca191938df 100644 --- a/src/context-menu/context-menu.component.ts +++ b/src/context-menu/context-menu.component.ts @@ -75,7 +75,7 @@ export class ContextMenuComponent implements OnChanges { const menuItems: HTMLElement[] = ( Array.from(list.querySelectorAll(".cds--menu-item")) as HTMLElement[]) .filter(menuItem => !subMenus.some(subMenu => subMenu.contains(menuItem)) - ); + ); const currentIndex = menuItems.findIndex(menuItem => parseInt(menuItem.getAttribute("tabindex"), 10) === 0); const currentMenuItem = menuItems[currentIndex]; diff --git a/src/datepicker/carbon-flatpickr-month-select.ts b/src/datepicker/carbon-flatpickr-month-select.ts index 5ce6e77421..7fd5d045c3 100644 --- a/src/datepicker/carbon-flatpickr-month-select.ts +++ b/src/datepicker/carbon-flatpickr-month-select.ts @@ -48,6 +48,7 @@ export const carbonFlatpickrMonthSelectPlugin = fp => { 0, fp.monthElements.length, ...fp.monthElements.map(() => { + // eslint-disable-next-line no-underscore-dangle const monthElement = fp._createElement( "span", config.classFlatpickrCurrentMonth diff --git a/src/datepicker/datepicker.component.ts b/src/datepicker/datepicker.component.ts index d3d1ef84da..02b3521a55 100644 --- a/src/datepicker/datepicker.component.ts +++ b/src/datepicker/datepicker.component.ts @@ -643,7 +643,7 @@ export class DatePicker implements singleDate = this.flatpickrInstance.parseDate(this.flatpickrInstance.selectedDates[0], this.dateFormat); singleDate = this.flatpickrInstance.formatDate(singleDate, this.dateFormat); // if date is not a string we can assume it's a Date and we should format - } else if (!!this.flatpickrInstance.selectedDates[0]) { + } else if (this.flatpickrInstance.selectedDates[0]) { singleDate = this.flatpickrInstance.formatDate(this.flatpickrInstance.selectedDates[0], this.dateFormat); } @@ -655,7 +655,7 @@ export class DatePicker implements rangeDate = this.flatpickrInstance.parseDate(this.flatpickrInstance.selectedDates[1].toString(), this.dateFormat); rangeDate = this.flatpickrInstance.formatDate(rangeDate, this.dateFormat); // if date is not a string we can assume it's a Date and we should format - } else if (!!this.flatpickrInstance.selectedDates[1]) { + } else if (this.flatpickrInstance.selectedDates[1]) { rangeDate = this.flatpickrInstance.formatDate(this.flatpickrInstance.selectedDates[1], this.dateFormat); } setTimeout(() => { diff --git a/src/dialog/dialog.component.ts b/src/dialog/dialog.component.ts index 54abf74508..ecfb33ccee 100644 --- a/src/dialog/dialog.component.ts +++ b/src/dialog/dialog.component.ts @@ -137,7 +137,7 @@ export class Dialog implements OnInit, AfterViewInit, OnDestroy { }); } } - ); + ); } this.placeDialog(); diff --git a/src/dialog/overflow-menu/overflow-menu-option.component.ts b/src/dialog/overflow-menu/overflow-menu-option.component.ts index df383e26ad..199f936829 100644 --- a/src/dialog/overflow-menu/overflow-menu-option.component.ts +++ b/src/dialog/overflow-menu/overflow-menu-option.component.ts @@ -109,7 +109,7 @@ export class OverflowMenuOption implements AfterViewInit { @Input() set target(value: Target) { if (!Object.values(Target).includes(value)) { console.warn( -`\`target\` must have one of the following values: ${Object.values(Target).join(", ")}. + `\`target\` must have one of the following values: ${Object.values(Target).join(", ")}. Please use the \`Target\` enum exported by carbon-components-angular`); return; } diff --git a/src/dialog/overflow-menu/overflow-menu.stories.ts b/src/dialog/overflow-menu/overflow-menu.stories.ts index 15a0259046..22e85a8fd9 100644 --- a/src/dialog/overflow-menu/overflow-menu.stories.ts +++ b/src/dialog/overflow-menu/overflow-menu.stories.ts @@ -18,7 +18,7 @@ export default { }) ], args: { - placement: "bottom" + placement: "bottom" }, argTypes: { code: { @@ -87,10 +87,18 @@ const LinkTemplate = (args) => ({ An example option that is really long to show what should be done to handle long text - Option 2 + Option 2 Option 3 Option 4 - Disabled + Disabled Danger option diff --git a/src/dropdown/list/dropdown-list.component.spec.ts b/src/dropdown/list/dropdown-list.component.spec.ts index 808bc9b13b..18a07531f3 100644 --- a/src/dropdown/list/dropdown-list.component.spec.ts +++ b/src/dropdown/list/dropdown-list.component.spec.ts @@ -12,8 +12,8 @@ import { I18nModule } from "../../i18n/index"; }) class DropdownListTest { items = [ - {content: "one", selected: false}, - {content: "two", selected: false} + ({content: "one", selected: false} as ListItem), + ({content: "two", selected: false} as ListItem) ]; selected: ListItem; onSelect(ev) { @@ -26,8 +26,8 @@ class DropdownListTest { }) class MultiTest { items = [ - {content: "one", selected: false}, - {content: "two", selected: false} + ({content: "one", selected: false} as ListItem), + ({content: "two", selected: false} as ListItem) ]; selected: ListItem[]; onSelect(ev) { @@ -71,9 +71,9 @@ describe("Dropdown list", () => { it("should disable a list-item", () => { wrapper.items = [ - {content: "one", selected: false}, - {content: "two", selected: false, disabled: false}, - {content: "three", selected: false, disabled: true} + ({content: "one", selected: false} as ListItem), + ({content: "two", selected: false, disabled: false} as ListItem), + ({content: "three", selected: false, disabled: true} as ListItem) ]; fixture.detectChanges(); const disabledEls = fixture.debugElement.queryAll(By.css(".cds--list-box__menu-item[disabled]")); @@ -126,9 +126,9 @@ describe("Dropdown multi list", () => { it("should disable a list-item and its checkbox", () => { wrapper.items = [ - {content: "one", selected: false}, - {content: "two", selected: false, disabled: false}, - {content: "three", selected: false, disabled: true} + ({content: "one", selected: false} as ListItem), + ({content: "two", selected: false, disabled: false} as ListItem), + ({content: "three", selected: false, disabled: true} as ListItem) ]; fixture.detectChanges(); const disabledEls = fixture.debugElement.queryAll(By.css(".cds--list-box__menu-item[disabled]")); diff --git a/src/file-uploader/file-uploader.component.spec.ts b/src/file-uploader/file-uploader.component.spec.ts index 621d32725d..85b26b18e8 100644 --- a/src/file-uploader/file-uploader.component.spec.ts +++ b/src/file-uploader/file-uploader.component.spec.ts @@ -74,7 +74,7 @@ describe("FileUploader", () => { it("should only accept .txt files", () => { fixture = TestBed.createComponent(FileUploaderTest); fixture.detectChanges(); - element = fixture.debugElement.query(By.css("cds-file-uploader")); + element = fixture.debugElement.query(By.css("cds-file-uploader")); expect(element.nativeElement.querySelector(".cds--file-input").getAttribute("accept")).toEqual(".txt"); }); diff --git a/src/i18n/i18n.service.ts b/src/i18n/i18n.service.ts index 7dbf098202..a37dbbebf2 100644 --- a/src/i18n/i18n.service.ts +++ b/src/i18n/i18n.service.ts @@ -135,7 +135,7 @@ export class Overridable { /** * An object of strings, should follow the same format as src/i18n/en.json */ -export type TranslationStrings = { [key: string]: string }; +export interface TranslationStrings { [key: string]: string } /** diff --git a/src/index.stories.ts b/src/index.stories.ts index 8dbf39961a..20766ced3f 100644 --- a/src/index.stories.ts +++ b/src/index.stories.ts @@ -112,7 +112,7 @@ import { IconModule } from "./icon/icon.module"; `, - /* eslint-disable max-len */ + styles: [` .overview-page__banner { height: 100vh; diff --git a/src/input/label.component.ts b/src/input/label.component.ts index fb684586eb..650228fd24 100644 --- a/src/input/label.component.ts +++ b/src/input/label.component.ts @@ -211,7 +211,7 @@ export class Label implements AfterContentInit, AfterViewInit { @ContentChild(TextInput, { static: false }) textInput: TextInput; @ContentChild(PasswordInput, { static: false }) - passwordInput: PasswordInput; + passwordInput: PasswordInput; @HostBinding("class.cds--form-item") get labelClass() { return this.type === undefined; diff --git a/src/layer/layer.directive.ts b/src/layer/layer.directive.ts index db9f3791cb..90b5c0c90c 100644 --- a/src/layer/layer.directive.ts +++ b/src/layer/layer.directive.ts @@ -59,6 +59,7 @@ export class LayerDirective implements AfterContentInit { if (layer === this) { return; } + // eslint-disable-next-line no-underscore-dangle layer.layer = typeof layer._passedLevel === "number" ? layer._passedLevel : this.layer + 1; }); } diff --git a/src/modal/modal.component.ts b/src/modal/modal.component.ts index b2c926525b..981c671a2f 100644 --- a/src/modal/modal.component.ts +++ b/src/modal/modal.component.ts @@ -41,7 +41,13 @@ import { BaseModalService } from "./base-modal.service"; Header text

Sample modal works.

- {{modalText}} @@ -134,7 +140,8 @@ export class Modal implements AfterViewInit, OnChanges, OnDestroy { @Input() hasScrollingContent: boolean = null; /** - * Emits event when click occurs within `n-overlay` element. This is to track click events occurring outside bounds of the `Modal` object. + * Emits event when click occurs within `n-overlay` element. + * This is to track click events occurring outside bounds of the `Modal` object. */ @Output() overlaySelected = new EventEmitter(); /** diff --git a/src/notification/actionable-notification.component.ts b/src/notification/actionable-notification.component.ts index d1a2364d06..194f1c1883 100644 --- a/src/notification/actionable-notification.component.ts +++ b/src/notification/actionable-notification.component.ts @@ -92,10 +92,14 @@ export class ActionableNotification extends BaseNotification { @HostBinding("class.cds--actionable-notification--toast") get toastVariant() { return this.notificationObj.variant === "toast"; } @HostBinding("class.cds--actionable-notification--error") get isError() { return this.notificationObj.type === "error"; } @HostBinding("class.cds--actionable-notification--info") get isInfo() { return this.notificationObj.type === "info"; } - @HostBinding("class.cds--actionable-notification--info-square") get isInfoSquare() { return this.notificationObj.type === "info-square"; } + @HostBinding("class.cds--actionable-notification--info-square") get isInfoSquare() { + return this.notificationObj.type === "info-square"; + } @HostBinding("class.cds--actionable-notification--success") get isSuccess() { return this.notificationObj.type === "success"; } @HostBinding("class.cds--actionable-notification--warning") get isWarning() { return this.notificationObj.type === "warning"; } - @HostBinding("class.cds--actionable-notification--warning-alt") get isWarningAlt() { return this.notificationObj.type === "warning-alt"; } + @HostBinding("class.cds--actionable-notification--warning-alt") get isWarningAlt() { + return this.notificationObj.type === "warning-alt"; + } @HostBinding("class.cds--actionable-notification--low-contrast") get isLowContrast() { return this.notificationObj.lowContrast; } @HostBinding("class.cds--actionable-notification--hide-close-button") get isCloseHidden() { return !this._notificationObj.showClose; } diff --git a/src/number-input/number.component.ts b/src/number-input/number.component.ts index 125e5f6896..af80cb0aea 100644 --- a/src/number-input/number.component.ts +++ b/src/number-input/number.component.ts @@ -456,7 +456,7 @@ export class NumberComponent implements ControlValueAccessor { } handleFocus(event: FocusEvent) { - if ("type" in event.target && (event.target).type === "button") { + if ("type" in event.target && (event.target as HTMLInputElement).type === "button") { this._isFocused = false; } else { this._isFocused = event.type === "focus"; diff --git a/src/pagination/pagination-nav/pagination-nav.component.ts b/src/pagination/pagination-nav/pagination-nav.component.ts index fc0d658b74..d1e68589e3 100644 --- a/src/pagination/pagination-nav/pagination-nav.component.ts +++ b/src/pagination/pagination-nav/pagination-nav.component.ts @@ -67,7 +67,7 @@ export interface PaginationNavTranslations { + [isActive]="currentPage === 1"> } @if (frontCuts) { @@ -81,7 +81,7 @@ export interface PaginationNavTranslations { + [isActive]="currentPage === page"> } @if (backCuts) { @@ -95,7 +95,7 @@ export interface PaginationNavTranslations { + [isActive]="currentPage === totalNumbersArray.length"> }
  • diff --git a/src/pagination/pagination.component.ts b/src/pagination/pagination.component.ts index ac6f2b969d..367025e971 100644 --- a/src/pagination/pagination.component.ts +++ b/src/pagination/pagination.component.ts @@ -51,8 +51,9 @@ export interface PaginationTranslations { */ @Component({ selector: "cds-pagination, ibm-pagination", - template: ` -
    -
    - - - -
    -
    - -
    -
    -
    -
    - - Text input label - - -
    -
    - - Text input label - - -
    -
    -
    - - - + template: + /* eslint-disable max-len */ + `
    +
    + + + +
    +
    + +
    +
    + +
    + + Text input label + + +
    +
    + + Text input label + +
    -
    -
    - -
    - +
    +
    + + + +
    +
    +
    + +
    + +
    -
    - @if (isLoading) { - - - } - `, + @if (isLoading) { + + + }`, + /* eslint-enable max-len */ styles: [` .header { margin-bottom: 80px; diff --git a/src/popover/popover.directive.ts b/src/popover/popover.directive.ts index 6f9c504f4d..76ef28e290 100644 --- a/src/popover/popover.directive.ts +++ b/src/popover/popover.directive.ts @@ -153,8 +153,12 @@ export class PopoverContainer implements AfterViewInit, OnChanges, OnDestroy { const computedStyle = getComputedStyle(this.caretRef); const offset = computedStyle.getPropertyValue("--cds-popover-offset"); const height = computedStyle.getPropertyValue("--cds-popover-caret-height"); - this.caretOffset = (offset?.includes("px") ? Number(offset.split("px", 1)[0]) : Number(offset.split("rem", 1)[0]) * 16) || 10; - this.caretHeight = (height?.includes("px") ? Number(height.split("px", 1)[0]) : Number(height.split("rem", 1)[0]) * 16) || 6; + this.caretOffset = (offset?.includes("px") + ? Number(offset.split("px", 1)[0]) + : Number(offset.split("rem", 1)[0]) * 16) || 10; + this.caretHeight = (height?.includes("px") + ? Number(height.split("px", 1)[0]) + : Number(height.split("rem", 1)[0]) * 16) || 6; } if (this.elementRef.nativeElement && this.popoverContentRef) { this.unmountFloatingElement = autoUpdate( diff --git a/src/popover/popover.stories.ts b/src/popover/popover.stories.ts index 13b464b80a..dabc1fd316 100644 --- a/src/popover/popover.stories.ts +++ b/src/popover/popover.stories.ts @@ -138,7 +138,13 @@ const AutoAlignTemplate = (args) => ({ (onClose)="onClose($event)" (isOpenChange)="isOpenChange($event)">
    - +
    diff --git a/src/search/search.component.spec.ts b/src/search/search.component.spec.ts index b1adda50cb..18049d5d6a 100644 --- a/src/search/search.component.spec.ts +++ b/src/search/search.component.spec.ts @@ -23,7 +23,7 @@ describe("Search", () => { ], providers: [] }) - .compileComponents(); + .compileComponents(); })); beforeEach(() => { diff --git a/src/select/select.component.ts b/src/select/select.component.ts index 34967bcc22..d556791576 100644 --- a/src/select/select.component.ts +++ b/src/select/select.component.ts @@ -357,7 +357,7 @@ export class Select implements ControlValueAccessor, AfterViewInit { */ if (this.readonly) { event.preventDefault(); - (event.target).focus(); + (event.target as HTMLElement).focus(); } } diff --git a/src/slider/slider.component.ts b/src/slider/slider.component.ts index 3ab40c7365..ba186bb3ea 100644 --- a/src/slider/slider.component.ts +++ b/src/slider/slider.component.ts @@ -395,6 +395,7 @@ export class Slider implements AfterViewInit, ControlValueAccessor { /** Converts a given px value to a "real" value in our range */ convertToValue(pxAmount) { // basic concept borrowed from carbon-components + // eslint-disable-next-line max-len // https://github.com/carbon-design-system/carbon/blob/43bf3abdc2f8bdaa38aa84e0f733adde1e1e8894/src/components/slider/slider.js#L147-L151 const range = this.max - this.min; const trackWidth = this.track.nativeElement.getBoundingClientRect().width; diff --git a/src/table/body/table-expanded-row.component.ts b/src/table/body/table-expanded-row.component.ts index 3319a655a7..cc51860a19 100644 --- a/src/table/body/table-expanded-row.component.ts +++ b/src/table/body/table-expanded-row.component.ts @@ -12,7 +12,10 @@ import { @if (!firstExpandedTemplateInRow(row)) { {{firstExpandedDataInRow(row)}} } - + ` }) diff --git a/src/table/body/table-row.component.ts b/src/table/body/table-row.component.ts index b3a3abd7db..f3d267111a 100644 --- a/src/table/body/table-row.component.ts +++ b/src/table/body/table-row.component.ts @@ -73,7 +73,7 @@ import { TableRowSize } from "../table.types"; (keydown.enter)="onRowClick()"> } - @if (item && model.getHeader(j) == null) { + @if (item && model.getHeader(j) === null) { - + } diff --git a/src/table/stories/app-custom-table.component.ts b/src/table/stories/app-custom-table.component.ts index d9151451ed..3ba6929f90 100644 --- a/src/table/stories/app-custom-table.component.ts +++ b/src/table/stories/app-custom-table.component.ts @@ -73,9 +73,15 @@ export class DynamicTableStory implements AfterViewInit { ngAfterViewInit() { this.model.data = [ - [new TableItem({ data: "Name 1" }), new TableItem({ data: { name: "Lessy", link: "#" }, template: this.customTableItemTemplate })], + [ + new TableItem({ data: "Name 1" }), + new TableItem({ data: { name: "Lessy", link: "#" }, template: this.customTableItemTemplate }) + ], [new TableItem({ data: "Name 3" }), new TableItem({ data: "swer" })], - [new TableItem({ data: "Name 2" }), new TableItem({ data: { name: "Alice", surname: "Bob" }, template: this.customTableItemTemplate })], + [ + new TableItem({ data: "Name 2" }), + new TableItem({ data: { name: "Alice", surname: "Bob" }, template: this.customTableItemTemplate }) + ], [new TableItem({ data: "Name 4" }), new TableItem({ data: "twer" })], [new TableItem({ data: "Name 5" }), new TableItem({ data: "twer" })], [new TableItem({ data: "Name 6" }), new TableItem({ data: "twer" })], diff --git a/src/table/stories/app-expansion-table.component.ts b/src/table/stories/app-expansion-table.component.ts index a7a0e289b3..48d520135b 100644 --- a/src/table/stories/app-expansion-table.component.ts +++ b/src/table/stories/app-expansion-table.component.ts @@ -103,7 +103,10 @@ export class ExpansionTableStory implements AfterViewInit { }), new TableItem({ data: "swer" }) ], - [new TableItem({ data: "Name 2" }), new TableItem({ data: { name: "Alice", surname: "Bob" }, template: this.customTableItemTemplate })], + [ + new TableItem({ data: "Name 2" }), + new TableItem({ data: { name: "Alice", surname: "Bob" }, template: this.customTableItemTemplate }) + ], [new TableItem({ data: "Name 4" }), new TableItem({ data: "twer" })], [new TableItem({ data: "Name 5" }), new TableItem({data: "twer"})], [new TableItem({ data: "Name 6" }), new TableItem({data: "twer"})], diff --git a/src/table/stories/app-function-override-filter-table.component.ts b/src/table/stories/app-function-override-filter-table.component.ts index 7dbacbfe03..a8f7221bab 100644 --- a/src/table/stories/app-function-override-filter-table.component.ts +++ b/src/table/stories/app-function-override-filter-table.component.ts @@ -163,7 +163,7 @@ export class FilterByFunctionOverrideStory implements OnInit { overflowOnClick = (event: any) => { event.stopPropagation(); - } + }; ngOnInit() { this.model.header = [ diff --git a/src/table/stories/app-model-filter-table.component.ts b/src/table/stories/app-model-filter-table.component.ts index 2b5b0b4afd..94e755bdf8 100644 --- a/src/table/stories/app-model-filter-table.component.ts +++ b/src/table/stories/app-model-filter-table.component.ts @@ -165,7 +165,7 @@ export class FilterWithModelStory implements OnInit { overflowOnClick = (event: any) => { event.stopPropagation(); - } + }; ngOnInit() { this.model.header = [ diff --git a/src/tiles/expandable-tile.component.ts b/src/tiles/expandable-tile.component.ts index d194cbbb06..31bbac6aaf 100644 --- a/src/tiles/expandable-tile.component.ts +++ b/src/tiles/expandable-tile.component.ts @@ -142,7 +142,8 @@ export class ExpandableTile implements AfterViewInit { if (this.expanded) { this.tileMaxHeight = this.tileContainer.nativeElement.getBoundingClientRect().height; } else { - this.tileMaxHeight = this.element.nativeElement.querySelector(".cds--tile-content__above-the-fold").getBoundingClientRect().height; + this.tileMaxHeight = this.element.nativeElement + .querySelector(".cds--tile-content__above-the-fold").getBoundingClientRect().height; } } diff --git a/src/tiles/selection-tile.component.ts b/src/tiles/selection-tile.component.ts index 9fc420e7d0..0eeb0c892b 100644 --- a/src/tiles/selection-tile.component.ts +++ b/src/tiles/selection-tile.component.ts @@ -11,8 +11,9 @@ import { I18n } from "carbon-components-angular/i18n"; @Component({ selector: "cds-selection-tile, ibm-selection-tile", - template: ` -
    - - ` + ` + /* eslint-disable max-len */ }) export class SelectionTile implements AfterViewInit { static tileCount = 0; @@ -96,7 +97,7 @@ export class SelectionTile implements AfterViewInit { * tile selection. */ multiple = true; // Set to true because of the way tile group sets it up. - // If it is first undefined then set to true, the type will change from radio to checkbox and deselects the inputs. + // If it is first undefined then set to true, the type will change from radio to checkbox and deselects the inputs. @ViewChild("input", { static: true }) input; diff --git a/src/toggletip/toggletip.stories.ts b/src/toggletip/toggletip.stories.ts index ae025a3f53..34d11d3602 100644 --- a/src/toggletip/toggletip.stories.ts +++ b/src/toggletip/toggletip.stories.ts @@ -114,8 +114,9 @@ Basic.parameters = { const AutoAlignTemplate = (args) => ({ props: args, - template: ` -
    + template: + /* eslint-disable max-len */ + `
    Scrolling will update the position of the popover:
    Toggletip label @@ -143,8 +144,9 @@ const AutoAlignTemplate = (args) => ({
    -
    - `, +
    ` + /* eslint-disable max-len */ + , styles: [` .tooltip-trigger { box-sizing: border-box; diff --git a/src/tooltip/tooltip.stories.ts b/src/tooltip/tooltip.stories.ts index 8da67756f0..cdee7fc030 100644 --- a/src/tooltip/tooltip.stories.ts +++ b/src/tooltip/tooltip.stories.ts @@ -135,8 +135,9 @@ Ellipses.parameters = { const AutoAlignTemplate = (args) => ({ props: args, - template: ` -
    + template: + /* eslint-disable max-len */ + `
    Scrolling will update the position of the popover:
    ({
    -
    - `, +
    ` + /* eslint-enable max-len */ + , styles: [` .tooltip-trigger { box-sizing: border-box; diff --git a/src/ui-shell/sidenav/sidenav.component.ts b/src/ui-shell/sidenav/sidenav.component.ts index d4baef6616..6e31e18def 100644 --- a/src/ui-shell/sidenav/sidenav.component.ts +++ b/src/ui-shell/sidenav/sidenav.component.ts @@ -14,8 +14,9 @@ import { NavigationItem } from "../header/header-navigation-items.interface"; */ @Component({ selector: "cds-sidenav, ibm-sidenav", - template: ` -