Merge branch 'master' into accessibility

primefaces · Nov 20, 2023 · d31a7e6 · d31a7e6
1 parent 6988196
commit d31a7e6
Show file tree

Hide file tree

Showing 10 changed files with 42 additions and 358 deletions.
diff --git a/src/app/components/panel/panel.ts b/src/app/components/panel/panel.ts
@@ -58,6 +58,7 @@ import { PanelAfterToggleEvent, PanelBeforeToggleEvent } from './panel.interface
                 role="region"
                 [attr.aria-labelledby]="id + '_header'"
                 [attr.aria-hidden]="collapsed"
+                [attr.tabindex]="collapsed ? '-1' : undefined"
                 [@panelContent]="
                     collapsed
                         ? { value: 'hidden', params: { transitionParams: animating ? transitionOptions : '0ms', height: '0', opacity: '0' } }

diff --git a/src/app/showcase/data/news.json b/src/app/showcase/data/news.json
@@ -1,8 +1,8 @@
 {
-    "id": 58,
-    "content": "Sakai Free Admin Template",
-    "linkText": "Learn More",
-    "linkHref": "https://primefaces.org/sakai-ng",
+    "id": 59,
+    "content": "🎉 Black Friday Sale! Up to 50% Off",
+    "linkText": "Buy Now",
+    "linkHref": "https://www.primefaces.org/store",
     "backgroundStyle": "background-color:#3B82F6",
     "textStyle": "color:#ffffff;font-weight:500",
     "linkStyle": "color:#ffffff;font-weight:700",

diff --git a/src/app/showcase/doc/contextmenu/contextmenudoc.module.ts b/src/app/showcase/doc/contextmenu/contextmenudoc.module.ts
@@ -9,11 +9,10 @@ import { BasicDoc } from './basicdoc';
 import { DocumentDoc } from './documentdoc';
 import { ImportDoc } from './importdoc';
 import { StyleDoc } from './styledoc';
-import { TriggerEventDoc } from './triggereventdoc';
 
 @NgModule({
     imports: [CommonModule, AppCodeModule, RouterModule, ContextMenuModule, AppDocModule],
-    declarations: [BasicDoc, ImportDoc, DocumentDoc, StyleDoc, TriggerEventDoc, AccessibilityDoc],
+    declarations: [BasicDoc, ImportDoc, DocumentDoc, StyleDoc, AccessibilityDoc],
     exports: [AppDocModule]
 })
 export class ContextMenuDocModule {}
diff --git a/src/app/showcase/doc/contextmenu/triggereventdoc.ts b/src/app/showcase/doc/contextmenu/triggereventdoc.ts
diff --git a/src/app/showcase/doc/galleria/fullscreen/customcontentdoc.ts b/src/app/showcase/doc/galleria/fullscreen/customcontentdoc.ts
@@ -9,9 +9,9 @@ import { PhotoService } from '../../../service/photoservice';
         <app-docsectiontext [title]="title" [id]="id" [level]="3" #docsectiontext>
             <p>Using <i>activeIndex</i>, Galleria is displayed with a specific initial image.</p>
         </app-docsectiontext>
-        <div class="card md:flex md:justify-content-center">
-            <div *ngIf="images" class="grid" style="max-width: 400px;">
-                <div *ngFor="let image of images; let index = index" class="col-4" key="index">
+        <div class="card">
+            <div *ngIf="images" class="grid" style="max-width: 800px;">
+                <div *ngFor="let image of images; let index = index" class="col-3" key="index">
                     <img [src]="image.thumbnailImageSrc" [alt]="image.alt" style="cursor: pointer" (click)="imageClick(index)" />
                 </div>
             </div>
@@ -98,9 +98,9 @@ export class FullScreenTemplateDoc implements OnInit {
 </p-galleria>
         `,
         html: `
- <div class="card md:flex md:justify-content-center">
-    <div *ngIf="images" class="grid" style="max-width: 400px;">
-        <div *ngFor="let image of images; let index = index" class="col-4" key="index">
+ <div class="card">
+    <div *ngIf="images" class="grid" style="max-width: 800px;">
+        <div *ngFor="let image of images; let index = index" class="col-3" key="index">
             <img [src]="image.thumbnailImageSrc" [alt]="image.alt" style="cursor: pointer" (click)="imageClick(index)" />
         </div>
     </div>

diff --git a/src/app/showcase/doc/multiselect/basicdoc.ts b/src/app/showcase/doc/multiselect/basicdoc.ts
@@ -1,6 +1,5 @@
 import { Component, Input, OnInit } from '@angular/core';
 import { Code } from '../../domain/code';
-import { FormGroup, FormControl } from '@angular/forms';
 
 interface City {
     name: string;
@@ -18,7 +17,7 @@ interface City {
             </p>
         </app-docsectiontext>
         <div class="card flex justify-content-center">
-            <p-multiSelect [options]="cities" [(ngModel)]="selectedCities" optionLabel="name" placeholder="Select Cities"></p-multiSelect>
+            <p-multiSelect [options]="cities" [(ngModel)]="selectedCities" optionLabel="name" [showClear]="true" placeholder="Select Cities"></p-multiSelect>
         </div>
         <app-code [code]="code" selector="multi-select-basic-demo"></app-code>
     </section>`