From d1a555967e0123ad495d8e2825fe7be4c72aa64c Mon Sep 17 00:00:00 2001 From: William Paciaroni Date: Mon, 27 Jan 2025 13:36:19 +0100 Subject: [PATCH] updated angular from 18.1.1 to 19.1.3 --- angular.json | 10 +- package.json | 38 +-- projects/demo/src/app/app.component.ts | 3 +- projects/demo/src/app/app.module.ts | 4 +- projects/demo/src/app/code/code.component.ts | 3 +- .../documentation.component.html | 247 ++++++++++-------- .../documentation/documentation.component.ts | 1 + .../app/example-n01/example-n01.component.ts | 1 + .../app/example-n02/example-n02.component.ts | 1 + .../app/example-n03/example-n03.component.ts | 1 + .../app/example-n04/example-n04.component.ts | 1 + .../app/example-n05/example-n05.component.ts | 1 + .../app/example-n06/example-n06.component.ts | 1 + .../app/example-n07/example-n07.component.ts | 1 + .../app/example-n08/example-n08.component.ts | 3 +- projects/ngx-red-zoom/README.md | 5 +- projects/ngx-red-zoom/package.json | 6 +- .../src/lib/red-zoom.directive.ts | 1 + 18 files changed, 191 insertions(+), 137 deletions(-) diff --git a/angular.json b/angular.json index 2bd4459..48bba8e 100644 --- a/angular.json +++ b/angular.json @@ -15,11 +15,12 @@ "prefix": "app", "architect": { "build": { - "builder": "@angular-devkit/build-angular:browser", + "builder": "@angular-devkit/build-angular:application", "options": { - "outputPath": "dist/demo", + "outputPath": { + "base": "dist/demo" + }, "index": "projects/demo/src/index.html", - "main": "projects/demo/src/main.ts", "polyfills": [ "zone.js" ], @@ -36,7 +37,8 @@ "scripts": [], "allowedCommonJsDependencies": [ "highlight.js" - ] + ], + "browser": "projects/demo/src/main.ts" }, "configurations": { "production": { diff --git a/package.json b/package.json index b03fd52..6b7960a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "red-zoom", - "version": "0.14.0", + "version": "0.15.0", "scripts": { "ng": "ng", "start": "ng serve", @@ -19,43 +19,43 @@ }, "private": true, "dependencies": { - "@angular/animations": "^18.1.0", - "@angular/common": "^18.1.0", - "@angular/compiler": "^18.1.0", - "@angular/core": "^18.1.0", - "@angular/forms": "^18.1.0", - "@angular/platform-browser": "^18.1.0", - "@angular/platform-browser-dynamic": "^18.1.0", - "@angular/router": "^18.1.0", + "@angular/animations": "^19.1.3", + "@angular/common": "^19.1.3", + "@angular/compiler": "^19.1.3", + "@angular/core": "^19.1.3", + "@angular/forms": "^19.1.3", + "@angular/platform-browser": "^19.1.3", + "@angular/platform-browser-dynamic": "^19.1.3", + "@angular/router": "^19.1.3", "angulartics2": "^12.2.1", "github-buttons": "^2.28.0", "highlight.js": "^11.10.0", - "ngx-owl-carousel-o": "^18.0.0", + "ngx-owl-carousel-o": "^19.0.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", - "zone.js": "~0.14.3" + "zone.js": "~0.15.0" }, "devDependencies": { - "@angular-devkit/build-angular": "^18.1.1", - "@angular/cli": "^18.1.1", - "@angular/compiler-cli": "^18.1.0", - "@angular/language-service": "^18.1.1", + "@angular-devkit/build-angular": "^19.0.7", + "@angular/cli": "^19.1.4", + "@angular/compiler-cli": "^19.1.3", + "@angular/language-service": "^19.1.3", "@types/jasmine": "~5.1.0", "@types/node": "^20.14.11", - "angular-eslint": "18.1.0", + "angular-eslint": "19.0.2", "del": "^6.1.1", "eslint": "^9.6.0", "eslint-config-prettier": "^9.1.0", "eslint-plugin-jsdoc": "^48.8.1", - "gulp": "^4.0.2", + "gulp": "^5.0.0", "jasmine-core": "^5.1.2", "karma": "^6.4.3", "karma-chrome-launcher": "~3.2.0", "karma-coverage": "~2.2.0", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.1.0", - "ng-packagr": "^18.1.0", + "ng-packagr": "^19.1.1", "typescript": "~5.5.2", - "typescript-eslint": "8.0.0-alpha.38" + "typescript-eslint": "^8.0.0" } } diff --git a/projects/demo/src/app/app.component.ts b/projects/demo/src/app/app.component.ts index 501fcd7..7422878 100644 --- a/projects/demo/src/app/app.component.ts +++ b/projects/demo/src/app/app.component.ts @@ -6,7 +6,8 @@ import { render } from 'github-buttons'; @Component({ selector: 'app-root', templateUrl: './app.component.html', - styleUrls: ['./app.component.scss'] + styleUrls: ['./app.component.scss'], + standalone: false }) export class AppComponent implements OnInit { @ViewChild('buttons', {read: ViewContainerRef, static: true}) buttons?: ViewContainerRef; diff --git a/projects/demo/src/app/app.module.ts b/projects/demo/src/app/app.module.ts index 868c71b..3bce549 100644 --- a/projects/demo/src/app/app.module.ts +++ b/projects/demo/src/app/app.module.ts @@ -43,6 +43,6 @@ import { CodeComponent } from './code/code.component'; ReactiveFormsModule, ], providers: [], - bootstrap: [AppComponent] + bootstrap: [AppComponent], }) -export class AppModule { } +export class AppModule {} diff --git a/projects/demo/src/app/code/code.component.ts b/projects/demo/src/app/code/code.component.ts index 2a8689e..83969df 100644 --- a/projects/demo/src/app/code/code.component.ts +++ b/projects/demo/src/app/code/code.component.ts @@ -4,7 +4,8 @@ import hljs from 'highlight.js'; @Component({ selector: 'app-code', templateUrl: './code.component.html', - styleUrls: ['./code.component.scss'] + styleUrls: ['./code.component.scss'], + standalone: false }) export class CodeComponent implements AfterViewChecked { @Input() language!: string; diff --git a/projects/demo/src/app/documentation/documentation.component.html b/projects/demo/src/app/documentation/documentation.component.html index 260b363..e53a952 100644 --- a/projects/demo/src/app/documentation/documentation.component.html +++ b/projects/demo/src/app/documentation/documentation.component.html @@ -18,60 +18,78 @@

Inputs

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
redZoomstring - The path to the full version of the image. Required. Can be empty.
-
- If left blank, the path to the full version of the image will be the same as in the src or redZoomThumb attribute. TODO: not implemented. -
redZoomThumbstringThe path to the thumbnail image used in the frame. Required if the src attribute is missing.
redZoomLazybooleanIf true, the full version of the image will only start loading after the activation event (mouseenter/mousedown) is triggered. (default: false)
redZoomBehaviorstring - Activation event. (default: 'hover')
- Possible values: 'hover', 'grab', 'click'. -
redZoomClassstringA list of CSS classes that should be applied to the root (.red-zoom) element.
redZoomMouseWheelboolean - Enables or disables changing the magnification factor using the mouse wheel. (default: true) -
redZoomTouchbooleanTODO: Not implemented.
redZoomGesturesbooleanTODO: Not implemented.
redZoomErrorMessagestringUse this attribute to provide your own error message.
redZoomstring + The path to the full version of the image. Required. Can be + empty.
+
+ If left blank, the path to the full version of the + image will be the same as in the src or + redZoomThumb attribute. TODO: not + implemented. +
redZoomThumbstring + The path to the thumbnail image used in the frame. Required + if the src attribute is missing. +
redZoomLazyboolean + If true, the full version of the image will only start + loading after the activation event (mouseenter/mousedown) is + triggered. (default: false) +
redZoomBehaviorstring + Activation event. (default: 'hover')
+ Possible values: 'hover', 'grab', + 'click'. +
redZoomClassstring + A list of CSS classes that should be applied to the root + (.red-zoom) element. +
redZoomMouseWheelboolean + Enables or disables changing the magnification factor using + the mouse wheel. (default: true) +
redZoomTouchbooleanTODO: Not implemented.
redZoomGesturesbooleanTODO: Not implemented.
redZoomErrorMessagestringUse this attribute to provide your own error message.
@@ -79,54 +97,56 @@

CSS variables

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
--red-zoom-thumb-[x/y]Thumbnail position relative to the page in pixels.
--red-zoom-thumb-[w/h]Thumbnail size in pixels.
--red-zoom-thumb-size-[max/min]Max/min size of thumbnail in pixels.
--red-zoom-frame-[x/y]Position of the frame relative to the page in pixels.
--red-zoom-frame-[w/h]Size of the frame in pixels.
--red-zoom-frame-image-[x/y]Position of the frame image relative to the frame in pixels.
--red-zoom-lens-image-natural-[w/h]Original size of lens image in pixels.
--red-zoom-lens-image-[x/y]Lens image position relative to the lens in pixels.
--red-zoom-lens-image-center-offset-[x/y]TODO: describe.
--red-zoom-lens-image-frame-offset-[x/y]TODO: describe.
--red-zoom-scale-factorTODO: Not implemented.
--red-zoom-mouse-[x/y]Mouse position relative to the page in pixels.
--red-zoom-thumb-[x/y]Thumbnail position relative to the page in pixels.
--red-zoom-thumb-[w/h]Thumbnail size in pixels.
--red-zoom-thumb-size-[max/min]Max/min size of thumbnail in pixels.
--red-zoom-frame-[x/y]Position of the frame relative to the page in pixels.
--red-zoom-frame-[w/h]Size of the frame in pixels.
--red-zoom-frame-image-[x/y] + Position of the frame image relative to the frame in pixels. +
--red-zoom-lens-image-natural-[w/h]Original size of lens image in pixels.
--red-zoom-lens-image-[x/y]Lens image position relative to the lens in pixels.
--red-zoom-lens-image-center-offset-[x/y]TODO: describe.
--red-zoom-lens-image-frame-offset-[x/y]TODO: describe.
--red-zoom-scale-factorTODO: Not implemented.
--red-zoom-mouse-[x/y]Mouse position relative to the page in pixels.
@@ -141,7 +161,9 @@

Roadmap

  • Support for scrollable containers;
  • Add the ability to follow the scroll position;
  • Add "toggle" behavior;
    • -
  • Add the ability to customize the step of changing the zoom ratio;
    • +
  • + Add the ability to customize the step of changing the zoom ratio; +
  • Provide the ability to replace the template.
    • @@ -155,6 +177,10 @@

    Compatibility

    + + 0.15.0 + 19.1.x + 0.14.0 18.1.x @@ -184,6 +210,16 @@

    Compatibility

    Changelog