Sync branches

package.json

@@ -2,6 +2,7 @@
     "name": "primeng",
     "version": "17.0.0",
     "license": "SEE LICENSE IN LICENSE.md",
+    "type": "module",
     "scripts": {
         "ng": "ng",
         "start": "ng serve",

src/app/showcase/doc/theming/customthemedoc.ts

@@ -11,17 +11,8 @@ import { Code } from '../../domain/code';
                 <a href="https://www.primefaces.org/designer/api/primeng/15.0.0">SASS API</a> documentation.
             </p>
             <p>
-                There are 3 alternatives to create your own theme. First option is using the Visual Editor, second one is compiling a theme with command line sass and final alternative is embedding scss files within your project to let your build
-                environment do the compilation. In all cases, the generated theme file should be imported to your project. Here is a video tutorial that demonstrates all three options.
-            </p>
-
-            <div class="video-container"></div>
-
-            <h3>Visual Editor</h3>
-            <p>
-                <a href="https://designer.primeng.org">Visual Editor</a> is an easy way to quickly customize an existing theme without dealing with the details of the SASS API. The editor allows changing common settings like primary color for
-                built-in themes. Once you have completed the design, click the download button to access the generated <i>theme.css</i> file and import it to your project as an asset. In near future, an advanced UI Designer will be available with the
-                ability to edit all variables and components where you'll also be able to save your themes when accessed with an account.
+                There are 2 alternatives to create your own theme. First option is compiling a theme with command line sass whereas second option is embedding scss files within your project to let your build environment do the compilation. In all
+                cases, the generated theme file should be imported to your project.
             </p>
 
             <h3>Theme SCSS</h3>

src/app/showcase/pages/landing/footersection.component.ts

@@ -65,24 +65,6 @@ import { RouterModule } from '@angular/router';
                             </li>
                         </ul>
                     </div>
-                    <div class="w-6 lg:w-3 flex">
-                        <ul class="list-none p-0 m-0">
-                            <li class="font-bold mt-5 lg:mt-0 mb-5">Theming</li>
-                            <li class="mb-4">
-                                <a [routerLink]="['theming']">
-                                    <a class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Guide</a>
-                                </a>
-                            </li>
-                            <li class="mb-4">
-                                <a href="https://www.primefaces.org/designer/primeng" target="_blank" rel="noopener noreferrer" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Designer</a>
-                            </li>
-                            <li class="mb-4">
-                                <a [routerLink]="['colors']">
-                                    <a class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Colors</a>
-                                </a>
-                            </li>
-                        </ul>
-                    </div>
                 </div>
 
                 <hr class="section-divider mt-8" />

src/app/showcase/pages/landing/themesection.component.ts

@@ -21,7 +21,6 @@ import { CustomerService } from '../../service/customerservice';
                 <button type="button" class="font-medium linkbox mr-3 mt-4" [ngClass]="{ active: tableTheme.startsWith('lara') }" (click)="changeTableTheme(isDarkMode ? 'lara-dark-blue' : 'lara-light-blue')">PrimeOne</button>
                 <button type="button" class="font-medium linkbox mr-3 mt-4" [ngClass]="{ active: tableTheme.startsWith('md') }" (click)="changeTableTheme(isDarkMode ? 'md-dark-indigo' : 'md-light-indigo')">Material</button>
                 <button type="button" class="font-medium linkbox mr-3 mt-4" [ngClass]="{ active: tableTheme.startsWith('bootstrap') }" (click)="changeTableTheme(isDarkMode ? 'bootstrap4-dark-blue' : 'bootstrap4-light-blue')">Bootstrap</button>
-                <a type="button" class="font-medium p-link linkbox mt-4" href="https://designer.primeng.org" target="_blank">more...</a>
             </div>
             <div
                 class="themes-main flex mt-7 justify-content-center px-5 lg:px-8"

src/assets/showcase/data/menu.json

@@ -466,10 +466,6 @@
                     "name": "Overview",
                     "routerLink": "/theming"
                 },
-                {
-                    "name": "Visual Editor",
-                    "href": "https://designer.primeng.org"
-                },
                 {
                     "name": "Colors",
                     "routerLink": "/colors"