cascade_notation.dart

/*
 * Dart & Flutter - Training
 * 
 * Copyright (c) Boris-Wilfried Nyasse
 * All rights reserved
 * 
*/

class Demo {
  num? width;
  num? height;

  void updateWidth(num x) {
    width = x;
  }

  void updateHeight(num y) {
    height = y;
  }

  void showValues() {
    print(width);
    print(height);
  }
}

class Div {
  String? width;
  String? height;
  String? padding;

  @override
  String toString() => "width:$width, height:$height, padding:$padding";
}

class Html {
  static Div div() => Div();
}

void main() {
  Demo d1 = Demo();
  Demo d2 = Demo();

  print("Formation Dart & Flutter - Cascade Notation");

  print('// Without Cascade Notation');
  d1.updateWidth(20);
  d1.updateHeight(25);
  d1.showValues();

  final div1 = Html.div();
  div1.width = '50%';
  div1.height = '4em';
  div1.padding = '1em';
  print(div1);

  print('// With Cascade Notation');
  d2
    ..updateWidth(10)
    ..updateHeight(15)
    ..showValues();

  final div2 = Html.div()
    ..width = '50%'
    ..height = '4em'
    ..padding = '1em';
  print(div2);
}