Fixed formatting

primefaces · Mar 22, 2023 · 6d99ef2 · 6d99ef2
1 parent 1c5ee97
commit 6d99ef2
Show file tree

Hide file tree

Showing 104 changed files with 130 additions and 134 deletions.
diff --git a/src/app/components/tooltip/tooltip.ts b/src/app/components/tooltip/tooltip.ts
@@ -57,7 +57,7 @@ export class Tooltip implements AfterViewInit, OnDestroy {
     @Input() autoHide: boolean = true;
 
     @Input() fitContent: boolean = true;
-    
+
     @Input() hideOnEscape: boolean = true;
 
     @Input('pTooltip') text: string;
@@ -260,11 +260,11 @@ export class Tooltip implements AfterViewInit, OnDestroy {
         this.deactivate();
     }
 
-    @HostListener('document:keydown.escape', ['$event']) 
+    @HostListener('document:keydown.escape', ['$event'])
     onPressEscape() {
         if (this.hideOnEscape) {
             this.deactivate();
-          }
+        }
     }
 
     activate() {

diff --git a/src/app/showcase/doc/autocomplete/templatedoc.ts b/src/app/showcase/doc/autocomplete/templatedoc.ts
@@ -13,7 +13,7 @@ import { CountryService } from '../../service/countryservice';
             <p-autoComplete [(ngModel)]="selectedCountryAdvanced" [suggestions]="filteredCountries" (completeMethod)="filterCountry($event)" field="name" [dropdown]="true">
                 <ng-template let-country pTemplate="item">
                     <div class="flex align-items-center gap-2">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" style="width: 18px"/>
+                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" style="width: 18px" />
                         <div>{{ country.name }}</div>
                     </div>
                 </ng-template>

diff --git a/src/app/showcase/doc/calendar/reactiveformsdoc.ts b/src/app/showcase/doc/calendar/reactiveformsdoc.ts
@@ -6,9 +6,7 @@ import { FormControl, FormGroup } from '@angular/forms';
     selector: 'reactive-forms-doc',
     template: ` <section>
         <app-docsectiontext [title]="title" [id]="id">
-            <p>
-                Calendar can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.
-            </p>
+            <p>Calendar can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
         </app-docsectiontext>
         <div class="card flex justify-content-center">
             <form [formGroup]="formGroup">

diff --git a/src/app/showcase/doc/cascadeselect/reactiveformsdoc.ts b/src/app/showcase/doc/cascadeselect/reactiveformsdoc.ts
@@ -10,7 +10,15 @@ import { FormControl, FormGroup } from '@angular/forms';
         </app-docsectiontext>
         <div class="card flex justify-content-center">
             <form [formGroup]="formGroup">
-                <p-cascadeSelect formControlName="selectedCity" [options]="countries" optionLabel="cname" optionGroupLabel="name" [optionGroupChildren]="['states', 'cities']" [style]="{ minWidth: '14rem' }" placeholder="Select a City"></p-cascadeSelect>
+                <p-cascadeSelect
+                    formControlName="selectedCity"
+                    [options]="countries"
+                    optionLabel="cname"
+                    optionGroupLabel="name"
+                    [optionGroupChildren]="['states', 'cities']"
+                    [style]="{ minWidth: '14rem' }"
+                    placeholder="Select a City"
+                ></p-cascadeSelect>
             </form>
         </div>
         <app-code [code]="code" selector="cascade-select-reactive-forms-demo"></app-code>

diff --git a/src/app/showcase/doc/colorpicker/colorpickerdoc.module.ts b/src/app/showcase/doc/colorpicker/colorpickerdoc.module.ts
@@ -17,7 +17,7 @@ import { AccessibilityDoc } from './accessibilitydoc';
 import { ReactiveFormsDoc } from './reactiveformsdoc';
 
 @NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, FormsModule, ReactiveFormsModule ,ColorPickerModule],
+    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, FormsModule, ReactiveFormsModule, ColorPickerModule],
     exports: [AppDocModule],
     declarations: [ImportDoc, BasicDoc, InlineDoc, FormatDoc, DisabledDoc, PropsDoc, StyleDoc, EventsDoc, AccessibilityDoc, ReactiveFormsDoc]
 })

diff --git a/src/app/showcase/doc/configuration/locale/apidoc.ts b/src/app/showcase/doc/configuration/locale/apidoc.ts
@@ -208,5 +208,5 @@ export class ApiDoc {
 
     @Input() title: string;
 
-    @ViewChild('docsectiontext', {static: true}) docsectiontext: AppDocSectionTextComponent;
+    @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent;
 }
diff --git a/src/app/showcase/doc/configuration/locale/ngx-translatedoc.ts b/src/app/showcase/doc/configuration/locale/ngx-translatedoc.ts
@@ -16,7 +16,7 @@ export class NgxTranslateDoc {
 
     @Input() title: string;
 
-    @ViewChild('docsectiontext', {static: true}) docsectiontext: AppDocSectionTextComponent;
+    @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent;
 
     code: Code = {
         typescript: `

diff --git a/src/app/showcase/doc/configuration/locale/repositorydoc.ts b/src/app/showcase/doc/configuration/locale/repositorydoc.ts
@@ -17,5 +17,5 @@ export class RepositoryDoc {
 
     @Input() title: string;
 
-    @ViewChild('docsectiontext', {static: true}) docsectiontext: AppDocSectionTextComponent;
+    @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent;
 }
diff --git a/src/app/showcase/doc/configuration/locale/setlocaledoc.ts b/src/app/showcase/doc/configuration/locale/setlocaledoc.ts
@@ -19,7 +19,7 @@ export class SetLocaleDoc {
 
     @Input() title: string;
 
-    @ViewChild('docsectiontext', {static: true}) docsectiontext: AppDocSectionTextComponent;
+    @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent;
 
     code: Code = {
         typescript: `

diff --git a/src/app/showcase/doc/configuration/zindexdoc.ts b/src/app/showcase/doc/configuration/zindexdoc.ts
@@ -21,7 +21,7 @@ export class ZIndexDoc {
 
     @Input() title: string;
 
-    @ViewChild('docsectiontext', {static: true}) docsectiontext: AppDocSectionTextComponent;
+    @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent;
 
     code: Code = {
         typescript: `import { PrimeNGConfig } from 'primeng/api';

diff --git a/src/app/showcase/doc/dataview/basicdoc.ts b/src/app/showcase/doc/dataview/basicdoc.ts
@@ -56,7 +56,7 @@ export class BasicDoc {
         this.productService.getProducts().then((data) => (this.products = data.slice(0, 5)));
     }
 
-    getSeverity (product) {
+    getSeverity(product) {
         switch (product.inventoryStatus) {
             case 'INSTOCK':
                 return 'success';
@@ -70,7 +70,7 @@ export class BasicDoc {
             default:
                 return null;
         }
-    };
+    }
 
     code: Code = {
         basic: `

diff --git a/src/app/showcase/doc/dataview/layoutdoc.ts b/src/app/showcase/doc/dataview/layoutdoc.ts
@@ -85,7 +85,7 @@ export class LayoutDoc {
         this.productService.getProducts().then((data) => (this.products = data.slice(0, 12)));
     }
 
-    getSeverity (product) {
+    getSeverity(product) {
         switch (product.inventoryStatus) {
             case 'INSTOCK':
                 return 'success';
@@ -99,7 +99,7 @@ export class LayoutDoc {
             default:
                 return null;
         }
-    };
+    }
 
     code: Code = {
         basic: `

diff --git a/src/app/showcase/doc/dataview/paginationdoc.ts b/src/app/showcase/doc/dataview/paginationdoc.ts
@@ -53,7 +53,7 @@ export class PaginationDoc {
         this.productService.getProducts().then((data) => (this.products = data));
     }
 
-    getSeverity (product) {
+    getSeverity(product) {
         switch (product.inventoryStatus) {
             case 'INSTOCK':
                 return 'success';
@@ -67,7 +67,7 @@ export class PaginationDoc {
             default:
                 return null;
         }
-    };
+    }
 
     code: Code = {
         basic: `

diff --git a/src/app/showcase/doc/dataview/sortingdoc.ts b/src/app/showcase/doc/dataview/sortingdoc.ts
@@ -82,7 +82,7 @@ export class SortingDoc {
         }
     }
 
-    getSeverity (product) {
+    getSeverity(product) {
         switch (product.inventoryStatus) {
             case 'INSTOCK':
                 return 'success';
@@ -96,7 +96,7 @@ export class SortingDoc {
             default:
                 return null;
         }
-    };
+    }
 
     code: Code = {
         basic: `

diff --git a/src/app/showcase/doc/dropdown/editabledoc.ts b/src/app/showcase/doc/dropdown/editabledoc.ts
@@ -18,7 +18,7 @@ interface City {
         <app-code [code]="code" selector="dropdown-editable-demo"></app-code>
     </section>`
 })
-export class EditableDoc implements OnInit{
+export class EditableDoc implements OnInit {
     @Input() id: string;
 
     @Input() title: string;

diff --git a/src/app/showcase/doc/dropdown/filterdoc.ts b/src/app/showcase/doc/dropdown/filterdoc.ts
@@ -11,13 +11,13 @@ import { Code } from '../../domain/code';
             <p-dropdown [options]="countries" [(ngModel)]="selectedCountry" optionLabel="name" [filter]="true" filterBy="name" [showClear]="true" placeholder="Select a Country">
                 <ng-template pTemplate="selectedItem">
                     <div class="flex align-items-center gap-2" *ngIf="selectedCountry">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + selectedCountry.code.toLowerCase()" style="width: 18px"/>
+                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + selectedCountry.code.toLowerCase()" style="width: 18px" />
                         <div>{{ selectedCountry.name }}</div>
                     </div>
                 </ng-template>
                 <ng-template let-country pTemplate="item">
                     <div class="flex align-items-center gap-2">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" style="width: 18px"/>
+                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" style="width: 18px" />
                         <div>{{ country.name }}</div>
                     </div>
                 </ng-template>

diff --git a/src/app/showcase/doc/dropdown/reactiveformsdoc.ts b/src/app/showcase/doc/dropdown/reactiveformsdoc.ts
@@ -27,7 +27,7 @@ export class ReactiveFormsDoc implements OnInit {
     @Input() title: string;
 
     cities: City[];
-    
+
     formGroup: FormGroup;
 
     ngOnInit() {

diff --git a/src/app/showcase/doc/dropdown/templatedoc.ts b/src/app/showcase/doc/dropdown/templatedoc.ts
@@ -14,13 +14,13 @@ import { Code } from '../../domain/code';
             <p-dropdown [options]="countries" [(ngModel)]="selectedCountry" optionLabel="name" [showClear]="true" placeholder="Select a Country">
                 <ng-template pTemplate="selectedItem">
                     <div class="flex align-items-center gap-2" *ngIf="selectedCountry">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + selectedCountry.code.toLowerCase()" style="width: 18px"/>
+                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + selectedCountry.code.toLowerCase()" style="width: 18px" />
                         <div>{{ selectedCountry.name }}</div>
                     </div>
                 </ng-template>
                 <ng-template let-country pTemplate="item">
                     <div class="flex align-items-center gap-2">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" style="width: 18px"/>
+                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" style="width: 18px" />
                         <div>{{ country.name }}</div>
                     </div>
                 </ng-template>

diff --git a/src/app/showcase/doc/editor/editordoc.module.ts b/src/app/showcase/doc/editor/editordoc.module.ts
@@ -23,4 +23,4 @@ import { ReactiveFormsDoc } from './reactiveformsdoc';
     exports: [AppDocModule],
     declarations: [ImportDoc, QuillDoc, BasicDoc, ReadOnlyDoc, CustomToolbarDoc, PropsDoc, EventsDoc, MethodsDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc]
 })
-export class EditorDocModule {}
+export class EditorDocModule {}
diff --git a/src/app/showcase/doc/galleria/fullscreen/customcontentdoc.ts b/src/app/showcase/doc/galleria/fullscreen/customcontentdoc.ts
@@ -40,7 +40,7 @@ export class FullScreenTemplateDoc implements OnInit {
 
     @Input() title: string;
 
-    @ViewChild('docsectiontext', {static: true}) docsectiontext: AppDocSectionTextComponent;
+    @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent;
 
     displayCustom: boolean;
 

diff --git a/src/app/showcase/doc/galleria/fullscreen/withoutthumbnailsdoc.ts b/src/app/showcase/doc/galleria/fullscreen/withoutthumbnailsdoc.ts
@@ -25,7 +25,7 @@ export class WithoutThumbnailsDoc implements OnInit {
 
     @Input() title: string;
 
-    @ViewChild('docsectiontext', {static: true}) docsectiontext: AppDocSectionTextComponent;
+    @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent;
 
     displayBasic: boolean;
 

diff --git a/src/app/showcase/doc/galleria/fullscreen/withthumbnailsdoc.ts b/src/app/showcase/doc/galleria/fullscreen/withthumbnailsdoc.ts
@@ -30,7 +30,7 @@ export class WithThumbnailsDoc implements OnInit {
 
     @Input() title: string;
 
-    @ViewChild('docsectiontext', {static: true}) docsectiontext: AppDocSectionTextComponent;
+    @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent;
 
     displayBasic: boolean;
 

diff --git a/src/app/showcase/doc/galleria/indicator/clickeventdoc.ts b/src/app/showcase/doc/galleria/indicator/clickeventdoc.ts
@@ -24,7 +24,7 @@ export class ClickEventDoc implements OnInit {
 
     @Input() title: string;
 
-    @ViewChild('docsectiontext', {static: true}) docsectiontext: AppDocSectionTextComponent;
+    @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent;
 
     images: any[];
 

diff --git a/src/app/showcase/doc/galleria/indicator/hovereventdoc.ts b/src/app/showcase/doc/galleria/indicator/hovereventdoc.ts
@@ -24,7 +24,7 @@ export class HoverEventDoc implements OnInit {
 
     @Input() title: string;
 
-    @ViewChild('docsectiontext', {static: true}) docsectiontext: AppDocSectionTextComponent;
+    @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent;
 
     images: any[];
 

diff --git a/src/app/showcase/doc/galleria/indicator/positioneddoc.ts b/src/app/showcase/doc/galleria/indicator/positioneddoc.ts
@@ -41,7 +41,7 @@ export class PositionedDoc implements OnInit {
 
     @Input() title: string;
 
-    @ViewChild('docsectiontext', {static: true}) docsectiontext: AppDocSectionTextComponent;
+    @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent;
 
     images: any[];
 

diff --git a/src/app/showcase/doc/galleria/indicator/templatedoc.ts b/src/app/showcase/doc/galleria/indicator/templatedoc.ts
@@ -29,7 +29,7 @@ export class TemplateDoc implements OnInit {
 
     @Input() title: string;
 
-    @ViewChild('docsectiontext', {static: true}) docsectiontext: AppDocSectionTextComponent;
+    @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent;
 
     images: any[];
 

diff --git a/src/app/showcase/doc/galleria/navigator/hoverdoc.ts b/src/app/showcase/doc/galleria/navigator/hoverdoc.ts
@@ -30,7 +30,7 @@ export class HoverDoc implements OnInit {
 
     @Input() title: string;
 
-    @ViewChild('docsectiontext', {static: true}) docsectiontext: AppDocSectionTextComponent;
+    @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent;
 
     images: any[];
 

diff --git a/src/app/showcase/doc/galleria/navigator/indicatorsdoc.ts b/src/app/showcase/doc/galleria/navigator/indicatorsdoc.ts
@@ -30,7 +30,7 @@ export class IndicatorsDoc implements OnInit {
 
     @Input() title: string;
 
-    @ViewChild('docsectiontext', {static: true}) docsectiontext: AppDocSectionTextComponent;
+    @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent;
 
     images: any[];
 

diff --git a/src/app/showcase/doc/galleria/navigator/itemthumbnailsdoc.ts b/src/app/showcase/doc/galleria/navigator/itemthumbnailsdoc.ts
@@ -30,7 +30,7 @@ export class ItemThumbnailsDoc implements OnInit {
 
     @Input() title: string;
 
-    @ViewChild('docsectiontext', {static: true}) docsectiontext: AppDocSectionTextComponent;
+    @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent;
 
     images: any[];
 

diff --git a/src/app/showcase/doc/galleria/navigator/itemwithoutthumbnailsdoc.ts b/src/app/showcase/doc/galleria/navigator/itemwithoutthumbnailsdoc.ts
@@ -25,7 +25,7 @@ export class ItemWithoutThumbnailsDoc implements OnInit {
 
     @Input() title: string;
 
-    @ViewChild('docsectiontext', {static: true}) docsectiontext: AppDocSectionTextComponent;
+    @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent;
 
     images: any[];
 

diff --git a/src/app/showcase/doc/inputtext/reactiveformsdoc.ts b/src/app/showcase/doc/inputtext/reactiveformsdoc.ts
@@ -10,7 +10,7 @@ import { FormControl, FormGroup } from '@angular/forms';
         </app-docsectiontext>
         <div class="card flex justify-content-center">
             <form [formGroup]="formGroup">
-                <input type="text" pInputText formControlName="text"/>
+                <input type="text" pInputText formControlName="text" />
             </form>
         </div>
         <app-code [code]="code" selector="input-text-reactive-forms-demo"></app-code>

diff --git a/src/app/showcase/doc/keyfilter/reactiveformsdoc.ts b/src/app/showcase/doc/keyfilter/reactiveformsdoc.ts
@@ -11,7 +11,7 @@ import { FormControl, FormGroup } from '@angular/forms';
         <div class="card flex justify-content-center">
             <form [formGroup]="formGroup">
                 <label for="integer" class="font-bold block mb-2"> Integer </label>
-                <input pInputText id="integer" pKeyFilter="int" class="w-full" formControlName="value"/>
+                <input pInputText id="integer" pKeyFilter="int" class="w-full" formControlName="value" />
             </form>
         </div>
         <app-code [code]="code" selector="key-filter-reactive-forms-demo"></app-code>

diff --git a/src/app/showcase/doc/listbox/basicdoc.ts b/src/app/showcase/doc/listbox/basicdoc.ts
@@ -22,7 +22,7 @@ interface City {
         <app-code [code]="code" selector="listbox-basic-demo"></app-code>
     </section>`
 })
-export class BasicDoc implements OnInit{
+export class BasicDoc implements OnInit {
     @Input() id: string;
 
     @Input() title: string;

diff --git a/src/app/showcase/doc/listbox/templatedoc.ts b/src/app/showcase/doc/listbox/templatedoc.ts
@@ -16,7 +16,7 @@ interface Country {
             <p-listbox [options]="countries" [(ngModel)]="selectedCountry" optionLabel="name" [listStyle]="{ 'max-height': '250px' }" [style]="{ width: '15rem' }">
                 <ng-template let-country pTemplate="item">
                     <div class="flex align-items-center gap-2">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" style="width: 18px"/>
+                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" style="width: 18px" />
                         <div>{{ country.name }}</div>
                     </div>
                 </ng-template>

diff --git a/src/app/showcase/doc/multiselect/templatedoc.ts b/src/app/showcase/doc/multiselect/templatedoc.ts
@@ -13,17 +13,17 @@ interface Country {
             <p>Available options and the selected options support templating with <i>pTemplate</i> properties respectively. In addition, header, footer and filter sections can be templated as well.</p>
         </app-docsectiontext>
         <div class="card flex justify-content-center">
-            <p-multiSelect [options]="countries" [(ngModel)]="selectedCountries" defaultLabel="Select a Country" optionLabel="name" >
+            <p-multiSelect [options]="countries" [(ngModel)]="selectedCountries" defaultLabel="Select a Country" optionLabel="name">
                 <ng-template let-value pTemplate="selectedItems">
                     <div class="flex align-items-center gap-2" *ngFor="let option of selectedCountries1">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + option.code.toLowerCase()" style="width: 18px"/>
+                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + option.code.toLowerCase()" style="width: 18px" />
                         <div>{{ option.name }}</div>
                     </div>
                     <div *ngIf="!selectedCountries1 || selectedCountries1.length === 0">Select Countries</div>
                 </ng-template>
                 <ng-template let-country pTemplate="item">
                     <div class="flex align-items-center gap-2">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" style="width: 18px"/>
+                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" style="width: 18px" />
                         <div>{{ country.name }}</div>
                     </div>
                 </ng-template>