angular-latest 0.0.0 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.cache/storybook/default/dev-server/a5a8bf6e622aef57065c6498611f40c911543d7d-3920d97c51b8ad2521918fb1205babd22b0ed3d7 +1 -1
- package/.cache/storybook/default/dev-server/a5a8bf6e622aef57065c6498611f40c911543d7d-43fdebe5fc35e4e9fabee9a83c7faea931b05ea0 +1 -1
- package/.cache/storybook/default/dev-server/a5a8bf6e622aef57065c6498611f40c911543d7d-f086b87885981c04ce7a583ff90a49313de83de7 +1 -0
- package/angular.json +1 -1
- package/documentation.json +73 -18
- package/package.json +1 -1
- package/src/app/nav-bar/nav-bar.component.ts +16 -0
- package/src/stories/{loader.stories.ts → loade.stories.ts} +33 -28
- package/src/stories/loader.css +24 -0
- package/src/stories/loader.ts +13 -0
- package/storybook-static/{723.dcfee548.iframe.bundle.js → 723.c32e1188.iframe.bundle.js} +5 -5
- package/storybook-static/{723.dcfee548.iframe.bundle.js.LICENSE.txt → 723.c32e1188.iframe.bundle.js.LICENSE.txt} +2 -2
- package/storybook-static/{723.dcfee548.iframe.bundle.js.map → 723.c32e1188.iframe.bundle.js.map} +1 -1
- package/storybook-static/{764.16831083.iframe.bundle.js → 764.3794ca45.iframe.bundle.js} +1 -1
- package/storybook-static/{994.091897e1.iframe.bundle.js → 994.39018fc0.iframe.bundle.js} +3 -3
- package/storybook-static/{994.091897e1.iframe.bundle.js.map → 994.39018fc0.iframe.bundle.js.map} +1 -1
- package/storybook-static/iframe.html +3 -3
- package/storybook-static/index.json +1 -1
- package/storybook-static/main.ecd23fcd.iframe.bundle.js +1 -0
- package/storybook-static/project.json +1 -1
- package/storybook-static/runtime~main.8d985908.iframe.bundle.js +1 -0
- package/storybook-static/stories-loade-stories.ca71547d.iframe.bundle.js +1 -0
- package/src/app/components/loader/loader.component.css +0 -21
- package/src/app/components/loader/loader.component.html +0 -1
- package/src/app/components/loader/loader.component.ts +0 -10
- package/storybook-static/main.c80cd11c.iframe.bundle.js +0 -1
- package/storybook-static/runtime~main.19b79a34.iframe.bundle.js +0 -1
- package/storybook-static/stories-loader-stories.8e527f9e.iframe.bundle.js +0 -1
- /package/storybook-static/{994.091897e1.iframe.bundle.js.LICENSE.txt → 994.39018fc0.iframe.bundle.js.LICENSE.txt} +0 -0
|
@@ -363,8 +363,8 @@
|
|
|
363
363
|
window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
|
|
364
364
|
|
|
365
365
|
|
|
366
|
-
import './runtime~main.
|
|
366
|
+
import './runtime~main.8d985908.iframe.bundle.js';
|
|
367
367
|
|
|
368
|
-
import './723.
|
|
368
|
+
import './723.c32e1188.iframe.bundle.js';
|
|
369
369
|
|
|
370
|
-
import './main.
|
|
370
|
+
import './main.ecd23fcd.iframe.bundle.js';</script></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"v":4,"entries":{"configure-your-project--docs":{"id":"configure-your-project--docs","title":"Configure your project","name":"Docs","importPath":"./src/stories/Configure.mdx","storiesImports":[],"type":"docs","tags":["unattached-mdx","docs"]},"example-button--docs":{"id":"example-button--docs","title":"Example/Button","name":"Docs","importPath":"./src/stories/button.stories.ts","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"example-button--primary":{"type":"story","id":"example-button--primary","name":"Primary","title":"Example/Button","importPath":"./src/stories/button.stories.ts","tags":["autodocs","story"]},"example-button--secondary":{"type":"story","id":"example-button--secondary","name":"Secondary","title":"Example/Button","importPath":"./src/stories/button.stories.ts","tags":["autodocs","story"]},"example-button--large":{"type":"story","id":"example-button--large","name":"Large","title":"Example/Button","importPath":"./src/stories/button.stories.ts","tags":["autodocs","story"]},"example-button--small":{"type":"story","id":"example-button--small","name":"Small","title":"Example/Button","importPath":"./src/stories/button.stories.ts","tags":["autodocs","story"]},"example-header--docs":{"id":"example-header--docs","title":"Example/Header","name":"Docs","importPath":"./src/stories/header.stories.ts","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"example-header--logged-in":{"type":"story","id":"example-header--logged-in","name":"Logged In","title":"Example/Header","importPath":"./src/stories/header.stories.ts","tags":["autodocs","story"]},"example-header--logged-out":{"type":"story","id":"example-header--logged-out","name":"Logged Out","title":"Example/Header","importPath":"./src/stories/header.stories.ts","tags":["autodocs","story"]},"example-loader--docs":{"id":"example-loader--docs","title":"Example/Loader","name":"Docs","importPath":"./src/stories/
|
|
1
|
+
{"v":4,"entries":{"configure-your-project--docs":{"id":"configure-your-project--docs","title":"Configure your project","name":"Docs","importPath":"./src/stories/Configure.mdx","storiesImports":[],"type":"docs","tags":["unattached-mdx","docs"]},"example-button--docs":{"id":"example-button--docs","title":"Example/Button","name":"Docs","importPath":"./src/stories/button.stories.ts","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"example-button--primary":{"type":"story","id":"example-button--primary","name":"Primary","title":"Example/Button","importPath":"./src/stories/button.stories.ts","tags":["autodocs","story"]},"example-button--secondary":{"type":"story","id":"example-button--secondary","name":"Secondary","title":"Example/Button","importPath":"./src/stories/button.stories.ts","tags":["autodocs","story"]},"example-button--large":{"type":"story","id":"example-button--large","name":"Large","title":"Example/Button","importPath":"./src/stories/button.stories.ts","tags":["autodocs","story"]},"example-button--small":{"type":"story","id":"example-button--small","name":"Small","title":"Example/Button","importPath":"./src/stories/button.stories.ts","tags":["autodocs","story"]},"example-header--docs":{"id":"example-header--docs","title":"Example/Header","name":"Docs","importPath":"./src/stories/header.stories.ts","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"example-header--logged-in":{"type":"story","id":"example-header--logged-in","name":"Logged In","title":"Example/Header","importPath":"./src/stories/header.stories.ts","tags":["autodocs","story"]},"example-header--logged-out":{"type":"story","id":"example-header--logged-out","name":"Logged Out","title":"Example/Header","importPath":"./src/stories/header.stories.ts","tags":["autodocs","story"]},"example-loader--docs":{"id":"example-loader--docs","title":"Example/Loader","name":"Docs","importPath":"./src/stories/loade.stories.ts","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"example-loader--default":{"type":"story","id":"example-loader--default","name":"Default","title":"Example/Loader","importPath":"./src/stories/loade.stories.ts","tags":["autodocs","story"]},"example-loader--small":{"type":"story","id":"example-loader--small","name":"Small","title":"Example/Loader","importPath":"./src/stories/loade.stories.ts","tags":["autodocs","story"]},"example-loader--large":{"type":"story","id":"example-loader--large","name":"Large","title":"Example/Loader","importPath":"./src/stories/loade.stories.ts","tags":["autodocs","story"]},"example-page--logged-out":{"type":"story","id":"example-page--logged-out","name":"Logged Out","title":"Example/Page","importPath":"./src/stories/page.stories.ts","tags":["story"]},"example-page--logged-in":{"type":"story","id":"example-page--logged-in","name":"Logged In","title":"Example/Page","importPath":"./src/stories/page.stories.ts","tags":["play-fn","story"]}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(self.webpackChunkangular_latest=self.webpackChunkangular_latest||[]).push([[792],{"./.storybook/preview.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>_storybook_preview});var angular=__webpack_require__("./node_modules/@storybook/addon-docs/angular/index.js");const documentation_namespaceObject=JSON.parse('{"pipes":[],"interfaces":[{"name":"User","id":"interface-User-d4821beac0e4a852e513391b7470981c4353fdd95a18628bb68136c8695b489ee15b926e2e5031bc26cf30e1508e0a362c3ee13a06734702b4d15af140e485d5","file":"src/stories/user.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"export interface User {\\n name: string;\\n}\\n","properties":[{"name":"name","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":2}],"indexSignatures":[],"kind":171,"methods":[],"extends":[]}],"injectables":[],"guards":[],"interceptors":[],"classes":[],"directives":[],"components":[{"name":"AppComponent","id":"component-AppComponent-f6e0a4165d90cd59f3e708780d9a8341fa358b7687dd565495660007b0653a064c738c99f2fcf4933a6716ace42cccf066ae403b54d7fe0acdb9b2879c092f10","file":"src/app/app.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"app-root","styleUrls":[],"styles":[],"template":"<h1>Welcome to {{title}}!</h1>\\n\\n<router-outlet />\\n","templateUrl":[],"viewProviders":[],"hostDirectives":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"title","defaultValue":"\'angular-latest\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":16}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"standalone":true,"imports":[{"name":"RouterOutlet"}],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component } from \'@angular/core\';\\r\\nimport { RouterOutlet } from \'@angular/router\';\\r\\n\\r\\n@Component({\\r\\n selector: \'app-root\',\\r\\n standalone: true,\\r\\n imports: [RouterOutlet],\\r\\n template: `\\r\\n <h1>Welcome to {{title}}!</h1>\\r\\n\\r\\n <router-outlet />\\r\\n `,\\r\\n styles: [],\\r\\n})\\r\\nexport class AppComponent {\\r\\n title = \'angular-latest\';\\r\\n}\\r\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","extends":[]},{"name":"ButtonComponent","id":"component-ButtonComponent-86e2311c54fbca7431c12e070d0fd5b0ebe343eec0553a392f182ba0e04a8f86613233d26ee47718fd0e7a65078f580c76a1fcc928ce55de81193d6618025bc4","file":"src/stories/button.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"storybook-button","styleUrls":["./button.css"],"styles":[],"template":"<button type=\\"button\\"\\n (click)=\\"onClick.emit($event)\\"\\n [ngClass]=\\"classes\\"\\n [ngStyle]=\\"{ \'background-color\': backgroundColor }\\"\\n >\\n {{ label }}\\n </button>","templateUrl":[],"viewProviders":[],"hostDirectives":[],"inputsClass":[{"name":"backgroundColor","deprecated":false,"deprecationMessage":"","rawdescription":"\\n\\nWhat background color to use\\n","description":"<p>What background color to use</p>\\n","line":29,"type":"string","decorators":[]},{"name":"label","defaultValue":"\'Button\'","deprecated":false,"deprecationMessage":"","jsdoctags":[{"pos":798,"end":811,"flags":16842752,"modifierFlagsCache":0,"transformFlags":0,"kind":334,"tagName":{"pos":799,"end":807,"flags":16842752,"modifierFlagsCache":0,"transformFlags":0,"kind":80,"escapedText":"required"},"comment":""}],"rawdescription":"\\n\\nButton contents\\n\\n","description":"<p>Button contents</p>\\n","line":43,"type":"string","decorators":[]},{"name":"primary","defaultValue":"false","deprecated":false,"deprecationMessage":"","rawdescription":"\\n\\nIs this the principal call to action on the page?\\n","description":"<p>Is this the principal call to action on the page?</p>\\n","line":23,"type":"boolean","decorators":[]},{"name":"size","defaultValue":"\'medium\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\n\\nHow large should the button be?\\n","description":"<p>How large should the button be?</p>\\n","line":35,"type":"\\"small\\" | \\"medium\\" | \\"large\\"","decorators":[]}],"outputsClass":[{"name":"onClick","defaultValue":"new EventEmitter<Event>()","deprecated":false,"deprecationMessage":"","rawdescription":"\\n\\nOptional click handler\\n","description":"<p>Optional click handler</p>\\n","line":49,"type":"EventEmitter"}],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"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-button\',\\n standalone: true,\\n imports: [CommonModule],\\n template: ` <button\\n type=\\"button\\"\\n (click)=\\"onClick.emit($event)\\"\\n [ngClass]=\\"classes\\"\\n [ngStyle]=\\"{ \'background-color\': backgroundColor }\\"\\n >\\n {{ label }}\\n </button>`,\\n styleUrls: [\'./button.css\'],\\n})\\nexport class ButtonComponent {\\n /**\\n * Is this the principal call to action on the page?\\n */\\n @Input()\\n primary = false;\\n\\n /**\\n * What background color to use\\n */\\n @Input()\\n backgroundColor?: string;\\n\\n /**\\n * How large should the button be?\\n */\\n @Input()\\n size: \'small\' | \'medium\' | \'large\' = \'medium\';\\n\\n /**\\n * Button contents\\n *\\n * @required\\n */\\n @Input()\\n label = \'Button\';\\n\\n /**\\n * Optional click handler\\n */\\n @Output()\\n onClick = new EventEmitter<Event>();\\n\\n public get classes(): string[] {\\n const mode = this.primary ? \'storybook-button--primary\' : \'storybook-button--secondary\';\\n\\n return [\'storybook-button\', `storybook-button--${this.size}`, mode];\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":".storybook-button {\\n font-family: \'Nunito Sans\', \'Helvetica Neue\', Helvetica, Arial, sans-serif;\\n font-weight: 700;\\n border: 0;\\n border-radius: 3em;\\n cursor: pointer;\\n display: inline-block;\\n line-height: 1;\\n}\\n.storybook-button--primary {\\n color: white;\\n background-color: #1ea7fd;\\n}\\n.storybook-button--secondary {\\n color: #333;\\n background-color: transparent;\\n box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;\\n}\\n.storybook-button--small {\\n font-size: 12px;\\n padding: 10px 16px;\\n}\\n.storybook-button--medium {\\n font-size: 14px;\\n padding: 11px 20px;\\n}\\n.storybook-button--large {\\n font-size: 16px;\\n padding: 12px 24px;\\n}\\n","styleUrl":"./button.css"}],"stylesData":"","extends":[],"accessors":{"classes":{"name":"classes","getSignature":{"name":"classes","type":"[]","returnType":"string[]","line":51}}}},{"name":"HeaderComponent","id":"component-HeaderComponent-cad94b233ec8e80ceb541e7972c5f9737e08237b4e137112f3987ca48ee0cce5c0d57798d41daa5d4d24d6bdbb2df1606ab68cca2aa0a1785e38f99f3cac0729","file":"src/stories/header.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"storybook-header","styleUrls":["./header.css"],"styles":[],"template":"<header> <div class=\\"storybook-header\\">\\n <div>\\n <svg width=\\"32\\" height=\\"32\\" viewBox=\\"0 0 32 32\\" xmlns=\\"http://www.w3.org/2000/svg\\">\\n <g fill=\\"none\\" fillRule=\\"evenodd\\">\\n <path\\n d=\\"M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z\\"\\n fill=\\"#FFF\\"\\n />\\n <path\\n d=\\"M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z\\"\\n fill=\\"#555AB9\\"\\n />\\n <path\\n d=\\"M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z\\"\\n fill=\\"#91BAF8\\"\\n />\\n </g>\\n </svg>\\n <h1>Acme</h1>\\n </div>\\n <div>\\n <div *ngIf=\\"user\\">\\n <span class=\\"welcome\\">\\n Welcome, <b>{{ user.name }}</b\\n >!\\n </span>\\n <storybook-button\\n *ngIf=\\"user\\"\\n size=\\"small\\"\\n (onClick)=\\"onLogout.emit($event)\\"\\n label=\\"Log out\\"\\n ></storybook-button>\\n </div>\\n <div *ngIf=\\"!user\\">\\n <storybook-button\\n *ngIf=\\"!user\\"\\n size=\\"small\\"\\n class=\\"margin-left\\"\\n (onClick)=\\"onLogin.emit($event)\\"\\n label=\\"Log in\\"\\n ></storybook-button>\\n <storybook-button\\n *ngIf=\\"!user\\"\\n size=\\"small\\"\\n [primary]=\\"true\\"\\n class=\\"margin-left\\"\\n (onClick)=\\"onCreateAccount.emit($event)\\"\\n label=\\"Sign up\\"\\n ></storybook-button>\\n </div>\\n </div>\\n </div>\\n </header>","templateUrl":[],"viewProviders":[],"hostDirectives":[],"inputsClass":[{"name":"user","defaultValue":"null","deprecated":false,"deprecationMessage":"","line":69,"type":"User | null","decorators":[]}],"outputsClass":[{"name":"onCreateAccount","defaultValue":"new EventEmitter<Event>()","deprecated":false,"deprecationMessage":"","line":78,"type":"EventEmitter"},{"name":"onLogin","defaultValue":"new EventEmitter<Event>()","deprecated":false,"deprecationMessage":"","line":72,"type":"EventEmitter"},{"name":"onLogout","defaultValue":"new EventEmitter<Event>()","deprecated":false,"deprecationMessage":"","line":75,"type":"EventEmitter"}],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"standalone":true,"imports":[{"name":"CommonModule","type":"module"},{"name":"ButtonComponent","type":"component"}],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, Input, Output, EventEmitter } from \'@angular/core\';\\nimport { CommonModule } from \'@angular/common\';\\n\\nimport { ButtonComponent } from \'./button.component\';\\nimport type { User } from \'./user\';\\n\\n@Component({\\n selector: \'storybook-header\',\\n standalone: true,\\n imports: [CommonModule, ButtonComponent],\\n template: `<header>\\n <div class=\\"storybook-header\\">\\n <div>\\n <svg width=\\"32\\" height=\\"32\\" viewBox=\\"0 0 32 32\\" xmlns=\\"http://www.w3.org/2000/svg\\">\\n <g fill=\\"none\\" fillRule=\\"evenodd\\">\\n <path\\n d=\\"M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z\\"\\n fill=\\"#FFF\\"\\n />\\n <path\\n d=\\"M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z\\"\\n fill=\\"#555AB9\\"\\n />\\n <path\\n d=\\"M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z\\"\\n fill=\\"#91BAF8\\"\\n />\\n </g>\\n </svg>\\n <h1>Acme</h1>\\n </div>\\n <div>\\n <div *ngIf=\\"user\\">\\n <span class=\\"welcome\\">\\n Welcome, <b>{{ user.name }}</b\\n >!\\n </span>\\n <storybook-button\\n *ngIf=\\"user\\"\\n size=\\"small\\"\\n (onClick)=\\"onLogout.emit($event)\\"\\n label=\\"Log out\\"\\n ></storybook-button>\\n </div>\\n <div *ngIf=\\"!user\\">\\n <storybook-button\\n *ngIf=\\"!user\\"\\n size=\\"small\\"\\n class=\\"margin-left\\"\\n (onClick)=\\"onLogin.emit($event)\\"\\n label=\\"Log in\\"\\n ></storybook-button>\\n <storybook-button\\n *ngIf=\\"!user\\"\\n size=\\"small\\"\\n [primary]=\\"true\\"\\n class=\\"margin-left\\"\\n (onClick)=\\"onCreateAccount.emit($event)\\"\\n label=\\"Sign up\\"\\n ></storybook-button>\\n </div>\\n </div>\\n </div>\\n </header>`,\\n styleUrls: [\'./header.css\'],\\n})\\nexport class HeaderComponent {\\n @Input()\\n user: User | null = null;\\n\\n @Output()\\n onLogin = new EventEmitter<Event>();\\n\\n @Output()\\n onLogout = new EventEmitter<Event>();\\n\\n @Output()\\n onCreateAccount = new EventEmitter<Event>();\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":".storybook-header {\\n font-family: \'Nunito Sans\', \'Helvetica Neue\', Helvetica, Arial, sans-serif;\\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\\n padding: 15px 20px;\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n\\n.storybook-header svg {\\n display: inline-block;\\n vertical-align: top;\\n}\\n\\n.storybook-header h1 {\\n font-weight: 700;\\n font-size: 20px;\\n line-height: 1;\\n margin: 6px 0 6px 10px;\\n display: inline-block;\\n vertical-align: top;\\n}\\n\\n.storybook-header button + button {\\n margin-left: 10px;\\n}\\n\\n.storybook-header .welcome {\\n color: #333;\\n font-size: 14px;\\n margin-right: 10px;\\n}\\n","styleUrl":"./header.css"}],"stylesData":"","extends":[]},{"name":"LoaderComponent","id":"component-LoaderComponent-3e70b0a6610836b0763ed9f419eb4ac4f6c27ec5b572ca14fbe8a9d4d01587f3270f2bf80bc63bf7740a740832a4660d65cdbc5f1d366cf23138963778c0a968","file":"src/stories/loader.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"storybook-loader","styleUrls":["./loader.css"],"styles":[],"template":"<div class=\\"loader\\" [ngClass]=\\"{\'small\': size === \'small\', \'large\': size === \'large\'}\\"></div>","templateUrl":[],"viewProviders":[],"hostDirectives":[],"inputsClass":[{"name":"size","defaultValue":"\'medium\'","deprecated":false,"deprecationMessage":"","line":12,"type":"\\"small\\" | \\"medium\\" | \\"large\\"","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"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 } 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":"\\n","extends":[]},{"name":"PageComponent","id":"component-PageComponent-d32b0f19628254ea3fc5526c4d4564ada1cc83cf936759006d90a46f5874b02a3359e331bddda20b22e74a616a6443c660602ba74dd38ebe1160759e0de6f7ba","file":"src/stories/page.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"storybook-page","styleUrls":["./page.css"],"styles":[],"template":"<article> <storybook-header\\n [user]=\\"user\\"\\n (onLogout)=\\"doLogout()\\"\\n (onLogin)=\\"doLogin()\\"\\n (onCreateAccount)=\\"doCreateAccount()\\"\\n ></storybook-header>\\n <section class=\\"storybook-page\\">\\n <h2>Pages in Storybook</h2>\\n <p>\\n We recommend building UIs with a\\n <a href=\\"https://componentdriven.org\\" target=\\"_blank\\" rel=\\"noopener noreferrer\\">\\n <strong>component-driven</strong>\\n </a>\\n process starting with atomic components and ending with pages.\\n </p>\\n <p>\\n Render pages with mock data. This makes it easy to build and review page states without\\n needing to navigate to them in your app. Here are some handy patterns for managing page data\\n in Storybook:\\n </p>\\n <ul>\\n <li>\\n Use a higher-level connected component. Storybook helps you compose such data from the\\n \\"args\\" of child component stories\\n </li>\\n <li>\\n Assemble data in the page component from your services. You can mock these services out\\n using Storybook.\\n </li>\\n </ul>\\n <p>\\n Get a guided tutorial on component-driven development at\\n <a href=\\"https://storybook.js.org/tutorials/\\" target=\\"_blank\\" rel=\\"noopener noreferrer\\">\\n Storybook tutorials\\n </a>\\n . Read more in the\\n <a href=\\"https://storybook.js.org/docs\\" target=\\"_blank\\" rel=\\"noopener noreferrer\\"> docs </a>\\n .\\n </p>\\n <div class=\\"tip-wrapper\\">\\n <span class=\\"tip\\">Tip</span> Adjust the width of the canvas with the\\n <svg width=\\"10\\" height=\\"10\\" viewBox=\\"0 0 12 12\\" xmlns=\\"http://www.w3.org/2000/svg\\">\\n <g fill=\\"none\\" fillRule=\\"evenodd\\">\\n <path\\n d=\\"M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z\\"\\n id=\\"a\\"\\n fill=\\"#999\\"\\n />\\n </g>\\n </svg>\\n Viewports addon in the toolbar\\n </div>\\n </section>\\n </article>","templateUrl":[],"viewProviders":[],"hostDirectives":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"user","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"User | null","optional":false,"description":"","line":69}],"methodsClass":[{"name":"doCreateAccount","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":79,"deprecated":false,"deprecationMessage":""},{"name":"doLogin","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":75,"deprecated":false,"deprecationMessage":""},{"name":"doLogout","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":71,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"standalone":true,"imports":[{"name":"CommonModule","type":"module"},{"name":"HeaderComponent","type":"component"}],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component } from \'@angular/core\';\\nimport { CommonModule } from \'@angular/common\';\\n\\nimport { HeaderComponent } from \'./header.component\';\\nimport type { User } from \'./user\';\\n\\n@Component({\\n selector: \'storybook-page\',\\n standalone: true,\\n imports: [CommonModule, HeaderComponent],\\n template: `<article>\\n <storybook-header\\n [user]=\\"user\\"\\n (onLogout)=\\"doLogout()\\"\\n (onLogin)=\\"doLogin()\\"\\n (onCreateAccount)=\\"doCreateAccount()\\"\\n ></storybook-header>\\n <section class=\\"storybook-page\\">\\n <h2>Pages in Storybook</h2>\\n <p>\\n We recommend building UIs with a\\n <a href=\\"https://componentdriven.org\\" target=\\"_blank\\" rel=\\"noopener noreferrer\\">\\n <strong>component-driven</strong>\\n </a>\\n process starting with atomic components and ending with pages.\\n </p>\\n <p>\\n Render pages with mock data. This makes it easy to build and review page states without\\n needing to navigate to them in your app. Here are some handy patterns for managing page data\\n in Storybook:\\n </p>\\n <ul>\\n <li>\\n Use a higher-level connected component. Storybook helps you compose such data from the\\n \\"args\\" of child component stories\\n </li>\\n <li>\\n Assemble data in the page component from your services. You can mock these services out\\n using Storybook.\\n </li>\\n </ul>\\n <p>\\n Get a guided tutorial on component-driven development at\\n <a href=\\"https://storybook.js.org/tutorials/\\" target=\\"_blank\\" rel=\\"noopener noreferrer\\">\\n Storybook tutorials\\n </a>\\n . Read more in the\\n <a href=\\"https://storybook.js.org/docs\\" target=\\"_blank\\" rel=\\"noopener noreferrer\\"> docs </a>\\n .\\n </p>\\n <div class=\\"tip-wrapper\\">\\n <span class=\\"tip\\">Tip</span> Adjust the width of the canvas with the\\n <svg width=\\"10\\" height=\\"10\\" viewBox=\\"0 0 12 12\\" xmlns=\\"http://www.w3.org/2000/svg\\">\\n <g fill=\\"none\\" fillRule=\\"evenodd\\">\\n <path\\n d=\\"M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z\\"\\n id=\\"a\\"\\n fill=\\"#999\\"\\n />\\n </g>\\n </svg>\\n Viewports addon in the toolbar\\n </div>\\n </section>\\n </article>`,\\n styleUrls: [\'./page.css\'],\\n})\\nexport class PageComponent {\\n user: User | null = null;\\n\\n doLogout() {\\n this.user = null;\\n }\\n\\n doLogin() {\\n this.user = { name: \'Jane Doe\' };\\n }\\n\\n doCreateAccount() {\\n this.user = { name: \'Jane Doe\' };\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":".storybook-page {\\n font-family: \'Nunito Sans\', \'Helvetica Neue\', Helvetica, Arial, sans-serif;\\n font-size: 14px;\\n line-height: 24px;\\n padding: 48px 20px;\\n margin: 0 auto;\\n max-width: 600px;\\n color: #333;\\n}\\n\\n.storybook-page h2 {\\n font-weight: 700;\\n font-size: 32px;\\n line-height: 1;\\n margin: 0 0 4px;\\n display: inline-block;\\n vertical-align: top;\\n}\\n\\n.storybook-page p {\\n margin: 1em 0;\\n}\\n\\n.storybook-page a {\\n text-decoration: none;\\n color: #1ea7fd;\\n}\\n\\n.storybook-page ul {\\n padding-left: 30px;\\n margin: 1em 0;\\n}\\n\\n.storybook-page li {\\n margin-bottom: 8px;\\n}\\n\\n.storybook-page .tip {\\n display: inline-block;\\n border-radius: 1em;\\n font-size: 11px;\\n line-height: 12px;\\n font-weight: 700;\\n background: #e7fdd8;\\n color: #66bf3c;\\n padding: 4px 12px;\\n margin-right: 10px;\\n vertical-align: top;\\n}\\n\\n.storybook-page .tip-wrapper {\\n font-size: 13px;\\n line-height: 20px;\\n margin-top: 40px;\\n margin-bottom: 40px;\\n}\\n\\n.storybook-page .tip-wrapper svg {\\n display: inline-block;\\n height: 12px;\\n width: 12px;\\n margin-right: 4px;\\n vertical-align: top;\\n margin-top: 3px;\\n}\\n\\n.storybook-page .tip-wrapper svg path {\\n fill: #1ea7fd;\\n}\\n","styleUrl":"./page.css"}],"stylesData":"","extends":[]}],"modules":[],"miscellaneous":{"variables":[{"name":"appConfig","ctype":"miscellaneous","subtype":"variable","file":"src/app/app.config.ts","deprecated":false,"deprecationMessage":"","type":"ApplicationConfig","defaultValue":"{\\r\\n providers: [provideRouter(routes)]\\r\\n}"}],"functions":[],"typealiases":[],"enumerations":[],"groupedVariables":{"src/app/app.config.ts":[{"name":"appConfig","ctype":"miscellaneous","subtype":"variable","file":"src/app/app.config.ts","deprecated":false,"deprecationMessage":"","type":"ApplicationConfig","defaultValue":"{\\r\\n providers: [provideRouter(routes)]\\r\\n}"}]},"groupedFunctions":{},"groupedEnumerations":{},"groupedTypeAliases":{}},"routes":[],"coverage":{"count":10,"status":"low","files":[{"filePath":"src/app/app.component.ts","type":"component","linktype":"component","name":"AppComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"src/app/app.config.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"appConfig","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"src/app/nav-bar/nav-bar.component.ts","type":"component","linktype":"component","name":"NavBarComponent","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"src/stories/button.component.ts","type":"component","linktype":"component","name":"ButtonComponent","coveragePercent":83,"coverageCount":"5/6","status":"very-good"},{"filePath":"src/stories/header.component.ts","type":"component","linktype":"component","name":"HeaderComponent","coveragePercent":0,"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","linktype":"component","name":"PageComponent","coveragePercent":0,"coverageCount":"0/5","status":"low"},{"filePath":"src/stories/user.ts","type":"interface","linktype":"interface","name":"User","coveragePercent":0,"coverageCount":"0/2","status":"low"}]}}');(0,angular.$)(documentation_namespaceObject);const _storybook_preview={parameters:{controls:{matchers:{color:/(background|color)$/i,date:/Date$/i}}}}},"./storybook-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),external_STORYBOOK_MODULE_CHANNELS_=__webpack_require__("@storybook/channels"),asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");const pipeline=x=>x(),importers=[function(){var _ref=(0,asyncToGenerator.A)((function*(path){if(!/^\.[\\/](?:src(?:[\\/](?!\.)(?:(?:(?!(?:^|[\\/])\.).)*?)[\\/]|[\\/]|$)(?!\.)(?=.)[^\\/]*?\.mdx)$/.exec(path))return;const pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:[\\\\/]src(?:[\\\\/](?%21\\.)(?:(?:(?%21(?:^%7C[\\\\/])\\.).)*?)[\\\\/]%7C[\\\\/]%7C$)(?%21\\.)(?=.)[^\\\\/]*?\\.mdx)$")("./"+pathRemainder)}));return function(_x){return _ref.apply(this,arguments)}}(),function(){var _ref2=(0,asyncToGenerator.A)((function*(path){if(!/^\.[\\/](?:src(?:[\\/](?!\.)(?:(?:(?!(?:^|[\\/])\.).)*?)[\\/]|[\\/]|$)(?!\.)(?=.)[^\\/]*?\.stories\.(js|jsx|mjs|ts|tsx))$/.exec(path))return;const pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:[\\\\/]src(?:[\\\\/](?%21\\.)(?:(?:(?%21(?:^%7C[\\\\/])\\.).)*?)[\\\\/]%7C[\\\\/]%7C$)(?%21\\.)(?=.)[^\\\\/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$")("./"+pathRemainder)}));return function(_x2){return _ref2.apply(this,arguments)}}()];function _importFn(){return(_importFn=(0,asyncToGenerator.A)((function*(path){for(let i=0;i<importers.length;i++){const moduleExports=yield pipeline((()=>importers[i](path)));if(moduleExports)return moduleExports}}))).apply(this,arguments)}const channel=(0,external_STORYBOOK_MODULE_CHANNELS_.createBrowserChannel)({page:"preview"});external_STORYBOOK_MODULE_PREVIEW_API_.addons.setChannel(channel),"DEVELOPMENT"===external_STORYBOOK_MODULE_GLOBAL_.global.CONFIG_TYPE&&(window.__STORYBOOK_SERVER_CHANNEL__=channel);const preview=new external_STORYBOOK_MODULE_PREVIEW_API_.PreviewWeb((function importFn(_x3){return _importFn.apply(this,arguments)}),(()=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.composeConfigs)([__webpack_require__("./node_modules/@storybook/angular/dist/client/preview-prod.js"),__webpack_require__("./node_modules/@storybook/angular/dist/client/docs/config.js"),__webpack_require__("./node_modules/@storybook/angular/dist/client/config.js"),__webpack_require__("./node_modules/@storybook/addon-links/dist/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/docs/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/actions/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/backgrounds/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/viewport/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/measure/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/outline/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/highlight/preview.js"),__webpack_require__("./node_modules/@storybook/addon-interactions/dist/preview.js"),__webpack_require__("./.storybook/preview.ts")])));window.__STORYBOOK_PREVIEW__=preview,window.__STORYBOOK_STORY_STORE__=preview.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=channel},"./node_modules/@storybook/instrumenter/dist sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/instrumenter/dist sync recursive",module.exports=webpackEmptyContext},"./node_modules/@storybook/test/dist sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/test/dist sync recursive",module.exports=webpackEmptyContext},"./node_modules/memoizerific sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/memoizerific sync recursive",module.exports=webpackEmptyContext},"./src/styles.scss?ngGlobalStyle":()=>{},"./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:[\\\\/]src(?:[\\\\/](?%21\\.)(?:(?:(?%21(?:^%7C[\\\\/])\\.).)*?)[\\\\/]%7C[\\\\/]%7C$)(?%21\\.)(?=.)[^\\\\/]*?\\.mdx)$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./stories/Configure.mdx":["./src/stories/Configure.mdx",994,187]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:[\\\\/]src(?:[\\\\/](?%21\\.)(?:(?:(?%21(?:^%7C[\\\\/])\\.).)*?)[\\\\/]%7C[\\\\/]%7C$)(?%21\\.)(?=.)[^\\\\/]*?\\.mdx)$",module.exports=webpackAsyncContext},"./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:[\\\\/]src(?:[\\\\/](?%21\\.)(?:(?:(?%21(?:^%7C[\\\\/])\\.).)*?)[\\\\/]%7C[\\\\/]%7C$)(?%21\\.)(?=.)[^\\\\/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./stories/button.stories":["./src/stories/button.stories.ts",791],"./stories/button.stories.ts":["./src/stories/button.stories.ts",791],"./stories/header.stories":["./src/stories/header.stories.ts",784],"./stories/header.stories.ts":["./src/stories/header.stories.ts",784],"./stories/loade.stories":["./src/stories/loade.stories.ts",292],"./stories/loade.stories.ts":["./src/stories/loade.stories.ts",292],"./stories/page.stories":["./src/stories/page.stories.ts",210],"./stories/page.stories.ts":["./src/stories/page.stories.ts",210]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return __webpack_require__.e(ids[1]).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:[\\\\/]src(?:[\\\\/](?%21\\.)(?:(?:(?%21(?:^%7C[\\\\/])\\.).)*?)[\\\\/]%7C[\\\\/]%7C$)(?%21\\.)(?=.)[^\\\\/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$",module.exports=webpackAsyncContext},"@storybook/channels":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CHANNELS__},"@storybook/client-logger":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"@storybook/core-events/preview-errors":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__},"@storybook/core-events":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS__},"@storybook/global":module=>{"use strict";module.exports=__STORYBOOK_MODULE_GLOBAL__},"@storybook/preview-api":module=>{"use strict";module.exports=__STORYBOOK_MODULE_PREVIEW_API__}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[723],(()=>(__webpack_exec__("./storybook-config-entry.js"),__webpack_exec__("./node_modules/zone.js/fesm2015/zone.js"),__webpack_exec__("./node_modules/@angular/compiler/fesm2022/compiler.mjs"),__webpack_exec__("./src/styles.scss?ngGlobalStyle"))));__webpack_require__.O()}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1714662156715,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"10.5.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"}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({187:"stories-Configure-mdx",210:"stories-page-stories",292:"stories-loade-stories",784:"stories-header-stories",791:"stories-button-stories"}[chunkId]||chunkId)+"."+{187:"4d18500d",210:"528e11e1",292:"ca71547d",419:"9380106a",555:"5343233e",764:"3794ca45",784:"2b1be1ea",787:"f3a8f680",791:"e503e31e",912:"a867d3a2",944:"63355339",994:"39018fc0"}[chunkId]+".iframe.bundle.js"),__webpack_require__.miniCssF=chunkId=>{},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=module=>((module=Object.create(module)).children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="angular-latest:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","angular-latest:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={354:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(354!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkangular_latest=self.webpackChunkangular_latest||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(self.webpackChunkangular_latest=self.webpackChunkangular_latest||[]).push([[292],{"./node_modules/css-loader/dist/runtime/api.js":module=>{"use strict";module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map((function(item){var content="",needLayer=void 0!==item[5];return item[4]&&(content+="@supports (".concat(item[4],") {")),item[2]&&(content+="@media ".concat(item[2]," {")),needLayer&&(content+="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&&(content+="}"),item[2]&&(content+="}"),item[4]&&(content+="}"),content})).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&&(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k<this.length;k++){var id=this[k][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _k=0;_k<modules.length;_k++){var item=[].concat(modules[_k]);dedupe&&alreadyImportedModules[item[0]]||(void 0!==layer&&(void 0===item[5]||(item[1]="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&&(item[2]?(item[1]="@media ".concat(item[2]," {").concat(item[1],"}"),item[2]=media):item[2]=media),supports&&(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/noSourceMaps.js":module=>{"use strict";module.exports=function(i){return i[1]}},"./src/stories/loade.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Large:()=>Large,Small:()=>Small,__namedExportsOrder:()=>__namedExportsOrder,default:()=>loade_stories});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.mjs"),loaderngResource=__webpack_require__("./src/stories/loader.css?ngResource"),loaderngResource_default=__webpack_require__.n(loaderngResource),common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let LoaderComponent=class LoaderComponent{constructor(){this.size="medium"}static#_=this.propDecorators={size:[{type:core.Input}]}};LoaderComponent=(0,tslib_es6.Cg)([(0,core.Component)({selector:"storybook-loader",standalone:!0,imports:[common.CommonModule],template:"<div class=\"loader\" [ngClass]=\"{'small': size === 'small', 'large': size === 'large'}\"></div>",styles:[loaderngResource_default()]})],LoaderComponent);const loade_stories={title:"Example/Loader",component:LoaderComponent,tags:["autodocs"]},Default={args:{size:"medium"}},Small={args:{size:"small"}},Large={args:{size:"large"}};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{\n args: {\n size: 'medium'\n }\n}",...Default.parameters?.docs?.source}}},Small.parameters={...Small.parameters,docs:{...Small.parameters?.docs,source:{originalSource:"{\n args: {\n size: 'small'\n }\n}",...Small.parameters?.docs?.source}}},Large.parameters={...Large.parameters,docs:{...Large.parameters?.docs,source:{originalSource:"{\n args: {\n size: 'large'\n }\n}",...Large.parameters?.docs?.source}}};const __namedExportsOrder=["Default","Small","Large"]},"./src/stories/loader.css?ngResource":(module,__unused_webpack_exports,__webpack_require__)=>{var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/noSourceMaps.js"),___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".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}",""]),module.exports=___CSS_LOADER_EXPORT___.toString()}}]);
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
.loader {
|
|
2
|
-
border: 4px solid #f3f3f3;
|
|
3
|
-
border-top: 4px solid #3498db;
|
|
4
|
-
border-radius: 50%;
|
|
5
|
-
width: 20px;
|
|
6
|
-
height: 20px;
|
|
7
|
-
animation: spin 1s linear infinite;
|
|
8
|
-
margin: 20px auto;
|
|
9
|
-
}
|
|
10
|
-
.small {
|
|
11
|
-
width: 10px;
|
|
12
|
-
height: 10px;
|
|
13
|
-
}
|
|
14
|
-
.large {
|
|
15
|
-
width: 40px;
|
|
16
|
-
height: 40px;
|
|
17
|
-
}
|
|
18
|
-
@keyframes spin {
|
|
19
|
-
0% { transform: rotate(0deg); }
|
|
20
|
-
100% { transform: rotate(360deg); }
|
|
21
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<div class="loader" [ngClass]="{'small': size === 'small', 'large': size === 'large'}"></div>
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
|
|
3
|
-
@Component({
|
|
4
|
-
selector: 'app-loader',
|
|
5
|
-
templateUrl: './loader.component.html',
|
|
6
|
-
styleUrl: './loader.component.css'
|
|
7
|
-
})
|
|
8
|
-
export class LoaderComponent {
|
|
9
|
-
@Input() size: 'small' | 'medium' | 'large' = 'medium';
|
|
10
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(self.webpackChunkangular_latest=self.webpackChunkangular_latest||[]).push([[792],{"./.storybook/preview.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>_storybook_preview});var angular=__webpack_require__("./node_modules/@storybook/addon-docs/angular/index.js");const documentation_namespaceObject=JSON.parse('{"pipes":[],"interfaces":[{"name":"User","id":"interface-User-d4821beac0e4a852e513391b7470981c4353fdd95a18628bb68136c8695b489ee15b926e2e5031bc26cf30e1508e0a362c3ee13a06734702b4d15af140e485d5","file":"src/stories/user.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"export interface User {\\n name: string;\\n}\\n","properties":[{"name":"name","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":2}],"indexSignatures":[],"kind":171,"methods":[],"extends":[]}],"injectables":[],"guards":[],"interceptors":[],"classes":[],"directives":[],"components":[{"name":"AppComponent","id":"component-AppComponent-f6e0a4165d90cd59f3e708780d9a8341fa358b7687dd565495660007b0653a064c738c99f2fcf4933a6716ace42cccf066ae403b54d7fe0acdb9b2879c092f10","file":"src/app/app.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"app-root","styleUrls":[],"styles":[],"template":"<h1>Welcome to {{title}}!</h1>\\n\\n<router-outlet />\\n","templateUrl":[],"viewProviders":[],"hostDirectives":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"title","defaultValue":"\'angular-latest\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":16}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"standalone":true,"imports":[{"name":"RouterOutlet"}],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component } from \'@angular/core\';\\r\\nimport { RouterOutlet } from \'@angular/router\';\\r\\n\\r\\n@Component({\\r\\n selector: \'app-root\',\\r\\n standalone: true,\\r\\n imports: [RouterOutlet],\\r\\n template: `\\r\\n <h1>Welcome to {{title}}!</h1>\\r\\n\\r\\n <router-outlet />\\r\\n `,\\r\\n styles: [],\\r\\n})\\r\\nexport class AppComponent {\\r\\n title = \'angular-latest\';\\r\\n}\\r\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","extends":[]},{"name":"ButtonComponent","id":"component-ButtonComponent-86e2311c54fbca7431c12e070d0fd5b0ebe343eec0553a392f182ba0e04a8f86613233d26ee47718fd0e7a65078f580c76a1fcc928ce55de81193d6618025bc4","file":"src/stories/button.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"storybook-button","styleUrls":["./button.css"],"styles":[],"template":"<button type=\\"button\\"\\n (click)=\\"onClick.emit($event)\\"\\n [ngClass]=\\"classes\\"\\n [ngStyle]=\\"{ \'background-color\': backgroundColor }\\"\\n >\\n {{ label }}\\n </button>","templateUrl":[],"viewProviders":[],"hostDirectives":[],"inputsClass":[{"name":"backgroundColor","deprecated":false,"deprecationMessage":"","rawdescription":"\\n\\nWhat background color to use\\n","description":"<p>What background color to use</p>\\n","line":29,"type":"string","decorators":[]},{"name":"label","defaultValue":"\'Button\'","deprecated":false,"deprecationMessage":"","jsdoctags":[{"pos":798,"end":811,"flags":16842752,"modifierFlagsCache":0,"transformFlags":0,"kind":334,"tagName":{"pos":799,"end":807,"flags":16842752,"modifierFlagsCache":0,"transformFlags":0,"kind":80,"escapedText":"required"},"comment":""}],"rawdescription":"\\n\\nButton contents\\n\\n","description":"<p>Button contents</p>\\n","line":43,"type":"string","decorators":[]},{"name":"primary","defaultValue":"false","deprecated":false,"deprecationMessage":"","rawdescription":"\\n\\nIs this the principal call to action on the page?\\n","description":"<p>Is this the principal call to action on the page?</p>\\n","line":23,"type":"boolean","decorators":[]},{"name":"size","defaultValue":"\'medium\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\n\\nHow large should the button be?\\n","description":"<p>How large should the button be?</p>\\n","line":35,"type":"\\"small\\" | \\"medium\\" | \\"large\\"","decorators":[]}],"outputsClass":[{"name":"onClick","defaultValue":"new EventEmitter<Event>()","deprecated":false,"deprecationMessage":"","rawdescription":"\\n\\nOptional click handler\\n","description":"<p>Optional click handler</p>\\n","line":49,"type":"EventEmitter"}],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"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-button\',\\n standalone: true,\\n imports: [CommonModule],\\n template: ` <button\\n type=\\"button\\"\\n (click)=\\"onClick.emit($event)\\"\\n [ngClass]=\\"classes\\"\\n [ngStyle]=\\"{ \'background-color\': backgroundColor }\\"\\n >\\n {{ label }}\\n </button>`,\\n styleUrls: [\'./button.css\'],\\n})\\nexport class ButtonComponent {\\n /**\\n * Is this the principal call to action on the page?\\n */\\n @Input()\\n primary = false;\\n\\n /**\\n * What background color to use\\n */\\n @Input()\\n backgroundColor?: string;\\n\\n /**\\n * How large should the button be?\\n */\\n @Input()\\n size: \'small\' | \'medium\' | \'large\' = \'medium\';\\n\\n /**\\n * Button contents\\n *\\n * @required\\n */\\n @Input()\\n label = \'Button\';\\n\\n /**\\n * Optional click handler\\n */\\n @Output()\\n onClick = new EventEmitter<Event>();\\n\\n public get classes(): string[] {\\n const mode = this.primary ? \'storybook-button--primary\' : \'storybook-button--secondary\';\\n\\n return [\'storybook-button\', `storybook-button--${this.size}`, mode];\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":".storybook-button {\\n font-family: \'Nunito Sans\', \'Helvetica Neue\', Helvetica, Arial, sans-serif;\\n font-weight: 700;\\n border: 0;\\n border-radius: 3em;\\n cursor: pointer;\\n display: inline-block;\\n line-height: 1;\\n}\\n.storybook-button--primary {\\n color: white;\\n background-color: #1ea7fd;\\n}\\n.storybook-button--secondary {\\n color: #333;\\n background-color: transparent;\\n box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;\\n}\\n.storybook-button--small {\\n font-size: 12px;\\n padding: 10px 16px;\\n}\\n.storybook-button--medium {\\n font-size: 14px;\\n padding: 11px 20px;\\n}\\n.storybook-button--large {\\n font-size: 16px;\\n padding: 12px 24px;\\n}\\n","styleUrl":"./button.css"}],"stylesData":"","extends":[],"accessors":{"classes":{"name":"classes","getSignature":{"name":"classes","type":"[]","returnType":"string[]","line":51}}}},{"name":"HeaderComponent","id":"component-HeaderComponent-cad94b233ec8e80ceb541e7972c5f9737e08237b4e137112f3987ca48ee0cce5c0d57798d41daa5d4d24d6bdbb2df1606ab68cca2aa0a1785e38f99f3cac0729","file":"src/stories/header.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"storybook-header","styleUrls":["./header.css"],"styles":[],"template":"<header> <div class=\\"storybook-header\\">\\n <div>\\n <svg width=\\"32\\" height=\\"32\\" viewBox=\\"0 0 32 32\\" xmlns=\\"http://www.w3.org/2000/svg\\">\\n <g fill=\\"none\\" fillRule=\\"evenodd\\">\\n <path\\n d=\\"M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z\\"\\n fill=\\"#FFF\\"\\n />\\n <path\\n d=\\"M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z\\"\\n fill=\\"#555AB9\\"\\n />\\n <path\\n d=\\"M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z\\"\\n fill=\\"#91BAF8\\"\\n />\\n </g>\\n </svg>\\n <h1>Acme</h1>\\n </div>\\n <div>\\n <div *ngIf=\\"user\\">\\n <span class=\\"welcome\\">\\n Welcome, <b>{{ user.name }}</b\\n >!\\n </span>\\n <storybook-button\\n *ngIf=\\"user\\"\\n size=\\"small\\"\\n (onClick)=\\"onLogout.emit($event)\\"\\n label=\\"Log out\\"\\n ></storybook-button>\\n </div>\\n <div *ngIf=\\"!user\\">\\n <storybook-button\\n *ngIf=\\"!user\\"\\n size=\\"small\\"\\n class=\\"margin-left\\"\\n (onClick)=\\"onLogin.emit($event)\\"\\n label=\\"Log in\\"\\n ></storybook-button>\\n <storybook-button\\n *ngIf=\\"!user\\"\\n size=\\"small\\"\\n [primary]=\\"true\\"\\n class=\\"margin-left\\"\\n (onClick)=\\"onCreateAccount.emit($event)\\"\\n label=\\"Sign up\\"\\n ></storybook-button>\\n </div>\\n </div>\\n </div>\\n </header>","templateUrl":[],"viewProviders":[],"hostDirectives":[],"inputsClass":[{"name":"user","defaultValue":"null","deprecated":false,"deprecationMessage":"","line":69,"type":"User | null","decorators":[]}],"outputsClass":[{"name":"onCreateAccount","defaultValue":"new EventEmitter<Event>()","deprecated":false,"deprecationMessage":"","line":78,"type":"EventEmitter"},{"name":"onLogin","defaultValue":"new EventEmitter<Event>()","deprecated":false,"deprecationMessage":"","line":72,"type":"EventEmitter"},{"name":"onLogout","defaultValue":"new EventEmitter<Event>()","deprecated":false,"deprecationMessage":"","line":75,"type":"EventEmitter"}],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"standalone":true,"imports":[{"name":"CommonModule","type":"module"},{"name":"ButtonComponent","type":"component"}],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, Input, Output, EventEmitter } from \'@angular/core\';\\nimport { CommonModule } from \'@angular/common\';\\n\\nimport { ButtonComponent } from \'./button.component\';\\nimport type { User } from \'./user\';\\n\\n@Component({\\n selector: \'storybook-header\',\\n standalone: true,\\n imports: [CommonModule, ButtonComponent],\\n template: `<header>\\n <div class=\\"storybook-header\\">\\n <div>\\n <svg width=\\"32\\" height=\\"32\\" viewBox=\\"0 0 32 32\\" xmlns=\\"http://www.w3.org/2000/svg\\">\\n <g fill=\\"none\\" fillRule=\\"evenodd\\">\\n <path\\n d=\\"M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z\\"\\n fill=\\"#FFF\\"\\n />\\n <path\\n d=\\"M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z\\"\\n fill=\\"#555AB9\\"\\n />\\n <path\\n d=\\"M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z\\"\\n fill=\\"#91BAF8\\"\\n />\\n </g>\\n </svg>\\n <h1>Acme</h1>\\n </div>\\n <div>\\n <div *ngIf=\\"user\\">\\n <span class=\\"welcome\\">\\n Welcome, <b>{{ user.name }}</b\\n >!\\n </span>\\n <storybook-button\\n *ngIf=\\"user\\"\\n size=\\"small\\"\\n (onClick)=\\"onLogout.emit($event)\\"\\n label=\\"Log out\\"\\n ></storybook-button>\\n </div>\\n <div *ngIf=\\"!user\\">\\n <storybook-button\\n *ngIf=\\"!user\\"\\n size=\\"small\\"\\n class=\\"margin-left\\"\\n (onClick)=\\"onLogin.emit($event)\\"\\n label=\\"Log in\\"\\n ></storybook-button>\\n <storybook-button\\n *ngIf=\\"!user\\"\\n size=\\"small\\"\\n [primary]=\\"true\\"\\n class=\\"margin-left\\"\\n (onClick)=\\"onCreateAccount.emit($event)\\"\\n label=\\"Sign up\\"\\n ></storybook-button>\\n </div>\\n </div>\\n </div>\\n </header>`,\\n styleUrls: [\'./header.css\'],\\n})\\nexport class HeaderComponent {\\n @Input()\\n user: User | null = null;\\n\\n @Output()\\n onLogin = new EventEmitter<Event>();\\n\\n @Output()\\n onLogout = new EventEmitter<Event>();\\n\\n @Output()\\n onCreateAccount = new EventEmitter<Event>();\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":".storybook-header {\\n font-family: \'Nunito Sans\', \'Helvetica Neue\', Helvetica, Arial, sans-serif;\\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\\n padding: 15px 20px;\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n\\n.storybook-header svg {\\n display: inline-block;\\n vertical-align: top;\\n}\\n\\n.storybook-header h1 {\\n font-weight: 700;\\n font-size: 20px;\\n line-height: 1;\\n margin: 6px 0 6px 10px;\\n display: inline-block;\\n vertical-align: top;\\n}\\n\\n.storybook-header button + button {\\n margin-left: 10px;\\n}\\n\\n.storybook-header .welcome {\\n color: #333;\\n font-size: 14px;\\n margin-right: 10px;\\n}\\n","styleUrl":"./header.css"}],"stylesData":"","extends":[]},{"name":"LoaderComponent","id":"component-LoaderComponent-63031bdaf2f4edbbcc3bce9497526f99e2937573fad49defff947a58b3c6959858d5f9d3b7433392e47a0dc492690b21ed3ff9fc3ae1a00cd0b96684615211c2","file":"src/app/components/loader/loader.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"app-loader","styleUrls":[],"styles":[],"templateUrl":["./loader.component.html"],"viewProviders":[],"hostDirectives":[],"inputsClass":[{"name":"size","defaultValue":"\'medium\'","deprecated":false,"deprecationMessage":"","line":9,"type":"\\"small\\" | \\"medium\\" | \\"large\\"","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"standalone":false,"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","assetsDirs":[],"styleUrlsData":"","stylesData":"","extends":[],"templateData":"<div class=\\"loader\\" [ngClass]=\\"{\'small\': size === \'small\', \'large\': size === \'large\'}\\"></div>"},{"name":"PageComponent","id":"component-PageComponent-d32b0f19628254ea3fc5526c4d4564ada1cc83cf936759006d90a46f5874b02a3359e331bddda20b22e74a616a6443c660602ba74dd38ebe1160759e0de6f7ba","file":"src/stories/page.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"storybook-page","styleUrls":["./page.css"],"styles":[],"template":"<article> <storybook-header\\n [user]=\\"user\\"\\n (onLogout)=\\"doLogout()\\"\\n (onLogin)=\\"doLogin()\\"\\n (onCreateAccount)=\\"doCreateAccount()\\"\\n ></storybook-header>\\n <section class=\\"storybook-page\\">\\n <h2>Pages in Storybook</h2>\\n <p>\\n We recommend building UIs with a\\n <a href=\\"https://componentdriven.org\\" target=\\"_blank\\" rel=\\"noopener noreferrer\\">\\n <strong>component-driven</strong>\\n </a>\\n process starting with atomic components and ending with pages.\\n </p>\\n <p>\\n Render pages with mock data. This makes it easy to build and review page states without\\n needing to navigate to them in your app. Here are some handy patterns for managing page data\\n in Storybook:\\n </p>\\n <ul>\\n <li>\\n Use a higher-level connected component. Storybook helps you compose such data from the\\n \\"args\\" of child component stories\\n </li>\\n <li>\\n Assemble data in the page component from your services. You can mock these services out\\n using Storybook.\\n </li>\\n </ul>\\n <p>\\n Get a guided tutorial on component-driven development at\\n <a href=\\"https://storybook.js.org/tutorials/\\" target=\\"_blank\\" rel=\\"noopener noreferrer\\">\\n Storybook tutorials\\n </a>\\n . Read more in the\\n <a href=\\"https://storybook.js.org/docs\\" target=\\"_blank\\" rel=\\"noopener noreferrer\\"> docs </a>\\n .\\n </p>\\n <div class=\\"tip-wrapper\\">\\n <span class=\\"tip\\">Tip</span> Adjust the width of the canvas with the\\n <svg width=\\"10\\" height=\\"10\\" viewBox=\\"0 0 12 12\\" xmlns=\\"http://www.w3.org/2000/svg\\">\\n <g fill=\\"none\\" fillRule=\\"evenodd\\">\\n <path\\n d=\\"M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z\\"\\n id=\\"a\\"\\n fill=\\"#999\\"\\n />\\n </g>\\n </svg>\\n Viewports addon in the toolbar\\n </div>\\n </section>\\n </article>","templateUrl":[],"viewProviders":[],"hostDirectives":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"user","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"User | null","optional":false,"description":"","line":69}],"methodsClass":[{"name":"doCreateAccount","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":79,"deprecated":false,"deprecationMessage":""},{"name":"doLogin","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":75,"deprecated":false,"deprecationMessage":""},{"name":"doLogout","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":71,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"standalone":true,"imports":[{"name":"CommonModule","type":"module"},{"name":"HeaderComponent","type":"component"}],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component } from \'@angular/core\';\\nimport { CommonModule } from \'@angular/common\';\\n\\nimport { HeaderComponent } from \'./header.component\';\\nimport type { User } from \'./user\';\\n\\n@Component({\\n selector: \'storybook-page\',\\n standalone: true,\\n imports: [CommonModule, HeaderComponent],\\n template: `<article>\\n <storybook-header\\n [user]=\\"user\\"\\n (onLogout)=\\"doLogout()\\"\\n (onLogin)=\\"doLogin()\\"\\n (onCreateAccount)=\\"doCreateAccount()\\"\\n ></storybook-header>\\n <section class=\\"storybook-page\\">\\n <h2>Pages in Storybook</h2>\\n <p>\\n We recommend building UIs with a\\n <a href=\\"https://componentdriven.org\\" target=\\"_blank\\" rel=\\"noopener noreferrer\\">\\n <strong>component-driven</strong>\\n </a>\\n process starting with atomic components and ending with pages.\\n </p>\\n <p>\\n Render pages with mock data. This makes it easy to build and review page states without\\n needing to navigate to them in your app. Here are some handy patterns for managing page data\\n in Storybook:\\n </p>\\n <ul>\\n <li>\\n Use a higher-level connected component. Storybook helps you compose such data from the\\n \\"args\\" of child component stories\\n </li>\\n <li>\\n Assemble data in the page component from your services. You can mock these services out\\n using Storybook.\\n </li>\\n </ul>\\n <p>\\n Get a guided tutorial on component-driven development at\\n <a href=\\"https://storybook.js.org/tutorials/\\" target=\\"_blank\\" rel=\\"noopener noreferrer\\">\\n Storybook tutorials\\n </a>\\n . Read more in the\\n <a href=\\"https://storybook.js.org/docs\\" target=\\"_blank\\" rel=\\"noopener noreferrer\\"> docs </a>\\n .\\n </p>\\n <div class=\\"tip-wrapper\\">\\n <span class=\\"tip\\">Tip</span> Adjust the width of the canvas with the\\n <svg width=\\"10\\" height=\\"10\\" viewBox=\\"0 0 12 12\\" xmlns=\\"http://www.w3.org/2000/svg\\">\\n <g fill=\\"none\\" fillRule=\\"evenodd\\">\\n <path\\n d=\\"M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z\\"\\n id=\\"a\\"\\n fill=\\"#999\\"\\n />\\n </g>\\n </svg>\\n Viewports addon in the toolbar\\n </div>\\n </section>\\n </article>`,\\n styleUrls: [\'./page.css\'],\\n})\\nexport class PageComponent {\\n user: User | null = null;\\n\\n doLogout() {\\n this.user = null;\\n }\\n\\n doLogin() {\\n this.user = { name: \'Jane Doe\' };\\n }\\n\\n doCreateAccount() {\\n this.user = { name: \'Jane Doe\' };\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":".storybook-page {\\n font-family: \'Nunito Sans\', \'Helvetica Neue\', Helvetica, Arial, sans-serif;\\n font-size: 14px;\\n line-height: 24px;\\n padding: 48px 20px;\\n margin: 0 auto;\\n max-width: 600px;\\n color: #333;\\n}\\n\\n.storybook-page h2 {\\n font-weight: 700;\\n font-size: 32px;\\n line-height: 1;\\n margin: 0 0 4px;\\n display: inline-block;\\n vertical-align: top;\\n}\\n\\n.storybook-page p {\\n margin: 1em 0;\\n}\\n\\n.storybook-page a {\\n text-decoration: none;\\n color: #1ea7fd;\\n}\\n\\n.storybook-page ul {\\n padding-left: 30px;\\n margin: 1em 0;\\n}\\n\\n.storybook-page li {\\n margin-bottom: 8px;\\n}\\n\\n.storybook-page .tip {\\n display: inline-block;\\n border-radius: 1em;\\n font-size: 11px;\\n line-height: 12px;\\n font-weight: 700;\\n background: #e7fdd8;\\n color: #66bf3c;\\n padding: 4px 12px;\\n margin-right: 10px;\\n vertical-align: top;\\n}\\n\\n.storybook-page .tip-wrapper {\\n font-size: 13px;\\n line-height: 20px;\\n margin-top: 40px;\\n margin-bottom: 40px;\\n}\\n\\n.storybook-page .tip-wrapper svg {\\n display: inline-block;\\n height: 12px;\\n width: 12px;\\n margin-right: 4px;\\n vertical-align: top;\\n margin-top: 3px;\\n}\\n\\n.storybook-page .tip-wrapper svg path {\\n fill: #1ea7fd;\\n}\\n","styleUrl":"./page.css"}],"stylesData":"","extends":[]}],"modules":[],"miscellaneous":{"variables":[{"name":"appConfig","ctype":"miscellaneous","subtype":"variable","file":"src/app/app.config.ts","deprecated":false,"deprecationMessage":"","type":"ApplicationConfig","defaultValue":"{\\r\\n providers: [provideRouter(routes)]\\r\\n}"}],"functions":[],"typealiases":[],"enumerations":[],"groupedVariables":{"src/app/app.config.ts":[{"name":"appConfig","ctype":"miscellaneous","subtype":"variable","file":"src/app/app.config.ts","deprecated":false,"deprecationMessage":"","type":"ApplicationConfig","defaultValue":"{\\r\\n providers: [provideRouter(routes)]\\r\\n}"}]},"groupedFunctions":{},"groupedEnumerations":{},"groupedTypeAliases":{}},"routes":[],"coverage":{"count":11,"status":"low","files":[{"filePath":"src/app/app.component.ts","type":"component","linktype":"component","name":"AppComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"src/app/app.config.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"appConfig","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"src/app/components/loader/loader.component.ts","type":"component","linktype":"component","name":"LoaderComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"src/stories/button.component.ts","type":"component","linktype":"component","name":"ButtonComponent","coveragePercent":83,"coverageCount":"5/6","status":"very-good"},{"filePath":"src/stories/header.component.ts","type":"component","linktype":"component","name":"HeaderComponent","coveragePercent":0,"coverageCount":"0/5","status":"low"},{"filePath":"src/stories/page.component.ts","type":"component","linktype":"component","name":"PageComponent","coveragePercent":0,"coverageCount":"0/5","status":"low"},{"filePath":"src/stories/user.ts","type":"interface","linktype":"interface","name":"User","coveragePercent":0,"coverageCount":"0/2","status":"low"}]}}');(0,angular.$)(documentation_namespaceObject);const _storybook_preview={parameters:{controls:{matchers:{color:/(background|color)$/i,date:/Date$/i}}}}},"./storybook-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),external_STORYBOOK_MODULE_CHANNELS_=__webpack_require__("@storybook/channels"),asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");const pipeline=x=>x(),importers=[function(){var _ref=(0,asyncToGenerator.A)((function*(path){if(!/^\.[\\/](?:src(?:[\\/](?!\.)(?:(?:(?!(?:^|[\\/])\.).)*?)[\\/]|[\\/]|$)(?!\.)(?=.)[^\\/]*?\.mdx)$/.exec(path))return;const pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:[\\\\/]src(?:[\\\\/](?%21\\.)(?:(?:(?%21(?:^%7C[\\\\/])\\.).)*?)[\\\\/]%7C[\\\\/]%7C$)(?%21\\.)(?=.)[^\\\\/]*?\\.mdx)$")("./"+pathRemainder)}));return function(_x){return _ref.apply(this,arguments)}}(),function(){var _ref2=(0,asyncToGenerator.A)((function*(path){if(!/^\.[\\/](?:src(?:[\\/](?!\.)(?:(?:(?!(?:^|[\\/])\.).)*?)[\\/]|[\\/]|$)(?!\.)(?=.)[^\\/]*?\.stories\.(js|jsx|mjs|ts|tsx))$/.exec(path))return;const pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:[\\\\/]src(?:[\\\\/](?%21\\.)(?:(?:(?%21(?:^%7C[\\\\/])\\.).)*?)[\\\\/]%7C[\\\\/]%7C$)(?%21\\.)(?=.)[^\\\\/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$")("./"+pathRemainder)}));return function(_x2){return _ref2.apply(this,arguments)}}()];function _importFn(){return(_importFn=(0,asyncToGenerator.A)((function*(path){for(let i=0;i<importers.length;i++){const moduleExports=yield pipeline((()=>importers[i](path)));if(moduleExports)return moduleExports}}))).apply(this,arguments)}const channel=(0,external_STORYBOOK_MODULE_CHANNELS_.createBrowserChannel)({page:"preview"});external_STORYBOOK_MODULE_PREVIEW_API_.addons.setChannel(channel),"DEVELOPMENT"===external_STORYBOOK_MODULE_GLOBAL_.global.CONFIG_TYPE&&(window.__STORYBOOK_SERVER_CHANNEL__=channel);const preview=new external_STORYBOOK_MODULE_PREVIEW_API_.PreviewWeb((function importFn(_x3){return _importFn.apply(this,arguments)}),(()=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.composeConfigs)([__webpack_require__("./node_modules/@storybook/angular/dist/client/preview-prod.js"),__webpack_require__("./node_modules/@storybook/angular/dist/client/docs/config.js"),__webpack_require__("./node_modules/@storybook/angular/dist/client/config.js"),__webpack_require__("./node_modules/@storybook/addon-links/dist/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/docs/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/actions/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/backgrounds/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/viewport/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/measure/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/outline/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/highlight/preview.js"),__webpack_require__("./node_modules/@storybook/addon-interactions/dist/preview.js"),__webpack_require__("./.storybook/preview.ts")])));window.__STORYBOOK_PREVIEW__=preview,window.__STORYBOOK_STORY_STORE__=preview.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=channel},"./node_modules/@storybook/instrumenter/dist sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/instrumenter/dist sync recursive",module.exports=webpackEmptyContext},"./node_modules/@storybook/test/dist sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/test/dist sync recursive",module.exports=webpackEmptyContext},"./node_modules/memoizerific sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/memoizerific sync recursive",module.exports=webpackEmptyContext},"./src/styles.scss?ngGlobalStyle":()=>{},"./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:[\\\\/]src(?:[\\\\/](?%21\\.)(?:(?:(?%21(?:^%7C[\\\\/])\\.).)*?)[\\\\/]%7C[\\\\/]%7C$)(?%21\\.)(?=.)[^\\\\/]*?\\.mdx)$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./stories/Configure.mdx":["./src/stories/Configure.mdx",994,187]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:[\\\\/]src(?:[\\\\/](?%21\\.)(?:(?:(?%21(?:^%7C[\\\\/])\\.).)*?)[\\\\/]%7C[\\\\/]%7C$)(?%21\\.)(?=.)[^\\\\/]*?\\.mdx)$",module.exports=webpackAsyncContext},"./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:[\\\\/]src(?:[\\\\/](?%21\\.)(?:(?:(?%21(?:^%7C[\\\\/])\\.).)*?)[\\\\/]%7C[\\\\/]%7C$)(?%21\\.)(?=.)[^\\\\/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./stories/button.stories":["./src/stories/button.stories.ts",791],"./stories/button.stories.ts":["./src/stories/button.stories.ts",791],"./stories/header.stories":["./src/stories/header.stories.ts",784],"./stories/header.stories.ts":["./src/stories/header.stories.ts",784],"./stories/loader.stories":["./src/stories/loader.stories.ts",118],"./stories/loader.stories.ts":["./src/stories/loader.stories.ts",118],"./stories/page.stories":["./src/stories/page.stories.ts",210],"./stories/page.stories.ts":["./src/stories/page.stories.ts",210]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return __webpack_require__.e(ids[1]).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:[\\\\/]src(?:[\\\\/](?%21\\.)(?:(?:(?%21(?:^%7C[\\\\/])\\.).)*?)[\\\\/]%7C[\\\\/]%7C$)(?%21\\.)(?=.)[^\\\\/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$",module.exports=webpackAsyncContext},"@storybook/channels":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CHANNELS__},"@storybook/client-logger":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"@storybook/core-events/preview-errors":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__},"@storybook/core-events":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS__},"@storybook/global":module=>{"use strict";module.exports=__STORYBOOK_MODULE_GLOBAL__},"@storybook/preview-api":module=>{"use strict";module.exports=__STORYBOOK_MODULE_PREVIEW_API__}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[723],(()=>(__webpack_exec__("./storybook-config-entry.js"),__webpack_exec__("./node_modules/zone.js/fesm2015/zone.js"),__webpack_exec__("./node_modules/@angular/compiler/fesm2022/compiler.mjs"),__webpack_exec__("./src/styles.scss?ngGlobalStyle"))));__webpack_require__.O()}]);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({118:"stories-loader-stories",187:"stories-Configure-mdx",210:"stories-page-stories",784:"stories-header-stories",791:"stories-button-stories"}[chunkId]||chunkId)+"."+{118:"8e527f9e",187:"4d18500d",210:"528e11e1",419:"9380106a",555:"5343233e",764:"16831083",784:"2b1be1ea",787:"f3a8f680",791:"e503e31e",912:"a867d3a2",944:"63355339",994:"091897e1"}[chunkId]+".iframe.bundle.js"),__webpack_require__.miniCssF=chunkId=>{},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=module=>((module=Object.create(module)).children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="angular-latest:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","angular-latest:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={354:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(354!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkangular_latest=self.webpackChunkangular_latest||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(self.webpackChunkangular_latest=self.webpackChunkangular_latest||[]).push([[118],{"./node_modules/css-loader/dist/runtime/api.js":module=>{"use strict";module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map((function(item){var content="",needLayer=void 0!==item[5];return item[4]&&(content+="@supports (".concat(item[4],") {")),item[2]&&(content+="@media ".concat(item[2]," {")),needLayer&&(content+="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&&(content+="}"),item[2]&&(content+="}"),item[4]&&(content+="}"),content})).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&&(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k<this.length;k++){var id=this[k][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _k=0;_k<modules.length;_k++){var item=[].concat(modules[_k]);dedupe&&alreadyImportedModules[item[0]]||(void 0!==layer&&(void 0===item[5]||(item[1]="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&&(item[2]?(item[1]="@media ".concat(item[2]," {").concat(item[1],"}"),item[2]=media):item[2]=media),supports&&(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/noSourceMaps.js":module=>{"use strict";module.exports=function(i){return i[1]}},"./src/stories/loader.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Large:()=>Large,Small:()=>Small,__namedExportsOrder:()=>__namedExportsOrder,default:()=>loader_stories});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.mjs");var loader_componentngResource=__webpack_require__("./src/app/components/loader/loader.component.css?ngResource"),loader_componentngResource_default=__webpack_require__.n(loader_componentngResource),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let LoaderComponent=class LoaderComponent{constructor(){this.size="medium"}static#_=this.propDecorators={size:[{type:core.Input}]}};LoaderComponent=(0,tslib_es6.Cg)([(0,core.Component)({selector:"app-loader",template:"<div class=\"loader\" [ngClass]=\"{'small': size === 'small', 'large': size === 'large'}\"></div>",styles:[loader_componentngResource_default()]})],LoaderComponent);const loader_stories={title:"Example/Loader",component:LoaderComponent,tags:["autodocs"]},Default={args:{size:"medium"}},Small={args:{size:"small"}},Large={args:{size:"large"}};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{\n args: {\n size: 'medium'\n }\n}",...Default.parameters?.docs?.source}}},Small.parameters={...Small.parameters,docs:{...Small.parameters?.docs,source:{originalSource:"{\n args: {\n size: 'small'\n }\n}",...Small.parameters?.docs?.source}}},Large.parameters={...Large.parameters,docs:{...Large.parameters?.docs,source:{originalSource:"{\n args: {\n size: 'large'\n }\n}",...Large.parameters?.docs?.source}}};const __namedExportsOrder=["Default","Small","Large"]},"./src/app/components/loader/loader.component.css?ngResource":(module,__unused_webpack_exports,__webpack_require__)=>{var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/noSourceMaps.js"),___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".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 .small {\n width: 10px;\n height: 10px;\n }\n .large {\n width: 40px;\n height: 40px;\n }\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }",""]),module.exports=___CSS_LOADER_EXPORT___.toString()}}]);
|
|
File without changes
|