atlas-test-ui-components 0.0.1

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 (5) hide show
  1. package/README.md +15 -0
  2. package/fesm2022/atlas-test-ui-components.mjs +52 -0
  3. package/fesm2022/atlas-test-ui-components.mjs.map +1 -0
  4. package/package.json +34 -0
  5. package/types/atlas-test-ui-components.d.ts +21 -0
package/README.md ADDED
@@ -0,0 +1,15 @@
1
+ # UI Components
2
+
3
+ Reusable Angular UI components.
4
+
5
+ ## Installation
6
+
7
+ ```bash
8
+ npm install @atlas/test-ui-components
9
+ ```
10
+
11
+ ## Usage
12
+
13
+ ```ts
14
+ import { Boton } from '@atlas/test-ui-components';
15
+ ```
package/fesm2022/atlas-test-ui-components.mjs ADDED
@@ -0,0 +1,52 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Input, Component, EventEmitter, Output } from '@angular/core';
3
+
4
+ class Boton {
5
+ text = 'Botón';
6
+ color = 'primary';
7
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: Boton, deps: [], target: i0.ɵɵFactoryTarget.Component });
8
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: Boton, isStandalone: true, selector: "lib-boton", inputs: { text: "text", color: "color" }, ngImport: i0, template: "<button [class]=\"color\">\n {{ text }}\n</button>", styles: ["button{border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:16px;color:#fff;transition:.3s}.primary{background:#1976d2}.secondary{background:#616161}.danger{background:#d32f2f}button:hover{opacity:.8}\n"] });
9
+ }
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: Boton, decorators: [{
11
+ type: Component,
12
+ args: [{ selector: 'lib-boton', imports: [], standalone: true, template: "<button [class]=\"color\">\n {{ text }}\n</button>", styles: ["button{border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:16px;color:#fff;transition:.3s}.primary{background:#1976d2}.secondary{background:#616161}.danger{background:#d32f2f}button:hover{opacity:.8}\n"] }]
13
+ }], propDecorators: { text: [{
14
+ type: Input
15
+ }], color: [{
16
+ type: Input
17
+ }] } });
18
+
19
+ class AlertComponent {
20
+ message = 'Mensaje de alerta';
21
+ type = 'success';
22
+ closable = false;
23
+ close = new EventEmitter();
24
+ onClose() {
25
+ this.close.emit();
26
+ }
27
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
28
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: AlertComponent, isStandalone: true, selector: "lib-alert", inputs: { message: "message", type: "type", closable: "closable" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"alert\" [class]=\"type\">\n\n <span>\n {{ message }}\n </span>\n\n @if (closable) {\n <button (click)=\"onClose()\">\n X\n </button>\n }\n\n</div>", styles: [".alert{padding:16px;border-radius:8px;color:#fff;display:flex;justify-content:space-between;align-items:center;margin:10px 0;font-family:Arial,sans-serif}.success{background:#2e7d32}.error{background:#d32f2f}.warning{background:#ed6c02}button{border:none;background:transparent;color:#fff;cursor:pointer;font-size:16px}\n"] });
29
+ }
30
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: AlertComponent, decorators: [{
31
+ type: Component,
32
+ args: [{ selector: 'lib-alert', imports: [], template: "<div class=\"alert\" [class]=\"type\">\n\n <span>\n {{ message }}\n </span>\n\n @if (closable) {\n <button (click)=\"onClose()\">\n X\n </button>\n }\n\n</div>", styles: [".alert{padding:16px;border-radius:8px;color:#fff;display:flex;justify-content:space-between;align-items:center;margin:10px 0;font-family:Arial,sans-serif}.success{background:#2e7d32}.error{background:#d32f2f}.warning{background:#ed6c02}button{border:none;background:transparent;color:#fff;cursor:pointer;font-size:16px}\n"] }]
33
+ }], propDecorators: { message: [{
34
+ type: Input
35
+ }], type: [{
36
+ type: Input
37
+ }], closable: [{
38
+ type: Input
39
+ }], close: [{
40
+ type: Output
41
+ }] } });
42
+
43
+ /*
44
+ * Public API Surface of ui-components
45
+ */
46
+
47
+ /**
48
+ * Generated bundle index. Do not edit.
49
+ */
50
+
51
+ export { AlertComponent, Boton };
52
+ //# sourceMappingURL=atlas-test-ui-components.mjs.map
package/fesm2022/atlas-test-ui-components.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"atlas-test-ui-components.mjs","sources":["../../../projects/ui-components/src/lib/boton/boton.ts","../../../projects/ui-components/src/lib/boton/boton.html","../../../projects/ui-components/src/lib/alert/alert.ts","../../../projects/ui-components/src/lib/alert/alert.html","../../../projects/ui-components/src/public-api.ts","../../../projects/ui-components/src/atlas-test-ui-components.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'lib-boton',\n imports: [],\n standalone: true,\n templateUrl: './boton.html',\n styleUrl: './boton.css',\n})\nexport class Boton {\n @Input()\n text: string = 'Botón';\n @Input()\n color: 'primary' | 'secondary' | 'danger' = 'primary';\n}","<button [class]=\"color\">\n {{ text }}\n</button>","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'lib-alert',\n imports: [],\n templateUrl: './alert.html',\n styleUrl: './alert.css',\n})\nexport class AlertComponent {\n\n @Input()\n message: string = 'Mensaje de alerta';\n\n @Input()\n type: 'success' | 'error' | 'warning' = 'success';\n\n @Input()\n closable: boolean = false;\n\n @Output()\n close = new EventEmitter<void>();\n\n onClose() {\n this.close.emit();\n }\n\n}","<div class=\"alert\" [class]=\"type\">\n\n <span>\n {{ message }}\n </span>\n\n @if (closable) {\n <button (click)=\"onClose()\">\n X\n </button>\n }\n\n</div>","/*\n * Public API Surface of ui-components\n */\n\nexport * from './lib/boton/boton';\nexport * from './lib/alert/alert';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MASa,KAAK,CAAA;IAEhB,IAAI,GAAW,OAAO;IAEtB,KAAK,GAAuC,SAAS;wGAJ1C,KAAK,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAL,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,KAAK,+GCTlB,qDAES,EAAA,MAAA,EAAA,CAAA,gOAAA,CAAA,EAAA,CAAA;;4FDOI,KAAK,EAAA,UAAA,EAAA,CAAA;kBAPjB,SAAS;+BACE,WAAW,EAAA,OAAA,EACZ,EAAE,EAAA,UAAA,EACC,IAAI,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,gOAAA,CAAA,EAAA;;sBAKf;;sBAEA;;;MEJU,cAAc,CAAA;IAGzB,OAAO,GAAW,mBAAmB;IAGrC,IAAI,GAAoC,SAAS;IAGjD,QAAQ,GAAY,KAAK;AAGzB,IAAA,KAAK,GAAG,IAAI,YAAY,EAAQ;IAEhC,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;IACnB;wGAhBW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,sKCR3B,mLAYM,EAAA,MAAA,EAAA,CAAA,mUAAA,CAAA,EAAA,CAAA;;4FDJO,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,WACZ,EAAE,EAAA,QAAA,EAAA,mLAAA,EAAA,MAAA,EAAA,CAAA,mUAAA,CAAA,EAAA;;sBAMV;;sBAGA;;sBAGA;;sBAGA;;;AEnBH;;AAEG;;ACFH;;AAEG;;;;"}
package/package.json ADDED
@@ -0,0 +1,34 @@
1
+ {
2
+ "name": "atlas-test-ui-components",
3
+ "version": "0.0.1",
4
+ "peerDependencies": {
5
+ "@angular/common": "^21.2.0",
6
+ "@angular/core": "^21.2.0"
7
+ },
8
+ "dependencies": {
9
+ "tslib": "^2.3.0"
10
+ },
11
+ "description": "Angular reusable UI components",
12
+ "author": "Tu Nombre",
13
+ "license": "MIT",
14
+ "keywords": [
15
+ "angular",
16
+ "ui",
17
+ "components",
18
+ "button",
19
+ "alert"
20
+ ],
21
+ "sideEffects": false,
22
+ "module": "fesm2022/atlas-test-ui-components.mjs",
23
+ "typings": "types/atlas-test-ui-components.d.ts",
24
+ "exports": {
25
+ "./package.json": {
26
+ "default": "./package.json"
27
+ },
28
+ ".": {
29
+ "types": "./types/atlas-test-ui-components.d.ts",
30
+ "default": "./fesm2022/atlas-test-ui-components.mjs"
31
+ }
32
+ },
33
+ "type": "module"
34
+ }
package/types/atlas-test-ui-components.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ import * as i0 from '@angular/core';
2
+ import { EventEmitter } from '@angular/core';
3
+
4
+ declare class Boton {
5
+ text: string;
6
+ color: 'primary' | 'secondary' | 'danger';
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<Boton, never>;
8
+ static ɵcmp: i0.ɵɵComponentDeclaration<Boton, "lib-boton", never, { "text": { "alias": "text"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
9
+ }
10
+
11
+ declare class AlertComponent {
12
+ message: string;
13
+ type: 'success' | 'error' | 'warning';
14
+ closable: boolean;
15
+ close: EventEmitter<void>;
16
+ onClose(): void;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
18
+ static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "lib-alert", never, { "message": { "alias": "message"; "required": false; }; "type": { "alias": "type"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; }, { "close": "close"; }, never, never, true, never>;
19
+ }
20
+
21
+ export { AlertComponent, Boton };