@gob-ds/gob-ds 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.
Files changed (84) hide show
  1. package/.editorconfig +17 -0
  2. package/.storybook/main.ts +19 -0
  3. package/.storybook/preview.ts +18 -0
  4. package/.storybook/tsconfig.doc.json +10 -0
  5. package/.storybook/tsconfig.json +11 -0
  6. package/.storybook/typings.d.ts +4 -0
  7. package/.vscode/extensions.json +4 -0
  8. package/.vscode/launch.json +20 -0
  9. package/.vscode/mcp.json +9 -0
  10. package/.vscode/tasks.json +42 -0
  11. package/README.md +0 -0
  12. package/angular.json +113 -0
  13. package/documentation.json +1472 -0
  14. package/package.json +65 -0
  15. package/public/favicon.ico +0 -0
  16. package/src/app/app.config.server.ts +12 -0
  17. package/src/app/app.config.ts +12 -0
  18. package/src/app/app.html +342 -0
  19. package/src/app/app.routes.server.ts +8 -0
  20. package/src/app/app.routes.ts +3 -0
  21. package/src/app/app.scss +0 -0
  22. package/src/app/app.spec.ts +23 -0
  23. package/src/app/app.ts +12 -0
  24. package/src/app/lib/alert-dialog/alert-dialog.component.html +35 -0
  25. package/src/app/lib/alert-dialog/alert-dialog.component.scss +94 -0
  26. package/src/app/lib/alert-dialog/alert-dialog.component.ts +144 -0
  27. package/src/app/lib/badge/badge.component.ts +25 -0
  28. package/src/app/lib/badge/badge.scss +50 -0
  29. package/src/app/lib/button/button.component.html +35 -0
  30. package/src/app/lib/button/button.component.scss +226 -0
  31. package/src/app/lib/button/button.component.ts +70 -0
  32. package/src/app/lib/checkbox/checkbox.component.html +34 -0
  33. package/src/app/lib/checkbox/checkbox.component.scss +80 -0
  34. package/src/app/lib/checkbox/checkbox.component.ts +84 -0
  35. package/src/app/lib/input/input.component.html +43 -0
  36. package/src/app/lib/input/input.component.scss +181 -0
  37. package/src/app/lib/input/input.component.ts +87 -0
  38. package/src/app/lib/search/search.component.html +30 -0
  39. package/src/app/lib/search/search.component.scss +102 -0
  40. package/src/app/lib/search/search.component.ts +73 -0
  41. package/src/index.html +13 -0
  42. package/src/main.server.ts +8 -0
  43. package/src/main.ts +6 -0
  44. package/src/server.ts +68 -0
  45. package/src/stories/Configure.mdx +364 -0
  46. package/src/stories/assets/accessibility.png +0 -0
  47. package/src/stories/assets/accessibility.svg +1 -0
  48. package/src/stories/assets/addon-library.png +0 -0
  49. package/src/stories/assets/assets.png +0 -0
  50. package/src/stories/assets/avif-test-image.avif +0 -0
  51. package/src/stories/assets/context.png +0 -0
  52. package/src/stories/assets/discord.svg +1 -0
  53. package/src/stories/assets/docs.png +0 -0
  54. package/src/stories/assets/figma-plugin.png +0 -0
  55. package/src/stories/assets/github.svg +1 -0
  56. package/src/stories/assets/share.png +0 -0
  57. package/src/stories/assets/styling.png +0 -0
  58. package/src/stories/assets/testing.png +0 -0
  59. package/src/stories/assets/theming.png +0 -0
  60. package/src/stories/assets/tutorials.svg +1 -0
  61. package/src/stories/assets/youtube.svg +1 -0
  62. package/src/stories/components/alert-dialog.stories.ts +60 -0
  63. package/src/stories/components/badge.stories.ts +111 -0
  64. package/src/stories/components/button.stories.ts +329 -0
  65. package/src/stories/components/checkbox.stories.ts +102 -0
  66. package/src/stories/components/input.stories.ts +100 -0
  67. package/src/stories/components/search.stories.ts +81 -0
  68. package/src/stories/user.ts +3 -0
  69. package/src/styles.scss +14 -0
  70. package/src/tokens/stories/borders.stories.ts +118 -0
  71. package/src/tokens/stories/colors.stories.ts +90 -0
  72. package/src/tokens/stories/shadows.stories.ts +93 -0
  73. package/src/tokens/stories/spacing.stories.ts +55 -0
  74. package/src/tokens/stories/typography.stories.ts +76 -0
  75. package/src/tokens/styles/_borders.scss +16 -0
  76. package/src/tokens/styles/_colors.scss +76 -0
  77. package/src/tokens/styles/_shadows.scss +9 -0
  78. package/src/tokens/styles/_spacing.scss +17 -0
  79. package/src/tokens/styles/_typography.scss +34 -0
  80. package/src/tokens/styles/tokens.scss +5 -0
  81. package/src/tokens/tokens.ts +42 -0
  82. package/tsconfig.app.json +17 -0
  83. package/tsconfig.json +33 -0
  84. package/tsconfig.spec.json +15 -0
