sudheerj / primeng-extensions

An extension library for PrimeNG components

An extension library for PrimeNG components

Install

npm install primeng-extensions --save

Demo

Github Pages: https://sudheerj.github.io/primeng-extensions

npm install 
sass --update src/assets/components
gulp build-assets
npm start

Now visit the address below to run the demos locally;

http://localhost:4200

---

To encourage us and if you like the project then click start(💫)

---

primeng-extensions's Issues

Add MinusPlusInput component

extensions with angular 9.1.11 or 10

Trying to integrate extensions with angular 9.1.11 or 10; ended up with below exception. any idea what am doing wrong?

any help/insight is really appreciated. Thanks.

---

`ERROR in node_modules/primeng-extensions/components/wizard/wizard.d.ts:11:18 - error TS2314: Generic type 'ɵɵFactoryDef' requires 2 type argument(s).

11 static ɵfac: i0.ɵɵFactoryDef;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/primeng-extensions/components/wizard/wizard.d.ts:12:18 - error TS2314: Generic type 'ɵɵComponentDefWithMeta' requires 7 type argument(s).

12 static ɵcmp: i0.ɵɵComponentDefWithMeta<StepComponent, "pe-step", never, { "styleClass": "styleClass"; "label": "label"; }, {}, never>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/primeng-extensions/components/wizard/wizard.d.ts:26:18 - error TS2314: Generic type 'ɵɵFactoryDef' requires 2 type argument(s).

26 static ɵfac: i0.ɵɵFactoryDef;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/primeng-extensions/components/wizard/wizard.d.ts:27:18 - error TS2314: Generic type 'ɵɵComponentDefWithMeta' requires 7 type argument(s).

27 static ɵcmp: i0.ɵɵComponentDefWithMeta<StepsComponent, "pe-steps", never, { "activeIndex": "activeIndex"; "styleClass": "styleClass"; "stepClass": "stepClass"; }, { "activeIndexChange": "activeIndexChange"; "change": "change"; }, ["steps"]>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/primeng-extensions/components/qrcode/qrcode.d.ts:21:18 - error TS2314: Generic type 'ɵɵFactoryDef' requires 2 type argument(s).

21 static ɵfac: i0.ɵɵFactoryDef;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/primeng-extensions/components/qrcode/qrcode.d.ts:22:18 - error TS2314: Generic type 'ɵɵComponentDefWithMeta' requires 7 type argument(s).

22 static ɵcmp: i0.ɵɵComponentDefWithMeta<QRCodeComponent, "pe-qrcode", never, { "value": "value"; "background": "background"; "backgroundAlpha": "backgroundAlpha"; "foreground": "foreground"; "foregroundAlpha": "foregroundAlpha"; "level": "level"; "mime": "mime"; "padding": "padding"; "size": "size"; }, {}, never>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/primeng-extensions/components/badge/badge.d.ts:14:18 - error TS2314: Generic type 'ɵɵFactoryDef' requires 2 type argument(s).

14 static ɵfac: i0.ɵɵFactoryDef;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/primeng-extensions/components/badge/badge.d.ts:15:18 - error TS2314: Generic type 'ɵɵComponentDefWithMeta' requires 7 type argument(s).

15 static ɵcmp: i0.ɵɵComponentDefWithMeta<BadgeComponent, "pe-badge", never, { "value": "value"; "max": "max"; "dot": "dot"; "backgroundColor": "backgroundColor"; "badgeClass": "badgeClass"; }, {}, never>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/primeng-extensions/components/minusplusinput/minusplusinput.d.ts:33:18 - error TS2314: Generic type 'ɵɵFactoryDef' requires 2 type argument(s).

33 static ɵfac: i0.ɵɵFactoryDef;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/primeng-extensions/components/minusplusinput/minusplusinput.d.ts:34:18 - error TS2314: Generic type 'ɵɵComponentDefWithMeta' requires 7 type argument(s).

34 static ɵcmp: i0.ɵɵComponentDefWithMeta<MinusPlusInputComponent, "pe-minusplusinput", never, { "min": "min"; "max": "max"; "step": "step"; "vertical": "vertical"; "disabled": "disabled"; "decrementLabel": "decrementLabel"; "incrementLabel": "incrementLabel"; "styleClass": "styleClass"; }, { "onInputChange": "onInputChange"; }, never>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~`

Upgrade Angular5 to Angular6 project

The upgrade includes angular, PrimeNG and other dependencies to latest

angular 5.2 compile issue

I am getting this error while trying to build it with webpack

[INFO] ERROR in src/main/webapp/app/primeng/menu/menu/menudemo.module.ts(28,9): Error during template compile of 'TestMenuDemoModule'
[INFO] Function expressions are not supported in decorators in 'WizardModule'
[INFO] 'WizardModule' references 'ɵ2'
[INFO] 'ɵ2' contains the error at primeng-extensions/components/wizard/wizard.js.ts(134,21)
[INFO] Consider changing the function expression into an exported function.

:max

I don't understand the syntax with the colon for the value of :max
what are they used for?

<h3>Max</h3>
    <pe-badge value="200" :max="100">
        <button pButton type="button" icon="fa fa-thumbs-up" label="Likes"></button>
    </pe-badge>
    <pe-badge value="100" :max="50">
        <button pButton type="button" icon="fa fa-thumbs-down" label="Dislikes"></button>
    </pe-badge>

npmjs version

I wanted to use your library, but I realized that the version on git (1.0.0) is different from that on npmjs.
I decided to use your source code in my project, I will put a note indicating where I got the code from.
I hope you do not mind

Why do I also find the * .js and * .d.ts files in the source code?

Thank's for your job