angular-latest 0.0.0 → 1.0.0

package/.cache/storybook/default/dev-server/a5a8bf6e622aef57065c6498611f40c911543d7d-3920d97c51b8ad2521918fb1205babd22b0ed3d7

@@ -1 +1 @@
-{"value":{"id":"59vW6eL7h6XuSTEAgVvFG","lastUsed":1714842383700},"type":"Object","created":"2024-05-04T17:06:23.701Z","ttl":0}
+{"value":{"id":"itMRBv2uhXYK92WU2naBm","lastUsed":1714464396648},"type":"Object","created":"2024-04-30T08:06:36.648Z","ttl":0}

package/.cache/storybook/default/dev-server/a5a8bf6e622aef57065c6498611f40c911543d7d-43fdebe5fc35e4e9fabee9a83c7faea931b05ea0

@@ -1 +1 @@
-{"value":1714841559990,"type":"Number","created":"2024-05-04T16:52:39.996Z","ttl":0}
+{"value":1714464195609,"type":"Number","created":"2024-04-30T08:03:15.612Z","ttl":0}

package/.cache/storybook/default/dev-server/a5a8bf6e622aef57065c6498611f40c911543d7d-f086b87885981c04ce7a583ff90a49313de83de7

@@ -0,0 +1 @@
+{"value":{"scaffolded-empty":{"body":{"eventType":"scaffolded-empty","eventId":"cQOeNClPTGkJFwjsoqhH4","sessionId":"itMRBv2uhXYK92WU2naBm","payload":{"packageManager":"npm","projectType":"angular-cli","metadataErrorMessage":"No configuration files have been found in your configDir: .storybook.\nStorybook needs a \"main.js\" file, please add it.\n\nYou can pass a --config-dir flag to tell Storybook, where your main.js file is located at).\n\nMore info: https://storybook.js.org/docs/configure\n"},"context":{"inCI":false,"isTTY":true,"platform":"Windows","cliVersion":"8.0.9"}},"timestamp":1714464196597},"init":{"body":{"eventType":"init","eventId":"GcS-hS-4huDJxKOiSQjwv","sessionId":"itMRBv2uhXYK92WU2naBm","metadata":{"generatedAt":1714464395571,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"preview":{"usesGlobals":false},"framework":{"name":"@storybook/angular","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/angular","storybookVersion":"8.0.9","storybookVersionSpecifier":"^8.0.9","language":"typescript","storybookPackages":{"@storybook/addon-docs":{"version":"8.0.9"},"@storybook/angular":{"version":"8.0.9"},"@storybook/blocks":{"version":"8.0.9"},"@storybook/test":{"version":"8.0.9"},"storybook":{"version":"8.0.9"}},"addons":{"@storybook/addon-links":{"version":"8.0.9"},"@storybook/addon-essentials":{"version":"8.0.9"},"@chromatic-com/storybook":{"version":"1.3.3"},"@storybook/addon-interactions":{"version":"8.0.9"}}},"payload":{"projectType":"ANGULAR"},"context":{"inCI":false,"isTTY":true,"platform":"Windows","cliVersion":"8.0.9"}},"timestamp":1714464396650}},"type":"Object","created":"2024-04-30T08:06:36.651Z","ttl":0}

package/angular.json

@@ -134,6 +134,6 @@
     }
   },
   "cli": {
-    "analytics": "c0d06b71-80c7-470a-8f4e-f1dff8fbe174"
+    "analytics": "078402c6-d88d-4513-8846-8e9414a3f8a2"
   }
 }

package/documentation.json

