feat: replace deprecated @import in scss with @use

Signed-off-by: Stefano Cappa <stefano.cappa.ks89@gmail.com>

Author: Ks89

CHANGELOG.md

@@ -10,7 +10,11 @@
 
 ### Examples
 
-- upgrade all examples to Angular 20 and the new syntax
+- upgrade all examples to Angular 20 and control flow syntax
+
+### Documentation
+
+- upgrade doc website to Angular 20 component based with control flow syntax
 
 
 # 13.0.0

examples/angular-cli-20/src/styles.scss

@@ -26,7 +26,7 @@
 // *********** required by @ks89/angular-modal-gallery *************
 // *****************************************************************
 // ATTENTION: You have to install @angular/cdk to be able to use @ks89/angular-modal-gallery properly
-@use "@angular/cdk/overlay-prebuilt.css";
+@use "@angular/cdk/overlay-prebuilt.css" as *;
 
 .ks-modal-gallery-backdrop {
   background: #000 !important;;

examples/angular-cli-material/src/styles.scss

@@ -26,7 +26,7 @@
 // *********** required by @ks89/angular-modal-gallery *************
 // *****************************************************************
 // ATTENTION: You have to install @angular/cdk to be able to use @ks89/angular-modal-gallery properly
-@use "@angular/cdk/overlay-prebuilt.css";
+@use "@angular/cdk/overlay-prebuilt.css" as *;
 
 .ks-modal-gallery-backdrop {
   background: #000 !important;;

examples/universal/src/styles.scss

@@ -26,7 +26,7 @@
 // *********** required by @ks89/angular-modal-gallery *************
 // *****************************************************************
 // ATTENTION: You have to install @angular/cdk to be able to use @ks89/angular-modal-gallery properly
-@use "@angular/cdk/overlay-prebuilt.css";
+@use "@angular/cdk/overlay-prebuilt.css" as *;
 
 .ks-modal-gallery-backdrop {
   background: #000 !important;;

projects/ks89/angular-modal-gallery/src/public-api.ts

@@ -47,7 +47,7 @@ export type { CarouselImageConfig } from './lib/model/carousel-image-config.inte
 export type { Size } from './lib/model/size.interface';
 
 export { ButtonsStrategy, ButtonType } from './lib/model/buttons-config.interface';
-export type { ButtonsConfig, ButtonEvent } from './lib/model/buttons-config.interface';
+export type { ButtonsConfig, ButtonConfig, ButtonEvent } from './lib/model/buttons-config.interface';
 
 export type { ModalLibConfig, PlainLibConfig, CarouselLibConfig } from './lib/model/lib-config.interface';
 
@@ -60,6 +60,8 @@ export type { LoadingConfig } from './lib/model/loading-config.interface';
 
 export type { InteractionEvent } from './lib/model/interaction-event.interface';
 
+export type { SidePreviewsConfig, SlideConfig } from './lib/model/slide-config.interface';
+
 export { KS_DEFAULT_ACCESSIBILITY_CONFIG } from './lib/components/accessibility-default';
 export {
   KS_DEFAULT_BTN_FULL_SCREEN,

src/styles.scss

@@ -26,7 +26,7 @@
 // *********** required by @ks89/angular-modal-gallery *************
 // *****************************************************************
 // ATTENTION: You have to install @angular/cdk to be able to use @ks89/angular-modal-gallery properly
-@use "@angular/cdk/overlay-prebuilt.css";
+@use "@angular/cdk/overlay-prebuilt.css" as *;
 
 .ks-modal-gallery-backdrop {
   background: #000 !important;;