Error with RevoGrid angular-datagrid in Standalone Components

[Thoemmy]

Describe the issue
When i import the RevoGrid into my standalone component i receive following error:

TypeError: (0 , tslib__WEBPACK_IMPORTED_MODULE_3__.__decorate) is not a function
    at 4225 (revolist-angular-datagrid.mjs:75:22)
    at __webpack_require__ (bootstrap:19:1)
    at 6218 (IAuth.ts:18:2)
    at __webpack_require__ (bootstrap:19:1)
    at 5911 (app.navigation.ts:71:2)
    at __webpack_require__ (bootstrap:19:1)
    at 2747 (app.component.ts:159:39425)
    at __webpack_require__ (bootstrap:19:1)
    at 2927 (environment.ts:27:1)
    at __webpack_require__ (bootstrap:19:1)
    at __webpack_exec__ (.*\.entry\.js.*$ include: \.entry\.js$ exclude: \.system\.entry\.js$ strict namespace object:13:1)
    at .*\.entry\.js.*$ include: \.entry\.js$ exclude: \.system\.entry\.js$ strict namespace object:13:1
    at __webpack_require__.O (chunk loaded:23:1)
    at .*\.entry\.js.*$ include: \.entry\.js$ exclude: \.system\.entry\.js$ strict namespace object:13:1
    at webpackJsonpCallback (jsonp chunk loading:71:1)
    at main.js:1:69

I'm using Angular 17.3.10 and tslib 2.3.0

Inside the component i use it as following:

import { Component } from '@angular/core';
import { RevoGrid } from '@revolist/angular-datagrid';

@Component({
  selector: 'test',
  imports: [RevoGrid],
  template: `<revo-grid [source]="rows" [columns]="columns" theme="material"></revo-grid>`,
  styleUrls: ['test.component.css'],
  standalone: true,
})
export class TestComponent {
  columns = [{ name: 'Greeting', prop: 'name' }, { prop: 'details' }];
  rows = [
    { name: 'I am', details: 'Angular' },
    { name: 'Hello', details: 'Angular' },
  ];
}

[revolist]

hello @Thoemmy
could you please reproduce it with this configuration?
https://codesandbox.io/p/sandbox/rg-start-angular-standalone-pz6lv9?file=%2Fsrc%2Fapp%2Fapp.component.ts

Or please convert it to a devbox (or make a new one) on codesandbox.io, this gives you isolated env for better testing.

Thank you for reaching us here.

[Thoemmy]

Ive setted up a devbox but still getting errors, but this time different errors
sandbox

If made from your sandbox a devbox and added all my deps and devdeps

[Thoemmy]

I found the issue!!

I am using nx (19.0.7) monorepo with angular 17.3.10
In the root tsconfig.base.json there was in the paths following line (by default) which i removed

    "paths": {
      "tslib": ["node_modules/tslib/tslib.d.ts"] // remove this line and revogrid works
    }

[Thoemmy]

Ive setted up a devbox but still getting errors, but this time different errors sandbox

If made from your sandbox a devbox and added all my deps and devdeps

Maybe you want to check this issue too

[m2a2x]

@Thoemmy are you getting errors locally different from the one in devbox?
In devbox seems there is a dependency problem, somehow it's not installing dependent library.

I've checked multiple angular installations from scratch and it seems to be working totally fine for me with revogrid.
Also seems tslib is getting exported as dependency automatically by angular which but it's not causing any problems on my side.

[Thoemmy]

On local build everything is now working, as i mentioned i removed the path to tslib in the tsconfig.base.json

in dev box i took your example and added the deps like i have in my local project (cause i wanted to see if some lib is causing the error), it could be that sandbox has some problems, idk

[m2a2x]

Got it, probably we'll need devbox for angular too. Sandbox is working ok for now.

[Thoemmy]

Okay so in sandbox i can use the sample

[Thoemmy]

Is there a full sample in Angular which you could provide?
Cause i tried several things to get it like the main demo but i was not able to reach it.
Probably there are some bugs in there.

If its ok then i want to help you to improve the angular datagrid tabel

[revolist]

Hey @Thoemmy
sure, have you tried https://rv-grid.com/guide/angular/ these examples?
What kind of sample features do you need?

We could quickly make one for you

[Thoemmy]

Thats really great :) i saw it now on the old site.

[revolist]

@Thoemmy
Made you an example with filter. It's appeared there was an issue in angular build which was skipping auto defining filter panel. Fixed it recently in 4.8.10+

https://codesandbox.io/p/devbox/rg-example-angular-standalone-xtkjwj

[Thoemmy]

I will test it tomorrow and will give u a feedback, thank you a lot for your help in advance and for fixing the issue

[revolist]

Ty for helping to identify it!

[Thoemmy]

Ty for fixing the issue :)
And its also a pleasure to help ^^

I tested the new version and its not working as expected, thank you a lot :)