@@ -303,19 +303,20 @@
         },
         {
             "name": "LoaderComponent",
-            "id": "component-LoaderComponent-63031bdaf2f4edbbcc3bce9497526f99e2937573fad49defff947a58b3c6959858d5f9d3b7433392e47a0dc492690b21ed3ff9fc3ae1a00cd0b96684615211c2",
-            "file": "src/app/components/loader/loader.component.ts",
+            "id": "component-LoaderComponent-3e70b0a6610836b0763ed9f419eb4ac4f6c27ec5b572ca14fbe8a9d4d01587f3270f2bf80bc63bf7740a740832a4660d65cdbc5f1d366cf23138963778c0a968",
+            "file": "src/stories/loader.ts",
             "encapsulation": [],
             "entryComponents": [],
             "inputs": [],
             "outputs": [],
             "providers": [],
-            "selector": "app-loader",
-            "styleUrls": [],
-            "styles": [],
-            "templateUrl": [
-                "./loader.component.html"
+            "selector": "storybook-loader",
+            "styleUrls": [
+                "./loader.css"
             ],
+            "styles": [],
+            "template": "<div class=\"loader\" [ngClass]=\"{'small': size === 'small', 'large': size === 'large'}\"></div>",
+            "templateUrl": [],
             "viewProviders": [],
             "hostDirectives": [],
             "inputsClass": [
@@ -324,7 +325,7 @@
                     "defaultValue": "'medium'",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 9,
+                    "line": 12,
                     "type": "\"small\" | \"medium\" | \"large\"",
                     "decorators": []
                 }
@@ -336,18 +337,63 @@
             "deprecationMessage": "",
             "hostBindings": [],
             "hostListeners": [],
-            "standalone": false,
+            "standalone": true,
+            "imports": [
+                {
+                    "name": "CommonModule",
+                    "type": "module"
+                }
+            ],
+            "description": "",
+            "rawdescription": "\n",
+            "type": "component",
+            "sourceCode": "import { CommonModule } from '@angular/common';\nimport { Component, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n  selector: 'storybook-loader',\n  standalone: true,\n  imports: [CommonModule],\n  template: `<div class=\"loader\" [ngClass]=\"{'small': size === 'small', 'large': size === 'large'}\"></div>`,\n  styleUrls: ['./loader.css'],\n})\nexport class LoaderComponent {\n  @Input() size: 'small' | 'medium' | 'large' = 'medium';\n}\n",
+            "assetsDirs": [],
+            "styleUrlsData": [
+                {
+                    "data": ".loader {\n  border: 4px solid #f3f3f3;\n  border-top: 4px solid #3498db;\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n  animation: spin 1s linear infinite;\n  margin: 20px auto;\n}\n\n.small {\n  width: 10px;\n  height: 10px;\n}\n\n.large {\n  width: 40px;\n  height: 40px;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}",
+                    "styleUrl": "./loader.css"
+                }
+            ],
+            "stylesData": "",
+            "extends": []
+        },
+        {
+            "name": "NavBarComponent",
+            "id": "component-NavBarComponent-caa1ca12cf5225daef254aa1713612b1fe912e158eee5699055180c6906ec34c9da1f67047c6b2ebdd8fd59f06c25f2319a4466292329a2235595d52fa4e5e49",
+            "file": "src/app/nav-bar/nav-bar.component.ts",
+            "encapsulation": [],
+            "entryComponents": [],
+            "inputs": [],
+            "outputs": [],
+            "providers": [],
+            "selector": "app-nav-bar",
+            "styleUrls": [],
+            "styles": [
+                ""
+            ],
+            "template": "<p>\n  nav-bar works!\n</p>\n",
+            "templateUrl": [],
+            "viewProviders": [],
+            "hostDirectives": [],
+            "inputsClass": [],
+            "outputsClass": [],
+            "propertiesClass": [],
+            "methodsClass": [],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "hostBindings": [],
+            "hostListeners": [],
+            "standalone": true,
             "imports": [],
             "description": "",
             "rawdescription": "\n",
             "type": "component",
-            "sourceCode": "import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-loader',\r\n  templateUrl: './loader.component.html',\r\n  styleUrl: './loader.component.css'\r\n})\r\nexport class LoaderComponent {\r\n  @Input() size: 'small' | 'medium' | 'large' = 'medium';\r\n}\r\n",
-            "styleUrl": "./loader.component.css",
+            "sourceCode": "import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-nav-bar',\r\n  standalone: true,\r\n  imports: [],\r\n  template: `\r\n    <p>\r\n      nav-bar works!\r\n    </p>\r\n  `,\r\n  styles: ``\r\n})\r\nexport class NavBarComponent {\r\n\r\n}\r\n",
             "assetsDirs": [],
             "styleUrlsData": "",
-            "stylesData": "",
-            "extends": [],
-            "templateData": "<div class=\"loader\" [ngClass]=\"{'small': size === 'small', 'large': size === 'large'}\"></div>"
+            "stylesData": "\n",
+            "extends": []
         },
         {
             "name": "PageComponent",
@@ -480,7 +526,7 @@
     },
     "routes": [],
     "coverage": {
-        "count": 11,
+        "count": 10,
         "status": "low",
         "files": [
             {
@@ -503,12 +549,12 @@
                 "status": "low"
             },
             {
-                "filePath": "src/app/components/loader/loader.component.ts",
+                "filePath": "src/app/nav-bar/nav-bar.component.ts",
                 "type": "component",
                 "linktype": "component",
-                "name": "LoaderComponent",
+                "name": "NavBarComponent",
                 "coveragePercent": 0,
-                "coverageCount": "0/2",
+                "coverageCount": "0/1",
                 "status": "low"
             },
             {
@@ -529,6 +575,15 @@
                 "coverageCount": "0/5",
                 "status": "low"
             },
+            {
+                "filePath": "src/stories/loader.ts",
+                "type": "component",
+                "linktype": "component",
+                "name": "LoaderComponent",
+                "coveragePercent": 0,
+                "coverageCount": "0/2",
+                "status": "low"
+            },
             {
                 "filePath": "src/stories/page.component.ts",
                 "type": "component",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-latest",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

package/src/app/nav-bar/nav-bar.component.ts

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-nav-bar',
+  standalone: true,
+  imports: [],
+  template: `
+    <p>
+      nav-bar works!
+    </p>
+  `,
+  styles: ``
+})
+export class NavBarComponent {
+
+}

package/src/stories/{loader.stories.ts → loade.stories.ts}

@@ -1,28 +1,33 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { fn } from '@storybook/test';
-import { LoaderComponent } from '../app/components/loader/loader.component';
-
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-const meta: Meta<LoaderComponent> = {
-  title: 'Example/Loader',
-  component: LoaderComponent,
-  tags: ['autodocs'],
-};
-export default meta;
-type Story = StoryObj<LoaderComponent>;
-// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
-export const Default: Story = {
-  args: {
-    size: 'medium',
-  },
-};
-export const Small: Story = {
-  args: {
-    size: 'small'
-  },
-};
-export const Large: Story = {
-  args: {
-    size: 'large'
-  },
-};
+import type { Meta, StoryObj } from '@storybook/angular';
+import { fn } from '@storybook/test';
+import { LoaderComponent } from './loader';
+
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
+const meta: Meta<LoaderComponent> = {
+  title: 'Example/Loader',
+  component: LoaderComponent,
+  tags: ['autodocs'],
+};
+
+export default meta;
+type Story = StoryObj<LoaderComponent>;
+
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Default: Story = {
+  args: {
+   size:'medium',
+  },
+};
+
+export const Small: Story = {
+  args: {
+    size: 'small'
+  },
+};
+
+export const Large: Story = {
+  args: {
+    size: 'large'
+  },
+};
+

package/src/stories/loader.css

@@ -0,0 +1,24 @@
+.loader {
+  border: 4px solid #f3f3f3;
+  border-top: 4px solid #3498db;
+  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+  animation: spin 1s linear infinite;
+  margin: 20px auto;
+}
+
+.small {
+  width: 10px;
+  height: 10px;
+}
+
+.large {
+  width: 40px;
+  height: 40px;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}

package/src/stories/loader.ts

@@ -0,0 +1,13 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+
+@Component({
+  selector: 'storybook-loader',
+  standalone: true,
+  imports: [CommonModule],
+  template: `<div class="loader" [ngClass]="{'small': size === 'small', 'large': size === 'large'}"></div>`,
+  styleUrls: ['./loader.css'],
+})
+export class LoaderComponent {
+  @Input() size: 'small' | 'medium' | 'large' = 'medium';
+}