package/documentation.json ADDED
@@ -0,0 +1,1472 @@
1
+ {
2
+ "pipes": [],
3
+ "interfaces": [
4
+ {
5
+ "name": "User",
6
+ "id": "interface-User-d4821beac0e4a852e513391b7470981c4353fdd95a18628bb68136c8695b489ee15b926e2e5031bc26cf30e1508e0a362c3ee13a06734702b4d15af140e485d5",
7
+ "file": "src/stories/user.ts",
8
+ "deprecated": false,
9
+ "deprecationMessage": "",
10
+ "type": "interface",
11
+ "sourceCode": "export interface User {\n name: string;\n}\n",
12
+ "properties": [
13
+ {
14
+ "name": "name",
15
+ "deprecated": false,
16
+ "deprecationMessage": "",
17
+ "type": "string",
18
+ "indexKey": "",
19
+ "optional": false,
20
+ "description": "",
21
+ "line": 2
22
+ }
23
+ ],
24
+ "indexSignatures": [],
25
+ "kind": 172,
26
+ "methods": [],
27
+ "extends": []
28
+ }
29
+ ],
30
+ "injectables": [],
31
+ "guards": [],
32
+ "interceptors": [],
33
+ "classes": [],
34
+ "directives": [],
35
+ "components": [
36
+ {
37
+ "name": "App",
38
+ "id": "component-App-56a4ee078e358d144fb29248ce3addc37acfb00b128100e867cc148d3c88573dbabf3c6c1f02f9e3fa4f1b0d925d2bfd6d43b4172549a5cd8e0d83ee25e13c42",
39
+ "file": "src/app/app.ts",
40
+ "encapsulation": [],
41
+ "entryComponents": [],
42
+ "inputs": [],
43
+ "outputs": [],
44
+ "providers": [],
45
+ "selector": "app-root",
46
+ "styleUrls": [],
47
+ "styles": [],
48
+ "templateUrl": [
49
+ "./app.html"
50
+ ],
51
+ "viewProviders": [],
52
+ "hostDirectives": [],
53
+ "inputsClass": [],
54
+ "outputsClass": [],
55
+ "propertiesClass": [
56
+ {
57
+ "name": "title",
58
+ "defaultValue": "signal('gob-ds')",
59
+ "deprecated": false,
60
+ "deprecationMessage": "",
61
+ "type": "unknown",
62
+ "indexKey": "",
63
+ "optional": false,
64
+ "description": "",
65
+ "line": 11,
66
+ "modifierKind": [
67
+ 124,
68
+ 148
69
+ ]
70
+ }
71
+ ],
72
+ "methodsClass": [],
73
+ "deprecated": false,
74
+ "deprecationMessage": "",
75
+ "hostBindings": [],
76
+ "hostListeners": [],
77
+ "standalone": false,
78
+ "imports": [
79
+ {
80
+ "name": "RouterOutlet"
81
+ }
82
+ ],
83
+ "description": "",
84
+ "rawdescription": "\n",
85
+ "type": "component",
86
+ "sourceCode": "import { Component, signal } from '@angular/core';\r\nimport { RouterOutlet } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n imports: [RouterOutlet],\r\n templateUrl: './app.html',\r\n styleUrl: './app.scss'\r\n})\r\nexport class App {\r\n protected readonly title = signal('gob-ds');\r\n}\r\n",
87
+ "styleUrl": "./app.scss",
88
+ "assetsDirs": [],
89
+ "styleUrlsData": "",
90
+ "stylesData": "",
91
+ "extends": [],
92
+ "templateData": "<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->\r\n<!-- * * * * * * * * * * * The content below * * * * * * * * * * * -->\r\n<!-- * * * * * * * * * * is only a placeholder * * * * * * * * * * -->\r\n<!-- * * * * * * * * * * and can be replaced. * * * * * * * * * * -->\r\n<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->\r\n<!-- * * * * * * * * * Delete the template below * * * * * * * * * -->\r\n<!-- * * * * * * * to get started with your project! * * * * * * * -->\r\n<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->\r\n\r\n<style>\r\n :host {\r\n --bright-blue: oklch(51.01% 0.274 263.83);\r\n --electric-violet: oklch(53.18% 0.28 296.97);\r\n --french-violet: oklch(47.66% 0.246 305.88);\r\n --vivid-pink: oklch(69.02% 0.277 332.77);\r\n --hot-red: oklch(61.42% 0.238 15.34);\r\n --orange-red: oklch(63.32% 0.24 31.68);\r\n\r\n --gray-900: oklch(19.37% 0.006 300.98);\r\n --gray-700: oklch(36.98% 0.014 302.71);\r\n --gray-400: oklch(70.9% 0.015 304.04);\r\n\r\n --red-to-pink-to-purple-vertical-gradient: linear-gradient(\r\n 180deg,\r\n var(--orange-red) 0%,\r\n var(--vivid-pink) 50%,\r\n var(--electric-violet) 100%\r\n );\r\n\r\n --red-to-pink-to-purple-horizontal-gradient: linear-gradient(\r\n 90deg,\r\n var(--orange-red) 0%,\r\n var(--vivid-pink) 50%,\r\n var(--electric-violet) 100%\r\n );\r\n\r\n --pill-accent: var(--bright-blue);\r\n\r\n font-family: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\r\n Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\r\n \"Segoe UI Symbol\";\r\n box-sizing: border-box;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n h1 {\r\n font-size: 3.125rem;\r\n color: var(--gray-900);\r\n font-weight: 500;\r\n line-height: 100%;\r\n letter-spacing: -0.125rem;\r\n margin: 0;\r\n font-family: \"Inter Tight\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\r\n Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\r\n \"Segoe UI Symbol\";\r\n }\r\n\r\n p {\r\n margin: 0;\r\n color: var(--gray-700);\r\n }\r\n\r\n main {\r\n width: 100%;\r\n min-height: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 1rem;\r\n box-sizing: inherit;\r\n position: relative;\r\n }\r\n\r\n .angular-logo {\r\n max-width: 9.2rem;\r\n }\r\n\r\n .content {\r\n display: flex;\r\n justify-content: space-around;\r\n width: 100%;\r\n max-width: 700px;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .content h1 {\r\n margin-top: 1.75rem;\r\n }\r\n\r\n .content p {\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .divider {\r\n width: 1px;\r\n background: var(--red-to-pink-to-purple-vertical-gradient);\r\n margin-inline: 0.5rem;\r\n }\r\n\r\n .pill-group {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: start;\r\n flex-wrap: wrap;\r\n gap: 1.25rem;\r\n }\r\n\r\n .pill {\r\n display: flex;\r\n align-items: center;\r\n --pill-accent: var(--bright-blue);\r\n background: color-mix(in srgb, var(--pill-accent) 5%, transparent);\r\n color: var(--pill-accent);\r\n padding-inline: 0.75rem;\r\n padding-block: 0.375rem;\r\n border-radius: 2.75rem;\r\n border: 0;\r\n transition: background 0.3s ease;\r\n font-family: var(--inter-font);\r\n font-size: 0.875rem;\r\n font-style: normal;\r\n font-weight: 500;\r\n line-height: 1.4rem;\r\n letter-spacing: -0.00875rem;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n }\r\n\r\n .pill:hover {\r\n background: color-mix(in srgb, var(--pill-accent) 15%, transparent);\r\n }\r\n\r\n .pill-group .pill:nth-child(6n + 1) {\r\n --pill-accent: var(--bright-blue);\r\n }\r\n .pill-group .pill:nth-child(6n + 2) {\r\n --pill-accent: var(--electric-violet);\r\n }\r\n .pill-group .pill:nth-child(6n + 3) {\r\n --pill-accent: var(--french-violet);\r\n }\r\n\r\n .pill-group .pill:nth-child(6n + 4),\r\n .pill-group .pill:nth-child(6n + 5),\r\n .pill-group .pill:nth-child(6n + 6) {\r\n --pill-accent: var(--hot-red);\r\n }\r\n\r\n .pill-group svg {\r\n margin-inline-start: 0.25rem;\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.73rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .social-links path {\r\n transition: fill 0.3s ease;\r\n fill: var(--gray-400);\r\n }\r\n\r\n .social-links a:hover svg path {\r\n fill: var(--gray-900);\r\n }\r\n\r\n @media screen and (max-width: 650px) {\r\n .content {\r\n flex-direction: column;\r\n width: max-content;\r\n }\r\n\r\n .divider {\r\n height: 1px;\r\n width: 100%;\r\n background: var(--red-to-pink-to-purple-horizontal-gradient);\r\n margin-block: 1.5rem;\r\n }\r\n }\r\n</style>\r\n\r\n<main class=\"main\">\r\n <div class=\"content\">\r\n <div class=\"left-side\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 982 239\"\r\n fill=\"none\"\r\n class=\"angular-logo\"\r\n >\r\n <g clip-path=\"url(#a)\">\r\n <path\r\n fill=\"url(#b)\"\r\n d=\"M388.676 191.625h30.849L363.31 31.828h-35.758l-56.215 159.797h30.848l13.174-39.356h60.061l13.256 39.356Zm-65.461-62.675 21.602-64.311h1.227l21.602 64.311h-44.431Zm126.831-7.527v70.202h-28.23V71.839h27.002v20.374h1.392c2.782-6.71 7.2-12.028 13.255-15.956 6.056-3.927 13.584-5.89 22.503-5.89 8.264 0 15.465 1.8 21.684 5.318 6.137 3.518 10.964 8.673 14.319 15.382 3.437 6.71 5.074 14.81 4.992 24.383v76.175h-28.23v-71.92c0-8.019-2.046-14.237-6.219-18.819-4.173-4.5-9.819-6.791-17.102-6.791-4.91 0-9.328 1.063-13.174 3.272-3.846 2.128-6.792 5.237-9.001 9.328-2.046 4.009-3.191 8.918-3.191 14.728ZM589.233 239c-10.147 0-18.82-1.391-26.103-4.091-7.282-2.7-13.092-6.382-17.511-10.964-4.418-4.582-7.528-9.655-9.164-15.219l25.448-6.136c1.145 2.372 2.782 4.663 4.991 6.954 2.209 2.291 5.155 4.255 8.837 5.81 3.683 1.554 8.428 2.291 14.074 2.291 8.019 0 14.647-1.964 19.884-5.81 5.237-3.845 7.856-10.227 7.856-19.064v-22.665h-1.391c-1.473 2.946-3.601 5.892-6.383 9.001-2.782 3.109-6.464 5.645-10.965 7.691-4.582 2.046-10.228 3.109-17.101 3.109-9.165 0-17.511-2.209-25.039-6.545-7.446-4.337-13.42-10.883-17.757-19.474-4.418-8.673-6.628-19.473-6.628-32.565 0-13.091 2.21-24.301 6.628-33.383 4.419-9.082 10.311-15.955 17.839-20.7 7.528-4.746 15.874-7.037 25.039-7.037 7.037 0 12.846 1.145 17.347 3.518 4.582 2.373 8.182 5.236 10.883 8.51 2.7 3.272 4.746 6.382 6.137 9.327h1.554v-19.8h27.821v121.749c0 10.228-2.454 18.737-7.364 25.447-4.91 6.709-11.538 11.7-20.048 15.055-8.509 3.355-18.165 4.991-28.884 4.991Zm.245-71.266c5.974 0 11.047-1.473 15.302-4.337 4.173-2.945 7.446-7.118 9.573-12.519 2.21-5.482 3.274-12.027 3.274-19.637 0-7.609-1.064-14.155-3.274-19.8-2.127-5.646-5.318-10.064-9.491-13.255-4.174-3.11-9.329-4.746-15.384-4.746s-11.537 1.636-15.792 4.91c-4.173 3.272-7.365 7.772-9.492 13.418-2.128 5.727-3.191 12.191-3.191 19.392 0 7.2 1.063 13.745 3.273 19.228 2.127 5.482 5.318 9.736 9.573 12.764 4.174 3.027 9.41 4.582 15.629 4.582Zm141.56-26.51V71.839h28.23v119.786h-27.412v-21.273h-1.227c-2.7 6.709-7.119 12.191-13.338 16.446-6.137 4.255-13.747 6.382-22.748 6.382-7.855 0-14.81-1.718-20.783-5.237-5.974-3.518-10.72-8.591-14.075-15.382-3.355-6.709-5.073-14.891-5.073-24.464V71.839h28.312v71.921c0 7.609 2.046 13.664 6.219 18.083 4.173 4.5 9.655 6.709 16.365 6.709 4.173 0 8.183-.982 12.111-3.028 3.927-2.045 7.118-5.072 9.655-9.082 2.537-4.091 3.764-9.164 3.764-15.218Zm65.707-109.395v159.796h-28.23V31.828h28.23Zm44.841 162.169c-7.61 0-14.402-1.391-20.457-4.091-6.055-2.7-10.883-6.791-14.32-12.109-3.518-5.319-5.237-11.946-5.237-19.801 0-6.791 1.228-12.355 3.765-16.773 2.536-4.419 5.891-7.937 10.228-10.637 4.337-2.618 9.164-4.664 14.647-6.055 5.4-1.391 11.046-2.373 16.856-3.027 7.037-.737 12.683-1.391 17.102-1.964 4.337-.573 7.528-1.555 9.574-2.782 1.963-1.309 3.027-3.273 3.027-5.973v-.491c0-5.891-1.718-10.391-5.237-13.664-3.518-3.191-8.51-4.828-15.056-4.828-6.955 0-12.356 1.473-16.447 4.5-4.009 3.028-6.71 6.546-8.183 10.719l-26.348-3.764c2.046-7.282 5.483-13.336 10.31-18.328 4.746-4.909 10.638-8.59 17.511-11.045 6.955-2.455 14.565-3.682 22.912-3.682 5.809 0 11.537.654 17.265 2.045s10.965 3.6 15.711 6.71c4.746 3.109 8.51 7.282 11.455 12.6 2.864 5.318 4.337 11.946 4.337 19.883v80.184h-27.166v-16.446h-.9c-1.719 3.355-4.092 6.464-7.201 9.328-3.109 2.864-6.955 5.237-11.619 6.955-4.828 1.718-10.229 2.536-16.529 2.536Zm7.364-20.701c5.646 0 10.556-1.145 14.729-3.354 4.173-2.291 7.364-5.237 9.655-9.001 2.292-3.763 3.355-7.854 3.355-12.273v-14.155c-.9.737-2.373 1.391-4.5 2.046-2.128.654-4.419 1.145-7.037 1.636-2.619.491-5.155.9-7.692 1.227-2.537.328-4.746.655-6.628.901-4.173.572-8.019 1.472-11.292 2.781-3.355 1.31-5.973 3.11-7.855 5.401-1.964 2.291-2.864 5.318-2.864 8.918 0 5.237 1.882 9.164 5.728 11.782 3.682 2.782 8.51 4.091 14.401 4.091Zm64.643 18.328V71.839h27.412v19.965h1.227c2.21-6.955 5.974-12.274 11.292-16.038 5.319-3.763 11.456-5.645 18.329-5.645 1.555 0 3.355.082 5.237.163 1.964.164 3.601.328 4.91.573v25.938c-1.227-.41-3.109-.819-5.646-1.146a58.814 58.814 0 0 0-7.446-.49c-5.155 0-9.738 1.145-13.829 3.354-4.091 2.209-7.282 5.236-9.655 9.164-2.373 3.927-3.519 8.427-3.519 13.5v70.448h-28.312ZM222.077 39.192l-8.019 125.923L137.387 0l84.69 39.192Zm-53.105 162.825-57.933 33.056-57.934-33.056 11.783-28.556h92.301l11.783 28.556ZM111.039 62.675l30.357 73.803H80.681l30.358-73.803ZM7.937 165.115 0 39.192 84.69 0 7.937 165.115Z\"\r\n />\r\n <path\r\n fill=\"url(#c)\"\r\n d=\"M388.676 191.625h30.849L363.31 31.828h-35.758l-56.215 159.797h30.848l13.174-39.356h60.061l13.256 39.356Zm-65.461-62.675 21.602-64.311h1.227l21.602 64.311h-44.431Zm126.831-7.527v70.202h-28.23V71.839h27.002v20.374h1.392c2.782-6.71 7.2-12.028 13.255-15.956 6.056-3.927 13.584-5.89 22.503-5.89 8.264 0 15.465 1.8 21.684 5.318 6.137 3.518 10.964 8.673 14.319 15.382 3.437 6.71 5.074 14.81 4.992 24.383v76.175h-28.23v-71.92c0-8.019-2.046-14.237-6.219-18.819-4.173-4.5-9.819-6.791-17.102-6.791-4.91 0-9.328 1.063-13.174 3.272-3.846 2.128-6.792 5.237-9.001 9.328-2.046 4.009-3.191 8.918-3.191 14.728ZM589.233 239c-10.147 0-18.82-1.391-26.103-4.091-7.282-2.7-13.092-6.382-17.511-10.964-4.418-4.582-7.528-9.655-9.164-15.219l25.448-6.136c1.145 2.372 2.782 4.663 4.991 6.954 2.209 2.291 5.155 4.255 8.837 5.81 3.683 1.554 8.428 2.291 14.074 2.291 8.019 0 14.647-1.964 19.884-5.81 5.237-3.845 7.856-10.227 7.856-19.064v-22.665h-1.391c-1.473 2.946-3.601 5.892-6.383 9.001-2.782 3.109-6.464 5.645-10.965 7.691-4.582 2.046-10.228 3.109-17.101 3.109-9.165 0-17.511-2.209-25.039-6.545-7.446-4.337-13.42-10.883-17.757-19.474-4.418-8.673-6.628-19.473-6.628-32.565 0-13.091 2.21-24.301 6.628-33.383 4.419-9.082 10.311-15.955 17.839-20.7 7.528-4.746 15.874-7.037 25.039-7.037 7.037 0 12.846 1.145 17.347 3.518 4.582 2.373 8.182 5.236 10.883 8.51 2.7 3.272 4.746 6.382 6.137 9.327h1.554v-19.8h27.821v121.749c0 10.228-2.454 18.737-7.364 25.447-4.91 6.709-11.538 11.7-20.048 15.055-8.509 3.355-18.165 4.991-28.884 4.991Zm.245-71.266c5.974 0 11.047-1.473 15.302-4.337 4.173-2.945 7.446-7.118 9.573-12.519 2.21-5.482 3.274-12.027 3.274-19.637 0-7.609-1.064-14.155-3.274-19.8-2.127-5.646-5.318-10.064-9.491-13.255-4.174-3.11-9.329-4.746-15.384-4.746s-11.537 1.636-15.792 4.91c-4.173 3.272-7.365 7.772-9.492 13.418-2.128 5.727-3.191 12.191-3.191 19.392 0 7.2 1.063 13.745 3.273 19.228 2.127 5.482 5.318 9.736 9.573 12.764 4.174 3.027 9.41 4.582 15.629 4.582Zm141.56-26.51V71.839h28.23v119.786h-27.412v-21.273h-1.227c-2.7 6.709-7.119 12.191-13.338 16.446-6.137 4.255-13.747 6.382-22.748 6.382-7.855 0-14.81-1.718-20.783-5.237-5.974-3.518-10.72-8.591-14.075-15.382-3.355-6.709-5.073-14.891-5.073-24.464V71.839h28.312v71.921c0 7.609 2.046 13.664 6.219 18.083 4.173 4.5 9.655 6.709 16.365 6.709 4.173 0 8.183-.982 12.111-3.028 3.927-2.045 7.118-5.072 9.655-9.082 2.537-4.091 3.764-9.164 3.764-15.218Zm65.707-109.395v159.796h-28.23V31.828h28.23Zm44.841 162.169c-7.61 0-14.402-1.391-20.457-4.091-6.055-2.7-10.883-6.791-14.32-12.109-3.518-5.319-5.237-11.946-5.237-19.801 0-6.791 1.228-12.355 3.765-16.773 2.536-4.419 5.891-7.937 10.228-10.637 4.337-2.618 9.164-4.664 14.647-6.055 5.4-1.391 11.046-2.373 16.856-3.027 7.037-.737 12.683-1.391 17.102-1.964 4.337-.573 7.528-1.555 9.574-2.782 1.963-1.309 3.027-3.273 3.027-5.973v-.491c0-5.891-1.718-10.391-5.237-13.664-3.518-3.191-8.51-4.828-15.056-4.828-6.955 0-12.356 1.473-16.447 4.5-4.009 3.028-6.71 6.546-8.183 10.719l-26.348-3.764c2.046-7.282 5.483-13.336 10.31-18.328 4.746-4.909 10.638-8.59 17.511-11.045 6.955-2.455 14.565-3.682 22.912-3.682 5.809 0 11.537.654 17.265 2.045s10.965 3.6 15.711 6.71c4.746 3.109 8.51 7.282 11.455 12.6 2.864 5.318 4.337 11.946 4.337 19.883v80.184h-27.166v-16.446h-.9c-1.719 3.355-4.092 6.464-7.201 9.328-3.109 2.864-6.955 5.237-11.619 6.955-4.828 1.718-10.229 2.536-16.529 2.536Zm7.364-20.701c5.646 0 10.556-1.145 14.729-3.354 4.173-2.291 7.364-5.237 9.655-9.001 2.292-3.763 3.355-7.854 3.355-12.273v-14.155c-.9.737-2.373 1.391-4.5 2.046-2.128.654-4.419 1.145-7.037 1.636-2.619.491-5.155.9-7.692 1.227-2.537.328-4.746.655-6.628.901-4.173.572-8.019 1.472-11.292 2.781-3.355 1.31-5.973 3.11-7.855 5.401-1.964 2.291-2.864 5.318-2.864 8.918 0 5.237 1.882 9.164 5.728 11.782 3.682 2.782 8.51 4.091 14.401 4.091Zm64.643 18.328V71.839h27.412v19.965h1.227c2.21-6.955 5.974-12.274 11.292-16.038 5.319-3.763 11.456-5.645 18.329-5.645 1.555 0 3.355.082 5.237.163 1.964.164 3.601.328 4.91.573v25.938c-1.227-.41-3.109-.819-5.646-1.146a58.814 58.814 0 0 0-7.446-.49c-5.155 0-9.738 1.145-13.829 3.354-4.091 2.209-7.282 5.236-9.655 9.164-2.373 3.927-3.519 8.427-3.519 13.5v70.448h-28.312ZM222.077 39.192l-8.019 125.923L137.387 0l84.69 39.192Zm-53.105 162.825-57.933 33.056-57.934-33.056 11.783-28.556h92.301l11.783 28.556ZM111.039 62.675l30.357 73.803H80.681l30.358-73.803ZM7.937 165.115 0 39.192 84.69 0 7.937 165.115Z\"\r\n />\r\n </g>\r\n <defs>\r\n <radialGradient\r\n id=\"c\"\r\n cx=\"0\"\r\n cy=\"0\"\r\n r=\"1\"\r\n gradientTransform=\"rotate(118.122 171.182 60.81) scale(205.794)\"\r\n gradientUnits=\"userSpaceOnUse\"\r\n >\r\n <stop stop-color=\"#FF41F8\" />\r\n <stop offset=\".707\" stop-color=\"#FF41F8\" stop-opacity=\".5\" />\r\n <stop offset=\"1\" stop-color=\"#FF41F8\" stop-opacity=\"0\" />\r\n </radialGradient>\r\n <linearGradient\r\n id=\"b\"\r\n x1=\"0\"\r\n x2=\"982\"\r\n y1=\"192\"\r\n y2=\"192\"\r\n gradientUnits=\"userSpaceOnUse\"\r\n >\r\n <stop stop-color=\"#F0060B\" />\r\n <stop offset=\"0\" stop-color=\"#F0070C\" />\r\n <stop offset=\".526\" stop-color=\"#CC26D5\" />\r\n <stop offset=\"1\" stop-color=\"#7702FF\" />\r\n </linearGradient>\r\n <clipPath id=\"a\"><path fill=\"#fff\" d=\"M0 0h982v239H0z\" /></clipPath>\r\n </defs>\r\n </svg>\r\n <h1>Hello, {{ title() }}</h1>\r\n <p>Congratulations! Your app is running. 🎉</p>\r\n </div>\r\n <div class=\"divider\" role=\"separator\" aria-label=\"Divider\"></div>\r\n <div class=\"right-side\">\r\n <div class=\"pill-group\">\r\n @for (item of [\r\n { title: 'Explore the Docs', link: 'https://angular.dev' },\r\n { title: 'Learn with Tutorials', link: 'https://angular.dev/tutorials' },\r\n { title: 'Prompt and best practices for AI', link: 'https://angular.dev/ai/develop-with-ai'},\r\n { title: 'CLI Docs', link: 'https://angular.dev/tools/cli' },\r\n { title: 'Angular Language Service', link: 'https://angular.dev/tools/language-service' },\r\n { title: 'Angular DevTools', link: 'https://angular.dev/tools/devtools' },\r\n ]; track item.title) {\r\n <a\r\n class=\"pill\"\r\n [href]=\"item.link\"\r\n target=\"_blank\"\r\n rel=\"noopener\"\r\n >\r\n <span>{{ item.title }}</span>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n height=\"14\"\r\n viewBox=\"0 -960 960 960\"\r\n width=\"14\"\r\n fill=\"currentColor\"\r\n >\r\n <path\r\n d=\"M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z\"\r\n />\r\n </svg>\r\n </a>\r\n }\r\n </div>\r\n <div class=\"social-links\">\r\n <a\r\n href=\"https://github.com/angular/angular\"\r\n aria-label=\"Github\"\r\n target=\"_blank\"\r\n rel=\"noopener\"\r\n >\r\n <svg\r\n width=\"25\"\r\n height=\"24\"\r\n viewBox=\"0 0 25 24\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n alt=\"Github\"\r\n >\r\n <path\r\n d=\"M12.3047 0C5.50634 0 0 5.50942 0 12.3047C0 17.7423 3.52529 22.3535 8.41332 23.9787C9.02856 24.0946 9.25414 23.7142 9.25414 23.3871C9.25414 23.0949 9.24389 22.3207 9.23876 21.2953C5.81601 22.0377 5.09414 19.6444 5.09414 19.6444C4.53427 18.2243 3.72524 17.8449 3.72524 17.8449C2.61064 17.082 3.81137 17.0973 3.81137 17.0973C5.04697 17.1835 5.69604 18.3647 5.69604 18.3647C6.79321 20.2463 8.57636 19.7029 9.27978 19.3881C9.39052 18.5924 9.70736 18.0499 10.0591 17.7423C7.32641 17.4347 4.45429 16.3765 4.45429 11.6618C4.45429 10.3185 4.9311 9.22133 5.72065 8.36C5.58222 8.04931 5.16694 6.79833 5.82831 5.10337C5.82831 5.10337 6.85883 4.77319 9.2121 6.36459C10.1965 6.09082 11.2424 5.95546 12.2883 5.94931C13.3342 5.95546 14.3801 6.09082 15.3644 6.36459C17.7023 4.77319 18.7328 5.10337 18.7328 5.10337C19.3942 6.79833 18.9789 8.04931 18.8559 8.36C19.6403 9.22133 20.1171 10.3185 20.1171 11.6618C20.1171 16.3888 17.2409 17.4296 14.5031 17.7321C14.9338 18.1012 15.3337 18.8559 15.3337 20.0084C15.3337 21.6552 15.3183 22.978 15.3183 23.3779C15.3183 23.7009 15.5336 24.0854 16.1642 23.9623C21.0871 22.3484 24.6094 17.7341 24.6094 12.3047C24.6094 5.50942 19.0999 0 12.3047 0Z\"\r\n />\r\n </svg>\r\n </a>\r\n <a\r\n href=\"https://x.com/angular\"\r\n aria-label=\"X\"\r\n target=\"_blank\"\r\n rel=\"noopener\"\r\n >\r\n <svg\r\n width=\"24\"\r\n height=\"24\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n alt=\"X\"\r\n >\r\n <path\r\n d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\r\n />\r\n </svg>\r\n </a>\r\n <a\r\n href=\"https://www.youtube.com/channel/UCbn1OgGei-DV7aSRo_HaAiw\"\r\n aria-label=\"Youtube\"\r\n target=\"_blank\"\r\n rel=\"noopener\"\r\n >\r\n <svg\r\n width=\"29\"\r\n height=\"20\"\r\n viewBox=\"0 0 29 20\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n alt=\"Youtube\"\r\n >\r\n <path\r\n fill-rule=\"evenodd\"\r\n clip-rule=\"evenodd\"\r\n d=\"M27.4896 1.52422C27.9301 1.96749 28.2463 2.51866 28.4068 3.12258C29.0004 5.35161 29.0004 10 29.0004 10C29.0004 10 29.0004 14.6484 28.4068 16.8774C28.2463 17.4813 27.9301 18.0325 27.4896 18.4758C27.0492 18.9191 26.5 19.2389 25.8972 19.4032C23.6778 20 14.8068 20 14.8068 20C14.8068 20 5.93586 20 3.71651 19.4032C3.11363 19.2389 2.56449 18.9191 2.12405 18.4758C1.68361 18.0325 1.36732 17.4813 1.20683 16.8774C0.613281 14.6484 0.613281 10 0.613281 10C0.613281 10 0.613281 5.35161 1.20683 3.12258C1.36732 2.51866 1.68361 1.96749 2.12405 1.52422C2.56449 1.08095 3.11363 0.76113 3.71651 0.596774C5.93586 0 14.8068 0 14.8068 0C14.8068 0 23.6778 0 25.8972 0.596774C26.5 0.76113 27.0492 1.08095 27.4896 1.52422ZM19.3229 10L11.9036 5.77905V14.221L19.3229 10Z\"\r\n />\r\n </svg>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n</main>\r\n\r\n<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->\r\n<!-- * * * * * * * * * * * The content above * * * * * * * * * * * * -->\r\n<!-- * * * * * * * * * * is only a placeholder * * * * * * * * * * * -->\r\n<!-- * * * * * * * * * * and can be replaced. * * * * * * * * * * * -->\r\n<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->\r\n<!-- * * * * * * * * * * End of Placeholder * * * * * * * * * * * * -->\r\n<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->\r\n\r\n\r\n<router-outlet />\r\n"
93
+ },
94
+ {
95
+ "name": "BadgeComponent",
96
+ "id": "component-BadgeComponent-232e2dc36ea3d5ab2c210aeae489ae01b2942ba6452c2082732df02466886c20f17ef0305a4e54b4d995c5fe19b7546aebf72d0e4438dece8577c54d9e669801",
97
+ "file": "src/app/lib/badge/badge.component.ts",
98
+ "encapsulation": [],
99
+ "entryComponents": [],
100
+ "inputs": [],
101
+ "outputs": [],
102
+ "providers": [],
103
+ "selector": "cg-badge",
104
+ "styleUrls": [],
105
+ "styles": [],
106
+ "template": "<span [class]=\"badgeClasses\">\n <ng-content />\n</span>\n",
107
+ "templateUrl": [],
108
+ "viewProviders": [],
109
+ "hostDirectives": [],
110
+ "inputsClass": [
111
+ {
112
+ "name": "size",
113
+ "defaultValue": "'md'",
114
+ "deprecated": false,
115
+ "deprecationMessage": "",
116
+ "line": 20,
117
+ "type": "BadgeSize",
118
+ "decorators": []
119
+ },
120
+ {
121
+ "name": "variant",
122
+ "defaultValue": "'default'",
123
+ "deprecated": false,
124
+ "deprecationMessage": "",
125
+ "line": 19,
126
+ "type": "BadgeVariant",
127
+ "decorators": []
128
+ }
129
+ ],
130
+ "outputsClass": [],
131
+ "propertiesClass": [],
132
+ "methodsClass": [],
133
+ "deprecated": false,
134
+ "deprecationMessage": "",
135
+ "hostBindings": [],
136
+ "hostListeners": [],
137
+ "standalone": true,
138
+ "imports": [
139
+ {
140
+ "name": "CommonModule",
141
+ "type": "module"
142
+ }
143
+ ],
144
+ "description": "",
145
+ "rawdescription": "\n",
146
+ "type": "component",
147
+ "sourceCode": "import { Component, Input } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nexport type BadgeVariant = 'success' | 'warning' | 'neutral' | 'default' | 'error';\r\nexport type BadgeSize = 'sm' | 'md';\r\n\r\n@Component({\r\n standalone: true,\r\n selector: 'cg-badge',\r\n imports: [CommonModule],\r\n styleUrl: './badge.scss',\r\n template: `\r\n <span [class]=\"badgeClasses\">\r\n <ng-content />\r\n </span>\r\n `,\r\n})\r\nexport class BadgeComponent {\r\n @Input() variant: BadgeVariant = 'default';\r\n @Input() size: BadgeSize = 'md';\r\n\r\n get badgeClasses(): string {\r\n return `badge badge--${this.variant} badge--${this.size}`;\r\n }\r\n}",
148
+ "styleUrl": "./badge.scss",
149
+ "assetsDirs": [],
150
+ "styleUrlsData": "",
151
+ "stylesData": "",
152
+ "extends": [],
153
+ "accessors": {
154
+ "badgeClasses": {
155
+ "name": "badgeClasses",
156
+ "getSignature": {
157
+ "name": "badgeClasses",
158
+ "type": "string",
159
+ "returnType": "string",
160
+ "line": 22
161
+ }
162
+ }
163
+ }
164
+ },
165
+ {
166
+ "name": "ButtonComponent",
167
+ "id": "component-ButtonComponent-a8b0e5df341aaef08eb385f5502ff15168a997870437c69877917c1da4d4952b29c19cdd9a2ee367d1c84ffadf694bdccd35a0af322fa6adf4b89080c4ebac38",
168
+ "file": "src/app/lib/button/button.component.ts",
169
+ "encapsulation": [],
170
+ "entryComponents": [],
171
+ "inputs": [],
172
+ "outputs": [],
173
+ "providers": [],
174
+ "selector": "ds-button",
175
+ "styleUrls": [],
176
+ "styles": [],
177
+ "templateUrl": [
178
+ "./button.component.html"
179
+ ],
180
+ "viewProviders": [],
181
+ "hostDirectives": [],
182
+ "inputsClass": [
183
+ {
184
+ "name": "asTag",
185
+ "defaultValue": "'button'",
186
+ "deprecated": false,
187
+ "deprecationMessage": "",
188
+ "line": 26,
189
+ "type": "ButtonAs",
190
+ "decorators": []
191
+ },
192
+ {
193
+ "name": "disabled",
194
+ "defaultValue": "false",
195
+ "deprecated": false,
196
+ "deprecationMessage": "",
197
+ "line": 22,
198
+ "type": "boolean",
199
+ "decorators": []
200
+ },
201
+ {
202
+ "name": "fullWidth",
203
+ "defaultValue": "false",
204
+ "deprecated": false,
205
+ "deprecationMessage": "",
206
+ "line": 24,
207
+ "type": "boolean",
208
+ "decorators": []
209
+ },
210
+ {
211
+ "name": "icon",
212
+ "defaultValue": "null",
213
+ "deprecated": false,
214
+ "deprecationMessage": "",
215
+ "line": 27,
216
+ "type": "any",
217
+ "decorators": []
218
+ },
219
+ {
220
+ "name": "iconPosition",
221
+ "defaultValue": "null",
222
+ "deprecated": false,
223
+ "deprecationMessage": "",
224
+ "line": 25,
225
+ "type": "ButtonIconPosition | null",
226
+ "decorators": []
227
+ },
228
+ {
229
+ "name": "loading",
230
+ "defaultValue": "false",
231
+ "deprecated": false,
232
+ "deprecationMessage": "",
233
+ "line": 23,
234
+ "type": "boolean",
235
+ "decorators": []
236
+ },
237
+ {
238
+ "name": "size",
239
+ "defaultValue": "'md'",
240
+ "deprecated": false,
241
+ "deprecationMessage": "",
242
+ "line": 21,
243
+ "type": "ButtonSize",
244
+ "decorators": []
245
+ },
246
+ {
247
+ "name": "variant",
248
+ "defaultValue": "'primary'",
249
+ "deprecated": false,
250
+ "deprecationMessage": "",
251
+ "line": 20,
252
+ "type": "ButtonVariant",
253
+ "decorators": []
254
+ }
255
+ ],
256
+ "outputsClass": [],
257
+ "propertiesClass": [
258
+ {
259
+ "name": "hostEl",
260
+ "defaultValue": "inject(ElementRef<HTMLElement>)",
261
+ "deprecated": false,
262
+ "deprecationMessage": "",
263
+ "type": "unknown",
264
+ "indexKey": "",
265
+ "optional": false,
266
+ "description": "",
267
+ "line": 18,
268
+ "modifierKind": [
269
+ 123,
270
+ 148
271
+ ]
272
+ },
273
+ {
274
+ "name": "Loader2",
275
+ "defaultValue": "Loader2",
276
+ "deprecated": false,
277
+ "deprecationMessage": "",
278
+ "type": "unknown",
279
+ "indexKey": "",
280
+ "optional": false,
281
+ "description": "",
282
+ "line": 29,
283
+ "modifierKind": [
284
+ 148
285
+ ]
286
+ }
287
+ ],
288
+ "methodsClass": [],
289
+ "deprecated": false,
290
+ "deprecationMessage": "",
291
+ "hostBindings": [],
292
+ "hostListeners": [],
293
+ "standalone": true,
294
+ "imports": [
295
+ {
296
+ "name": "CommonModule",
297
+ "type": "module"
298
+ },
299
+ {
300
+ "name": "LucideAngularModule",
301
+ "type": "module"
302
+ }
303
+ ],
304
+ "description": "",
305
+ "rawdescription": "\n",
306
+ "type": "component",
307
+ "sourceCode": "import { Component, ElementRef, Input, inject } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { LucideAngularModule, Loader2 } from 'lucide-angular';\r\n\r\nexport type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';\r\nexport type ButtonSize = 'sm' | 'md' | 'lg';\r\nexport type ButtonIconPosition = 'left' | 'right' | 'only';\r\nexport type ButtonAs = 'button' | 'a';\r\n\r\n@Component({\r\n standalone: true,\r\n selector: 'ds-button',\r\n imports: [CommonModule, LucideAngularModule],\r\n templateUrl: './button.component.html',\r\n styleUrl: './button.component.scss',\r\n})\r\nexport class ButtonComponent {\r\n private readonly hostEl = inject(ElementRef<HTMLElement>);\r\n\r\n @Input() variant: ButtonVariant = 'primary';\r\n @Input() size: ButtonSize = 'md';\r\n @Input() disabled = false;\r\n @Input() loading = false;\r\n @Input() fullWidth = false;\r\n @Input() iconPosition: ButtonIconPosition | null = null;\r\n @Input() asTag: ButtonAs = 'button';\r\n @Input() icon: any = null;\r\n\r\n readonly Loader2 = Loader2;\r\n\r\n get hostClasses(): string {\r\n const classes = [\r\n 'btn',\r\n `btn--${this.variant}`,\r\n `btn--${this.size}`,\r\n this.fullWidth ? 'btn--full' : '',\r\n this.iconPosition === 'only' ? 'btn--icon-only' : '',\r\n this.loading ? 'btn--loading' : '',\r\n this.disabled || this.loading ? 'btn--disabled' : '',\r\n ];\r\n return classes.filter(Boolean).join(' ');\r\n }\r\n\r\n // ✅ Toma clases del host (Storybook) y pásalas al <button>/<a>\r\n get stateClasses(): string {\r\n const host = this.hostEl.nativeElement;\r\n const allowed = ['is-hover', 'is-active', 'is-focus'];\r\n return allowed.filter((c) => host.classList.contains(c)).join(' ');\r\n }\r\n\r\n get isDisabled(): boolean {\r\n return this.disabled || this.loading;\r\n }\r\n\r\n get showIconLeft(): boolean {\r\n return !!this.icon && this.iconPosition === 'left' && !this.loading;\r\n }\r\n\r\n get showIconRight(): boolean {\r\n return !!this.icon && this.iconPosition === 'right' && !this.loading;\r\n }\r\n\r\n get showIconOnly(): boolean {\r\n return !!this.icon && this.iconPosition === 'only' && !this.loading;\r\n }\r\n\r\n get iconSize(): number {\r\n return { sm: 14, md: 16, lg: 18 }[this.size];\r\n }\r\n}",
308
+ "styleUrl": "./button.component.scss",
309
+ "assetsDirs": [],
310
+ "styleUrlsData": "",
311
+ "stylesData": "",
312
+ "extends": [],
313
+ "accessors": {
314
+ "hostClasses": {
315
+ "name": "hostClasses",
316
+ "getSignature": {
317
+ "name": "hostClasses",
318
+ "type": "string",
319
+ "returnType": "string",
320
+ "line": 31
321
+ }
322
+ },
323
+ "stateClasses": {
324
+ "name": "stateClasses",
325
+ "getSignature": {
326
+ "name": "stateClasses",
327
+ "type": "string",
328
+ "returnType": "string",
329
+ "line": 45
330
+ }
331
+ },
332
+ "isDisabled": {
333
+ "name": "isDisabled",
334
+ "getSignature": {
335
+ "name": "isDisabled",
336
+ "type": "boolean",
337
+ "returnType": "boolean",
338
+ "line": 51
339
+ }
340
+ },
341
+ "showIconLeft": {
342
+ "name": "showIconLeft",
343
+ "getSignature": {
344
+ "name": "showIconLeft",
345
+ "type": "boolean",
346
+ "returnType": "boolean",
347
+ "line": 55
348
+ }
349
+ },
350
+ "showIconRight": {
351
+ "name": "showIconRight",
352
+ "getSignature": {
353
+ "name": "showIconRight",
354
+ "type": "boolean",
355
+ "returnType": "boolean",
356
+ "line": 59
357
+ }
358
+ },
359
+ "showIconOnly": {
360
+ "name": "showIconOnly",
361
+ "getSignature": {
362
+ "name": "showIconOnly",
363
+ "type": "boolean",
364
+ "returnType": "boolean",
365
+ "line": 63
366
+ }
367
+ },
368
+ "iconSize": {
369
+ "name": "iconSize",
370
+ "getSignature": {
371
+ "name": "iconSize",
372
+ "type": "number",
373
+ "returnType": "number",
374
+ "line": 67
375
+ }
376
+ }
377
+ },
378
+ "templateData": "<ng-template #content>\r\n @if (loading) {\r\n <lucide-icon [img]=\"Loader2\" [size]=\"iconSize\" class=\"btn__spinner\" />\r\n }\r\n\r\n @if (showIconLeft) {\r\n <lucide-icon [img]=\"icon\" [size]=\"iconSize\" class=\"btn__icon\" />\r\n }\r\n\r\n @if (iconPosition !== 'only') {\r\n <span class=\"btn__label\">\r\n <ng-content />\r\n </span>\r\n }\r\n\r\n @if (showIconOnly) {\r\n <lucide-icon [img]=\"icon\" [size]=\"iconSize\" class=\"btn__icon\" />\r\n }\r\n\r\n @if (showIconRight) {\r\n <lucide-icon [img]=\"icon\" [size]=\"iconSize\" class=\"btn__icon\" />\r\n }\r\n</ng-template>\r\n\r\n@if (asTag === 'a') {\r\n <a [class]=\"hostClasses + ' ' + stateClasses\" [attr.aria-disabled]=\"isDisabled\">\r\n <ng-container *ngTemplateOutlet=\"content\" />\r\n </a>\r\n} @else {\r\n <button [class]=\"hostClasses + ' ' + stateClasses\"\r\n [disabled]=\"isDisabled\"\r\n [attr.aria-busy]=\"loading\">\r\n <ng-container *ngTemplateOutlet=\"content\" />\r\n </button>\r\n}"
379
+ },
380
+ {
381
+ "name": "InputComponent",
382
+ "id": "component-InputComponent-5774607a2c8bdedfec755a62da9c1bf5350ba7083bfdffabe6f0972aae1f72407e2ab869d70daea70b6dac0e11b6438ae26e1d75263d3c9daf6db2440c3c0092",
383
+ "file": "src/app/lib/input/input.component.ts",
384
+ "encapsulation": [],
385
+ "entryComponents": [],
386
+ "inputs": [],
387
+ "outputs": [],
388
+ "providers": [
389
+ {
390
+ "name": ")"
391
+ }
392
+ ],
393
+ "selector": "ds-input",
394
+ "styleUrls": [],
395
+ "styles": [],
396
+ "templateUrl": [
397
+ "./input.component.html"
398
+ ],
399
+ "viewProviders": [],
400
+ "hostDirectives": [],
401
+ "inputsClass": [
402
+ {
403
+ "name": "disabled",
404
+ "defaultValue": "false",
405
+ "deprecated": false,
406
+ "deprecationMessage": "",
407
+ "line": 25,
408
+ "type": "boolean",
409
+ "decorators": []
410
+ },
411
+ {
412
+ "name": "error",
413
+ "defaultValue": "''",
414
+ "deprecated": false,
415
+ "deprecationMessage": "",
416
+ "line": 23,
417
+ "type": "string",
418
+ "decorators": []
419
+ },
420
+ {
421
+ "name": "hint",
422
+ "defaultValue": "''",
423
+ "deprecated": false,
424
+ "deprecationMessage": "",
425
+ "line": 22,
426
+ "type": "string",
427
+ "decorators": []
428
+ },
429
+ {
430
+ "name": "label",
431
+ "defaultValue": "''",
432
+ "deprecated": false,
433
+ "deprecationMessage": "",
434
+ "line": 20,
435
+ "type": "string",
436
+ "decorators": []
437
+ },
438
+ {
439
+ "name": "placeholder",
440
+ "defaultValue": "''",
441
+ "deprecated": false,
442
+ "deprecationMessage": "",
443
+ "line": 21,
444
+ "type": "string",
445
+ "decorators": []
446
+ },
447
+ {
448
+ "name": "prefixIcon",
449
+ "defaultValue": "null",
450
+ "deprecated": false,
451
+ "deprecationMessage": "",
452
+ "line": 26,
453
+ "type": "any",
454
+ "decorators": []
455
+ },
456
+ {
457
+ "name": "suffixIcon",
458
+ "defaultValue": "null",
459
+ "deprecated": false,
460
+ "deprecationMessage": "",
461
+ "line": 27,
462
+ "type": "any",
463
+ "decorators": []
464
+ },
465
+ {
466
+ "name": "type",
467
+ "defaultValue": "'text'",
468
+ "deprecated": false,
469
+ "deprecationMessage": "",
470
+ "line": 24,
471
+ "type": "string",
472
+ "decorators": []
473
+ }
474
+ ],
475
+ "outputsClass": [],
476
+ "propertiesClass": [
477
+ {
478
+ "name": "Eye",
479
+ "defaultValue": "Eye",
480
+ "deprecated": false,
481
+ "deprecationMessage": "",
482
+ "type": "unknown",
483
+ "indexKey": "",
484
+ "optional": false,
485
+ "description": "",
486
+ "line": 29,
487
+ "modifierKind": [
488
+ 148
489
+ ]
490
+ },
491
+ {
492
+ "name": "EyeOff",
493
+ "defaultValue": "EyeOff",
494
+ "deprecated": false,
495
+ "deprecationMessage": "",
496
+ "type": "unknown",
497
+ "indexKey": "",
498
+ "optional": false,
499
+ "description": "",
500
+ "line": 30,
501
+ "modifierKind": [
502
+ 148
503
+ ]
504
+ },
505
+ {
506
+ "name": "isFocused",
507
+ "defaultValue": "false",
508
+ "deprecated": false,
509
+ "deprecationMessage": "",
510
+ "type": "unknown",
511
+ "indexKey": "",
512
+ "optional": false,
513
+ "description": "",
514
+ "line": 33
515
+ },
516
+ {
517
+ "name": "onChange",
518
+ "defaultValue": "() => {...}",
519
+ "deprecated": false,
520
+ "deprecationMessage": "",
521
+ "type": "unknown",
522
+ "indexKey": "",
523
+ "optional": false,
524
+ "description": "",
525
+ "line": 36,
526
+ "modifierKind": [
527
+ 123
528
+ ]
529
+ },
530
+ {
531
+ "name": "onTouched",
532
+ "defaultValue": "() => {...}",
533
+ "deprecated": false,
534
+ "deprecationMessage": "",
535
+ "type": "unknown",
536
+ "indexKey": "",
537
+ "optional": false,
538
+ "description": "",
539
+ "line": 37,
540
+ "modifierKind": [
541
+ 123
542
+ ]
543
+ },
544
+ {
545
+ "name": "showPassword",
546
+ "defaultValue": "signal(false)",
547
+ "deprecated": false,
548
+ "deprecationMessage": "",
549
+ "type": "unknown",
550
+ "indexKey": "",
551
+ "optional": false,
552
+ "description": "",
553
+ "line": 34
554
+ },
555
+ {
556
+ "name": "value",
557
+ "defaultValue": "''",
558
+ "deprecated": false,
559
+ "deprecationMessage": "",
560
+ "type": "string",
561
+ "indexKey": "",
562
+ "optional": false,
563
+ "description": "",
564
+ "line": 32
565
+ }
566
+ ],
567
+ "methodsClass": [
568
+ {
569
+ "name": "onBlur",
570
+ "args": [],
571
+ "optional": false,
572
+ "returnType": "void",
573
+ "typeParameters": [],
574
+ "line": 76,
575
+ "deprecated": false,
576
+ "deprecationMessage": ""
577
+ },
578
+ {
579
+ "name": "onFocus",
580
+ "args": [],
581
+ "optional": false,
582
+ "returnType": "void",
583
+ "typeParameters": [],
584
+ "line": 75,
585
+ "deprecated": false,
586
+ "deprecationMessage": ""
587
+ },
588
+ {
589
+ "name": "onInput",
590
+ "args": [
591
+ {
592
+ "name": "event",
593
+ "type": "Event",
594
+ "optional": false,
595
+ "dotDotDotToken": false,
596
+ "deprecated": false,
597
+ "deprecationMessage": ""
598
+ }
599
+ ],
600
+ "optional": false,
601
+ "returnType": "void",
602
+ "typeParameters": [],
603
+ "line": 69,
604
+ "deprecated": false,
605
+ "deprecationMessage": "",
606
+ "jsdoctags": [
607
+ {
608
+ "name": "event",
609
+ "type": "Event",
610
+ "optional": false,
611
+ "dotDotDotToken": false,
612
+ "deprecated": false,
613
+ "deprecationMessage": "",
614
+ "tagName": {
615
+ "text": "param"
616
+ }
617
+ }
618
+ ]
619
+ },
620
+ {
621
+ "name": "registerOnChange",
622
+ "args": [
623
+ {
624
+ "name": "fn",
625
+ "type": "any",
626
+ "optional": false,
627
+ "dotDotDotToken": false,
628
+ "deprecated": false,
629
+ "deprecationMessage": ""
630
+ }
631
+ ],
632
+ "optional": false,
633
+ "returnType": "void",
634
+ "typeParameters": [],
635
+ "line": 80,
636
+ "deprecated": false,
637
+ "deprecationMessage": "",
638
+ "jsdoctags": [
639
+ {
640
+ "name": "fn",
641
+ "type": "any",
642
+ "optional": false,
643
+ "dotDotDotToken": false,
644
+ "deprecated": false,
645
+ "deprecationMessage": "",
646
+ "tagName": {
647
+ "text": "param"
648
+ }
649
+ }
650
+ ]
651
+ },
652
+ {
653
+ "name": "registerOnTouched",
654
+ "args": [
655
+ {
656
+ "name": "fn",
657
+ "type": "any",
658
+ "optional": false,
659
+ "dotDotDotToken": false,
660
+ "deprecated": false,
661
+ "deprecationMessage": ""
662
+ }
663
+ ],
664
+ "optional": false,
665
+ "returnType": "void",
666
+ "typeParameters": [],
667
+ "line": 81,
668
+ "deprecated": false,
669
+ "deprecationMessage": "",
670
+ "jsdoctags": [
671
+ {
672
+ "name": "fn",
673
+ "type": "any",
674
+ "optional": false,
675
+ "dotDotDotToken": false,
676
+ "deprecated": false,
677
+ "deprecationMessage": "",
678
+ "tagName": {
679
+ "text": "param"
680
+ }
681
+ }
682
+ ]
683
+ },
684
+ {
685
+ "name": "setDisabledState",
686
+ "args": [
687
+ {
688
+ "name": "is",
689
+ "type": "boolean",
690
+ "optional": false,
691
+ "dotDotDotToken": false,
692
+ "deprecated": false,
693
+ "deprecationMessage": ""
694
+ }
695
+ ],
696
+ "optional": false,
697
+ "returnType": "void",
698
+ "typeParameters": [],
699
+ "line": 82,
700
+ "deprecated": false,
701
+ "deprecationMessage": "",
702
+ "jsdoctags": [
703
+ {
704
+ "name": "is",
705
+ "type": "boolean",
706
+ "optional": false,
707
+ "dotDotDotToken": false,
708
+ "deprecated": false,
709
+ "deprecationMessage": "",
710
+ "tagName": {
711
+ "text": "param"
712
+ }
713
+ }
714
+ ]
715
+ },
716
+ {
717
+ "name": "togglePassword",
718
+ "args": [],
719
+ "optional": false,
720
+ "returnType": "void",
721
+ "typeParameters": [],
722
+ "line": 65,
723
+ "deprecated": false,
724
+ "deprecationMessage": ""
725
+ },
726
+ {
727
+ "name": "writeValue",
728
+ "args": [
729
+ {
730
+ "name": "val",
731
+ "type": "string",
732
+ "optional": false,
733
+ "dotDotDotToken": false,
734
+ "deprecated": false,
735
+ "deprecationMessage": ""
736
+ }
737
+ ],
738
+ "optional": false,
739
+ "returnType": "void",
740
+ "typeParameters": [],
741
+ "line": 79,
742
+ "deprecated": false,
743
+ "deprecationMessage": "",
744
+ "jsdoctags": [
745
+ {
746
+ "name": "val",
747
+ "type": "string",
748
+ "optional": false,
749
+ "dotDotDotToken": false,
750
+ "deprecated": false,
751
+ "deprecationMessage": "",
752
+ "tagName": {
753
+ "text": "param"
754
+ }
755
+ }
756
+ ]
757
+ }
758
+ ],
759
+ "deprecated": false,
760
+ "deprecationMessage": "",
761
+ "hostBindings": [],
762
+ "hostListeners": [],
763
+ "standalone": true,
764
+ "imports": [
765
+ {
766
+ "name": "LucideAngularModule",
767
+ "type": "module"
768
+ },
769
+ {
770
+ "name": "ReactiveFormsModule",
771
+ "type": "module"
772
+ }
773
+ ],
774
+ "description": "",
775
+ "rawdescription": "\n",
776
+ "type": "component",
777
+ "sourceCode": "import { Component, Input, forwardRef, signal } from '@angular/core';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\r\nimport { LucideAngularModule, Eye, EyeOff } from 'lucide-angular';\r\n\r\n@Component({\r\n standalone: true,\r\n selector: 'ds-input',\r\n imports: [LucideAngularModule, ReactiveFormsModule],\r\n templateUrl: './input.component.html',\r\n styleUrl: './input.component.scss',\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => InputComponent),\r\n multi: true,\r\n },\r\n ],\r\n})\r\nexport class InputComponent implements ControlValueAccessor {\r\n @Input() label = '';\r\n @Input() placeholder = '';\r\n @Input() hint = '';\r\n @Input() error = '';\r\n @Input() type = 'text';\r\n @Input() disabled = false;\r\n @Input() prefixIcon: any = null;\r\n @Input() suffixIcon: any = null;\r\n\r\n readonly Eye = Eye;\r\n readonly EyeOff = EyeOff;\r\n\r\n value = '';\r\n isFocused = false;\r\n showPassword = signal(false);\r\n\r\n private onChange = (_: any) => {};\r\n private onTouched = () => {};\r\n\r\n get currentType(): string {\r\n if (this.type === 'password') {\r\n return this.showPassword() ? 'text' : 'password';\r\n }\r\n return this.type;\r\n }\r\n\r\n get isPassword(): boolean {\r\n return this.type === 'password';\r\n }\r\n\r\n get hasError(): boolean {\r\n return !!this.error;\r\n }\r\n\r\n get wrapperClasses(): string {\r\n return [\r\n 'input-wrapper',\r\n this.isFocused ? 'input-wrapper--focused' : '',\r\n this.hasError ? 'input-wrapper--error' : '',\r\n this.disabled ? 'input-wrapper--disabled' : '',\r\n this.prefixIcon ? 'input-wrapper--has-prefix' : '',\r\n (this.suffixIcon || this.isPassword) ? 'input-wrapper--has-suffix' : '',\r\n ].filter(Boolean).join(' ');\r\n }\r\n\r\n togglePassword(): void {\r\n this.showPassword.update(v => !v);\r\n }\r\n\r\n onInput(event: Event): void {\r\n const val = (event.target as HTMLInputElement).value;\r\n this.value = val;\r\n this.onChange(val);\r\n }\r\n\r\n onFocus(): void { this.isFocused = true; }\r\n onBlur(): void { this.isFocused = false; this.onTouched(); }\r\n\r\n // ControlValueAccessor\r\n writeValue(val: string): void { this.value = val ?? ''; }\r\n registerOnChange(fn: any): void { this.onChange = fn; }\r\n registerOnTouched(fn: any): void { this.onTouched = fn; }\r\n setDisabledState(is: boolean): void { this.disabled = is; }\r\n}",
778
+ "styleUrl": "./input.component.scss",
779
+ "assetsDirs": [],
780
+ "styleUrlsData": "",
781
+ "stylesData": "",
782
+ "extends": [],
783
+ "implements": [
784
+ "ControlValueAccessor"
785
+ ],
786
+ "accessors": {
787
+ "currentType": {
788
+ "name": "currentType",
789
+ "getSignature": {
790
+ "name": "currentType",
791
+ "type": "string",
792
+ "returnType": "string",
793
+ "line": 39
794
+ }
795
+ },
796
+ "isPassword": {
797
+ "name": "isPassword",
798
+ "getSignature": {
799
+ "name": "isPassword",
800
+ "type": "boolean",
801
+ "returnType": "boolean",
802
+ "line": 46
803
+ }
804
+ },
805
+ "hasError": {
806
+ "name": "hasError",
807
+ "getSignature": {
808
+ "name": "hasError",
809
+ "type": "boolean",
810
+ "returnType": "boolean",
811
+ "line": 50
812
+ }
813
+ },
814
+ "wrapperClasses": {
815
+ "name": "wrapperClasses",
816
+ "getSignature": {
817
+ "name": "wrapperClasses",
818
+ "type": "string",
819
+ "returnType": "string",
820
+ "line": 54
821
+ }
822
+ }
823
+ },
824
+ "templateData": "<div class=\"input-field\">\r\n\r\n @if (label) {\r\n <label class=\"input-label\" for=\"ds-input\">{{ label }}</label>\r\n }\r\n\r\n <div [class]=\"wrapperClasses\">\r\n\r\n @if (prefixIcon) {\r\n <span class=\"input-icon input-icon--prefix\">\r\n <lucide-icon [img]=\"prefixIcon\" [size]=\"16\" />\r\n </span>\r\n }\r\n\r\n <input [type]=\"currentType\" [placeholder]=\"placeholder\" [disabled]=\"disabled\" [value]=\"value\"\r\n class=\"input-control\" (input)=\"onInput($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" />\r\n\r\n @if (isPassword) {\r\n <button type=\"button\" class=\"input-icon input-icon--suffix input-icon--button\" [disabled]=\"disabled\"\r\n (click)=\"togglePassword()\" [attr.aria-label]=\"showPassword() ? 'Ocultar contraseña' : 'Mostrar contraseña'\">\r\n <lucide-icon [img]=\"showPassword() ? EyeOff : Eye\" [size]=\"16\" />\r\n </button>\r\n } @else if (suffixIcon) {\r\n <span class=\"input-icon input-icon--suffix\">\r\n <lucide-icon [img]=\"suffixIcon\" [size]=\"16\" />\r\n </span>\r\n }\r\n\r\n </div>\r\n\r\n @if (error) {\r\n <span class=\"input-hint input-hint--error\">{{ error }}</span>\r\n } @else if (hint) {\r\n <span class=\"input-hint\">{{ hint }}</span>\r\n }\r\n\r\n</div>"
825
+ }
826
+ ],
827
+ "modules": [],
828
+ "miscellaneous": {
829
+ "variables": [
830
+ {
831
+ "name": "angularApp",
832
+ "ctype": "miscellaneous",
833
+ "subtype": "variable",
834
+ "file": "src/server.ts",
835
+ "deprecated": false,
836
+ "deprecationMessage": "",
837
+ "type": "unknown",
838
+ "defaultValue": "new AngularNodeAppEngine()"
839
+ },
840
+ {
841
+ "name": "app",
842
+ "ctype": "miscellaneous",
843
+ "subtype": "variable",
844
+ "file": "src/server.ts",
845
+ "deprecated": false,
846
+ "deprecationMessage": "",
847
+ "type": "unknown",
848
+ "defaultValue": "express()"
849
+ },
850
+ {
851
+ "name": "appConfig",
852
+ "ctype": "miscellaneous",
853
+ "subtype": "variable",
854
+ "file": "src/app/app.config.ts",
855
+ "deprecated": false,
856
+ "deprecationMessage": "",
857
+ "type": "ApplicationConfig",
858
+ "defaultValue": "{\r\n providers: [\r\n provideBrowserGlobalErrorListeners(),\r\n provideRouter(routes), provideClientHydration(withEventReplay())\r\n ]\r\n}"
859
+ },
860
+ {
861
+ "name": "bootstrap",
862
+ "ctype": "miscellaneous",
863
+ "subtype": "variable",
864
+ "file": "src/main.server.ts",
865
+ "deprecated": false,
866
+ "deprecationMessage": "",
867
+ "type": "unknown",
868
+ "defaultValue": "(context: BootstrapContext) =>\r\n bootstrapApplication(App, config, context)"
869
+ },
870
+ {
871
+ "name": "browserDistFolder",
872
+ "ctype": "miscellaneous",
873
+ "subtype": "variable",
874
+ "file": "src/server.ts",
875
+ "deprecated": false,
876
+ "deprecationMessage": "",
877
+ "type": "unknown",
878
+ "defaultValue": "join(import.meta.dirname, '../browser')"
879
+ },
880
+ {
881
+ "name": "colorTokens",
882
+ "ctype": "miscellaneous",
883
+ "subtype": "variable",
884
+ "file": "src/tokens/tokens.ts",
885
+ "deprecated": false,
886
+ "deprecationMessage": "",
887
+ "type": "object",
888
+ "defaultValue": "{\r\n primitive: {\r\n 'blue-50': '#EFF6FF',\r\n 'blue-100': '#DBEAFE',\r\n 'blue-500': '#3B82F6',\r\n 'blue-600': '#2563EB',\r\n 'blue-700': '#1D4ED8',\r\n 'gray-50': '#F9FAFB',\r\n 'gray-100': '#F3F4F6',\r\n 'gray-200': '#E5E7EB',\r\n 'gray-400': '#9CA3AF',\r\n 'gray-600': '#4B5563',\r\n 'gray-800': '#1F2937',\r\n 'gray-900': '#111827',\r\n 'red-500': '#EF4444',\r\n 'green-500': '#22C55E',\r\n 'yellow-400': '#FACC15',\r\n },\r\n semantic: {\r\n 'primary': 'var(--color-primary)',\r\n 'danger': 'var(--color-danger)',\r\n 'success': 'var(--color-success)',\r\n 'text-primary': 'var(--color-text-primary)',\r\n 'text-secondary': 'var(--color-text-secondary)',\r\n 'bg-default': 'var(--color-bg-default)',\r\n 'border': 'var(--color-border)',\r\n }\r\n}"
889
+ },
890
+ {
891
+ "name": "config",
892
+ "ctype": "miscellaneous",
893
+ "subtype": "variable",
894
+ "file": "src/app/app.config.server.ts",
895
+ "deprecated": false,
896
+ "deprecationMessage": "",
897
+ "type": "unknown",
898
+ "defaultValue": "mergeApplicationConfig(appConfig, serverConfig)"
899
+ },
900
+ {
901
+ "name": "reqHandler",
902
+ "ctype": "miscellaneous",
903
+ "subtype": "variable",
904
+ "file": "src/server.ts",
905
+ "deprecated": false,
906
+ "deprecationMessage": "",
907
+ "type": "unknown",
908
+ "defaultValue": "createNodeRequestHandler(app)",
909
+ "rawdescription": "Request handler used by the Angular CLI (for dev-server and during build) or Firebase Cloud Functions.",
910
+ "description": "<p>Request handler used by the Angular CLI (for dev-server and during build) or Firebase Cloud Functions.</p>\n"
911
+ },
912
+ {
913
+ "name": "routes",
914
+ "ctype": "miscellaneous",
915
+ "subtype": "variable",
916
+ "file": "src/app/app.routes.ts",
917
+ "deprecated": false,
918
+ "deprecationMessage": "",
919
+ "type": "Routes",
920
+ "defaultValue": "[]"
921
+ },
922
+ {
923
+ "name": "serverConfig",
924
+ "ctype": "miscellaneous",
925
+ "subtype": "variable",
926
+ "file": "src/app/app.config.server.ts",
927
+ "deprecated": false,
928
+ "deprecationMessage": "",
929
+ "type": "ApplicationConfig",
930
+ "defaultValue": "{\r\n providers: [\r\n provideServerRendering(withRoutes(serverRoutes))\r\n ]\r\n}"
931
+ },
932
+ {
933
+ "name": "serverRoutes",
934
+ "ctype": "miscellaneous",
935
+ "subtype": "variable",
936
+ "file": "src/app/app.routes.server.ts",
937
+ "deprecated": false,
938
+ "deprecationMessage": "",
939
+ "type": "ServerRoute[]",
940
+ "defaultValue": "[\r\n {\r\n path: '**',\r\n renderMode: RenderMode.Prerender\r\n }\r\n]"
941
+ },
942
+ {
943
+ "name": "spacingTokens",
944
+ "ctype": "miscellaneous",
945
+ "subtype": "variable",
946
+ "file": "src/tokens/tokens.ts",
947
+ "deprecated": false,
948
+ "deprecationMessage": "",
949
+ "type": "object",
950
+ "defaultValue": "{\r\n '0': '0',\r\n '1': '0.25rem',\r\n '2': '0.5rem',\r\n '3': '0.75rem',\r\n '4': '1rem',\r\n '5': '1.25rem',\r\n '6': '1.5rem',\r\n '8': '2rem',\r\n '10': '2.5rem',\r\n '12': '3rem',\r\n '16': '4rem',\r\n}"
951
+ }
952
+ ],
953
+ "functions": [],
954
+ "typealiases": [
955
+ {
956
+ "name": "BadgeSize",
957
+ "ctype": "miscellaneous",
958
+ "subtype": "typealias",
959
+ "rawtype": "\"sm\" | \"md\"",
960
+ "file": "src/app/lib/badge/badge.component.ts",
961
+ "deprecated": false,
962
+ "deprecationMessage": "",
963
+ "description": "",
964
+ "kind": 193
965
+ },
966
+ {
967
+ "name": "BadgeVariant",
968
+ "ctype": "miscellaneous",
969
+ "subtype": "typealias",
970
+ "rawtype": "\"success\" | \"warning\" | \"neutral\" | \"default\" | \"error\"",
971
+ "file": "src/app/lib/badge/badge.component.ts",
972
+ "deprecated": false,
973
+ "deprecationMessage": "",
974
+ "description": "",
975
+ "kind": 193
976
+ },
977
+ {
978
+ "name": "ButtonAs",
979
+ "ctype": "miscellaneous",
980
+ "subtype": "typealias",
981
+ "rawtype": "\"button\" | \"a\"",
982
+ "file": "src/app/lib/button/button.component.ts",
983
+ "deprecated": false,
984
+ "deprecationMessage": "",
985
+ "description": "",
986
+ "kind": 193
987
+ },
988
+ {
989
+ "name": "ButtonIconPosition",
990
+ "ctype": "miscellaneous",
991
+ "subtype": "typealias",
992
+ "rawtype": "\"left\" | \"right\" | \"only\"",
993
+ "file": "src/app/lib/button/button.component.ts",
994
+ "deprecated": false,
995
+ "deprecationMessage": "",
996
+ "description": "",
997
+ "kind": 193
998
+ },
999
+ {
1000
+ "name": "ButtonSize",
1001
+ "ctype": "miscellaneous",
1002
+ "subtype": "typealias",
1003
+ "rawtype": "\"sm\" | \"md\" | \"lg\"",
1004
+ "file": "src/app/lib/button/button.component.ts",
1005
+ "deprecated": false,
1006
+ "deprecationMessage": "",
1007
+ "description": "",
1008
+ "kind": 193
1009
+ },
1010
+ {
1011
+ "name": "ButtonVariant",
1012
+ "ctype": "miscellaneous",
1013
+ "subtype": "typealias",
1014
+ "rawtype": "\"primary\" | \"secondary\" | \"outline\" | \"ghost\" | \"destructive\" | \"link\"",
1015
+ "file": "src/app/lib/button/button.component.ts",
1016
+ "deprecated": false,
1017
+ "deprecationMessage": "",
1018
+ "description": "",
1019
+ "kind": 193
1020
+ }
1021
+ ],
1022
+ "enumerations": [],
1023
+ "groupedVariables": {
1024
+ "src/server.ts": [
1025
+ {
1026
+ "name": "angularApp",
1027
+ "ctype": "miscellaneous",
1028
+ "subtype": "variable",
1029
+ "file": "src/server.ts",
1030
+ "deprecated": false,
1031
+ "deprecationMessage": "",
1032
+ "type": "unknown",
1033
+ "defaultValue": "new AngularNodeAppEngine()"
1034
+ },
1035
+ {
1036
+ "name": "app",
1037
+ "ctype": "miscellaneous",
1038
+ "subtype": "variable",
1039
+ "file": "src/server.ts",
1040
+ "deprecated": false,
1041
+ "deprecationMessage": "",
1042
+ "type": "unknown",
1043
+ "defaultValue": "express()"
1044
+ },
1045
+ {
1046
+ "name": "browserDistFolder",
1047
+ "ctype": "miscellaneous",
1048
+ "subtype": "variable",
1049
+ "file": "src/server.ts",
1050
+ "deprecated": false,
1051
+ "deprecationMessage": "",
1052
+ "type": "unknown",
1053
+ "defaultValue": "join(import.meta.dirname, '../browser')"
1054
+ },
1055
+ {
1056
+ "name": "reqHandler",
1057
+ "ctype": "miscellaneous",
1058
+ "subtype": "variable",
1059
+ "file": "src/server.ts",
1060
+ "deprecated": false,
1061
+ "deprecationMessage": "",
1062
+ "type": "unknown",
1063
+ "defaultValue": "createNodeRequestHandler(app)",
1064
+ "rawdescription": "Request handler used by the Angular CLI (for dev-server and during build) or Firebase Cloud Functions.",
1065
+ "description": "<p>Request handler used by the Angular CLI (for dev-server and during build) or Firebase Cloud Functions.</p>\n"
1066
+ }
1067
+ ],
1068
+ "src/app/app.config.ts": [
1069
+ {
1070
+ "name": "appConfig",
1071
+ "ctype": "miscellaneous",
1072
+ "subtype": "variable",
1073
+ "file": "src/app/app.config.ts",
1074
+ "deprecated": false,
1075
+ "deprecationMessage": "",
1076
+ "type": "ApplicationConfig",
1077
+ "defaultValue": "{\r\n providers: [\r\n provideBrowserGlobalErrorListeners(),\r\n provideRouter(routes), provideClientHydration(withEventReplay())\r\n ]\r\n}"
1078
+ }
1079
+ ],
1080
+ "src/main.server.ts": [
1081
+ {
1082
+ "name": "bootstrap",
1083
+ "ctype": "miscellaneous",
1084
+ "subtype": "variable",
1085
+ "file": "src/main.server.ts",
1086
+ "deprecated": false,
1087
+ "deprecationMessage": "",
1088
+ "type": "unknown",
1089
+ "defaultValue": "(context: BootstrapContext) =>\r\n bootstrapApplication(App, config, context)"
1090
+ }
1091
+ ],
1092
+ "src/tokens/tokens.ts": [
1093
+ {
1094
+ "name": "colorTokens",
1095
+ "ctype": "miscellaneous",
1096
+ "subtype": "variable",
1097
+ "file": "src/tokens/tokens.ts",
1098
+ "deprecated": false,
1099
+ "deprecationMessage": "",
1100
+ "type": "object",
1101
+ "defaultValue": "{\r\n primitive: {\r\n 'blue-50': '#EFF6FF',\r\n 'blue-100': '#DBEAFE',\r\n 'blue-500': '#3B82F6',\r\n 'blue-600': '#2563EB',\r\n 'blue-700': '#1D4ED8',\r\n 'gray-50': '#F9FAFB',\r\n 'gray-100': '#F3F4F6',\r\n 'gray-200': '#E5E7EB',\r\n 'gray-400': '#9CA3AF',\r\n 'gray-600': '#4B5563',\r\n 'gray-800': '#1F2937',\r\n 'gray-900': '#111827',\r\n 'red-500': '#EF4444',\r\n 'green-500': '#22C55E',\r\n 'yellow-400': '#FACC15',\r\n },\r\n semantic: {\r\n 'primary': 'var(--color-primary)',\r\n 'danger': 'var(--color-danger)',\r\n 'success': 'var(--color-success)',\r\n 'text-primary': 'var(--color-text-primary)',\r\n 'text-secondary': 'var(--color-text-secondary)',\r\n 'bg-default': 'var(--color-bg-default)',\r\n 'border': 'var(--color-border)',\r\n }\r\n}"
1102
+ },
1103
+ {
1104
+ "name": "spacingTokens",
1105
+ "ctype": "miscellaneous",
1106
+ "subtype": "variable",
1107
+ "file": "src/tokens/tokens.ts",
1108
+ "deprecated": false,
1109
+ "deprecationMessage": "",
1110
+ "type": "object",
1111
+ "defaultValue": "{\r\n '0': '0',\r\n '1': '0.25rem',\r\n '2': '0.5rem',\r\n '3': '0.75rem',\r\n '4': '1rem',\r\n '5': '1.25rem',\r\n '6': '1.5rem',\r\n '8': '2rem',\r\n '10': '2.5rem',\r\n '12': '3rem',\r\n '16': '4rem',\r\n}"
1112
+ }
1113
+ ],
1114
+ "src/app/app.config.server.ts": [
1115
+ {
1116
+ "name": "config",
1117
+ "ctype": "miscellaneous",
1118
+ "subtype": "variable",
1119
+ "file": "src/app/app.config.server.ts",
1120
+ "deprecated": false,
1121
+ "deprecationMessage": "",
1122
+ "type": "unknown",
1123
+ "defaultValue": "mergeApplicationConfig(appConfig, serverConfig)"
1124
+ },
1125
+ {
1126
+ "name": "serverConfig",
1127
+ "ctype": "miscellaneous",
1128
+ "subtype": "variable",
1129
+ "file": "src/app/app.config.server.ts",
1130
+ "deprecated": false,
1131
+ "deprecationMessage": "",
1132
+ "type": "ApplicationConfig",
1133
+ "defaultValue": "{\r\n providers: [\r\n provideServerRendering(withRoutes(serverRoutes))\r\n ]\r\n}"
1134
+ }
1135
+ ],
1136
+ "src/app/app.routes.ts": [
1137
+ {
1138
+ "name": "routes",
1139
+ "ctype": "miscellaneous",
1140
+ "subtype": "variable",
1141
+ "file": "src/app/app.routes.ts",
1142
+ "deprecated": false,
1143
+ "deprecationMessage": "",
1144
+ "type": "Routes",
1145
+ "defaultValue": "[]"
1146
+ }
1147
+ ],
1148
+ "src/app/app.routes.server.ts": [
1149
+ {
1150
+ "name": "serverRoutes",
1151
+ "ctype": "miscellaneous",
1152
+ "subtype": "variable",
1153
+ "file": "src/app/app.routes.server.ts",
1154
+ "deprecated": false,
1155
+ "deprecationMessage": "",
1156
+ "type": "ServerRoute[]",
1157
+ "defaultValue": "[\r\n {\r\n path: '**',\r\n renderMode: RenderMode.Prerender\r\n }\r\n]"
1158
+ }
1159
+ ]
1160
+ },
1161
+ "groupedFunctions": {},
1162
+ "groupedEnumerations": {},
1163
+ "groupedTypeAliases": {
1164
+ "src/app/lib/badge/badge.component.ts": [
1165
+ {
1166
+ "name": "BadgeSize",
1167
+ "ctype": "miscellaneous",
1168
+ "subtype": "typealias",
1169
+ "rawtype": "\"sm\" | \"md\"",
1170
+ "file": "src/app/lib/badge/badge.component.ts",
1171
+ "deprecated": false,
1172
+ "deprecationMessage": "",
1173
+ "description": "",
1174
+ "kind": 193
1175
+ },
1176
+ {
1177
+ "name": "BadgeVariant",
1178
+ "ctype": "miscellaneous",
1179
+ "subtype": "typealias",
1180
+ "rawtype": "\"success\" | \"warning\" | \"neutral\" | \"default\" | \"error\"",
1181
+ "file": "src/app/lib/badge/badge.component.ts",
1182
+ "deprecated": false,
1183
+ "deprecationMessage": "",
1184
+ "description": "",
1185
+ "kind": 193
1186
+ }
1187
+ ],
1188
+ "src/app/lib/button/button.component.ts": [
1189
+ {
1190
+ "name": "ButtonAs",
1191
+ "ctype": "miscellaneous",
1192
+ "subtype": "typealias",
1193
+ "rawtype": "\"button\" | \"a\"",
1194
+ "file": "src/app/lib/button/button.component.ts",
1195
+ "deprecated": false,
1196
+ "deprecationMessage": "",
1197
+ "description": "",
1198
+ "kind": 193
1199
+ },
1200
+ {
1201
+ "name": "ButtonIconPosition",
1202
+ "ctype": "miscellaneous",
1203
+ "subtype": "typealias",
1204
+ "rawtype": "\"left\" | \"right\" | \"only\"",
1205
+ "file": "src/app/lib/button/button.component.ts",
1206
+ "deprecated": false,
1207
+ "deprecationMessage": "",
1208
+ "description": "",
1209
+ "kind": 193
1210
+ },
1211
+ {
1212
+ "name": "ButtonSize",
1213
+ "ctype": "miscellaneous",
1214
+ "subtype": "typealias",
1215
+ "rawtype": "\"sm\" | \"md\" | \"lg\"",
1216
+ "file": "src/app/lib/button/button.component.ts",
1217
+ "deprecated": false,
1218
+ "deprecationMessage": "",
1219
+ "description": "",
1220
+ "kind": 193
1221
+ },
1222
+ {
1223
+ "name": "ButtonVariant",
1224
+ "ctype": "miscellaneous",
1225
+ "subtype": "typealias",
1226
+ "rawtype": "\"primary\" | \"secondary\" | \"outline\" | \"ghost\" | \"destructive\" | \"link\"",
1227
+ "file": "src/app/lib/button/button.component.ts",
1228
+ "deprecated": false,
1229
+ "deprecationMessage": "",
1230
+ "description": "",
1231
+ "kind": 193
1232
+ }
1233
+ ]
1234
+ }
1235
+ },
1236
+ "routes": {
1237
+ "name": "<root>",
1238
+ "kind": "module",
1239
+ "children": []
1240
+ },
1241
+ "coverage": {
1242
+ "count": 4,
1243
+ "status": "low",
1244
+ "files": [
1245
+ {
1246
+ "filePath": "src/app/app.config.server.ts",
1247
+ "type": "variable",
1248
+ "linktype": "miscellaneous",
1249
+ "linksubtype": "variable",
1250
+ "name": "config",
1251
+ "coveragePercent": 0,
1252
+ "coverageCount": "0/1",
1253
+ "status": "low"
1254
+ },
1255
+ {
1256
+ "filePath": "src/app/app.config.server.ts",
1257
+ "type": "variable",
1258
+ "linktype": "miscellaneous",
1259
+ "linksubtype": "variable",
1260
+ "name": "serverConfig",
1261
+ "coveragePercent": 0,
1262
+ "coverageCount": "0/1",
1263
+ "status": "low"
1264
+ },
1265
+ {
1266
+ "filePath": "src/app/app.config.ts",
1267
+ "type": "variable",
1268
+ "linktype": "miscellaneous",
1269
+ "linksubtype": "variable",
1270
+ "name": "appConfig",
1271
+ "coveragePercent": 0,
1272
+ "coverageCount": "0/1",
1273
+ "status": "low"
1274
+ },
1275
+ {
1276
+ "filePath": "src/app/app.routes.server.ts",
1277
+ "type": "variable",
1278
+ "linktype": "miscellaneous",
1279
+ "linksubtype": "variable",
1280
+ "name": "serverRoutes",
1281
+ "coveragePercent": 0,
1282
+ "coverageCount": "0/1",
1283
+ "status": "low"
1284
+ },
1285
+ {
1286
+ "filePath": "src/app/app.routes.ts",
1287
+ "type": "variable",
1288
+ "linktype": "miscellaneous",
1289
+ "linksubtype": "variable",
1290
+ "name": "routes",
1291
+ "coveragePercent": 0,
1292
+ "coverageCount": "0/1",
1293
+ "status": "low"
1294
+ },
1295
+ {
1296
+ "filePath": "src/app/app.ts",
1297
+ "type": "component",
1298
+ "linktype": "component",
1299
+ "name": "App",
1300
+ "coveragePercent": 0,
1301
+ "coverageCount": "0/2",
1302
+ "status": "low"
1303
+ },
1304
+ {
1305
+ "filePath": "src/app/lib/badge/badge.component.ts",
1306
+ "type": "component",
1307
+ "linktype": "component",
1308
+ "name": "BadgeComponent",
1309
+ "coveragePercent": 0,
1310
+ "coverageCount": "0/3",
1311
+ "status": "low"
1312
+ },
1313
+ {
1314
+ "filePath": "src/app/lib/badge/badge.component.ts",
1315
+ "type": "type alias",
1316
+ "linktype": "miscellaneous",
1317
+ "linksubtype": "typealias",
1318
+ "name": "BadgeSize",
1319
+ "coveragePercent": 0,
1320
+ "coverageCount": "0/1",
1321
+ "status": "low"
1322
+ },
1323
+ {
1324
+ "filePath": "src/app/lib/badge/badge.component.ts",
1325
+ "type": "type alias",
1326
+ "linktype": "miscellaneous",
1327
+ "linksubtype": "typealias",
1328
+ "name": "BadgeVariant",
1329
+ "coveragePercent": 0,
1330
+ "coverageCount": "0/1",
1331
+ "status": "low"
1332
+ },
1333
+ {
1334
+ "filePath": "src/app/lib/button/button.component.ts",
1335
+ "type": "component",
1336
+ "linktype": "component",
1337
+ "name": "ButtonComponent",
1338
+ "coveragePercent": 0,
1339
+ "coverageCount": "0/11",
1340
+ "status": "low"
1341
+ },
1342
+ {
1343
+ "filePath": "src/app/lib/button/button.component.ts",
1344
+ "type": "type alias",
1345
+ "linktype": "miscellaneous",
1346
+ "linksubtype": "typealias",
1347
+ "name": "ButtonAs",
1348
+ "coveragePercent": 0,
1349
+ "coverageCount": "0/1",
1350
+ "status": "low"
1351
+ },
1352
+ {
1353
+ "filePath": "src/app/lib/button/button.component.ts",
1354
+ "type": "type alias",
1355
+ "linktype": "miscellaneous",
1356
+ "linksubtype": "typealias",
1357
+ "name": "ButtonIconPosition",
1358
+ "coveragePercent": 0,
1359
+ "coverageCount": "0/1",
1360
+ "status": "low"
1361
+ },
1362
+ {
1363
+ "filePath": "src/app/lib/button/button.component.ts",
1364
+ "type": "type alias",
1365
+ "linktype": "miscellaneous",
1366
+ "linksubtype": "typealias",
1367
+ "name": "ButtonSize",
1368
+ "coveragePercent": 0,
1369
+ "coverageCount": "0/1",
1370
+ "status": "low"
1371
+ },
1372
+ {
1373
+ "filePath": "src/app/lib/button/button.component.ts",
1374
+ "type": "type alias",
1375
+ "linktype": "miscellaneous",
1376
+ "linksubtype": "typealias",
1377
+ "name": "ButtonVariant",
1378
+ "coveragePercent": 0,
1379
+ "coverageCount": "0/1",
1380
+ "status": "low"
1381
+ },
1382
+ {
1383
+ "filePath": "src/app/lib/input/input.component.ts",
1384
+ "type": "component",
1385
+ "linktype": "component",
1386
+ "name": "InputComponent",
1387
+ "coveragePercent": 0,
1388
+ "coverageCount": "0/24",
1389
+ "status": "low"
1390
+ },
1391
+ {
1392
+ "filePath": "src/main.server.ts",
1393
+ "type": "variable",
1394
+ "linktype": "miscellaneous",
1395
+ "linksubtype": "variable",
1396
+ "name": "bootstrap",
1397
+ "coveragePercent": 0,
1398
+ "coverageCount": "0/1",
1399
+ "status": "low"
1400
+ },
1401
+ {
1402
+ "filePath": "src/server.ts",
1403
+ "type": "variable",
1404
+ "linktype": "miscellaneous",
1405
+ "linksubtype": "variable",
1406
+ "name": "angularApp",
1407
+ "coveragePercent": 0,
1408
+ "coverageCount": "0/1",
1409
+ "status": "low"
1410
+ },
1411
+ {
1412
+ "filePath": "src/server.ts",
1413
+ "type": "variable",
1414
+ "linktype": "miscellaneous",
1415
+ "linksubtype": "variable",
1416
+ "name": "app",
1417
+ "coveragePercent": 0,
1418
+ "coverageCount": "0/1",
1419
+ "status": "low"
1420
+ },
1421
+ {
1422
+ "filePath": "src/server.ts",
1423
+ "type": "variable",
1424
+ "linktype": "miscellaneous",
1425
+ "linksubtype": "variable",
1426
+ "name": "browserDistFolder",
1427
+ "coveragePercent": 0,
1428
+ "coverageCount": "0/1",
1429
+ "status": "low"
1430
+ },
1431
+ {
1432
+ "filePath": "src/server.ts",
1433
+ "type": "variable",
1434
+ "linktype": "miscellaneous",
1435
+ "linksubtype": "variable",
1436
+ "name": "reqHandler",
1437
+ "coveragePercent": 100,
1438
+ "coverageCount": "1/1",
1439
+ "status": "very-good"
1440
+ },
1441
+ {
1442
+ "filePath": "src/stories/user.ts",
1443
+ "type": "interface",
1444
+ "linktype": "interface",
1445
+ "name": "User",
1446
+ "coveragePercent": 0,
1447
+ "coverageCount": "0/2",
1448
+ "status": "low"
1449
+ },
1450
+ {
1451
+ "filePath": "src/tokens/tokens.ts",
1452
+ "type": "variable",
1453
+ "linktype": "miscellaneous",
1454
+ "linksubtype": "variable",
1455
+ "name": "colorTokens",
1456
+ "coveragePercent": 0,
1457
+ "coverageCount": "0/1",
1458
+ "status": "low"
1459
+ },
1460
+ {
1461
+ "filePath": "src/tokens/tokens.ts",
1462
+ "type": "variable",
1463
+ "linktype": "miscellaneous",
1464
+ "linksubtype": "variable",
1465
+ "name": "spacingTokens",
1466
+ "coveragePercent": 0,
1467
+ "coverageCount": "0/1",
1468
+ "status": "low"
1469
+ }
1470
+ ]
1471
+ }
1472
+ }