feat: update ng to 18

BREAKING CHANGE: update ng to 18

.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

_temp/old-examples/ng-doc.category.ts

@@ -0,0 +1,8 @@
+import {NgDocCategory} from '@ng-doc/core';
+
+const ExamplesCategory: NgDocCategory = {
+	title: 'Examples',
+	order: 3
+};
+
+export default ExamplesCategory;

_temp/old-examples/pages/category/index.md

@@ -0,0 +1,42 @@
+
+
+You can import the component for specific category - `star`,`ellipse`... etc.
+
+> **Note**
+> Setting the `random` input to `true` or leaving the `index` input empty would replace the shape with a random shape every time it renders.
+
+## Number
+
+{{ NgDocActions.playground("NumberShapePlayground") }}
+
+## Flower
+
+{{ NgDocActions.playground("FlowerShapePlayground") }}
+
+## Ellipse
+
+{{ NgDocActions.playground("EllipseShapePlayground") }}
+
+## Wheel
+
+{{ NgDocActions.playground("WheelShapePlayground") }}
+
+## Moon
+
+{{ NgDocActions.playground("MoonShapePlayground") }}
+
+## Misc
+
+{{ NgDocActions.playground("MiscShapePlayground") }}
+
+## Triangle
+
+{{ NgDocActions.playground("TriangleShapePlayground") }}
+
+## Polygon
+
+{{ NgDocActions.playground("PolygonShapePlayground") }}
+
+## Rectangle
+
+{{ NgDocActions.playground("RectangleShapePlayground") }}

_temp/old-examples/pages/category/ng-doc.page.ts

@@ -0,0 +1,60 @@
+import { NgDocPage } from '@ng-doc/core';
+import ExamplesCategory from '../../ng-doc.category';
+import {
+  EllipseShapeComponent,
+  FlowerShapeComponent,
+  MiscShapeComponent,
+  MoonShapeComponent,
+  NumberShapeComponent,
+  PolygonShapeComponent,
+  RectangleShapeComponent,
+  TriangleShapeComponent,
+  WheelShapeComponent,
+} from '@ngxpert/coolshapes';
+
+const CategoryPage: NgDocPage = {
+  title: `Category`,
+  mdFile: './index.md',
+  category: ExamplesCategory,
+  order: 2,
+  playgrounds: {
+    NumberShapePlayground: {
+      target: NumberShapeComponent,
+      template: `<ng-doc-selector></ng-doc-selector>`,
+    },
+    FlowerShapePlayground: {
+      target: FlowerShapeComponent,
+      template: `<ng-doc-selector></ng-doc-selector>`,
+    },
+    EllipseShapePlayground: {
+      target: EllipseShapeComponent,
+      template: `<ng-doc-selector></ng-doc-selector>`,
+    },
+    WheelShapePlayground: {
+      target: WheelShapeComponent,
+      template: `<ng-doc-selector></ng-doc-selector>`,
+    },
+    MoonShapePlayground: {
+      target: MoonShapeComponent,
+      template: `<ng-doc-selector></ng-doc-selector>`,
+    },
+    MiscShapePlayground: {
+      target: MiscShapeComponent,
+      template: `<ng-doc-selector></ng-doc-selector>`,
+    },
+    TriangleShapePlayground: {
+      target: TriangleShapeComponent,
+      template: `<ng-doc-selector></ng-doc-selector>`,
+    },
+    PolygonShapePlayground: {
+      target: PolygonShapeComponent,
+      template: `<ng-doc-selector></ng-doc-selector>`,
+    },
+    RectangleShapePlayground: {
+      target: RectangleShapeComponent,
+      template: `<ng-doc-selector></ng-doc-selector>`,
+    },
+  },
+};
+
+export default CategoryPage;

_temp/old-examples/pages/global/index.md

@@ -0,0 +1,8 @@
+
+
+Just import the Global component `coolshape` and it will work.
+
+> **Note**
+> Setting the `random` input to `true` or leaving the `index` or `type` inputs empty would replace the shape with a random shape every time it renders.
+
+{{ NgDocActions.playground("CoolshapePlayground") }}

_temp/old-examples/pages/global/ng-doc.page.ts

@@ -0,0 +1,18 @@
+import { NgDocPage } from '@ng-doc/core';
+import ExamplesCategory from '../../ng-doc.category';
+import { CoolshapesComponent } from '@ngxpert/coolshapes';
+
+const GlobalPage: NgDocPage = {
+  title: `Global`,
+  mdFile: './index.md',
+  category: ExamplesCategory,
+  order: 1,
+  playgrounds: {
+    CoolshapePlayground: {
+      target: CoolshapesComponent,
+      template: `<ng-doc-selector></ng-doc-selector>`,
+    },
+  },
+};
+
+export default GlobalPage;

