primekit 0.0.3 → 0.0.4
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/esm2022/lib/lib/p-button/p-button.component.mjs +13 -4
- package/esm2022/lib/lib/p-card/p-card.component.mjs +24 -0
- package/esm2022/lib/primekit.module.mjs +8 -6
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/primekit.mjs +41 -9
- package/fesm2022/primekit.mjs.map +1 -1
- package/lib/lib/p-button/p-button.component.d.ts +5 -1
- package/lib/lib/p-card/p-card.component.d.ts +9 -0
- package/lib/primekit.module.d.ts +5 -3
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
import * as i2 from "primeng/button";
|
|
@@ -11,12 +11,17 @@ export class PButtonComponent {
|
|
|
11
11
|
class = '';
|
|
12
12
|
icon = '';
|
|
13
13
|
iconPos = 'left';
|
|
14
|
+
buttonData;
|
|
15
|
+
buttonClick = new EventEmitter();
|
|
16
|
+
onButtonClick() {
|
|
17
|
+
this.buttonClick.emit(this.buttonData); // Emit the event when button is clicked
|
|
18
|
+
}
|
|
14
19
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PButtonComponent, selector: "lib-p-button", inputs: { label: "label", disabled: "disabled", loading: "loading", size: "size", type: "type", class: "class", icon: "icon", iconPos: "iconPos" }, ngImport: i0, template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"{\n 'p-button-primary': type === 'primary',\n 'p-button-outlined': type === 'outlined',\n 'p-button-text': type === 'text'\n }\"\n [class]=\"!type ? class : ''\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:#fff!important;color:#63b77e!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;cursor:pointer}::ng-deep .refresh-button{background-color:#fff!important;border-radius:50%;height:40px;width:40px}::ng-deep .p-button-text{color:#424242;background:none!important}:is():disabled{background:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] });
|
|
20
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PButtonComponent, selector: "lib-p-button", inputs: { label: "label", disabled: "disabled", loading: "loading", size: "size", type: "type", class: "class", icon: "icon", iconPos: "iconPos", buttonData: "buttonData" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"{\n 'p-button-primary': type === 'primary',\n 'p-button-outlined': type === 'outlined',\n 'p-button-text': type === 'text'\n }\"\n [class]=\"!type ? class : ''\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n (click)=\"onButtonClick()\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:#fff!important;color:#63b77e!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;cursor:pointer}::ng-deep .refresh-button{background-color:#fff!important;border-radius:50%;height:40px;width:40px}::ng-deep .p-button-text{color:#424242;background:none!important;border-radius:1px solid gray}:is():disabled{background:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] });
|
|
16
21
|
}
|
|
17
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PButtonComponent, decorators: [{
|
|
18
23
|
type: Component,
|
|
19
|
-
args: [{ selector: 'lib-p-button', template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"{\n 'p-button-primary': type === 'primary',\n 'p-button-outlined': type === 'outlined',\n 'p-button-text': type === 'text'\n }\"\n [class]=\"!type ? class : ''\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:#fff!important;color:#63b77e!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;cursor:pointer}::ng-deep .refresh-button{background-color:#fff!important;border-radius:50%;height:40px;width:40px}::ng-deep .p-button-text{color:#424242;background:none!important}:is():disabled{background:none!important}\n"] }]
|
|
24
|
+
args: [{ selector: 'lib-p-button', template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"{\n 'p-button-primary': type === 'primary',\n 'p-button-outlined': type === 'outlined',\n 'p-button-text': type === 'text'\n }\"\n [class]=\"!type ? class : ''\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n (click)=\"onButtonClick()\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:#fff!important;color:#63b77e!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;cursor:pointer}::ng-deep .refresh-button{background-color:#fff!important;border-radius:50%;height:40px;width:40px}::ng-deep .p-button-text{color:#424242;background:none!important;border-radius:1px solid gray}:is():disabled{background:none!important}\n"] }]
|
|
20
25
|
}], propDecorators: { label: [{
|
|
21
26
|
type: Input
|
|
22
27
|
}], disabled: [{
|
|
@@ -33,5 +38,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
33
38
|
type: Input
|
|
34
39
|
}], iconPos: [{
|
|
35
40
|
type: Input
|
|
41
|
+
}], buttonData: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], buttonClick: [{
|
|
44
|
+
type: Output
|
|
36
45
|
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvcC1idXR0b24vcC1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvcC1idXR0b24vcC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVF2RSxNQUFNLE9BQU8sZ0JBQWdCO0lBQ2xCLEtBQUssR0FBVyxFQUFFLENBQUM7SUFDbkIsUUFBUSxHQUFZLEtBQUssQ0FBQztJQUMxQixPQUFPLEdBQVksS0FBSyxDQUFDO0lBQ3pCLElBQUksR0FBWSxPQUFPLENBQUE7SUFDdkIsSUFBSSxHQUFXLFNBQVMsQ0FBQztJQUV6QixLQUFLLEdBQVcsRUFBRSxDQUFDO0lBRW5CLElBQUksR0FBVyxFQUFFLENBQUM7SUFDbEIsT0FBTyxHQUFvQixNQUFNLENBQUM7SUFFbEMsVUFBVSxDQUFNO0lBQ2YsV0FBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFFakQsYUFBYTtRQUNYLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLHdDQUF3QztJQUNsRixDQUFDO3dHQWpCVSxnQkFBZ0I7NEZBQWhCLGdCQUFnQiwyUUNSN0IsaVpBaUJBOzs0RkRUYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsY0FBYzs4QkFLZixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uU2l6ZSxCdXR0b25JY29uUG9zaXRpb24gfSBmcm9tICcuL3AtYnV0dG9uLm1vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1wLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3AtYnV0dG9uLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQQnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBsb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNpemU6QnV0dG9uU2l6ZT0nc21hbGwnIFxuICBASW5wdXQoKSB0eXBlOiBzdHJpbmcgPSAncHJpbWFyeSc7XG4gXG4gIEBJbnB1dCgpIGNsYXNzOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKSBpY29uOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgaWNvblBvczpCdXR0b25JY29uUG9zaXRpb249J2xlZnQnO1xuXG4gIEBJbnB1dCgpIGJ1dHRvbkRhdGE6IGFueTsgXG4gIEBPdXRwdXQoKSBidXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTsgXG4gIFxuICBvbkJ1dHRvbkNsaWNrKCkge1xuICAgIHRoaXMuYnV0dG9uQ2xpY2suZW1pdCh0aGlzLmJ1dHRvbkRhdGEpOyAvLyBFbWl0IHRoZSBldmVudCB3aGVuIGJ1dHRvbiBpcyBjbGlja2VkXG4gIH1cbn1cbiIsIjxidXR0b25cbiAgcEJ1dHRvblxuICBwUmlwcGxlXG4gIFtsYWJlbF09XCJsYWJlbFwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAncC1idXR0b24tcHJpbWFyeSc6IHR5cGUgPT09ICdwcmltYXJ5JyxcbiAgICAncC1idXR0b24tb3V0bGluZWQnOiB0eXBlID09PSAnb3V0bGluZWQnLFxuICAgICdwLWJ1dHRvbi10ZXh0JzogdHlwZSA9PT0gJ3RleHQnXG4gIH1cIlxuICBbY2xhc3NdPVwiIXR5cGUgPyBjbGFzcyA6ICcnXCIgXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIFtsb2FkaW5nXT1cImxvYWRpbmdcIlxuICBbc2l6ZV09XCJzaXplXCJcbiAgW2ljb25dPVwiaWNvblwiXG4gIFtpY29uUG9zXT1cImljb25Qb3NcIlxuICAoY2xpY2spPVwib25CdXR0b25DbGljaygpXCJcbj48L2J1dHRvbj5cbiJdfQ==
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "primeng/card";
|
|
4
|
+
export class PCardComponent {
|
|
5
|
+
header;
|
|
6
|
+
footer;
|
|
7
|
+
content;
|
|
8
|
+
class;
|
|
9
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PCardComponent, selector: "lib-p-card", inputs: { header: "header", footer: "footer", content: "content", class: "class" }, ngImport: i0, template: "<p-card [class]=\"class\"> \n<ng-content></ng-content> \n</p-card>\n", styles: ["::ng-deep .p-card{box-shadow:0 2px 4px #0000001a;border-radius:12px}\n"], dependencies: [{ kind: "component", type: i1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }] });
|
|
11
|
+
}
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PCardComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{ selector: 'lib-p-card', template: "<p-card [class]=\"class\"> \n<ng-content></ng-content> \n</p-card>\n", styles: ["::ng-deep .p-card{box-shadow:0 2px 4px #0000001a;border-radius:12px}\n"] }]
|
|
15
|
+
}], propDecorators: { header: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}], footer: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}], content: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}], class: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}] } });
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL3AtY2FyZC9wLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvcC1jYXJkL3AtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT2pELE1BQU0sT0FBTyxjQUFjO0lBQ2pCLE1BQU0sQ0FBcUI7SUFDMUIsTUFBTSxDQUFxQjtJQUMzQixPQUFPLENBQXFCO0lBQzVCLEtBQUssQ0FBcUI7d0dBSnhCLGNBQWM7NEZBQWQsY0FBYyxzSUNQM0IsNEVBR0E7OzRGRElhLGNBQWM7a0JBTDFCLFNBQVM7K0JBQ0UsWUFBWTs4QkFLZCxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1wLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vcC1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcC1jYXJkLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQQ2FyZENvbXBvbmVudCB7XG4gQElucHV0KCkgaGVhZGVyOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIGZvb3Rlcjogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICBASW5wdXQoKSBjb250ZW50OiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIGNsYXNzOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIFxufVxuIiwiPHAtY2FyZCBbY2xhc3NdPVwiY2xhc3NcIj4gICAgICBcbjxuZy1jb250ZW50PjwvbmctY29udGVudD4gIFxuPC9wLWNhcmQ+XG4iXX0=
|
|
@@ -2,18 +2,20 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { ButtonModule } from 'primeng/button'; // Importing PrimeNG ButtonModule
|
|
4
4
|
import { PButtonComponent } from './lib/p-button/p-button.component';
|
|
5
|
+
import { CardModule } from 'primeng/card';
|
|
6
|
+
import { PCardComponent } from './lib/p-card/p-card.component';
|
|
5
7
|
import * as i0 from "@angular/core";
|
|
6
8
|
export class PrimekitModule {
|
|
7
9
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PrimekitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: PrimekitModule, declarations: [PButtonComponent], imports: [CommonModule, ButtonModule], exports: [PButtonComponent] });
|
|
9
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PrimekitModule, imports: [CommonModule, ButtonModule] });
|
|
10
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: PrimekitModule, declarations: [PButtonComponent, PCardComponent], imports: [CommonModule, ButtonModule, CardModule], exports: [PButtonComponent, PCardComponent] });
|
|
11
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PrimekitModule, imports: [CommonModule, ButtonModule, CardModule] });
|
|
10
12
|
}
|
|
11
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PrimekitModule, decorators: [{
|
|
12
14
|
type: NgModule,
|
|
13
15
|
args: [{
|
|
14
|
-
declarations: [PButtonComponent],
|
|
15
|
-
imports: [CommonModule, ButtonModule], // Import the PrimeNG ButtonModule here
|
|
16
|
-
exports: [PButtonComponent], // Export your component
|
|
16
|
+
declarations: [PButtonComponent, PCardComponent],
|
|
17
|
+
imports: [CommonModule, ButtonModule, CardModule], // Import the PrimeNG ButtonModule here
|
|
18
|
+
exports: [PButtonComponent, PCardComponent], // Export your component
|
|
17
19
|
}]
|
|
18
20
|
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpbWVraXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9wcmltZWtpdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDLENBQUUsaUNBQWlDO0FBQ2pGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDMUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLCtCQUErQixDQUFDOztBQU8vRCxNQUFNLE9BQU8sY0FBYzt3R0FBZCxjQUFjO3lHQUFkLGNBQWMsaUJBSlYsZ0JBQWdCLEVBQUMsY0FBYyxhQUNwQyxZQUFZLEVBQUUsWUFBWSxFQUFDLFVBQVUsYUFDckMsZ0JBQWdCLEVBQUMsY0FBYzt5R0FFOUIsY0FBYyxZQUhmLFlBQVksRUFBRSxZQUFZLEVBQUMsVUFBVTs7NEZBR3BDLGNBQWM7a0JBTDFCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsZ0JBQWdCLEVBQUMsY0FBYyxDQUFDO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFDLFVBQVUsQ0FBQyxFQUFHLHVDQUF1QztvQkFDMUYsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLEVBQUMsY0FBYyxDQUFDLEVBQUcsd0JBQXdCO2lCQUN0RSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9idXR0b24nOyAgLy8gSW1wb3J0aW5nIFByaW1lTkcgQnV0dG9uTW9kdWxlXG5pbXBvcnQgeyBQQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9saWIvcC1idXR0b24vcC1idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IENhcmRNb2R1bGUgfSBmcm9tICdwcmltZW5nL2NhcmQnO1xuaW1wb3J0IHsgUENhcmRDb21wb25lbnQgfSBmcm9tICcuL2xpYi9wLWNhcmQvcC1jYXJkLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1BCdXR0b25Db21wb25lbnQsUENhcmRDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBCdXR0b25Nb2R1bGUsQ2FyZE1vZHVsZV0sICAvLyBJbXBvcnQgdGhlIFByaW1lTkcgQnV0dG9uTW9kdWxlIGhlcmVcbiAgZXhwb3J0czogW1BCdXR0b25Db21wb25lbnQsUENhcmRDb21wb25lbnRdLCAgLy8gRXhwb3J0IHlvdXIgY29tcG9uZW50XG59KVxuZXhwb3J0IGNsYXNzIFByaW1la2l0TW9kdWxlIHt9XG4iXX0=
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -6,4 +6,5 @@ export * from './lib/primekit.component';
|
|
|
6
6
|
export * from './lib/primekit.module';
|
|
7
7
|
// Button
|
|
8
8
|
export * from './lib/lib/p-button/p-button.component';
|
|
9
|
-
|
|
9
|
+
export * from './lib/lib/p-card/p-card.component';
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsdUJBQXVCLENBQUM7QUFFdEMsU0FBUztBQUNULGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyxtQ0FBbUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgcHJpbWVraXRcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9wcmltZWtpdC5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ByaW1la2l0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wcmltZWtpdC5tb2R1bGUnO1xuXG4vLyBCdXR0b25cbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpYi9wLWJ1dHRvbi9wLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbGliL3AtY2FyZC9wLWNhcmQuY29tcG9uZW50JzsiXX0=
|
package/fesm2022/primekit.mjs
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Component, Input, NgModule } from '@angular/core';
|
|
2
|
+
import { Injectable, Component, EventEmitter, Input, Output, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import * as i2 from 'primeng/button';
|
|
6
6
|
import { ButtonModule } from 'primeng/button';
|
|
7
|
+
import * as i1$1 from 'primeng/card';
|
|
8
|
+
import { CardModule } from 'primeng/card';
|
|
7
9
|
|
|
8
10
|
class PrimekitService {
|
|
9
11
|
constructor() { }
|
|
@@ -43,12 +45,17 @@ class PButtonComponent {
|
|
|
43
45
|
class = '';
|
|
44
46
|
icon = '';
|
|
45
47
|
iconPos = 'left';
|
|
48
|
+
buttonData;
|
|
49
|
+
buttonClick = new EventEmitter();
|
|
50
|
+
onButtonClick() {
|
|
51
|
+
this.buttonClick.emit(this.buttonData); // Emit the event when button is clicked
|
|
52
|
+
}
|
|
46
53
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PButtonComponent, selector: "lib-p-button", inputs: { label: "label", disabled: "disabled", loading: "loading", size: "size", type: "type", class: "class", icon: "icon", iconPos: "iconPos" }, ngImport: i0, template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"{\n 'p-button-primary': type === 'primary',\n 'p-button-outlined': type === 'outlined',\n 'p-button-text': type === 'text'\n }\"\n [class]=\"!type ? class : ''\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:#fff!important;color:#63b77e!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;cursor:pointer}::ng-deep .refresh-button{background-color:#fff!important;border-radius:50%;height:40px;width:40px}::ng-deep .p-button-text{color:#424242;background:none!important}:is():disabled{background:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] });
|
|
54
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PButtonComponent, selector: "lib-p-button", inputs: { label: "label", disabled: "disabled", loading: "loading", size: "size", type: "type", class: "class", icon: "icon", iconPos: "iconPos", buttonData: "buttonData" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"{\n 'p-button-primary': type === 'primary',\n 'p-button-outlined': type === 'outlined',\n 'p-button-text': type === 'text'\n }\"\n [class]=\"!type ? class : ''\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n (click)=\"onButtonClick()\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:#fff!important;color:#63b77e!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;cursor:pointer}::ng-deep .refresh-button{background-color:#fff!important;border-radius:50%;height:40px;width:40px}::ng-deep .p-button-text{color:#424242;background:none!important;border-radius:1px solid gray}:is():disabled{background:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] });
|
|
48
55
|
}
|
|
49
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PButtonComponent, decorators: [{
|
|
50
57
|
type: Component,
|
|
51
|
-
args: [{ selector: 'lib-p-button', template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"{\n 'p-button-primary': type === 'primary',\n 'p-button-outlined': type === 'outlined',\n 'p-button-text': type === 'text'\n }\"\n [class]=\"!type ? class : ''\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:#fff!important;color:#63b77e!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;cursor:pointer}::ng-deep .refresh-button{background-color:#fff!important;border-radius:50%;height:40px;width:40px}::ng-deep .p-button-text{color:#424242;background:none!important}:is():disabled{background:none!important}\n"] }]
|
|
58
|
+
args: [{ selector: 'lib-p-button', template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"{\n 'p-button-primary': type === 'primary',\n 'p-button-outlined': type === 'outlined',\n 'p-button-text': type === 'text'\n }\"\n [class]=\"!type ? class : ''\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n (click)=\"onButtonClick()\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:#fff!important;color:#63b77e!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;cursor:pointer}::ng-deep .refresh-button{background-color:#fff!important;border-radius:50%;height:40px;width:40px}::ng-deep .p-button-text{color:#424242;background:none!important;border-radius:1px solid gray}:is():disabled{background:none!important}\n"] }]
|
|
52
59
|
}], propDecorators: { label: [{
|
|
53
60
|
type: Input
|
|
54
61
|
}], disabled: [{
|
|
@@ -65,19 +72,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
65
72
|
type: Input
|
|
66
73
|
}], iconPos: [{
|
|
67
74
|
type: Input
|
|
75
|
+
}], buttonData: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], buttonClick: [{
|
|
78
|
+
type: Output
|
|
79
|
+
}] } });
|
|
80
|
+
|
|
81
|
+
class PCardComponent {
|
|
82
|
+
header;
|
|
83
|
+
footer;
|
|
84
|
+
content;
|
|
85
|
+
class;
|
|
86
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
87
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PCardComponent, selector: "lib-p-card", inputs: { header: "header", footer: "footer", content: "content", class: "class" }, ngImport: i0, template: "<p-card [class]=\"class\"> \n<ng-content></ng-content> \n</p-card>\n", styles: ["::ng-deep .p-card{box-shadow:0 2px 4px #0000001a;border-radius:12px}\n"], dependencies: [{ kind: "component", type: i1$1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }] });
|
|
88
|
+
}
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PCardComponent, decorators: [{
|
|
90
|
+
type: Component,
|
|
91
|
+
args: [{ selector: 'lib-p-card', template: "<p-card [class]=\"class\"> \n<ng-content></ng-content> \n</p-card>\n", styles: ["::ng-deep .p-card{box-shadow:0 2px 4px #0000001a;border-radius:12px}\n"] }]
|
|
92
|
+
}], propDecorators: { header: [{
|
|
93
|
+
type: Input
|
|
94
|
+
}], footer: [{
|
|
95
|
+
type: Input
|
|
96
|
+
}], content: [{
|
|
97
|
+
type: Input
|
|
98
|
+
}], class: [{
|
|
99
|
+
type: Input
|
|
68
100
|
}] } });
|
|
69
101
|
|
|
70
102
|
class PrimekitModule {
|
|
71
103
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PrimekitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
72
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: PrimekitModule, declarations: [PButtonComponent], imports: [CommonModule, ButtonModule], exports: [PButtonComponent] });
|
|
73
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PrimekitModule, imports: [CommonModule, ButtonModule] });
|
|
104
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: PrimekitModule, declarations: [PButtonComponent, PCardComponent], imports: [CommonModule, ButtonModule, CardModule], exports: [PButtonComponent, PCardComponent] });
|
|
105
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PrimekitModule, imports: [CommonModule, ButtonModule, CardModule] });
|
|
74
106
|
}
|
|
75
107
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PrimekitModule, decorators: [{
|
|
76
108
|
type: NgModule,
|
|
77
109
|
args: [{
|
|
78
|
-
declarations: [PButtonComponent],
|
|
79
|
-
imports: [CommonModule, ButtonModule], // Import the PrimeNG ButtonModule here
|
|
80
|
-
exports: [PButtonComponent], // Export your component
|
|
110
|
+
declarations: [PButtonComponent, PCardComponent],
|
|
111
|
+
imports: [CommonModule, ButtonModule, CardModule], // Import the PrimeNG ButtonModule here
|
|
112
|
+
exports: [PButtonComponent, PCardComponent], // Export your component
|
|
81
113
|
}]
|
|
82
114
|
}] });
|
|
83
115
|
|
|
@@ -89,5 +121,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
89
121
|
* Generated bundle index. Do not edit.
|
|
90
122
|
*/
|
|
91
123
|
|
|
92
|
-
export { PButtonComponent, PrimekitComponent, PrimekitModule, PrimekitService };
|
|
124
|
+
export { PButtonComponent, PCardComponent, PrimekitComponent, PrimekitModule, PrimekitService };
|
|
93
125
|
//# sourceMappingURL=primekit.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"primekit.mjs","sources":["../../../projects/primekit/src/lib/primekit.service.ts","../../../projects/primekit/src/lib/primekit.component.ts","../../../projects/primekit/src/lib/lib/p-button/p-button.component.ts","../../../projects/primekit/src/lib/lib/p-button/p-button.component.html","../../../projects/primekit/src/lib/primekit.module.ts","../../../projects/primekit/src/public-api.ts","../../../projects/primekit/src/primekit.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class PrimekitService {\n\n constructor() { }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'lib-primekit',\n standalone: true,\n imports: [],\n template: `\n <p>\n primekit works!\n </p>\n `,\n styles: ``\n})\nexport class PrimekitComponent {\n\n}\n","import { Component, Input } from '@angular/core';\nimport { ButtonSize,ButtonIconPosition } from './p-button.models';\n\n@Component({\n selector: 'lib-p-button',\n templateUrl: './p-button.component.html',\n styleUrls: ['./p-button.component.css']\n})\nexport class PButtonComponent {\n @Input() label: string = '';\n @Input() disabled: boolean = false;\n @Input() loading: boolean = false;\n @Input() size:ButtonSize='small' \n @Input() type: string = 'primary';\n \n @Input() class: string = '';\n\n @Input() icon: string = '';\n @Input() iconPos:ButtonIconPosition='left';\n\n \n \n}\n","<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"{\n 'p-button-primary': type === 'primary',\n 'p-button-outlined': type === 'outlined',\n 'p-button-text': type === 'text'\n }\"\n [class]=\"!type ? class : ''\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n></button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ButtonModule } from 'primeng/button'; // Importing PrimeNG ButtonModule\nimport { PButtonComponent } from './lib/p-button/p-button.component';\n\n@NgModule({\n declarations: [PButtonComponent],\n imports: [CommonModule, ButtonModule], // Import the PrimeNG ButtonModule here\n exports: [PButtonComponent], // Export your component\n})\nexport class PrimekitModule {}\n","/*\n * Public API Surface of primekit\n */\n\nexport * from './lib/primekit.service';\nexport * from './lib/primekit.component';\nexport * from './lib/primekit.module';\n\n// Button\nexport * from './lib/lib/p-button/p-button.component';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"primekit.mjs","sources":["../../../projects/primekit/src/lib/primekit.service.ts","../../../projects/primekit/src/lib/primekit.component.ts","../../../projects/primekit/src/lib/lib/p-button/p-button.component.ts","../../../projects/primekit/src/lib/lib/p-button/p-button.component.html","../../../projects/primekit/src/lib/lib/p-card/p-card.component.ts","../../../projects/primekit/src/lib/lib/p-card/p-card.component.html","../../../projects/primekit/src/lib/primekit.module.ts","../../../projects/primekit/src/public-api.ts","../../../projects/primekit/src/primekit.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class PrimekitService {\n\n constructor() { }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'lib-primekit',\n standalone: true,\n imports: [],\n template: `\n <p>\n primekit works!\n </p>\n `,\n styles: ``\n})\nexport class PrimekitComponent {\n\n}\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ButtonSize,ButtonIconPosition } from './p-button.models';\n\n@Component({\n selector: 'lib-p-button',\n templateUrl: './p-button.component.html',\n styleUrls: ['./p-button.component.css']\n})\nexport class PButtonComponent {\n @Input() label: string = '';\n @Input() disabled: boolean = false;\n @Input() loading: boolean = false;\n @Input() size:ButtonSize='small' \n @Input() type: string = 'primary';\n \n @Input() class: string = '';\n\n @Input() icon: string = '';\n @Input() iconPos:ButtonIconPosition='left';\n\n @Input() buttonData: any; \n @Output() buttonClick = new EventEmitter<void>(); \n \n onButtonClick() {\n this.buttonClick.emit(this.buttonData); // Emit the event when button is clicked\n }\n}\n","<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"{\n 'p-button-primary': type === 'primary',\n 'p-button-outlined': type === 'outlined',\n 'p-button-text': type === 'text'\n }\"\n [class]=\"!type ? class : ''\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n (click)=\"onButtonClick()\"\n></button>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'lib-p-card',\n templateUrl: './p-card.component.html',\n styleUrls: ['./p-card.component.css']\n})\nexport class PCardComponent {\n @Input() header: string | undefined;\n @Input() footer: string | undefined;\n @Input() content: string | undefined;\n @Input() class: string | undefined;\n \n}\n","<p-card [class]=\"class\"> \n<ng-content></ng-content> \n</p-card>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ButtonModule } from 'primeng/button'; // Importing PrimeNG ButtonModule\nimport { PButtonComponent } from './lib/p-button/p-button.component';\nimport { CardModule } from 'primeng/card';\nimport { PCardComponent } from './lib/p-card/p-card.component';\n\n@NgModule({\n declarations: [PButtonComponent,PCardComponent],\n imports: [CommonModule, ButtonModule,CardModule], // Import the PrimeNG ButtonModule here\n exports: [PButtonComponent,PCardComponent], // Export your component\n})\nexport class PrimekitModule {}\n","/*\n * Public API Surface of primekit\n */\n\nexport * from './lib/primekit.service';\nexport * from './lib/primekit.component';\nexport * from './lib/primekit.module';\n\n// Button\nexport * from './lib/lib/p-button/p-button.component';\nexport * from './lib/lib/p-card/p-card.component';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
1
2
|
import { ButtonSize, ButtonIconPosition } from './p-button.models';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
export declare class PButtonComponent {
|
|
@@ -9,6 +10,9 @@ export declare class PButtonComponent {
|
|
|
9
10
|
class: string;
|
|
10
11
|
icon: string;
|
|
11
12
|
iconPos: ButtonIconPosition;
|
|
13
|
+
buttonData: any;
|
|
14
|
+
buttonClick: EventEmitter<void>;
|
|
15
|
+
onButtonClick(): void;
|
|
12
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<PButtonComponent, never>;
|
|
13
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PButtonComponent, "lib-p-button", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "class": { "alias": "class"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPos": { "alias": "iconPos"; "required": false; }; }, {}, never, never, false, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PButtonComponent, "lib-p-button", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "class": { "alias": "class"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPos": { "alias": "iconPos"; "required": false; }; "buttonData": { "alias": "buttonData"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, false, never>;
|
|
14
18
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class PCardComponent {
|
|
3
|
+
header: string | undefined;
|
|
4
|
+
footer: string | undefined;
|
|
5
|
+
content: string | undefined;
|
|
6
|
+
class: string | undefined;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PCardComponent, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PCardComponent, "lib-p-card", never, { "header": { "alias": "header"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; "content": { "alias": "content"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
9
|
+
}
|
package/lib/primekit.module.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./lib/p-button/p-button.component";
|
|
3
|
-
import * as i2 from "
|
|
4
|
-
import * as i3 from "
|
|
3
|
+
import * as i2 from "./lib/p-card/p-card.component";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "primeng/button";
|
|
6
|
+
import * as i5 from "primeng/card";
|
|
5
7
|
export declare class PrimekitModule {
|
|
6
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<PrimekitModule, never>;
|
|
7
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PrimekitModule, [typeof i1.PButtonComponent], [typeof
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PrimekitModule, [typeof i1.PButtonComponent, typeof i2.PCardComponent], [typeof i3.CommonModule, typeof i4.ButtonModule, typeof i5.CardModule], [typeof i1.PButtonComponent, typeof i2.PCardComponent]>;
|
|
8
10
|
static ɵinj: i0.ɵɵInjectorDeclaration<PrimekitModule>;
|
|
9
11
|
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED