chore: release 18.0.0

tiberiuzuld · May 24, 2024 · b4acd88 · b4acd88
1 parent e081e2e
commit b4acd88
Show file tree

Hide file tree

Showing 61 changed files with 7,260 additions and 6,514 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,4 @@
-# See http://help.github.com/ignore-files/ for more about ignoring files.
+# See https://docs.github.com/get-started/getting-started-with-git/ignoring-files for more about ignoring files.
 
 # Compiled output
 /dist

diff --git a/LICENSE b/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Tiberiu Zuld
+Copyright (c) 2024 Tiberiu Zuld
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/README.md b/README.md
@@ -7,7 +7,7 @@
 
 ### Angular implementation of angular-gridster [Demo](http://tiberiuzuld.github.io/angular-gridster2)
 
-### Requires Angular 17.x
+### Requires Angular 18.x
 
 ### For other Angular versions check the other branches.
 
@@ -22,22 +22,23 @@ What Angular supports [here](https://github.com/angular/angular)
 ## How to use
 
 ```javascript
-import {NgForOf} from '@angular/common';
 import {Component} from '@angular/core';
 import {GridsterComponent, GridsterItemComponent} from 'angular-gridster2';
 
 @Component({
   standalone: true,
-  imports: [NgForOf, GridsterComponent, GridsterItemComponent],
+  imports: [GridsterComponent, GridsterItemComponent],
   ...
 })
 ```
 
 ```html
 <gridster [options]="options">
-  <gridster-item [item]="item" *ngFor="let item of dashboard">
+  @for (item of dashboard; track item) {
+  <gridster-item [item]="item">
     <!-- your content here -->
   </gridster-item>
+  }
 </gridster>
 ```
 
@@ -95,10 +96,10 @@ Option 1 (without text selection):
 <gridster-item>
   <div (mousedown)="$event.stopPropagation()" (touchstart)="$event.stopPropagation()">Some content to click without dragging the widget</div>
   <div class="item-buttons">
-    <button md-icon-button md-raised-button class="drag-handler">
+    <button class="drag-handler">
       <md-icon>open_with</md-icon>
     </button>
-    <button md-icon-button md-raised-button class="remove-button" (click)="removeItem($event, item)" (touchstart)="removeItem($event, item)" mdTooltip="Remove">
+    <button class="remove-button" (click)="removeItem($event, item)" (touchstart)="removeItem($event, item)">
       <md-icon>clear</md-icon>
     </button>
   </div>
@@ -111,10 +112,10 @@ Option 2 (with text selection):
 <gridster-item>
   <div class="gridster-item-content">Some content to select and click without dragging the widget</div>
   <div class="item-buttons">
-    <button md-icon-button md-raised-button class="drag-handler">
+    <button class="drag-handler">
       <md-icon>open_with</md-icon>
     </button>
-    <button md-icon-button md-raised-button class="remove-button" (click)="removeItem($event, item)" (touchstart)="removeItem($event, item)" mdTooltip="Remove">
+    <button class="remove-button" (click)="removeItem($event, item)" (touchstart)="removeItem($event, item)">
       <md-icon>clear</md-icon>
     </button>
   </div>
@@ -129,4 +130,4 @@ Option 2 (with text selection):
 
 The MIT License
 
-Copyright (c) 2023 Tiberiu Zuld
+Copyright (c) 2024 Tiberiu Zuld
diff --git a/angular.json b/angular.json
@@ -15,17 +15,17 @@
       "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": "src/index.html",
-            "main": "src/main.ts",
             "polyfills": [
               "zone.js"
             ],
             "tsConfig": "tsconfig.app.json",
             "assets": [
-              "src/favicon.ico",
               "src/assets"
             ],
             "styles": [
@@ -34,21 +34,22 @@
             ],
             "scripts": [
               "node_modules/marked/marked.min.js"
-            ]
+            ],
+            "browser": "src/main.ts"
           },
           "configurations": {
             "production": {
               "baseHref": "/angular-gridster2/",
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "2mb",
-                  "maximumError": "6mb"
+                  "maximumWarning": "1.1MB",
+                  "maximumError": "1.5MB"
                 },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "6kb",
-                  "maximumError": "10kb"
+                  "maximumWarning": "2kB",
+                  "maximumError": "4kB"
                 }
               ],
               "outputHashing": "all"
@@ -74,10 +75,7 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
-          "options": {
-            "buildTarget": "gridster-app:build"
-          }
+          "builder": "@angular-devkit/build-angular:extract-i18n"
         },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
@@ -88,7 +86,6 @@
             ],
             "tsConfig": "tsconfig.spec.json",
             "assets": [
-              "src/favicon.ico",
               "src/assets"
             ],
             "styles": [