_temp/old-getting-started/ng-doc.category.ts

@@ -0,0 +1,8 @@
+import {NgDocCategory} from '@ng-doc/core';
+
+const GettingStartedCategory: NgDocCategory = {
+	title: 'Getting Started',
+	order: 1
+};
+
+export default GettingStartedCategory;

_temp/old-getting-started/pages/installation/index.md

@@ -0,0 +1,19 @@
+
+
+Install in your project using `npm`
+
+```bash
+npm install @ngxpert/coolshapes
+```
+
+or `yarn`
+
+```bash
+yarn add @ngxpert/coolshapes
+```
+
+## Usage
+
+Then simply start using `coolshape` component in your code:
+
+{{ NgDocActions.demo("UsageComponent", { expanded: true }) }}

_temp/old-getting-started/pages/installation/ng-doc.page.ts

@@ -0,0 +1,13 @@
+import {NgDocPage} from '@ng-doc/core';
+import GettingStartedCategory from '../../ng-doc.category';
+import { UsageComponent } from '../../../../components/usage/usage.component';
+
+const InstallationPage: NgDocPage = {
+	title: `Installation`,
+	mdFile: './index.md',
+	category: GettingStartedCategory,
+	order: 2,
+	demos: {UsageComponent},
+};
+
+export default InstallationPage;

_temp/old-getting-started/pages/what-is-coolshapes/index.md

@@ -0,0 +1,5 @@
+# What is Coolshapes?
+
+{{ NgDocActions.demo("BannerComponent", {container: false}) }}
+
+@ngxpert/coolshapes is an Angular library aiming at allowing developers to use cool-looking abstract shapes with little grainy gradients from [coolshapes](https://coolshap.es/)

_temp/old-getting-started/pages/what-is-coolshapes/ng-doc.page.ts

@@ -0,0 +1,13 @@
+import {NgDocPage} from '@ng-doc/core';
+import GettingStartedCategory from '../../ng-doc.category';
+import { BannerComponent } from '../../../../components/banner/banner.component';
+
+const WhatIsCoolshapesPage: NgDocPage = {
+	title: `What is Coolshapes`,
+	mdFile: './index.md',
+	category: GettingStartedCategory,
+	order: 1,
+	demos: { BannerComponent }
+};
+
+export default WhatIsCoolshapesPage;

angular.json

@@ -7,7 +7,29 @@
       "projectType": "application",
       "schematics": {
         "@schematics/angular:component": {
-          "style": "scss"
+          "style": "scss",
+          "skipTests": true
+        },
+        "@schematics/angular:class": {
+          "skipTests": true
+        },
+        "@schematics/angular:directive": {
+          "skipTests": true
+        },
+        "@schematics/angular:guard": {
+          "skipTests": true
+        },
+        "@schematics/angular:interceptor": {
+          "skipTests": true
+        },
+        "@schematics/angular:pipe": {
+          "skipTests": true
+        },
+        "@schematics/angular:resolver": {
+          "skipTests": true
+        },
+        "@schematics/angular:service": {
+          "skipTests": true
         }
       },
       "root": "",
@@ -41,8 +63,10 @@
                 "input": "ng-doc/coolshapes/assets",
                 "output": "assets/ng-doc"
               },
-              "src/favicon.ico",
-              "src/assets"
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
             ],
             "styles": [
               "node_modules/@ng-doc/app/styles/global.css",
@@ -57,15 +81,10 @@
           "configurations": {
             "production": {
               "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "500kb",
-                  "maximumError": "1mb"
-                },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "2kb",
-                  "maximumError": "4kb"
+                  "maximumWarning": "2kB",
+                  "maximumError": "4kB"
                 }
               ],
               "outputHashing": "all"
@@ -91,10 +110,7 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
-          "options": {
-            "buildTarget": "coolshapes:build"
-          }
+          "builder": "@angular-devkit/build-angular:extract-i18n"
         },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
@@ -106,8 +122,10 @@
             "tsConfig": "tsconfig.spec.json",
             "inlineStyleLanguage": "scss",
             "assets": [
-              "src/favicon.ico",
-              "src/assets"
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
             ],
             "styles": [
               "src/styles.scss"