ngx-button-example 0.0.1 → 0.0.2
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.
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component } from '@angular/core';
|
|
2
|
+
import { output, Component } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
class NgxButtonExample {
|
|
5
|
+
buttonClicked = output();
|
|
6
|
+
handleClick() {
|
|
7
|
+
this.buttonClicked.emit(100);
|
|
8
|
+
}
|
|
5
9
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgxButtonExample, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: NgxButtonExample, isStandalone: true, selector: "lib-ngx-button-example", ngImport: i0, template: `
|
|
7
|
-
<button class="pretty-btn">
|
|
10
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: NgxButtonExample, isStandalone: true, selector: "lib-ngx-button-example", outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: `
|
|
11
|
+
<button class="pretty-btn" (click)="handleClick()">
|
|
8
12
|
¡Botón Bonito!
|
|
9
13
|
</button>
|
|
10
14
|
`, isInline: true, styles: [".pretty-btn{background:linear-gradient(90deg,#4f8cff,#38e6b0);color:#fff;border:none;border-radius:8px;padding:12px 28px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #4f8cff26;transition:background .3s,transform .2s}.pretty-btn:hover{background:linear-gradient(90deg,#38e6b0,#4f8cff);transform:translateY(-2px) scale(1.04)}\n"] });
|
|
@@ -12,11 +16,11 @@ class NgxButtonExample {
|
|
|
12
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgxButtonExample, decorators: [{
|
|
13
17
|
type: Component,
|
|
14
18
|
args: [{ selector: 'lib-ngx-button-example', imports: [], template: `
|
|
15
|
-
<button class="pretty-btn">
|
|
19
|
+
<button class="pretty-btn" (click)="handleClick()">
|
|
16
20
|
¡Botón Bonito!
|
|
17
21
|
</button>
|
|
18
22
|
`, styles: [".pretty-btn{background:linear-gradient(90deg,#4f8cff,#38e6b0);color:#fff;border:none;border-radius:8px;padding:12px 28px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #4f8cff26;transition:background .3s,transform .2s}.pretty-btn:hover{background:linear-gradient(90deg,#38e6b0,#4f8cff);transform:translateY(-2px) scale(1.04)}\n"] }]
|
|
19
|
-
}] });
|
|
23
|
+
}], propDecorators: { buttonClicked: [{ type: i0.Output, args: ["buttonClicked"] }] } });
|
|
20
24
|
|
|
21
25
|
/*
|
|
22
26
|
* Public API Surface of ngx-button-example
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-button-example.mjs","sources":["../../../projects/ngx-button-example/src/lib/ngx-button-example.ts","../../../projects/ngx-button-example/src/public-api.ts","../../../projects/ngx-button-example/src/ngx-button-example.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'lib-ngx-button-example',\r\n imports: [],\r\n template: `\r\n <button class=\"pretty-btn\">\r\n ¡Botón Bonito!\r\n </button>\r\n `,\r\n styleUrls: ['./ngx-button-example.scss']\r\n})\r\nexport class NgxButtonExample {\r\n\r\n}\r\n","/*\r\n * Public API Surface of ngx-button-example\r\n */\r\n\r\nexport * from './lib/ngx-button-example';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAYa,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"ngx-button-example.mjs","sources":["../../../projects/ngx-button-example/src/lib/ngx-button-example.ts","../../../projects/ngx-button-example/src/public-api.ts","../../../projects/ngx-button-example/src/ngx-button-example.ts"],"sourcesContent":["import { Component, output } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'lib-ngx-button-example',\r\n imports: [],\r\n template: `\r\n <button class=\"pretty-btn\" (click)=\"handleClick()\">\r\n ¡Botón Bonito!\r\n </button>\r\n `,\r\n styleUrls: ['./ngx-button-example.scss']\r\n})\r\nexport class NgxButtonExample {\r\n buttonClicked = output<number>();\r\n\r\n handleClick() {\r\n this.buttonClicked.emit(100);\r\n }\r\n\r\n}","/*\r\n * Public API Surface of ngx-button-example\r\n */\r\n\r\nexport * from './lib/ngx-button-example';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAYa,gBAAgB,CAAA;IAC3B,aAAa,GAAG,MAAM,EAAU;IAEhC,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC;IAC9B;wGALW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPjB,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6VAAA,CAAA,EAAA,CAAA;;4FAGU,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAV5B,SAAS;+BACE,wBAAwB,EAAA,OAAA,EACzB,EAAE,EAAA,QAAA,EACD,CAAA;;;;AAIT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,6VAAA,CAAA,EAAA;;;ACTH;;AAEG;;ACFH;;AAEG;;;;"}
|
package/index.d.ts
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
|
|
3
3
|
declare class NgxButtonExample {
|
|
4
|
+
buttonClicked: i0.OutputEmitterRef<number>;
|
|
5
|
+
handleClick(): void;
|
|
4
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgxButtonExample, never>;
|
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgxButtonExample, "lib-ngx-button-example", never, {}, {}, never, never, true, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgxButtonExample, "lib-ngx-button-example", never, {}, { "buttonClicked": "buttonClicked"; }, never, never, true, never>;
|
|
6
8
|
}
|
|
7
9
|
|
|
8
10
|
export { NgxButtonExample };
|