How to use the @hpcc-js/layout.AbsoluteSurface function in @hpcc-js/layout

.columns(data.ND.subjects.columns)
                                    .data(data.ND.subjects.data)
                                    ;
                                const grid = new Grid()
                                    .setContent(0, 0, pie1, "Updates Step1")
                                    .setContent(0, 1, pie2, "Updates Step1 & Step2")
                                    .setContent(1, 0, step1, "Step1")
                                    .setContent(1, 1, step2, "Step2")
                                    ;
                                grid.content()[0].indicateTheseIds([grid.content()[2].id()]);
                                grid.content()[1].indicateTheseIds([grid.content()[2].id(), grid.content()[3].id()]);
                                render(grid);
                                break;
                            case Layered:
                                render(new Layered()
                                    .addLayer(new AbsoluteSurface().widgetX(0).widgetY(0).widgetWidth("100").widgetHeight("100").widget(new Pie()
                                        .columns(data.TwoD.subjects.columns)
                                        .data(data.TwoD.subjects.data)
                                    )
                                    )
                                    .addLayer(new AbsoluteSurface().widgetX(40).widgetY(40).widgetWidth("50").widgetHeight("50").opacity(0.66).widget(new Line()
                                        .columns(data.ND.subjects.columns)
                                        .data(data.ND.subjects.data)
                                    )
                                    )
                                    .addLayer(new AbsoluteSurface().widgetX(30).widgetY(10).widgetWidth("40").widgetHeight("60").widget(new Column()
                                        .columns(data.ND.subjects.columns)
                                        .data(data.ND.subjects.data)
                                    )
                                    ));
                                break;
                            case Modal:

describe(`${item.prototype.constructor.name}`, () => {
                    if (item.prototype instanceof Class) {
                        classDef("layout", item);
                    }
                    if (item.prototype instanceof HTMLWidget || item.prototype instanceof SVGWidget) {
                        switch (item.prototype.constructor) {
                            case AbsoluteSurface:
                                const col = new Bar()
                                    .columns(data.ND.subjects.columns)
                                    .data(data.ND.subjects.data)
                                    ;
                                render(new AbsoluteSurface()
                                    .widget(col)
                                    .widgetY(data.AbsoluteSurface.simple.widgetY)
                                    .widgetWidth(data.AbsoluteSurface.simple.widgetWidth)
                                    .widgetHeight(data.AbsoluteSurface.simple.widgetHeight)
                                    .widgetX(data.AbsoluteSurface.simple.widgetX)
                                );
                                break;
                            case Accordion:
                                render(
                                    new Accordion()
                                        .pushListItem(new Accordion()
                                            .pushListItem(new Line()
                                                .columns(data.ND.subjects.columns)
                                                .data(data.ND.subjects.data)
                                            )
                                        )

const widgetY = parseFloat(surface.widgetY());
            const widgetWidth = parseFloat(surface.widgetWidth());
            retVal.x -= widgetX;
            retVal.y -= widgetY;
            while (retVal.x < 0) {
                retVal.x += worldWidth;
            }
            while (retVal.x > widgetWidth) {
                retVal.x -= worldWidth;
            }
            return retVal;
        }

        this._userShapes = new UserShapeSelectionBag(this);

        this._worldSurface = new AbsoluteSurface();
        this._worldSurface.project = function (lat, long) {
            return calcProjection(this, lat, long);
        };

        this._viewportSurface = new AbsoluteSurface();
        this._viewportSurface.project = function (lat, long) {
            return calcProjection(this, lat, long);
        };
    }

retVal.x += worldWidth;
            }
            while (retVal.x > widgetWidth) {
                retVal.x -= worldWidth;
            }
            return retVal;
        }

        this._userShapes = new UserShapeSelectionBag(this);

        this._worldSurface = new AbsoluteSurface();
        this._worldSurface.project = function (lat, long) {
            return calcProjection(this, lat, long);
        };

        this._viewportSurface = new AbsoluteSurface();
        this._viewportSurface.project = function (lat, long) {
            return calcProjection(this, lat, long);
        };
    }