wui-base

Base components and utilities for WinCC OA WebUI applications.

Components

wui-ix-template

Application layout template component that provides the standard Siemens iX application structure with integrated theme support, notifications, and warnings.

Features:

• Wraps ix-application with pre-configured slots
• Automatic theme management via WuiThemeController
• Integrated toast notifications (wui-toast)
• Integrated warnings display (wui-warnings)
• Configurable header and menu visibility
• Auto-detection of empty menu state
• Optional debug toolbar in development mode

Slots:

• application-header - Application header area
• logo - Logo within the header
• menu - Application menu/navigation
• main - Main content area

Attributes:

• emptymenu (boolean, reflected) - Automatically set when menu slot is empty

Configuration:

The component respects the following app configuration options via WuiConfigService:

• hideAppHeader - Hides the application header when true
• hideAppMenu - Hides the application menu when true

Usage:

<wui-ix-template>
  <wui-ix-header slot="application-header">
    <img slot="logo" src="logo.svg" />
  </wui-ix-header>
  <ix-menu slot="menu">
    <!-- Menu items -->
  </ix-menu>
  <main slot="main">
    <!-- Application content -->
  </main>
</wui-ix-template>