🐞 Bug: Playground unable to load schema with objects

[justjam2013]

Describe the bug
which version of ng-formworks:

• 15.x.x
• 16.x.x
• 17.x.x
• 18.x.x
• 19.x.x

which version of Angular:

• 15
• 16
• 17
• 18
• 19

which framework:

• MaterialDesignFrameworkModule — Material Design
• Bootstrap3FrameworkModule — Bootstrap 3
• Bootstrap4FrameworkModule — Bootstrap 4
• Bootstrap5FrameworkModule — Bootstrap 5
• DaisyUIFrameworkModule — DaisyUI
• NoFrameworkModule — plain HTML
• Other (please specify below)

A clear and concise description of what the bug is.

To Reproduce

The playground appears to have problems loading the following schema:

{
  "schema": {
    "type": "object",
    "properties": {
      "hasAudio": {
        "title": "Has audio",
        "type": "boolean"
      },
      "speaker": {
        "title": "Speaker",
        "type": "object",
        "properties": {
          "mute": {
            "title": "Mute",
            "description": "Speaker is muted",
            "type": "boolean"
          },
          "volume": {
            "title": "Volume *",
            "description": "Speaker volume (0% - 100%)",
            "type": "integer",
            "minimum": 0,
            "maximum": 100
          }
        },
        "condition": {
          "functionBody": "return model.hasAudio === true;"
        }
      }
    }
  }
}

The playground example shows that the form is loading, but it never actually loads and the Input JSON Schema and Form Layout textarea is empty.

Note: This issue only affects the playground, not the use of ng-formworks.

Desktop (please complete the following information):

• OS: [macOS]
• Browser [chrome]
• Version [125.0.6422.142]

[justjam2013]

It appears that this is just the case when the object has multiple properties. It loads fine, when the object has a single property.

Playground example