import { Component } from "@angular/core";
import {
  WidgetComponent,
  WidgetConfiguration,
  WidgetConfigure,
  WidgetOutput,
} from "../../widget.metadata";
import { WidgetConfig, getOrDefault } from "../../widget.configuration";
import { BaseConfiguration } from "../../../widgets/widgetframe/widgetframe.component";
import { CellWidget } from "../../../components/list-cell";
import { Subject } from "rxjs";

export interface IconWidgetConfiguration extends BaseConfiguration {
  svg?: boolean;
  flagIcons: boolean;
}

@WidgetComponent("nm-icon-cell")
@Component({
  selector: "nm-icon-cell",
  templateUrl: "./icon-widget.component.html",
  styleUrls: ["./icon-widget.component.scss"],
})
export class IconWidgetComponent implements CellWidget {
  public row: any;
  public flagIcons: boolean;

  @WidgetOutput("selectedIcon")
  public selectedIcon: Subject<any> = new Subject<any>();

  @WidgetConfiguration()
  public configuration: WidgetConfig<IconWidgetConfiguration>;

  @WidgetConfigure()
  protected configureWidget(
    configuration: WidgetConfig<IconWidgetConfiguration>
  ) {
    this.flagIcons = getOrDefault(
      this.configuration.configuration.flagIcons,
      false
    );
  }
}