Enumeration Shadow

Example

export class ShadowPanel extends PanelPlugin {
  connections: any[];
  static descriptor() {
    const d = new Descriptor();
    d.id = 'com.docs.UiShadowExample';
    d.name = 'Shadow Example';
    d.defaultDockState = DockState.Detached;
    d.defaultSize = new Size(350, 250);
    return d;
  }
  constructor(pluginSystem: Editor.PluginSystem, descriptor?: Descriptor) {
    super(pluginSystem, descriptor);
    this.connections = [];
  }
  createWidget(parent: Widget): Widget {
    const root = new Widget(parent);
    const layout = new BoxLayout();
    layout.setDirection(Direction.TopToBottom);
    layout.spacing = 8;
    root.layout = layout;

    const title = new Label(root);
    title.text = 'Shadow Enum Demo';
    title.fontRole = FontRole.TitleBold;
    layout.addWidget(title);

    const info = new Label(root);
    info.text = 'Shadow enum: Plain, Raised, Sunken. Used with Separator and other widgets.';
    info.wordWrap = true;
    layout.addWidget(info);

    // Shadow is an enum used by Separator to control visual depth
    const plainSep = new Separator(Orientation.Horizontal, Shadow.Plain, root);
    layout.addWidget(plainSep);
    const plainLabel = new Label(root);
    plainLabel.text = 'Shadow.Plain - flat, no depth effect';
    layout.addWidget(plainLabel);

    const raisedSep = new Separator(Orientation.Horizontal, Shadow.Raised, root);
    layout.addWidget(raisedSep);
    const raisedLabel = new Label(root);
    raisedLabel.text = 'Shadow.Raised - appears raised above surface';
    layout.addWidget(raisedLabel);

    const sunkenSep = new Separator(Orientation.Horizontal, Shadow.Sunken, root);
    layout.addWidget(sunkenSep);
    const sunkenLabel = new Label(root);
    sunkenLabel.text = 'Shadow.Sunken - appears recessed into surface';
    layout.addWidget(sunkenLabel);

    return root;
  }
  deinit(): void {
    this.connections.forEach((c: any) => c?.disconnect());
    this.connections = [];
  }
}
Copy