{"version":3,"file":"app-21604579.9729664bca28a8e6916d.bundle.js","mappings":";;;;;;;;;;;;;;;AAAA;AACA;;AAEA;AACA;;AAEA;AAIA;AAAA;AAHA;AAIA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAIA;AAHA;AACA;AACA;AACA;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AACA;AAAA;AAAA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAGA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAGA;AACA;AACA;AAEA;AACA;AACA;AACA;AAMA;;AAEA;AACA;AAEA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AAGA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;;AAGA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;;AAEA;AACA;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAAA;AACA;AACA;AAAA;AAAA;;AAGA;AACA;AACA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;;AAEA;AACA;;AAEA;AACA;AAKA;AAAA;AAAA;AAAA;AAAA;;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAGA;AACA;;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;;AAEA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAGA;AADA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AADA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAIA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;;AAEA;AACA;AAKA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAGA;AACA;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AACA;;AAGA;AACA;AAGA;AACA;AACA;AACA;AAAA;AAAA;;AAGA;AACA;AAMA;AAJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;;AAEA;AACA;AAIA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAMA;AACA;;AAGA;AACA;;AAMA;AACA;AAGA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAKA;AAJA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AAAA;AAAA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAEA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;;AAGA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AAEA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1oCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAmCA;AAAA;AAjCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AAsIA;AACA;AApIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA5YA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;AC/CA;AACA;AAKA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAVA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;ACHA;AACA;AACA;AAEA;AAGA;AAAA;AAUA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AALA;AAEA;AAIA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAGA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AA/EA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;ACfA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAeA;AAAA;AAbA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AAEA;AAMA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAhGA;;;;;;;;;;;;;;;;;;;;;;;ACRA;AACA;AACA;AACA;AACA;AAEA;AAWA;AAAA;AAAA;AAAA;AANA;AACA;AAEA;AAIA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AApEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;ACTA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AA+BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAjBA;AACA;AACA;AAGA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AArGA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAkCA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AArBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AApLA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;ACvCA;AAEA;AAKA;AAAA;AACA;AAAA;AACA;AAAA;AAGA;AAAA;AAPA;AAAA;AAAA;AAAA;AAQA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAfA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;ACVA;AACA;AAEA;AASA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAFA;AA4CA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AArEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAiCA;AACA;AACA;AACA;AACA;AApFA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;ACRA;AACA;AAEA;AAIA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAzBA;;;;;;;;;;;;;;;;ACHA;AACA;AAEA;AAIA;AAAA;AAFA;AAGA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAhCA;;;;;;;;;;;;;;;;;;;ACHA;AAEA;AACA;AAAA;AADA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AALA;AAAA;;;;;;;;;;;;;;;;;;;ACHA;AAEA;AAAA;AAAA;AAAA;AAEA;AADA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;ACHA;AACA;AACA;AAEA;AAEA;AAAA;AAEA;AAAA;AAHA;AAIA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;ACzEA;AACA;AACA;AACA;AAEA;AACA;AAMA;AACA;;;;;;;;;;;;;;;ACbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACPA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA","sources":["webpack://www.zeusteam.com/./src/resources/elements/team-chart/org-chart.js","webpack://www.zeusteam.com/./src/resources/elements/team-chart/team-chart.js","webpack://www.zeusteam.com/./src/resources/elements/three-dots/three-dots.js","webpack://www.zeusteam.com/./src/resources/elements/time-period-selector/time-period-selector.js","webpack://www.zeusteam.com/./src/resources/elements/to-dos/dialogs/edit-to-do.js","webpack://www.zeusteam.com/./src/resources/elements/to-dos/reminder-icon.js","webpack://www.zeusteam.com/./src/resources/elements/to-dos/to-do.js","webpack://www.zeusteam.com/./src/resources/elements/to-dos/to-dos.js","webpack://www.zeusteam.com/./src/resources/elements/toggle-switch/zeus-toggle-switch.js","webpack://www.zeusteam.com/./src/resources/elements/tooltip/tooltip.js","webpack://www.zeusteam.com/./src/resources/elements/ui-term/ui-term-editor-dialog.js","webpack://www.zeusteam.com/./src/resources/elements/ui-theme/ui-theme-mode-button.js","webpack://www.zeusteam.com/./src/resources/elements/ui/font-sizer.js","webpack://www.zeusteam.com/./src/resources/elements/working/working.js","webpack://www.zeusteam.com/./src/resources/elements/wysiwyg/wysiwyg.js","webpack://www.zeusteam.com/./src/resources/index.js","webpack://www.zeusteam.com/./src/resources/elements/team-chart/team-chart.scss","webpack://www.zeusteam.com/./src/resources/elements/three-dots/three-dots.scss","webpack://www.zeusteam.com/./src/resources/elements/to-dos/reminder-icon.scss","webpack://www.zeusteam.com/./src/resources/elements/to-dos/to-dos.scss","webpack://www.zeusteam.com/./src/resources/elements/toggle-switch/zeus-toggle-switch.scss","webpack://www.zeusteam.com/./src/resources/elements/tooltip/tooltip.scss","webpack://www.zeusteam.com/./src/resources/elements/ui/font-sizer.scss","webpack://www.zeusteam.com/./src/resources/elements/team-chart/team-chart.html","webpack://www.zeusteam.com/./src/resources/elements/three-dots/three-dots.html","webpack://www.zeusteam.com/./src/resources/elements/time-period-selector/time-period-selector.html","webpack://www.zeusteam.com/./src/resources/elements/to-dos/dialogs/edit-to-do.html","webpack://www.zeusteam.com/./src/resources/elements/to-dos/reminder-icon.html","webpack://www.zeusteam.com/./src/resources/elements/to-dos/to-do.html","webpack://www.zeusteam.com/./src/resources/elements/to-dos/to-dos.html","webpack://www.zeusteam.com/./src/resources/elements/toggle-switch/zeus-toggle-switch.html","webpack://www.zeusteam.com/./src/resources/elements/tooltip/tooltip.html","webpack://www.zeusteam.com/./src/resources/elements/ui-term/ui-term-editor-dialog.html","webpack://www.zeusteam.com/./src/resources/elements/ui-theme/ui-theme-mode-button.html","webpack://www.zeusteam.com/./src/resources/elements/ui/font-sizer.html","webpack://www.zeusteam.com/./src/resources/elements/working/working.html","webpack://www.zeusteam.com/./src/resources/elements/wysiwyg/wysiwyg.html"],"sourcesContent":["import * as d3 from 'd3';\r\nimport { siteUrlBase } from 'common/common';\r\n\r\n// https://github.com/bumbeishvili/d3-organization-chart/blob/master/index.js\r\n// 4/2/2021\r\n\r\nexport class OrgChart {\r\n    mainSvg;\r\n    _getNextLevel;\r\n\r\n    constructor(getNextLevel) {\r\n        this._getNextLevel = getNextLevel;\r\n        // Exposed variables\r\n        const attrs = {\r\n            id: `ID${Math.floor(Math.random() * 1000000)}`, // Id for event handlings\r\n            svgWidth: 800,\r\n            svgHeight: 600,\r\n            marginTop: 0,\r\n            marginBottom: 0,\r\n            marginRight: 0,\r\n            marginLeft: 0,\r\n            container: 'body',\r\n            defaultTextFill: '#2C3E50',\r\n            nodeTextFill: 'white',\r\n            defaultFont: 'Helvetica',\r\n            backgroundColor: '#fafafa',\r\n            data: null,\r\n            depth: 180,\r\n            duration: 600,\r\n            strokeWidth: 3,\r\n            dropShadowId: null,\r\n            initialZoom: 1,\r\n            onNodeClick: d => d,\r\n        };\r\n\r\n        this.getChartState = () => attrs;\r\n\r\n        // Dynamically set getter and setter functions for Chart class\r\n        Object.keys(attrs).forEach((key) => {\r\n            //@ts-ignore\r\n            this[key] = function (_) {\r\n                if (!arguments.length) {\r\n                  return attrs[key];\r\n                } else {\r\n                  attrs[key] = _\r\n                }\r\n                return this;\r\n            };\r\n        });\r\n\r\n\r\n        this.initializeEnterExitUpdatePattern();\r\n    }\r\n\r\n    initializeEnterExitUpdatePattern() {\r\n        d3.selection.prototype.patternify = function (params) {\r\n            var container = this;\r\n            var selector = params.selector;\r\n            var elementTag = params.tag;\r\n            var data = params.data || [selector];\r\n\r\n            // Pattern in action\r\n            var selection = container.selectAll('.' + selector).data(data, (d, i) => {\r\n                if (typeof d === 'object') {\r\n                    if (d.id) {\r\n                        return d.id;\r\n                    }\r\n                }\r\n                return i;\r\n            });\r\n            selection.exit().remove();\r\n            selection = selection.enter().append(elementTag).merge(selection);\r\n            selection.attr('class', selector);\r\n            return selection;\r\n        };\r\n    }\r\n\r\n    // This method retrieves passed node's children IDs (including node)      \r\n    getNodeChildrenIds({\r\n        data,\r\n        children,\r\n        _children\r\n    }, nodeIdsStore) {\r\n\r\n        // Store current node ID\r\n        nodeIdsStore.push(data.nodeId);\r\n\r\n        // Loop over children and recursively store descendants id (expanded nodes)\r\n        if (children) {\r\n            children.forEach(d => {\r\n                this.getNodeChildrenIds(d, nodeIdsStore)\r\n            })\r\n        }\r\n\r\n        // Loop over _children and recursively store descendants id (collapsed nodes)\r\n        if (_children) {\r\n            _children.forEach(d => {\r\n                this.getNodeChildrenIds(d, nodeIdsStore)\r\n            })\r\n        }\r\n\r\n        // Return result\r\n        return nodeIdsStore;\r\n    }\r\n\r\n    // This method can be invoked via chart.setZoomFactor API, it zooms to particulat scale\r\n    setZoomFactor(zoomLevel) {\r\n        const attrs = this.getChartState();\r\n        const calc = attrs.calc;\r\n\r\n        // Store passed zoom level\r\n        attrs.initialZoom = zoomLevel;\r\n\r\n        // Rescale container element accordingly\r\n        attrs.centerG.attr('transform', ` translate(${calc.centerX}, ${calc.nodeMaxHeight / 2}) scale(${attrs.initialZoom})`)\r\n    }\r\n\r\n    render() {\r\n        //InnerFunctions which will update visuals\r\n\r\n        const attrs = this.getChartState();\r\n        const thisObjRef = this;\r\n\r\n        //Drawing containers\r\n        const container = d3.select(attrs.container);\r\n        const containerRect = container.node().getBoundingClientRect();\r\n        if (containerRect.width > 0) attrs.svgWidth = containerRect.width;\r\n\r\n        //Attach drop shadow id to attrs object\r\n        this.setDropShadowId(attrs);\r\n\r\n        //Calculated properties\r\n        const calc = {\r\n            id: null,\r\n            chartTopMargin: null,\r\n            chartLeftMargin: null,\r\n            chartWidth: null,\r\n            chartHeight: null\r\n        };\r\n        calc.id = `ID${Math.floor(Math.random() * 1000000)}`; // id for event handlings\r\n        calc.chartLeftMargin = attrs.marginLeft;\r\n        calc.chartTopMargin = attrs.marginTop;\r\n        calc.chartWidth = attrs.svgWidth - attrs.marginRight - calc.chartLeftMargin;\r\n        calc.chartHeight = attrs.svgHeight - attrs.marginBottom - calc.chartTopMargin;\r\n        attrs.calc = calc;\r\n\r\n        // Get maximum node width and height\r\n        calc.nodeMaxWidth = d3.max(attrs.data || [], ({\r\n            width\r\n        }) => width);\r\n        calc.nodeMaxHeight = d3.max(attrs.data || [], ({\r\n            height\r\n        }) => height);\r\n\r\n        // Calculate max node depth (it's needed for layout heights calculation)\r\n        attrs.depth = calc.nodeMaxHeight + 100;\r\n        calc.centerX = calc.chartWidth / 2;\r\n\r\n        //********************  LAYOUTS  ***********************\r\n        const layouts = {\r\n            treemap: null\r\n        }\r\n        attrs.layouts = layouts;\r\n\r\n        // Generate tree layout function\r\n        layouts.treemap = d3.tree().size([calc.chartWidth, calc.chartHeight])\r\n            .nodeSize([calc.nodeMaxWidth + 100, calc.nodeMaxHeight + attrs.depth])\r\n\r\n        // ******************* BEHAVIORS . **********************\r\n        const behaviors = {\r\n            zoom: null\r\n        }\r\n\r\n        // Get zooming function \r\n        behaviors.zoom = d3.zoom().on(\"zoom\", (event, d) => this.zoomed(event, d))\r\n\r\n        //****************** ROOT node work ************************\r\n\r\n        // Convert flat data to hierarchical\r\n        attrs.root = d3.stratify()\r\n            .id(({\r\n                nodeId\r\n            }) => nodeId)\r\n            .parentId(({\r\n                parentNodeId\r\n            }) => parentNodeId)\r\n            (attrs.data)\r\n\r\n        // Set child nodes enter appearance positions\r\n        attrs.root.x0 = 0;\r\n        attrs.root.y0 = 0;\r\n\r\n        /** Get all nodes as array (with extended parent & children properties set)\r\n            This way we can access any node's parent directly using node.parent - pretty cool, huh?\r\n        */\r\n        attrs.allNodes = attrs.layouts.treemap(attrs.root).descendants()\r\n\r\n        // Assign direct children and total subordinate children's cound\r\n        attrs.allNodes.forEach(d => {\r\n            const childrenLength = d.children ? d.children.length : 0;\r\n            const directSubordinates = d.data.directSubordinates || childrenLength;\r\n            Object.assign(d.data, {\r\n                directSubordinates: directSubordinates,\r\n                totalSubordinates: d.descendants().length - 1\r\n            })\r\n        })\r\n\r\n        const children = attrs.root.children;\r\n\r\n        if(children) {\r\n            // Collapse all children at first\r\n            children.forEach(d => this.collapse(d));\r\n\r\n            // Then expand some nodes, which have `expanded` property set\r\n            children.forEach(d => this.expandSomeNodes(d));\r\n        }\r\n        \r\n\r\n        // *************************  DRAWING **************************\r\n        //Add svg\r\n        this.mainSvg = container\r\n            .patternify({\r\n                tag: 'svg',\r\n                selector: 'svg-chart-container'\r\n            })\r\n            .attr('width', '100%') //attrs.svgWidth)\r\n            .attr('height', attrs.svgHeight)\r\n            .attr('font-family', attrs.defaultFont)\r\n            .call(behaviors.zoom)\r\n            .attr('cursor', 'move')\r\n            .style('background-color', attrs.backgroundColor);\r\n        attrs.svg = this.mainSvg;\r\n\r\n        //Add container g element\r\n        const chart = this.mainSvg\r\n            .patternify({\r\n                tag: 'g',\r\n                selector: 'chart'\r\n            })\r\n            .attr('transform', `translate(${calc.chartLeftMargin},${calc.chartTopMargin})`);\r\n\r\n        // Add one more container g element, for better positioning controls\r\n        attrs.centerG = chart.patternify({\r\n            tag: 'g',\r\n            selector: 'center-group'\r\n        })\r\n            .attr('transform', `translate(${calc.centerX},${calc.nodeMaxHeight / 2}) scale(${attrs.initialZoom})`);\r\n\r\n        attrs.chart = chart;\r\n\r\n        // ************************** ROUNDED AND SHADOW IMAGE  WORK USING SVG FILTERS **********************\r\n\r\n        //Adding defs element for rounded image\r\n        attrs.defs = this.mainSvg.patternify({\r\n            tag: 'defs',\r\n            selector: 'image-defs'\r\n        });\r\n\r\n        // Adding defs element for image's shadow\r\n        const filterDefs = this.mainSvg.patternify({\r\n            tag: 'defs',\r\n            selector: 'filter-defs'\r\n        });\r\n\r\n        // Adding shadow element - (play with svg filter here - https://bit.ly/2HwnfyL)\r\n        const filter = filterDefs.patternify({\r\n            tag: 'filter',\r\n            selector: 'shadow-filter-element'\r\n        })\r\n            .attr('id', attrs.dropShadowId)\r\n            .attr('y', `${-50}%`)\r\n            .attr('x', `${-50}%`)\r\n            .attr('height', `${200}%`)\r\n            .attr('width', `${200}%`);\r\n\r\n        // Add gaussian blur element for shadows - we can control shadow length with this\r\n        filter.patternify({\r\n            tag: 'feGaussianBlur',\r\n            selector: 'feGaussianBlur-element'\r\n        })\r\n            .attr('in', 'SourceAlpha')\r\n            .attr('stdDeviation', 3.1)\r\n            .attr('result', 'blur');\r\n\r\n        // Add fe-offset element for shadows -  we can control shadow positions with it\r\n        filter.patternify({\r\n            tag: 'feOffset',\r\n            selector: 'feOffset-element'\r\n        })\r\n            .attr('in', 'blur')\r\n            .attr('result', 'offsetBlur')\r\n            .attr(\"dx\", 4.28)\r\n            .attr(\"dy\", 4.48)\r\n            .attr(\"x\", 8)\r\n            .attr(\"y\", 8)\r\n\r\n        // Add fe-flood element for shadows - we can control shadow color and opacity with this element\r\n        filter.patternify({\r\n            tag: 'feFlood',\r\n            selector: 'feFlood-element'\r\n        })\r\n            .attr(\"in\", \"offsetBlur\")\r\n            .attr(\"flood-color\", 'black')\r\n            .attr(\"flood-opacity\", 0.3)\r\n            .attr(\"result\", \"offsetColor\");\r\n\r\n        // Add feComposite element for shadows\r\n        filter.patternify({\r\n            tag: 'feComposite',\r\n            selector: 'feComposite-element'\r\n        })\r\n            .attr(\"in\", \"offsetColor\")\r\n            .attr(\"in2\", \"offsetBlur\")\r\n            .attr(\"operator\", \"in\")\r\n            .attr(\"result\", \"offsetBlur\");\r\n\r\n        // Add feMerge element for shadows\r\n        const feMerge = filter.patternify({\r\n            tag: 'feMerge',\r\n            selector: 'feMerge-element'\r\n        });\r\n\r\n        // Add feMergeNode element for shadows\r\n        feMerge.patternify({\r\n            tag: 'feMergeNode',\r\n            selector: 'feMergeNode-blur'\r\n        })\r\n            .attr('in', 'offsetBlur')\r\n\r\n        // Add another feMergeNode element for shadows\r\n        feMerge.patternify({\r\n            tag: 'feMergeNode',\r\n            selector: 'feMergeNode-graphic'\r\n        })\r\n            .attr('in', 'SourceGraphic')\r\n\r\n        // Display tree contenrs\r\n        this.update(attrs.root)\r\n\r\n        //#########################################  UTIL FUNCS ##################################\r\n        // This function restyles foreign object elements ()\r\n        d3.select(window).on(`resize.${attrs.id}`, () => {\r\n            const containerRect = container.node().getBoundingClientRect();\r\n            // if (containerRect.width > 0) attrs.svgWidth = containerRect.width;\r\n            //\tmain();\r\n        });\r\n\r\n\r\n        return this;\r\n    }\r\n\r\n    // This function sets drop shadow ID to the passed object\r\n    setDropShadowId(d) {\r\n\r\n        // If it's already set, then return \r\n        if (d.dropShadowId) return;\r\n\r\n        // Generate drop shadow ID\r\n        let id = `${d.id}-drop-shadow`;\r\n\r\n        // If DOM object is available, then use UID method to generated shadow id\r\n        //@ts-ignore\r\n        if (typeof DOM != 'undefined') {\r\n            //@ts-ignore\r\n            id = DOM.uid(d.id).id;\r\n        }\r\n\r\n        // Extend passed object with drop shadow ID\r\n        Object.assign(d, {\r\n            dropShadowId: id\r\n        })\r\n    }\r\n\r\n    // Add multiple nodes\r\n    addNodes(nodes) {\r\n        const attrs = this.getChartState();\r\n        nodes.forEach(obj => attrs.data.push(obj));\r\n\r\n        // Update state of nodes and redraw graph\r\n        this.updateNodesState();\r\n        return this;\r\n    }\r\n\r\n    // This function can be invoked via chart.addNode API, and it adds node in tree at runtime\r\n    addNode(obj) {\r\n        const attrs = this.getChartState();\r\n        attrs.data.push(obj);\r\n\r\n        // Update state of nodes and redraw graph\r\n        this.updateNodesState();\r\n        return this;\r\n    }\r\n\r\n    // This function can be invoked via chart.removeNode API, and it removes node from tree at runtime\r\n    removeNode(nodeId) {\r\n        const attrs = this.getChartState();\r\n        const node = attrs.allNodes.filter(({\r\n            data\r\n        }) => data.nodeId == nodeId)[0];\r\n\r\n\r\n        // Remove all node childs\r\n        if (node) {\r\n            // Retrieve all children nodes ids (including current node itself)\r\n            const nodeChildrenIds = this.getNodeChildrenIds(node, []);\r\n\r\n            // Filter out retrieved nodes and reassign data\r\n            attrs.data = attrs.data.filter(d => !nodeChildrenIds.includes(d.nodeId))\r\n\r\n            const updateNodesState = this.updateNodesState.bind(this);\r\n            // Update state of nodes and redraw graph\r\n            updateNodesState();\r\n        }\r\n    }\r\n\r\n    // This function basically redraws visible graph, based on nodes state\r\n    update({ x0, y0, x, y }) {\r\n\r\n        const attrs = this.getChartState();\r\n        const calc = attrs.calc;\r\n\r\n        //  Assigns the x and y position for the nodes\r\n        const treeData = attrs.layouts.treemap(attrs.root);\r\n\r\n        // Get tree nodes and links and attach some properties \r\n        const nodes = treeData.descendants()\r\n            .map(d => {\r\n                // If at least one property is already set, then we don't want to reset other properties\r\n                if (d.width) return d;\r\n\r\n                // Declare properties with deffault values\r\n                let imageWidth = 80;\r\n                let imageHeight = 80;\r\n                let imageBorderColor = 'steelblue';\r\n                let imageBorderWidth = 0;\r\n                let imageRx = 0;\r\n                let imageCenterTopDistance = 0;\r\n                let imageCenterLeftDistance = 0;\r\n                let borderColor = 'steelblue';\r\n                let backgroundColor = 'steelblue';\r\n                let width = d.data.width;\r\n                let height = d.data.height;\r\n                let dropShadowId = `none`;\r\n\r\n                // Override default values based on data\r\n                if (d.data.nodeImage && d.data.nodeImage.shadow) {\r\n                    dropShadowId = `url(#${attrs.dropShadowId})`\r\n                }\r\n                if (d.data.nodeImage && d.data.nodeImage.width) {\r\n                    imageWidth = d.data.nodeImage.width\r\n                };\r\n                if (d.data.nodeImage && d.data.nodeImage.height) {\r\n                    imageHeight = d.data.nodeImage.height\r\n                };\r\n                if (d.data.nodeImage && d.data.nodeImage.borderColor) {\r\n                    imageBorderColor = this.rgbaObjToColor(d.data.nodeImage.borderColor)\r\n                };\r\n                if (d.data.nodeImage && d.data.nodeImage.borderWidth) {\r\n                    imageBorderWidth = d.data.nodeImage.borderWidth\r\n                };\r\n                if (d.data.nodeImage && d.data.nodeImage.centerTopDistance) {\r\n                    imageCenterTopDistance = d.data.nodeImage.centerTopDistance\r\n                };\r\n                if (d.data.nodeImage && d.data.nodeImage.centerLeftDistance) {\r\n                    imageCenterLeftDistance = d.data.nodeImage.centerLeftDistance\r\n                };\r\n                if (d.data.borderColor) {\r\n                    borderColor = this.rgbaObjToColor(d.data.borderColor);\r\n                }\r\n                if (d.data.backgroundColor) {\r\n                    backgroundColor = this.rgbaObjToColor(d.data.backgroundColor);\r\n                }\r\n                if (d.data.nodeImage &&\r\n                    d.data.nodeImage.cornerShape.toLowerCase() == \"circle\") {\r\n                    imageRx = Math.max(imageWidth, imageHeight);\r\n                }\r\n                if (d.data.nodeImage &&\r\n                    d.data.nodeImage.cornerShape.toLowerCase() == \"rounded\") {\r\n                    imageRx = Math.min(imageWidth, imageHeight) / 6;\r\n                }\r\n\r\n                // Extend node object with calculated properties\r\n                return Object.assign(d, {\r\n                    imageWidth,\r\n                    imageHeight,\r\n                    imageBorderColor,\r\n                    imageBorderWidth,\r\n                    borderColor,\r\n                    backgroundColor,\r\n                    imageRx,\r\n                    width,\r\n                    height,\r\n                    imageCenterTopDistance,\r\n                    imageCenterLeftDistance,\r\n                    dropShadowId\r\n                });\r\n            });\r\n\r\n        // Get all links\r\n        const links = treeData.descendants().slice(1);\r\n\r\n        // Set constant depth for each nodes\r\n        nodes.forEach(d => d.y = d.depth * attrs.depth);\r\n\r\n        // ------------------- FILTERS ---------------------\r\n\r\n        // Add patterns for each node (it's needed for rounded image implementation)\r\n        const patternsSelection = attrs.defs.selectAll('.pattern')\r\n            .data(nodes, ({ id }) => id);\r\n\r\n        // Define patterns enter selection\r\n        const patternEnterSelection = patternsSelection.enter().append('pattern')\r\n\r\n        // Patters update selection\r\n        const patterns = patternEnterSelection\r\n            .merge(patternsSelection)\r\n            .attr('class', 'pattern')\r\n            .attr('height', 1)\r\n            .attr('width', 1)\r\n            .attr('id', ({ id }) => id);\r\n\r\n        // Add images to patterns\r\n        const patternImages = patterns.patternify({ tag: 'image', selector: 'pattern-image', data: d => [d] })\r\n            .attr('x', 0)\r\n            .attr('y', 0)\r\n            .attr('height', ({ imageWidth }) => imageWidth)\r\n            .attr('width', ({ imageHeight }) => imageHeight)\r\n            .attr('xlink:href', ({ data }) => data.nodeImage && data.nodeImage.url)\r\n            .attr('src', () => `${siteUrlBase()}/memberzone/profile/default-profile.jpg`)\r\n            .attr('viewbox', ({ imageWidth, imageHeight }) => `0 0 ${imageWidth * 2} ${imageHeight}`)\r\n            .attr('preserveAspectRatio', 'xMidYMin slice');\r\n\r\n        // Remove patterns exit selection after animation\r\n        patternsSelection.exit().transition().duration(attrs.duration).remove();\r\n\r\n        // --------------------------  LINKS ----------------------\r\n        // Get links selection\r\n        const linkSelection = attrs.centerG.selectAll('path.link')\r\n            .data(links, ({ id }) => id);\r\n\r\n        // Enter any new links at the parent's previous position.\r\n        const linkEnter = linkSelection.enter()\r\n            .insert('path', \"g\")\r\n            .attr(\"class\", \"link\")\r\n            .attr('d', d => {\r\n                const o = {\r\n                    x: x0,\r\n                    y: y0\r\n                };\r\n                return this.diagonal(o, o)\r\n            });\r\n\r\n        // Get links update selection\r\n        const linkUpdate = linkEnter.merge(linkSelection);\r\n\r\n        // Styling links\r\n        linkUpdate\r\n            .attr(\"fill\", \"none\")\r\n            .attr(\"stroke-width\", ({\r\n                data\r\n            }) => data.connectorLineWidth || 2)\r\n            .attr('stroke', ({\r\n                data\r\n            }) => {\r\n                if (data.connectorLineColor) {\r\n                    return this.rgbaObjToColor(data.connectorLineColor);\r\n                }\r\n                return 'green';\r\n            })\r\n            .attr('stroke-dasharray', ({\r\n                data\r\n            }) => {\r\n                if (data.dashArray) {\r\n                    return data.dashArray;\r\n                }\r\n                return '';\r\n            })\r\n\r\n        // Transition back to the parent element position\r\n        linkUpdate.transition()\r\n            .duration(attrs.duration)\r\n            .attr('d', d => this.diagonal(d, d.parent));\r\n\r\n        // Remove any  links which is exiting after animation\r\n        const linkExit = linkSelection.exit().transition()\r\n            .duration(attrs.duration)\r\n            .attr('d', d => {\r\n                const o = {\r\n                    x: x,\r\n                    y: y\r\n                };\r\n                return this.diagonal(o, o)\r\n            })\r\n            .remove();\r\n\r\n        // --------------------------  NODES ----------------------\r\n        // Get nodes selection\r\n        const nodesSelection = attrs.centerG.selectAll('g.node')\r\n            .data(nodes, ({\r\n                id\r\n            }) => id)\r\n\r\n        // Enter any new nodes at the parent's previous position.\r\n        const nodeEnter = nodesSelection.enter().append('g')\r\n            .attr('class', 'node')\r\n            .attr(\"transform\", d => `translate(${x0},${y0})`)\r\n            .attr('cursor', 'pointer')\r\n            .on('click', (event, d) => {\r\n                if ([...event.srcElement.classList].includes('node-button-circle')) {\r\n                    return;\r\n                }\r\n                attrs.onNodeClick(d.data.nodeId);\r\n            });\r\n\r\n        // Add background rectangle for the nodes \r\n        nodeEnter\r\n            .patternify({\r\n                tag: 'rect',\r\n                selector: 'node-rect',\r\n                data: d => [d]\r\n            })\r\n            .style(\"fill\", ({\r\n                _children\r\n            }) => _children ? \"lightsteelblue\" : \"#fff\")\r\n\r\n\r\n        /*\r\n        // Add node icon image inside node\r\n        nodeEnter\r\n            .patternify({\r\n                tag: 'image',\r\n                selector: 'node-icon-image',\r\n                data: d => [d]\r\n            })\r\n            .attr('width', ({\r\n                data\r\n            }) => data.nodeIcon && data.nodeIcon.size)\r\n            .attr('height', ({\r\n                data\r\n            }) => data.nodeIcon && data.nodeIcon.size)\r\n            .attr(\"xlink:href\", ({\r\n                data\r\n            }) => data.nodeIcon && data.nodeIcon.icon)\r\n            .attr('x', ({\r\n                width\r\n            }) => -width / 2 + 5)\r\n            .attr('y', ({\r\n                height,\r\n                data\r\n            }) => height / 2 - (data.nodeIcon && data.nodeIcon.size || 0) - 5)\r\n        // Add total descendants text\r\n        nodeEnter\r\n            .patternify({\r\n                tag: 'text',\r\n                selector: 'node-icon-text-total',\r\n                data: d => [d]\r\n            })\r\n            .text('test')\r\n            .attr('x', ({\r\n                width\r\n            }) => -width / 2 + 7)\r\n            .attr('y', ({\r\n                height,\r\n                data\r\n            }) => height / 2 -  (data.nodeIcon && data.nodeIcon.size) - 5)\r\n            .text(({\r\n                data\r\n            }) => `${data.totalSubordinates} Subordinates`)\r\n            .attr('fill', attrs.nodeTextFill)\r\n            .attr('font-weight', 'bold')\r\n        // Add direct descendants text\r\n        nodeEnter\r\n            .patternify({\r\n                tag: 'text',\r\n                selector: 'node-icon-text-direct',\r\n                data: d => [d]\r\n            })\r\n            .text('test')\r\n            .attr('x', ({\r\n                width,\r\n                data\r\n            }) => -width / 2 + 10 + (data.nodeIcon && data.nodeIcon.size))\r\n            .attr('y', ({\r\n                height\r\n            }) => height / 2 - 10)\r\n            .text(({\r\n                data\r\n            }) => `${data.directSubordinates} Direct `)\r\n            .attr('fill', attrs.nodeTextFill)\r\n            .attr('font-weight', 'bold')\r\n          */\r\n\r\n\r\n        // Defined node images wrapper group\r\n        const nodeImageGroups = nodeEnter.patternify({\r\n            tag: 'g',\r\n            selector: 'node-image-group',\r\n            data: d => [d]\r\n        })\r\n\r\n        // Add background rectangle for node image\r\n        nodeImageGroups\r\n            .patternify({\r\n                tag: 'rect',\r\n                selector: 'node-image-rect',\r\n                data: d => [d]\r\n            })\r\n\r\n        // Node update styles\r\n        const nodeUpdate = nodeEnter.merge(nodesSelection)\r\n            .style('font', '12px sans-serif');\r\n\r\n        // Add foreignObject element inside rectangle\r\n        const fo = nodeUpdate\r\n            .patternify({\r\n                tag: 'foreignObject',\r\n                selector: 'node-foreign-object',\r\n                data: d => [d]\r\n            });\r\n\r\n        // Add foreign object \r\n        fo.patternify({\r\n            tag: 'xhtml:div',\r\n            selector: 'node-foreign-object-div',\r\n            data: d => [d]\r\n        });\r\n\r\n        this.restyleForeignObjectElements();\r\n\r\n        // Add Node button circle's group (expand-collapse button)\r\n        const nodeButtonGroups = nodeEnter\r\n            .patternify({\r\n                tag: 'g',\r\n                selector: 'node-button-g',\r\n                data: d => [d]\r\n            })\r\n            .on('click', (event, d) => {\r\n                event.stopPropagation();\r\n                this.onButtonClick(event, d);\r\n            });\r\n\r\n        // Add expand collapse button circle \r\n        nodeButtonGroups\r\n            .patternify({\r\n                tag: 'circle',\r\n                selector: 'node-button-circle',\r\n                data: d => [d]\r\n            });\r\n\r\n        // Add button text \r\n        nodeButtonGroups\r\n            .patternify({\r\n                tag: 'text',\r\n                selector: 'node-button-text',\r\n                data: d => [d]\r\n            })\r\n            .attr('pointer-events', 'none');\r\n\r\n        // Transition to the proper position for the node\r\n        nodeUpdate.transition()\r\n            .attr('opacity', 0)\r\n            .duration(attrs.duration)\r\n            .attr(\"transform\", ({\r\n                x,\r\n                y\r\n            }) => `translate(${x},${y})`)\r\n            .attr('opacity', 1);\r\n\r\n        // Move images to desired positions\r\n        nodeUpdate.selectAll('.node-image-group')\r\n            .attr('transform', ({\r\n                imageWidth,\r\n                width,\r\n                imageHeight,\r\n                height\r\n            }) => {\r\n                let x = -imageWidth / 2 - width / 2;\r\n                let y = -imageHeight / 2 - height / 2;\r\n                return `translate(${x},${y})`\r\n            });\r\n\r\n        // Style node image rectangles\r\n        nodeUpdate.select('.node-image-rect')\r\n            .attr('fill', ({ id }) => `url(#${id})`)\r\n            .attr('width', ({ imageWidth }) => imageWidth)\r\n            .attr('height', ({ imageHeight }) => imageHeight)\r\n            .attr('stroke', ({ imageBorderColor }) => imageBorderColor)\r\n            .attr('stroke-width', ({ imageBorderWidth }) => imageBorderWidth)\r\n            .attr('rx', ({ imageRx }) => imageRx)\r\n            .attr('y', ({ imageCenterTopDistance }) => imageCenterTopDistance)\r\n            .attr('x', ({ imageCenterLeftDistance }) => imageCenterLeftDistance)\r\n            .attr('filter', ({ dropShadowId }) => dropShadowId);\r\n\r\n        // Style node rectangles\r\n        nodeUpdate.select('.node-rect')\r\n            .attr('width', ({ data }) => data.width)\r\n            .attr('height', ({ data }) => data.height)\r\n            .attr('x', ({ data }) => -data.width / 2)\r\n            .attr('y', ({ data }) => -data.height / 2)\r\n            .attr('rx', ({ data }) => data.borderRadius || 0)\r\n            .attr('stroke-width', ({ data }) => data.borderWidth || attrs.strokeWidth)\r\n            .attr('cursor', 'pointer')\r\n            .attr('stroke', ({ borderColor }) => borderColor)\r\n            .style(\"fill\", ({ backgroundColor }) => backgroundColor);\r\n\r\n        // Move node button group to the desired position\r\n        nodeUpdate.select('.node-button-g')\r\n            .attr('transform', ({ data }) => `translate(0,${data.height / 2})`)\r\n            .attr('opacity', ({ children, _children, data }) => {\r\n                if (children || _children || data.directSubordinates) {\r\n                    return 1;\r\n                }\r\n                return 0;\r\n            });\r\n\r\n        // Restyle node button circle\r\n        nodeUpdate.select('.node-button-circle')\r\n            .attr('r', 16)\r\n            .attr('stroke-width', ({ data }) => data.borderWidth || attrs.strokeWidth)\r\n            .attr('fill', attrs.backgroundColor)\r\n            .attr('stroke', ({ borderColor }) => borderColor);\r\n\r\n        // Restyle button texts\r\n        nodeUpdate.select('.node-button-text')\r\n            .attr('text-anchor', 'middle')\r\n            .attr('alignment-baseline', 'middle')\r\n            .attr('fill', attrs.defaultTextFill)\r\n            .attr('font-size', ({ children }) => {\r\n                if (children) return 40;\r\n                return 26;\r\n            })\r\n            .text(({ children }) => {\r\n                if (children) return '-';\r\n                return '+';\r\n            });\r\n\r\n        // Align '+/-' text inside button\r\n        const textNodes = nodeUpdate.select('.node-button-text');\r\n        const textNodesGroups = textNodes && textNodes._groups;\r\n\r\n        if (textNodesGroups && textNodesGroups.length) {\r\n            textNodesGroups[0].forEach((el) => {\r\n                if (this.isFirefox()) {\r\n                    el.setAttribute('y', el.textContent === '+' ? 8 : 11);\r\n                } else if (this.isChrome()) {\r\n                    el.setAttribute('y', el.textContent === '+' ? 2 : 0);\r\n                } else if (this.isEdge()) {\r\n                    el.setAttribute('y', 10);\r\n                } else {\r\n                    el.setAttribute('y', 0);\r\n                }\r\n            });\r\n        }\r\n\r\n        // Remove any exiting nodes after transition\r\n        const nodeExitTransition = nodesSelection.exit()\r\n            .attr('opacity', 1)\r\n            .transition()\r\n            .duration(attrs.duration)\r\n            .attr(\"transform\", d => `translate(${x},${y})`)\r\n            .on('end', function () {\r\n                d3.select(this).remove();\r\n            })\r\n            .attr('opacity', 0);\r\n\r\n        // On exit reduce the node rects size to 0\r\n        nodeExitTransition.selectAll('.node-rect')\r\n            .attr('width', 10)\r\n            .attr('height', 10)\r\n            .attr('x', 0)\r\n            .attr('y', 0);\r\n\r\n        // On exit reduce the node image rects size to 0\r\n        nodeExitTransition.selectAll('.node-image-rect')\r\n            .attr('width', 10)\r\n            .attr('height', 10)\r\n            .attr('x', ({ width }) => width / 2)\r\n            .attr('y', ({ height }) => height / 2);\r\n\r\n        // Store the old positions for transition.\r\n        nodes.forEach(d => {\r\n            d.x0 = d.x;\r\n            d.y0 = d.y;\r\n        });\r\n    }\r\n\r\n    // This function detects whether current browser is edge\r\n    isEdge() {\r\n        return window.navigator.userAgent.includes(\"Edge\");\r\n    }\r\n\r\n    // This function detects whether current browser is firefox\r\n    isFirefox() {\r\n        return window.navigator.userAgent.includes(\"Firefox\");\r\n    }\r\n\r\n    // This function detects whether current browser is chrome\r\n    isChrome() {\r\n        return window.navigator.userAgent.includes(\"Chrome\");\r\n    }\r\n\r\n    /* Function converts rgba objects to rgba color string \r\n      {red:110,green:150,blue:255,alpha:1}  => rgba(110,150,255,1)\r\n    */\r\n    rgbaObjToColor({\r\n        red,\r\n        green,\r\n        blue,\r\n        alpha\r\n    }) {\r\n        return `rgba(${red},${green},${blue},${alpha})`;\r\n    }\r\n\r\n    // Generate custom diagonal - play with it here - https://observablehq.com/@bumbeishvili/curved-edges?collection=@bumbeishvili/work-components\r\n    diagonal(s, t) {\r\n\r\n        // Calculate some variables based on source and target (s,t) coordinates\r\n        const x = s.x;\r\n        const y = s.y;\r\n        const ex = t.x;\r\n        const ey = t.y;\r\n        let xrvs = ex - x < 0 ? -1 : 1;\r\n        let yrvs = ey - y < 0 ? -1 : 1;\r\n        let rdef = 35;\r\n        let rInitial = Math.abs(ex - x) / 2 < rdef ? Math.abs(ex - x) / 2 : rdef;\r\n        let r = Math.abs(ey - y) / 2 < rInitial ? Math.abs(ey - y) / 2 : rInitial;\r\n        let h = Math.abs(ey - y) / 2 - r;\r\n        let w = Math.abs(ex - x) - r * 2;\r\n\r\n        // Build the path\r\n        const path = `\r\n             M ${x} ${y}\r\n             L ${x} ${y + h * yrvs}\r\n             C  ${x} ${y + h * yrvs + r * yrvs} ${x} ${y + h * yrvs + r * yrvs} ${x + r * xrvs} ${y + h * yrvs + r * yrvs}\r\n             L ${x + w * xrvs + r * xrvs} ${y + h * yrvs + r * yrvs}\r\n             C ${ex}  ${y + h * yrvs + r * yrvs} ${ex}  ${y + h * yrvs + r * yrvs} ${ex} ${ey - h * yrvs}\r\n             L ${ex} ${ey}\r\n           `\r\n        // Return result\r\n        return path;\r\n    }\r\n\r\n    restyleForeignObjectElements() {\r\n        const attrs = this.getChartState();\r\n\r\n        attrs.svg.selectAll('.node-foreign-object')\r\n            .attr('width', ({\r\n                width\r\n            }) => width)\r\n            .attr('height', ({\r\n                height\r\n            }) => height)\r\n            .attr('x', ({\r\n                width\r\n            }) => -width / 2)\r\n            .attr('y', ({\r\n                height\r\n            }) => -height / 2)\r\n        attrs.svg.selectAll('.node-foreign-object-div')\r\n            .style('width', ({\r\n                width\r\n            }) => `${width}px`)\r\n            .style('height', ({\r\n                height\r\n            }) => `${height}px`)\r\n            .style('color', 'white')\r\n            .html(({\r\n                data\r\n            }) => data.template)\r\n    }\r\n\r\n    // Toggle children on click.\r\n    async onButtonClick(event, d) {\r\n        // If childrens are expanded\r\n        if (d.children) {\r\n            //Collapse them\r\n            d._children = d.children;\r\n            d.children = null;\r\n\r\n            // Set descendants expanded property to false\r\n            this.setExpansionFlagToChildren(d, false);\r\n        } else {\r\n            // Expand children\r\n            d.children = d._children;\r\n            d._children = null;\r\n\r\n            if (!d.children) {\r\n                // Need to load the next level dynamically\r\n                const children = await this._getNextLevel(d.id);\r\n                children.forEach(node => node.expanded = true);\r\n                this.addNodes(children);\r\n            } else {\r\n                // Set each children as expanded\r\n                d.children.forEach(({\r\n                    data\r\n                }) => data.expanded = true)\r\n            }\r\n        }\r\n\r\n        // Redraw Graph \r\n        this.update(d);\r\n    }\r\n\r\n    // This function changes `expanded` property to descendants\r\n    setExpansionFlagToChildren({ data, children, _children }, flag) { \r\n        // Set flag to the current property\r\n        data.expanded = flag;\r\n\r\n        // Loop over and recursively update expanded children's descendants\r\n        if (children) {\r\n            children.forEach(d => {\r\n                this.setExpansionFlagToChildren(d, flag)\r\n            })\r\n        }\r\n\r\n        // Loop over and recursively update collapsed children's descendants\r\n        if (_children) {\r\n            _children.forEach(d => {\r\n                this.setExpansionFlagToChildren(d, flag)\r\n            })\r\n        }\r\n    }\r\n\r\n    // This function can be invoked via chart.setExpanded API, it expands or collapses particular node\r\n    setExpanded(id, expandedFlag) {\r\n        const attrs = this.getChartState();\r\n        // Retrieve node by node Id\r\n        const node = attrs.allNodes.filter(({\r\n            data\r\n        }) => data.nodeId == id)[0]\r\n\r\n        // If node exists, set expansion flag\r\n        if (node) node.data.expanded = expandedFlag;\r\n\r\n        // First expand all nodes\r\n        attrs.root.children.forEach(d => this.expand(d));\r\n\r\n        // Then collapse all nodes\r\n        attrs.root.children.forEach(d => this.collapse(d));\r\n\r\n        // Then expand only the nodes, which were previously expanded, or have an expand flag set\r\n        attrs.root.children.forEach(d => this.expandSomeNodes(d));\r\n\r\n        // Redraw graph\r\n        this.update(attrs.root);\r\n    }\r\n\r\n    // Method which only expands nodes, which have property set \"expanded=true\"\r\n    expandSomeNodes(d) {\r\n        // If node has expanded property set\r\n        if (d.data.expanded) {\r\n\r\n            // Retrieve node's parent\r\n            let parent = d.parent;\r\n\r\n            // While we can go up \r\n            while (parent) {\r\n\r\n                // Expand all current parent's children\r\n                if (parent._children) {\r\n                    parent.children = parent._children;\r\n                }\r\n\r\n                // Replace current parent holding object\r\n                parent = parent.parent;\r\n            }\r\n        }\r\n\r\n        // Recursivelly do the same for collapsed nodes\r\n        if (d._children) {\r\n            d._children.forEach(ch => this.expandSomeNodes(ch));\r\n        }\r\n\r\n        // Recursivelly do the same for expanded nodes \r\n        if (d.children) {\r\n            d.children.forEach(ch => this.expandSomeNodes(ch));\r\n        }\r\n    }\r\n\r\n\r\n    // This function updates nodes state and redraws graph, usually after data change\r\n    updateNodesState() {\r\n        const attrs = this.getChartState();\r\n        // Store new root by converting flat data to hierarchy\r\n        attrs.root = d3.stratify()\r\n            .id(({\r\n                nodeId\r\n            }) => nodeId)\r\n            .parentId(({\r\n                parentNodeId\r\n            }) => parentNodeId)\r\n            (attrs.data)\r\n\r\n        // Store positions, where children appear during their enter animation\r\n        attrs.root.x0 = 0;\r\n        attrs.root.y0 = 0;\r\n\r\n        // Store all nodes in flat format (although, now we can browse parent, see depth e.t.c. )\r\n        attrs.allNodes = attrs.layouts.treemap(attrs.root).descendants()\r\n\r\n        // Store direct and total descendants count\r\n        attrs.allNodes.forEach(d => {\r\n            const childrenLength = d.children ? d.children.length : 0;\r\n            const directSubordinates = d.data.directSubordinates || childrenLength;\r\n            Object.assign(d.data, {\r\n                directSubordinates: directSubordinates,\r\n                totalSubordinates: d.descendants().length - 1\r\n            })\r\n        })\r\n\r\n        // Expand all nodes first\r\n        attrs.root.children && attrs.root.children.forEach(this.expand);\r\n\r\n        // Then collapse them all\r\n        attrs.root.children && attrs.root.children.forEach(d => this.collapse(d));\r\n\r\n        // Then only expand nodes, which have expanded proprty set to true\r\n        attrs.root.children && attrs.root.children.forEach(ch => this.expandSomeNodes(ch));\r\n\r\n        // Redraw Graphs\r\n        this.update(attrs.root)\r\n    }\r\n\r\n\r\n    // Function which collapses passed node and it's descendants\r\n    collapse(d) {\r\n        if (d.children) {\r\n            d._children = d.children;\r\n            d._children.forEach(ch => this.collapse(ch));\r\n            d.children = null;\r\n        }\r\n    }\r\n\r\n    // Function which expands passed node and it's descendants \r\n    expand(d) {\r\n        if (d._children) {\r\n            d.children = d._children;\r\n            d.children.forEach(ch => this.expand(ch));\r\n            d._children = null;\r\n        }\r\n    }\r\n\r\n    // Zoom handler function\r\n    zoomed(event, d) {\r\n        const attrs = this.getChartState();\r\n        const chart = attrs.chart;\r\n\r\n        // Get d3 event's transform object\r\n        const transform = event.transform;\r\n\r\n        // Store it\r\n        attrs.lastTransform = transform;\r\n\r\n        // Reposition and rescale chart accordingly\r\n        chart.attr('transform', transform);\r\n\r\n        // Apply new styles to the foreign object element\r\n        if (this.isEdge()) {\r\n            this.restyleForeignObjectElements();\r\n        }\r\n\r\n    }\r\n}\r\n","import { bindable, observable } from 'aurelia-framework';\r\nimport { EventAggregator } from 'aurelia-event-aggregator';\r\nimport { Security } from 'common/security';\r\nimport { Api } from 'common/server';\r\nimport { OrgChart } from './org-chart';\r\nimport { Page } from 'common/ui';\r\nimport { I18n } from 'common/i18n';\r\nimport { ProductionService } from 'services/production-service';\r\nimport { Sites } from 'services/sites';\r\nimport { Config } from 'services/config';\r\nimport { c, siteUrlBase } from 'common/common';\r\nimport { FormatNumber2ValueConverter } from 'resources/value-converters/format-number2';\r\nimport { TIME_PERIOD } from 'common/constants';\r\nimport moment from 'moment';\r\nimport environment from '../../../../config/environment.json';\r\n\r\nexport class TeamChart {\r\n    static inject = [EventAggregator, Security, Api, Page, I18n, ProductionService, Sites, Config, FormatNumber2ValueConverter];\r\n    _ea;\r\n    _security;\r\n    _api;\r\n    _page;\r\n    _i18n;\r\n    _production;\r\n    _sites;\r\n    _config;\r\n    _formatNumber2ValueConverter;\r\n\r\n    @bindable view = 'chart';\r\n    @bindable id;\r\n    @bindable load = false;\r\n    @bindable allowMapView = false;\r\n    teamChartEl;\r\n\r\n    TIME_PERIOD = TIME_PERIOD;\r\n    timePeriod = TIME_PERIOD.MTD;\r\n    sortTypes = [];\r\n    @observable sortType1;\r\n    @observable sortType2;\r\n    @observable sortType3;\r\n    agentTypes = ['prospects', 'registered-reps', 'recruits'];\r\n\r\n    agentDisplays = ['team-chart-producers', 'team-chart-all'];\r\n    @observable agentDisplay = 'team-chart-producers';\r\n\r\n    @observable onlyActive = true;\r\n    @observable showLevel = true;\r\n    @observable showImage = true;\r\n    showExport = false;\r\n    _handlers = [];\r\n\r\n    constructor(ea, security, api, page, i18n, production, sites, config, formatNumber2ValueConverter) {\r\n        this._ea = ea;\r\n        this._security = security;\r\n        this._api = api;\r\n        this._page = page;\r\n        this._i18n = i18n;\r\n        this._production = production;\r\n        this._formatNumber2ValueConverter = formatNumber2ValueConverter;\r\n        this.canPrint = security.isAdmin;\r\n        this._sites = sites;\r\n\r\n        this.agentDisplay = config.value('myTeamDefaultMemberDisplayProducers') ? 'team-chart-producers' : 'team-chart-all';\r\n    }\r\n\r\n    bind() {\r\n        if (!this.id) this.id = this._security.authenticatedMemberId;\r\n        this.setShowExport();\r\n    }\r\n\r\n    showView(view) {\r\n        this.view = view;\r\n        if (this.view === 'map' && !this.loadMap) this.loadMap = true;\r\n    }\r\n\r\n    idChanged(newValue, oldValue) {\r\n        if (!oldValue) return;\r\n        this._initialize();\r\n        this.setShowExport();\r\n    }\r\n\r\n    setShowExport() {\r\n        this.showExport = false; // this._security.isAdmin;\r\n    }\r\n\r\n    loadChanged(newValue, oldValue) {\r\n        if (oldValue === undefined && !newValue) return;\r\n        if (!oldValue && newValue) {\r\n            this._initialize();\r\n        }\r\n    }\r\n\r\n    toggleSettings() {\r\n        this.showSettingsDrawer = moment().format();\r\n    }\r\n\r\n    onlyActiveChanged(newValue, oldValue) {\r\n        this._initialize(true);\r\n    }\r\n\r\n    showLevelChanged(newValue, oldValue) {\r\n        this._initialize(true);\r\n    }\r\n\r\n    showImageChanged(newValue, oldValue) {\r\n        this._initialize(true);\r\n    }\r\n\r\n    async attached() {\r\n        await this._loadOptions();\r\n        if (!this.id || !this.load) return;\r\n        this._initialize();\r\n    }\r\n\r\n    selectTimePeriod(timePeriod) {\r\n        this.timePeriod = timePeriod;\r\n        this._initialize(true);\r\n    }\r\n\r\n    sortType1Changed(newValue, oldValue) {\r\n        if (oldValue === undefined || oldValue === null) return;\r\n        this._initialize(true);\r\n    }\r\n\r\n    sortType2Changed(newValue, oldValue) {\r\n        if (oldValue === undefined || oldValue === null) return;\r\n        this._initialize(true);\r\n    }\r\n\r\n    sortType3Changed(newValue, oldValue) {\r\n        if (oldValue === undefined || oldValue === null) return;\r\n        this._initialize(true);\r\n    }\r\n\r\n    agentDisplayChanged(newValue, oldValue) {\r\n        if (oldValue === undefined || oldValue === null) return;\r\n        this._initialize(true);\r\n    }\r\n\r\n    async _initialize(clear = false) {\r\n        try {\r\n            if (clear) {\r\n                this.teamChartEl.innerHTML = '';\r\n                this._orgChart = undefined;\r\n            }\r\n            this.theme = await this._sites.theme();\r\n            const loadSingleLevel = this.agentDisplay !== 'team-chart-producers';\r\n            const data = await this._getDownline(this.id, loadSingleLevel);\r\n            this._orgChart = new OrgChart(this.getNodeChildren)\r\n                .container(this.teamChartEl)\r\n                .data(data)\r\n                .svgWidth(700)\r\n                .initialZoom(0.7)\r\n                .onNodeClick(nodeId => {\r\n                    this._ea.publish(c.EventKeys.site.openProfile, { memberId: nodeId, tab: { key: 'chart' } });\r\n                })\r\n                .render();\r\n        } catch (err) {\r\n            console.log(err);\r\n        }\r\n    }\r\n\r\n    async _loadOptions() {\r\n        try {\r\n            this.premiumTypes = await this._production.premiumTypes();\r\n            this.sortTypes = [...this.premiumTypes, ...this.agentTypes];\r\n            this.sortType1 = 'submitted-actual';\r\n            this.sortType2 = 'issued-actual';\r\n            this.sortType3 = '';\r\n        } catch (err) {\r\n            console.log(err);\r\n        }\r\n    }\r\n\r\n    exportDownline() {\r\n        if (this.id === this._security.authenticatedMemberId) {\r\n            this._page.exportData(this._api, 'member/export-my-downline-key', '/api/member/export-my-downline');\r\n        } else {\r\n            this._page.exportData(this._api, `member/${encodeURIComponent(this.id)}/export-downline-key`, '/api/member/export-downline');\r\n        }\r\n    }\r\n\r\n    getNodeChildren = async(id) => {\r\n        return await this._getDownline(id, true, false);\r\n    }\r\n\r\n    async _getDownline(id, singleLevel = true, includeNode = true) {\r\n        try {\r\n            this.loading = true;\r\n            let url = `member/chart/${singleLevel ? 'downline-level' : 'downline'}?memberId=${encodeURIComponent(id)}&includeNode=${includeNode ? 'true' : 'false'}&includeInactive=${this.onlyActive ? 'false' : 'true'}`;\r\n            const qs = [];\r\n            qs.push(`display=${encodeURIComponent(this.agentDisplay)}`);\r\n            if (this.timePeriod) qs.push(`timePeriod=${encodeURIComponent(this.timePeriod)}`);\r\n            if (this.sortType1) qs.push(`sortType1=${encodeURIComponent(this.sortType1)}`);\r\n            if (this.sortType2) qs.push(`sortType2=${encodeURIComponent(this.sortType2)}`);\r\n            if (this.sortType3) qs.push(`sortType3=${encodeURIComponent(this.sortType3)}`);\r\n            if (qs.length) url += `&${qs.join('&')}`;\r\n            const downline = await this._api.get(url);\r\n            const data = await this._hydrateData(downline);\r\n            return data;\r\n        } catch (err) {\r\n            console.log(err);\r\n        } finally {\r\n            this.loading = false;\r\n        }\r\n    }\r\n\r\n    async _hydrateData(flattenedData) {\r\n        const width =  350;\r\n        const height = 160;\r\n        const agencyHeight = 175;\r\n        const masterAgencyHeight = 190;\r\n        const cornerShape = 'CIRCLE'; //['ORIGINAL','ROUNDED','CIRCLE']\r\n        const nodeImageWidth = 60;\r\n        const nodeImageHeight = 60;\r\n        const centerTopDistance = nodeImageWidth / 2 + 10;\r\n        const centerLeftDistance = nodeImageWidth / 2 + 10;\r\n        const expanded = this.agentDisplay === 'team-chart-producers';\r\n\r\n        const activeBorderColor = {\r\n            red: 0,\r\n            green: 54,\r\n            blue: 84,\r\n            alpha: 0.7,\r\n        };\r\n        const activeBackgroundColor = {\r\n            red: 255,\r\n            green: 255,\r\n            blue: 255,\r\n            alpha: 1,\r\n        };\r\n        const inactiveBorderColor = {\r\n            red: 255,\r\n            green: 0,\r\n            blue: 0,\r\n            alpha: 1,\r\n        };\r\n        const inactiveBackgroundColor = {\r\n            red: 255,\r\n            green: 204,\r\n            blue: 203,\r\n            alpha: 1,\r\n        };\r\n        const masterAgencyBorderColor = {\r\n            red: 118,\r\n            green: 210,\r\n            blue: 33,\r\n            alpha: 1,\r\n        };\r\n        const masterAgencyBackgroundColor = {\r\n            red: 132,\r\n            green: 229,\r\n            blue: 65,\r\n            alpha: 1,\r\n        };\r\n        const agencyBorderColor = {\r\n            red: 168,\r\n            green: 210,\r\n            blue: 116,\r\n            alpha: 1,\r\n        };\r\n        const agencyBackgroundColor = {\r\n            red: 204,\r\n            green: 229,\r\n            blue: 174,\r\n            alpha: 1,\r\n        };\r\n        const teamBorderColor = {\r\n            red: 0,\r\n            green: 48,\r\n            blue: 143,\r\n            alpha: 1,\r\n        };\r\n        const teamBackgroundColor = {\r\n            red: 114,\r\n            green: 160,\r\n            blue: 193,\r\n            alpha: 1,\r\n        };\r\n        const prospectBorderColor = {\r\n            red: 255,\r\n            green: 165,\r\n            blue: 0,\r\n            alpha: 1,\r\n        };\r\n        const prospectBackgroundColor = {\r\n            red: 255,\r\n            green: 221,\r\n            blue: 159,\r\n            alpha: 1,\r\n        };\r\n\r\n        const titlePaddingLeft = this.showImage\r\n            ? nodeImageWidth + 20 + 10 // additional 10px right of the image\r\n            : 10;\r\n\r\n        const treeData = [];\r\n        await flattenedData.reduce(async (promise, d) => {\r\n            await promise;\r\n            let imgUrl = this.showImage ? `${environment.static}${d.imageUrl}` : undefined;\r\n            if (imgUrl) {\r\n                if (!await this._profileImageExists(imgUrl)) {\r\n                    // use the default profile image\r\n                    imgUrl = `${environment.static}/files/themes/${this.theme.key}/favicons/favicon-96x96.png`\r\n                }\r\n            }\r\n            let cardHeight = height;\r\n            let borderColor = d.active ? activeBorderColor : inactiveBorderColor;\r\n            let backgroundColor = d.active ? activeBackgroundColor : inactiveBackgroundColor;\r\n            if (d.active && d.isAgency) {\r\n                borderColor = agencyBorderColor;\r\n                backgroundColor = agencyBackgroundColor;\r\n                cardHeight = agencyHeight;\r\n            } else if (d.active && d.isTeam) {\r\n                borderColor = teamBorderColor;\r\n                backgroundColor = teamBackgroundColor;\r\n            }\r\n            if (d.isProspect) {\r\n                borderColor = prospectBorderColor;\r\n                backgroundColor = prospectBackgroundColor;\r\n            }\r\n            if (d.production.length && d.production[0].masterAgency !== null) {\r\n                borderColor = masterAgencyBorderColor;\r\n                backgroundColor = masterAgencyBackgroundColor;\r\n                cardHeight = masterAgencyHeight;\r\n            }\r\n\r\n            let template = `<div style=\"color:black;display:flex;flex-direction:column;margin-top:1px;margin-bottom:1px;margin-right:1px;width:100%;height:100%;\">\r\n                <div style=\"flex:2;padding-left:${titlePaddingLeft}px;width:100%;\">\r\n                    <div style=\"padding-top:10px;font-size:20px;font-weight:bold;text-align:left;\">${d.firstName} ${d.lastName}</div>`\r\n            if (this.showLevel && this._security.canSeeLevel(d.id)) {\r\n                template += `\r\n                    <div style=\"margin-top:5px;font-size: 14px;\">\r\n                        ${d.lifeLevel}\r\n                    </div>`;\r\n            }\r\n            template += `\r\n                </div>\r\n                <div style=\"flex:2;width:100%;display:flex;justify-content:space-around;align-items:flex-end;padding-bottom:20px;\">`;\r\n            d.production.forEach(p => {\r\n                const isMoney = this.agentTypes.indexOf(p.sortType) < 0;\r\n                template += `\r\n                    <div>\r\n                        <div style=\"margin-top:3px;font-size:12px;text-align:right;font-variant:small-caps;\">${this._i18n.tr(`${p.sortType}-abbr`)}</div>\r\n                        <div style=\"margin-top:3px;font-size:16px;text-align:right;\" title=\"${this._i18n.tr('production-personal')}\">${this._formatNumber2ValueConverter.toView(p.personal, 0, isMoney)}</div>\r\n                        <div style=\"margin-top:3px;font-size:16px;text-align:right;\" title=\"${this._i18n.tr('production-personal-and-downline')}\">${this._formatNumber2ValueConverter.toView(p.team, 0, isMoney)}</div>`;\r\n                if (p.agency !== null) template += `<div style=\"margin-top:3px;font-size:16px;text-align:right;\" title=\"${this._i18n.tr('agency')}\">${this._formatNumber2ValueConverter.toView(p.agency, 0, isMoney)}</div>`;\r\n                if (p.masterAgency !== null) template += `<div style=\"margin-top:3px;font-size:16px;text-align:right;\" title=\"${this._i18n.tr('production-master-agency')}\">${this._formatNumber2ValueConverter.toView(p.masterAgency, 0, isMoney)}</div>`;\r\n                template += '</div>';\r\n            });\r\n            template += `\r\n                </div>\r\n                <div style=\"text-align:left;margin-bottom:5px;margin-left:5px;display:${d.active ? 'none' : 'block'}\">${this._i18n.tr(`inactive-${d.inactiveReason}`)}</div>`;\r\n            template += '</div>';\r\n\r\n            treeData.push({\r\n                nodeId: d.id,\r\n                name: `${d.firstName} ${d.lastName}`,\r\n                parentNodeId: d.parentId,\r\n                width: width,\r\n                height: cardHeight,\r\n                borderWidth: 0.6,\r\n                borderRadius: 3,\r\n                borderColor: borderColor,\r\n                backgroundColor: backgroundColor,\r\n                nodeImage: {\r\n                    url: imgUrl,\r\n                    width: nodeImageWidth,\r\n                    height: nodeImageHeight,\r\n                    centerTopDistance: centerTopDistance,\r\n                    centerLeftDistance: centerLeftDistance,\r\n                    cornerShape: cornerShape,\r\n                    shadow: false,\r\n                    borderWidth: 0,\r\n                    borderColor: {\r\n                        red: 0,\r\n                        green: 54,\r\n                        blue: 84,\r\n                        alpha: 0,\r\n                    },\r\n                },\r\n                nodeIcon: {\r\n                    size: 50,\r\n                },\r\n                template: template,\r\n                connectorLineColor: {\r\n                    red: 59,\r\n                    green: 60,\r\n                    blue: 63,\r\n                    alpha: 1\r\n                },\r\n                connectorLineWidth: 2,\r\n                dashArray: '',\r\n                expanded: expanded,\r\n                directSubordinates: d.numberOfDirectDownline,\r\n            });\r\n        }, Promise.resolve());\r\n        return treeData;\r\n    }\r\n\r\n    _profileImageExists(url) {\r\n        return new Promise((resolve) => {\r\n            const img = new Image();\r\n            img.src = url;\r\n            img.onload = () => {\r\n                resolve(true);\r\n            }\r\n            img.onerror = (err) => {\r\n                resolve(false);\r\n            }\r\n        });\r\n    }\r\n\r\n    printView() {\r\n        const svg = document.querySelector('.zeus-team-chart svg').outerHTML;\r\n        var windowContent = `<!DOCTYPE html><html><head><title></title></head><body>${svg}</body></html>`;\r\n        var printWin = window.open('','','width=1000,height=500');\r\n        printWin.document.open();\r\n        printWin.document.write(windowContent);\r\n        printWin.document.close();\r\n        printWin.focus();\r\n        printWin.print();\r\n        printWin.close();\r\n    }\r\n}\r\n","import { bindable } from 'aurelia-framework';\r\nexport class ThreeDots {\r\n    static inject = [Element];\r\n    @bindable actions;\r\n    _element;\r\n\r\n    constructor(element) {\r\n        this._element = element;\r\n    }\r\n\r\n    dotClicked(key) {\r\n        this._element.dispatchEvent(new CustomEvent('action', { bubbles: true, detail: { key: key } }));\r\n    }\r\n}","import { bindable, observable, bindingMode } from 'aurelia-framework';\r\nimport { TIME_PERIOD } from 'common/constants';\r\nimport { c } from 'common/common';\r\n\r\nexport class TimePeriodSelector {\r\n    static inject = [Element];\r\n    @bindable type = 'production';\r\n    @bindable({ defaultBindingMode: bindingMode.twoWay }) value;\r\n    @bindable includeLastMonth = false;\r\n    @bindable includeCustom = false;\r\n    @bindable timePeriod;\r\n\r\n    TIME_PERIOD = TIME_PERIOD;\r\n\r\n    timePeriods = [TIME_PERIOD.Today, TIME_PERIOD.Yesterday, TIME_PERIOD.WTD, TIME_PERIOD.PriorWeek, TIME_PERIOD.MTD, TIME_PERIOD.PriorMonth, TIME_PERIOD.YTD, TIME_PERIOD.Custom];\r\n    @observable customTimePeriodRange;\r\n\r\n    constructor(element) {\r\n        this.element = element;\r\n        this.id = c.Helpers.uniqueId();\r\n    }\r\n\r\n    bind() {\r\n        this._setDefaultValue();\r\n    }\r\n\r\n    selectTimePeriod(timePeriod) {\r\n        this.timePeriod = timePeriod;\r\n        if (this.timePeriod === TIME_PERIOD.Custom) return;\r\n        this._dispatchTimePeriodSetEvent();\r\n    }\r\n\r\n    customTimePeriodRangeChanged() {\r\n        if (!this.customTimePeriodRange || this.customTimePeriodRange.length !== 2) return;\r\n        const start = this.customTimePeriodRange[0].format('MM/DD/YYYY');\r\n        const end = this.customTimePeriodRange[1].format('MM/DD/YYYY');\r\n        this._dispatchTimePeriodSetEvent(start, end);\r\n    }\r\n    \r\n    _dispatchTimePeriodSetEvent(start, end) {\r\n        this.element.dispatchEvent(new CustomEvent('selected', { bubbles: true, detail: { timePeriod: this.timePeriod, start, end } }));\r\n    }\r\n\r\n\r\n    typeChanged() {\r\n        this._setDefaultValue();\r\n    }\r\n\r\n    valueChanged(newValue, oldValue) {\r\n        if (!this.value) return;\r\n        if (newValue === oldValue) return;\r\n    }\r\n\r\n    _setDefaultValue() {\r\n        if (!this.type) return;\r\n        switch (this.type) {\r\n            case 'production':\r\n                this.value = this.value || TIME_PERIOD.WTD;\r\n                break;\r\n            case 'calendar':\r\n                this.value = this.value || TIME_PERIOD.Today;\r\n                break;\r\n            case 'full':\r\n                let dispatchEvent = false;\r\n                if (!this.timePeriod) dispatchEvent = true;\r\n                this.timePeriod = this.timePeriod || TIME_PERIOD.WTD;\r\n                if (dispatchEvent) {\r\n                    window.setTimeout(() => this._dispatchTimePeriodSetEvent(), 0);\r\n                }\r\n                break;\r\n        }\r\n    }\r\n\r\n    customRangeSet(range) {\r\n        if (!range) return;\r\n        this.select(TIME_PERIOD.Custom, range);\r\n    }\r\n\r\n    select(timePeriod, range) {\r\n        this.value = timePeriod;\r\n        if (this.value !== TIME_PERIOD.Custom) {\r\n            this.clearCustomDate = new Date().valueOf();\r\n        }\r\n        this.element.dispatchEvent(new CustomEvent('selected', { bubbles: true, detail: { value: this.value, range } }));\r\n    }\r\n}\r\n","import { DialogController } from 'aurelia-dialog';\r\nimport { NewInstance } from 'aurelia-dependency-injection';\r\nimport { ValidationRules, ValidationController } from 'aurelia-validation';\r\nimport { BootstrapFormValidationRenderer } from 'validation/bootstrap-form-validation-renderer';\r\nimport { ToDos, toDoType } from 'services/to-dos';\r\nimport { Members } from 'services/members';\r\nimport moment from 'moment';\r\n\r\nexport class EditToDo {\r\n    static inject = [DialogController, NewInstance.of(ValidationController), ToDos, Members];\r\n    _toDos;\r\n    _members;\r\n    toDoType = toDoType;\r\n\r\n    toDoTypes = toDoType.all();\r\n    type;\r\n\r\n    id;\r\n    title;\r\n    comments;\r\n    dueDate;\r\n    assignToMember;\r\n\r\n    constructor(dialogController, validationController, toDos, members) {\r\n        this.dialogController = dialogController;\r\n        this.dialogController.settings.centerHorizontalOnly = true;\r\n        this.validationController = validationController;\r\n        this.validationController.addRenderer(new BootstrapFormValidationRenderer());\r\n        this._toDos = toDos;\r\n        this._members = members;\r\n\r\n        ValidationRules\r\n            .ensure('title').required()\r\n            .ensure('dueDate').required()\r\n            .ensure('forAgent').required().when(x => x.type === this.toDoType.AGENT)\r\n            .ensure('forPolicy').required().when(x => x.type === this.toDoType.POLICY)\r\n            .on(this);\r\n    }\r\n\r\n    activate(model) {\r\n        this.aboutNameLabel = model.aboutNameLabel ?? 'name';\r\n        this.aboutName = model.aboutName;\r\n        this.type = model.type;\r\n        this.haveToDoType = this.toDoTypes.indexOf(this.type) >= 0;\r\n        this.id = undefined;\r\n        this.title = '';\r\n        this.comments = '';\r\n        this.dueDate = undefined;\r\n        this.assignToMember = undefined;\r\n        if (model.toDo) {\r\n            this.id = model.toDo.id;\r\n            this.title = model.toDo.title;\r\n            this.comments = model.toDo.comments;\r\n            this.dueDate = model.toDo.dueDate ? moment(model.toDo.dueDate).format('YYYY-MM-DD') : undefined;\r\n            this.assignToMember = model.toDo.assignedToMember;\r\n            const defaultAboutModel = { id: model.toDo.aboutId };\r\n            switch (this.type) {\r\n                case this.toDoType.AGENT: this.forAgent = model.toDo.member ?? defaultAboutModel; break;\r\n                case this.toDoType.POLICY: this.forPolicy = model.toDo.policy ?? defaultAboutModel; break;\r\n                case this.toDoType.LEAD: this.forLead = model.toDo.lead ?? defaultAboutModel; break;\r\n                default: break;\r\n            }\r\n        } else if (model.aboutId) {\r\n            const aboutModel = { id: model.aboutId };\r\n            switch (this.type) {\r\n                case this.toDoType.AGENT: this.forAgent = aboutModel; break;\r\n                case this.toDoType.POLICY: this.forPolicy = aboutModel; break;\r\n                case this.toDoType.LEAD: this.forLead = aboutModel; break;\r\n                default: break;\r\n            }\r\n        } else if (model.assignToMemberId) {\r\n            this._setAssignToMember(model.assignToMemberId);\r\n        }\r\n        this.validationController.reset();\r\n    }\r\n\r\n    async _setAssignToMember(memberId) {\r\n        try {\r\n            this.assignToMember = await this._members.getMember(memberId);\r\n        } catch (err) {\r\n            console.log(err);\r\n        }\r\n    }\r\n\r\n    async save() {\r\n        try {\r\n            const v = await this.validationController.validate();\r\n            if (!v.valid) { console.log(v); return; }\r\n            this.saving = true;\r\n            let aboutId;\r\n            switch (this.type) {\r\n                case this.toDoType.AGENT: aboutId = this.forAgent.id; break;\r\n                case this.toDoType.POLICY: aboutId = this.forPolicy.id; break;\r\n                case this.toDoType.LEAD: aboutId = this.forLead.id; break;\r\n                default: break;\r\n            }\r\n            await this._toDos.save(this.id, this.type, aboutId, this.assignToMember?.id, this.title, this.comments, this.dueDate);\r\n            this.dialogController.ok();\r\n        } catch (err) {\r\n            console.log(err);\r\n        } finally {\r\n            this.saving = false;\r\n        }\r\n    }\r\n}\r\n","import { bindable } from 'aurelia-framework';\r\nimport { EventAggregator } from 'aurelia-event-aggregator';\r\nimport { ToDos } from 'services/to-dos';\r\nimport { LpfnUtil } from 'common/utils';\r\nimport { c } from 'common/common';\r\n\r\nexport class ReminderIcon {\r\n    static inject = [Element, EventAggregator, ToDos];\r\n    @bindable aboutType;\r\n    @bindable aboutId;\r\n\r\n    _ea;\r\n    _toDos;\r\n\r\n    _intersectionHandler;\r\n    _handlers = [];\r\n\r\n    constructor(element, ea, toDos) {\r\n        this._element = element;\r\n        this._ea = ea;\r\n        this._toDos = toDos;\r\n    }\r\n\r\n    attached() {\r\n        this._isAttached = true;\r\n        this._intersectionHandler = LpfnUtil.inViewportHandler(this._element, (isVisible) => {\r\n            if (!isVisible) return;\r\n            this._load();\r\n            this._clearIntersectionObserver();\r\n        });\r\n        if (this.aboutId) {\r\n            this._addHandlers();\r\n        }\r\n    }\r\n\r\n    _clearIntersectionObserver() {\r\n        if (!this._intersectionHandler) return;\r\n        this._intersectionHandler.dispose();\r\n        this._intersectionHandler = undefined;\r\n    }\r\n\r\n    detached() {\r\n        this._clearIntersectionObserver();\r\n        this._clearHandlers();\r\n    }\r\n\r\n    aboutIdChanged() {\r\n        if (!this.aboutId || !this._isAttached) return;\r\n        this._clearHandlers();\r\n        this._addHandlers();\r\n        this._loadComplete = false;\r\n        this._load();\r\n    }\r\n\r\n    _addHandlers() {\r\n        this._handlers.push(this._ea.subscribe(c.EventKeys.toDos.toDoUpdated(this.aboutId), () => {\r\n            this._loadComplete = false;\r\n            this._load();\r\n        }));\r\n    }\r\n\r\n    _clearHandlers() {\r\n        this._handlers.forEach(h => h.dispose());\r\n        this._handlers = [];\r\n    }\r\n\r\n    async _load() {\r\n        if (this._loadComplete) return;\r\n        if (!this.aboutId || !this.aboutType) return;\r\n        try {\r\n            this._loadComplete = true;\r\n            this.toDoStatus = await this._toDos.currentStatus(this.aboutType, this.aboutId);\r\n        } catch (err) {\r\n            console.log(err);\r\n        }\r\n    }\r\n}\r\n","import { PLATFORM } from 'aurelia-pal';\r\nimport { bindable, computedFrom } from 'aurelia-framework';\r\nimport { DialogService } from 'aurelia-dialog';\r\nimport { ToDos as ToDoService } from 'services/to-dos';\r\nimport { ConfirmDialog } from 'common/dialogs/confirm/confirm-dialog';\r\nimport { EditToDo } from './dialogs/edit-to-do';\r\nPLATFORM.moduleName('common/dialogs/confirm/confirm-dialog');\r\nPLATFORM.moduleName('./dialogs/edit-to-do');\r\n\r\nexport class ToDo {\r\n    static inject = [Element, DialogService, ToDoService];\r\n    @bindable toDo;\r\n    @bindable highlightActive = true;\r\n    @bindable showAboutItem = false;\r\n    @bindable showDates = true;\r\n    @bindable highlightHeader = false;\r\n    @bindable type;\r\n    @bindable aboutId;\r\n    @bindable aboutName;\r\n    @bindable view = 'standard';\r\n    @bindable display = true;\r\n    @bindable showOptions = true;\r\n\r\n    _element;\r\n    _dialogService;\r\n    _toDos;\r\n\r\n    toDoActionsOnlyComplete = [\r\n        { key: 'complete', name: 'complete', icon: 'fa-duotone fa-check' },\r\n    ];\r\n    toDoActionsWithComplete = [\r\n        { key: 'complete', name: 'complete', icon: 'fa-duotone fa-check' },\r\n        { key: 'edit', name: 'edit', icon: 'fa-duotone fa-pencil' },\r\n        { key: 'delete', name: 'delete', icon: 'fa-duotone fa-trash-can' },\r\n    ];\r\n    toDoActionsWithoutComplete = [\r\n        { key: 'edit', name: 'edit', icon: 'fa-duotone fa-pencil' },\r\n        { key: 'delete', name: 'delete', icon: 'fa-duotone fa-trash-can' },\r\n    ];\r\n\r\n    constructor(element, dialogService, toDos) {\r\n        this._element = element;\r\n        this._dialogService = dialogService;\r\n        this._toDos = toDos;\r\n    }\r\n\r\n    toolbarActions(toDo) {\r\n        const actions = [];\r\n        if (toDo.canComplete) actions.push({ key: 'complete', name: 'complete', icon: 'fa-duotone fa-check' });\r\n        if (toDo.canEdit) actions.push({ key: 'edit', name: 'edit', icon: 'fa-duotone fa-pencil' });\r\n        if (toDo.canDelete) actions.push({ key: 'delete', name: 'delete', icon: 'fa-duotone fa-trash-can' });\r\n        return actions;\r\n    }\r\n\r\n    handleToDoAction(key, toDo) {\r\n        if (key === 'delete') this.deleteToDo(toDo);\r\n        if (key === 'edit') this.editToDo(toDo);\r\n        if (key === 'complete') this.completeToDo(toDo);\r\n    }\r\n\r\n    editToDo(toDo) {\r\n        const model = { type: this.type, aboutId: this.aboutId, aboutName: this.aboutName, toDo };\r\n        if (toDo) model.type = toDo.aboutType;\r\n\t    this._dialogService.open({ viewModel: EditToDo, model, ignoreTransitions: true }).whenClosed(async(response) => {\r\n\t        if (response.wasCancelled) return;\r\n            try {\r\n                this._dispatchUpdatedEvent();\r\n            } catch (err) {\r\n                console.log(err);\r\n            }\r\n        });\r\n    }\r\n\r\n    async completeToDo(toDo) {\r\n        try {\r\n            this.saving = true;\r\n            await this._toDos.complete(toDo.id, toDo.aboutId);\r\n            this._dispatchUpdatedEvent();\r\n        } catch (err) {\r\n            console.log(err);\r\n        } finally {\r\n            this.saving = false;\r\n        }\r\n    }\r\n\r\n    async deleteToDo(toDo) {\r\n        const model = { key: 'delete-to-do', okButtonClass: 'btn-danger' };\r\n\t    this._dialogService.open({ viewModel: ConfirmDialog, model, ignoreTransitions: true }).whenClosed(async(response) => {\r\n\t        if (response.wasCancelled) return;\r\n            try {\r\n                await this._toDos.delete(toDo.id, toDo.aboutId);\r\n                this._dispatchUpdatedEvent();\r\n            } catch (err) {\r\n                console.log(err);\r\n            }\r\n        });\r\n    }\r\n\r\n    _dispatchUpdatedEvent() {\r\n        this._element.dispatchEvent(new CustomEvent('updated', { bubbles: true, detail: {} }));\r\n    }\r\n\r\n    toggleDetails() {\r\n        this.showDetails = !this.showDetails;\r\n    }\r\n\r\n    @computedFrom('toDo', 'showAboutItem')\r\n    get splitDetails() {\r\n        let hasLeft = (this.showAboutItem && this.toDo.member) || (this.showAboutItem && this.toDo.policy) || (this.showAboutItem && this.toDo.lead);\r\n        let hasRight = this.toDo.comments;\r\n        return hasLeft && hasRight;\r\n    }\r\n}\r\n","import { PLATFORM } from 'aurelia-pal';\r\nimport { bindable, observable } from 'aurelia-framework';\r\nimport { EventAggregator } from 'aurelia-event-aggregator';\r\nimport { DialogService } from 'aurelia-dialog';\r\nimport { Security } from 'common/security';\r\nimport { ToDos as ToDoService } from 'services/to-dos';\r\nimport { EditToDo } from './dialogs/edit-to-do';\r\nimport { ABOUT_TYPE } from 'common/constants';\r\nimport { c } from 'common/common';\r\nPLATFORM.moduleName('./dialogs/edit-to-do');\r\n\r\nexport class ToDos {\r\n    static inject = [Element, EventAggregator, DialogService, Security, ToDoService];\r\n    @bindable({ changeHandler: '_load' }) type;\r\n    @bindable({ changeHandler: '_load' }) memberId;\r\n    @bindable({ changeHandler: '_load' }) aboutId;\r\n    @bindable aboutName;\r\n    @bindable theme;\r\n    @bindable showAdd = true;\r\n    @bindable showAboutItem = false;\r\n    @bindable showDates = true;\r\n    @bindable titleKey;\r\n    @bindable showTitle = false;\r\n    @bindable watchForUpdates = false;\r\n    @bindable highlightActive = true;\r\n    @bindable cardStyle = false;\r\n    @bindable showCreatedByOption = false;\r\n\r\n    _element;\r\n    _dialogService;\r\n    _security;\r\n    _toDos;\r\n    id;\r\n    assignToMember;\r\n    title;\r\n    comments;\r\n    dueDate;\r\n    toDo;\r\n    focusToDo = false;\r\n    @observable searchOn;\r\n    showCompleted = false;\r\n    viewOptions = [];\r\n    viewOption;\r\n\r\n    actions = [];\r\n    view = 'compact';\r\n\r\n    _handlers = [];\r\n\r\n    constructor(element, ea, dialogService, security, toDos) {\r\n        this._element = element;\r\n        this._ea = ea;\r\n        this._dialogService = dialogService;\r\n        this._security = security;\r\n        this._toDos = toDos;\r\n        this.elId = c.Helpers.uniqueId();\r\n    }\r\n\r\n    attached() {\r\n        this._addHandlers();\r\n    }\r\n\r\n    _addHandlers() {\r\n        this._disposeHandlers();\r\n        if (!this.aboutId) return;\r\n        this._handlers.push(this._ea.subscribe(c.EventKeys.toDos.toDoUpdated(this.aboutId), () => {\r\n            if (!this.watchForUpdates) return;\r\n            this._load();\r\n        }));\r\n    }\r\n\r\n    detached() {\r\n        this._disposeHandlers();\r\n    }\r\n\r\n    _disposeHandlers() {\r\n        this._handlers.forEach(h => h.dispose());\r\n        this._handlers = [];\r\n    }\r\n\r\n    displayViewOption(vo) {\r\n        this.viewOption = vo;\r\n        this._load();\r\n    }\r\n\r\n    showCreatedByOptionChanged() {\r\n        if (this.type !== 'Agent') return; // show created by only applies when about is Agent\r\n        if (!this.showCreatedByOption) {\r\n            this.viewOptions = [];\r\n            this.viewOption = undefined;\r\n            return;\r\n        }\r\n        this.viewOptions = [\r\n            { key: this.type, title: this.titleKey || 'to-dos' },\r\n            { key: 'created-by', title: 'to-dos-created-by-agent', memberId: this.aboutId },\r\n        ];\r\n        this.viewOption = this.viewOptions[0];\r\n    }\r\n\r\n    async _load() {\r\n        const isTypeComplete = this.type && this.aboutId;\r\n        const isIncompleteComplete = this.type === 'incomplete' && this.memberId;\r\n        if (!(isTypeComplete || isIncompleteComplete)) return;\r\n        try {\r\n            this._addHandlers();\r\n            let model;\r\n            const type = this.viewOption ? this.viewOption.key : this.type;\r\n            if (type === 'incomplete' || type === 'created-by') {\r\n                const memberId = type === 'incomplete' ? this.memberId : null;\r\n                const createdByMemberId = this.viewOption ? this.viewOption.memberId : null;\r\n                model = await this._toDos.listForMember(memberId, this.showCompleted, createdByMemberId);\r\n            } else {\r\n                model = await this._toDos.list(this.type, this.aboutId, this.showCompleted);\r\n            }\r\n            model.toDos.forEach(x => {\r\n                if (x.aboutType === ABOUT_TYPE.Agent) x.member = { id: x.aboutId, fullName: x.aboutName };\r\n                else if (x.aboutType === ABOUT_TYPE.Policy) x.policy = { id: x.aboutId, policyNumber: x.aboutName };\r\n                else if (x.aboutType === ABOUT_TYPE.Lead) x.lead = { id: x.aboutId, fullName: x.aboutName };\r\n            });\r\n            this.toDos = model.toDos;\r\n            this.toDos.forEach(x => x.display = true);\r\n            this._canAddToDo = model.canAddToDo;\r\n            this._setActions();\r\n        } catch (err) {\r\n            console.log(err);\r\n        }\r\n    }\r\n\r\n    _setActions() {\r\n        this.actions = [];\r\n        if (this._canAddToDo) this.actions.push({ key: 'add', name: 'add-to-do', icon: 'fa-duotone fa-bell-plus' });\r\n        if (this.showCompleted) this.actions.push({ key: 'show-incomplete', name: 'show-incomplete-to-dos', icon: 'fa-duotone fa-bell' });\r\n        if (!this.showCompleted) this.actions.push({ key: 'show-completed', name: 'show-complete-to-dos', icon: 'fa-duotone fa-bell-slash' });\r\n        if (this.view === 'standard') this.actions.push({ key: 'view-compact', name: 'to-do-compact-view', icon: 'fa-duotone fa-arrows-minimize' });\r\n        if (this.view === 'compact') this.actions.push({ key: 'view-standard', name: 'to-do-expanded-view', icon: 'fa-duotone fa-arrows-maximize' });\r\n    }\r\n\r\n    handleAction(key) {\r\n        switch (key) {\r\n            case 'add': this.addToDo(); break;\r\n            case 'show-completed': this.showCompleted = true; this._load(); break;\r\n            case 'show-incomplete': this.showCompleted = false; this._load(); break;\r\n            case 'view-compact': this.view = 'compact'; this._setActions(); break;\r\n            case 'view-standard': this.view = 'standard'; this._setActions(); break;\r\n        }\r\n    }\r\n\r\n    addToDo() {\r\n        const model = { type: this.type, aboutId: this.aboutId, aboutName: this.aboutName, toDo: undefined, assignToMemberId: undefined };\r\n        if (this.type === 'incomplete' && this.memberId && !this._security.isAuthenticatedMember(this.memberId)) model.assignToMemberId = this.memberId;\r\n\t    this._dialogService.open({ viewModel: EditToDo, model, ignoreTransitions: true }).whenClosed(async(response) => {\r\n\t        if (response.wasCancelled) return;\r\n            try {\r\n                this.dispatchUpdatedEvent();\r\n            } catch (err) {\r\n                console.log(err);\r\n            }\r\n        });\r\n    }\r\n\r\n    dispatchUpdatedEvent() {\r\n        this._element.dispatchEvent(new CustomEvent('updated', { bubbles: true, detail: {} }));\r\n        this._load();\r\n    }\r\n\r\n    searchOnChanged() {\r\n        try {\r\n            if (!this.searchOn) {\r\n                this.toDos.forEach(x => x.display = true);\r\n                return;\r\n            }\r\n            this.toDos.forEach(x => {\r\n                let matchesSearch = false;\r\n                const rule = `*${this.searchOn.toLowerCase()}*`;\r\n                if (x.title && this._matches(x.title.toLowerCase(), rule)) matchesSearch = true;\r\n                if (x.comments && this._matches(x.comments.toLowerCase(), rule)) matchesSearch = true;\r\n                if (x.createdByMember && this._matches(x.createdByMember.fullName.toLowerCase(), rule)) matchesSearch = true;\r\n                if (x.assignedToMember && this._matches(x.assignedToMember.fullName.toLowerCase(), rule)) matchesSearch = true;\r\n                if (x.member && this._matches(x.member.fullName.toLowerCase(), rule)) matchesSearch = true;\r\n                x.display = matchesSearch;\r\n            });\r\n        } catch (err) {\r\n            console.log(err);\r\n        }\r\n    }\r\n\r\n    _matches(value, rule) {\r\n        // https://stackoverflow.com/questions/26246601/wildcard-string-comparison-in-javascript\r\n        value = value.replace(/(?:\\r\\n|\\r|\\n)/g, '|'); // remove the line breaks for the search\r\n        let escapeRegex = (str) => str.replace(/([.*+?^=!:${}()|\\[\\]\\/\\\\])/g, '\\\\$1');\r\n        return new RegExp('^' + rule.split('*').map(escapeRegex).join('.*') + '$').test(value);\r\n    }\r\n}\r\n","import { inject, customElement, bindable, bindingMode } from 'aurelia-framework';\r\n\r\n@inject(Element)\r\n@customElement('zeus-toggle-switch')\r\nexport class ZeusToggleSwitch {\r\n    element;\r\n\r\n    @bindable({ defaultBindingMode: bindingMode.twoWay }) checked;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) onText;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) offText;\r\n    @bindable theme = '';\r\n\r\n    constructor(element) {\r\n        this.element = element;\r\n    }\r\n\r\n    checkedChanged(newValue, oldValue) {\r\n        if (oldValue === null || oldValue === undefined) {\r\n            // Do not event on initial set\r\n            return;\r\n        }\r\n        this.element.dispatchEvent(\r\n            new CustomEvent('toggled', { bubbles: true, detail: { checked: this.checked } })\r\n        );\r\n    }\r\n}\r\n","import { bindable } from 'aurelia-framework';\r\nimport { createPopper } from '@popperjs/core';\r\n\r\nexport class Tooltip {\r\n    @bindable forId;\r\n    @bindable offsetX = 0;\r\n    @bindable offsetY = 8;\r\n    @bindable strategy;\r\n    @bindable update;\r\n\r\n    _forEl;\r\n\r\n    constructor() {\r\n    }\r\n\r\n    attached() {\r\n        this._initialize();\r\n    }\r\n\r\n    detached() {\r\n        try {\r\n            if (!this._popper) return;\r\n            this._popper.destroy();\r\n        } catch (err) {\r\n            console.log(err);\r\n        }\r\n    }\r\n\r\n    _initialize() {\r\n        try {\r\n            this.forEl = document.getElementById(this.forId);\r\n            if (!this.forEl) return;\r\n            const options = {\r\n                container: 'body',\r\n                strategy: this.strategy || 'absolute',\r\n                modifiers: [\r\n                    {\r\n                        name: 'offset',\r\n                        options: { offset: [Number(this.offsetX), Number(this.offsetY)] },\r\n                    }\r\n                ]\r\n            };\r\n            this._popper = createPopper(this.forEl, this.tooltipEl, options);\r\n            const showEvents = ['mouseenter', 'focus'];\r\n            const hideEvents = ['mouseleave', 'blur'];\r\n\r\n            showEvents.forEach(e => this.forEl.addEventListener(e, this._show));\r\n            hideEvents.forEach(e => this.forEl.addEventListener(e, this._hide));\r\n        } catch (err) {\r\n            console.log(err);\r\n        }\r\n    }\r\n\r\n    _show = () => {\r\n        try {\r\n            this.tooltipEl.setAttribute('data-show', '');\r\n            this._popper.setOptions((options) => ({\r\n                ...options,\r\n                modifiers: [\r\n                    ...options.modifiers,\r\n                    { name: 'eventListeners', enabled: true },\r\n                ]\r\n            }));\r\n            this._popper.update();\r\n        } catch (err) {\r\n            console.log(err);\r\n        }\r\n    }\r\n\r\n    _hide = () => {\r\n        try {\r\n            this.tooltipEl.removeAttribute('data-show');\r\n            this._popper.setOptions((options) => ({\r\n                ...options,\r\n                modifiers: [\r\n                  ...options.modifiers,\r\n                  { name: 'eventListeners', enabled: false },\r\n                ],\r\n              }));\r\n        } catch (err) {\r\n            console.log(err);\r\n        }\r\n    }\r\n\r\n    updateChanged() {\r\n        if (!this._popper) return;\r\n        this._popper.update();\r\n    }\r\n}\r\n","import { DialogController } from 'aurelia-dialog';\r\nimport { c } from 'common/common';\r\n\r\nexport class UiTermEditorDialog {\r\n    static inject = [DialogController]\r\n    dialogController;\r\n\r\n    constructor(dialogController) {\r\n        this.dialogController = dialogController;\r\n        this.dialogController.settings.centerHorizontalOnly = true;\r\n        this.id = c.Helpers.uniqueId();\r\n    }\r\n\r\n    async activate(model) {\r\n        this.uiTerm = model.value;\r\n        this.title = model.title;\r\n        this.instructionsKey = model.instructionsKey;\r\n        this.callback = model.callback;\r\n    }\r\n\r\n    async save() {\r\n        try {\r\n            await this.callback.fn(this.callback.id, this.uiTerm);\r\n            this.dialogController.ok();\r\n        } catch (err) {\r\n            console.log(err);\r\n        }\r\n    }\r\n}\r\n","import { EventAggregator } from 'aurelia-event-aggregator';\r\nimport { c } from 'common/common';\r\n\r\nexport class UiThemeModeButton {\r\n    static inject = [EventAggregator];\r\n    _ea;\r\n\r\n    constructor(ea) {\r\n        this._ea = ea;\r\n    }\r\n\r\n    LS_MODE_KEY = 'zeus.ui-mode';\r\n\r\n    attached() {\r\n        try {\r\n            const mode = localStorage.getItem(this.LS_MODE_KEY);\r\n            if (mode) this.setMode(mode);\r\n        } catch (err) {\r\n            console.log(err);\r\n        }\r\n    }\r\n\r\n    setMode(mode) {\r\n        try {\r\n            const htmlEl = document.body.parentNode;\r\n            htmlEl.setAttribute('data-kt-theme-mode-switching', 'true');\r\n            htmlEl.setAttribute('data-theme', mode);\r\n            window.setTimeout(() => htmlEl.removeAttribute('data-kt-theme-mode-switching'), 200);\r\n            localStorage.setItem(this.LS_MODE_KEY, mode);\r\n            this.closeMenu = new Date().valueOf();\r\n            this._ea.publish(c.EventKeys.site.modeChanged, { mode });\r\n        } catch (err) {\r\n            console.log(err);\r\n        }\r\n    }\r\n}","import { bindable, bindingMode } from 'aurelia-framework';\r\n\r\nexport class FontSizer {\r\n    @bindable({ defaultBindingMode: bindingMode.twoWay }) size = 0;\r\n\r\n    resize(by) {\r\n        this.size += by;\r\n    }\r\n}","import { bindable } from 'aurelia-framework';\r\n\r\nexport class Working {\r\n    @bindable working = false;\r\n}\r\n","import { bindable, bindingMode } from 'aurelia-framework';\r\nimport { c } from 'common/common';\r\nimport tinymce from 'tinymce';\r\n\r\nexport class Wysiwyg {\r\n    id;\r\n    @bindable({ defaultBindingMode: bindingMode.twoWay }) html;\r\n\r\n\tconstructor() {\r\n        this.id = c.Helpers.uniqueId();\r\n\t}\r\n\r\n\tattached() {\r\n\t\tthis.initializeTinyMce();\r\n        this._initializeContent();\r\n\t}\r\n\r\n\tdetached() {\r\n        try {\r\n    \t\tlet ae = tinyMCE.activeEditor;\r\n\t    \tif (ae) ae.remove();\r\n\t\t} catch (err) {\r\n            console.log(err);\r\n        }\r\n\t}\r\n\r\n    htmlChanged() {\r\n        this._initializeContent();\r\n    }\r\n\r\n    _initializeContent() {\r\n        let activeEditor = tinyMCE.activeEditor;\r\n        if (!activeEditor) return;\r\n        if (activeEditor.initialized) {\r\n            this._setContent(activeEditor);\r\n        } else {\r\n            let me = this;\r\n            activeEditor.on('init', function() {\r\n                me._setContent(this);\r\n            });\r\n        }\r\n    }\r\n\r\n    initializeTinyMce() {\r\n\t    tinymce.baseURL = '/tinymce';\r\n\t\ttinymce.init({\r\n\t\t\tselector: 'textarea',\r\n\t\t\tmode: 'none',\r\n\t\t\ttheme: 'modern',\r\n\t\t\tmenubar: false,\r\n\t\t\theight: 250,\r\n\t\t\tremove_script_host: false,\r\n\t\t\tconvert_urls: false,\r\n\t\t\tplugins: [ 'advlist', 'autolink', 'lists', 'link', 'hr', 'anchor', 'textcolor' ],\r\n\t\t\t//external_plugins: { \"nanospell\": \"/js-lib/tinymce-plugins/nanospell/plugin.js\" },\r\n\t\t\t//nanospell_server: \"php\",\r\n\t\t\ttoolbar1: 'styleselect | forecolor backcolor | bold italic | alignleft aligncenter alignright | bullist numlist outdent indent | link | undo redo',\r\n            setup: (editor) => {\r\n                editor.on('blur', (e) => {\r\n                    const html = tinymce.activeEditor.getContent();\r\n                    this.html = html;\r\n                });\r\n            },\r\n\t\t});\r\n    }\r\n\r\n    _setContent(activeEditor) {\r\n        if (!activeEditor) return;\r\n        if (activeEditor.initialized) {\r\n            activeEditor.setContent(this.html || '');\r\n            activeEditor.show();\r\n        }\r\n    }\r\n}\r\n","import attributeGlobalResources from './attributes/_index';\r\nimport elementGlobalResources from './elements/_index';\r\nimport valueConverterGlobalResources from './value-converters/_index';\r\nimport widgetGlobalResources from './widgets/_index';\r\n\r\nexport function configure(config) {\r\n    let globalResources = []\r\n        .concat(attributeGlobalResources)\r\n        .concat(elementGlobalResources)\r\n        .concat(valueConverterGlobalResources)\r\n        .concat(widgetGlobalResources);\r\n\r\n    config.globalResources(globalResources);\r\n}\r\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".zeus-team-chart-container {\\n  width: 100%;\\n  min-height: 75vh;\\n  position: relative;\\n}\\n\\n.zeus-team-chart-toolbar {\\n  display: flex;\\n  flex-direction: row;\\n  justify-content: space-between;\\n  align-items: center;\\n  padding: 0 var(--zeus-margin);\\n}\\n.zeus-team-chart-toolbar .zeus-team-chart-toolbar-options {\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: center;\\n  align-items: center;\\n}\\n.zeus-team-chart-toolbar .zeus-team-chart-toolbar-options select {\\n  width: auto;\\n}\\n@media (min-width: 992px) {\\n  .zeus-team-chart-toolbar .zeus-team-chart-toolbar-options {\\n    flex-direction: row;\\n  }\\n}\\n.zeus-team-chart-toolbar .zeus-team-chart-toolbar-right {\\n  justify-content: flex-end;\\n}\\n\\n.zeus-team-chart-toggles {\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: flex-start;\\n  align-items: flex-end;\\n}\\n\\n.zeus-team-chart-active-toggle {\\n  position: absolute;\\n  right: 5px;\\n  top: 5px;\\n  font-size: 0.8em;\\n  z-index: 99;\\n}\\n.zeus-team-chart-active-toggle .zeus-toggle-value {\\n  line-height: 24px;\\n}\\n\\n.zeus-team-chart > svg {\\n  border: 1px solid #ddd;\\n  border-radius: var(--zeus-margin-lg);\\n  min-height: 75vh;\\n}\\n\\n.zeus-team-map {\\n  border: 1px solid #ddd;\\n  border-radius: var(--zeus-margin-lg);\\n  height: 75vh;\\n  width: 100%;\\n}\\n.zeus-team-map .zeus-slippyMap {\\n  border-radius: var(--zeus-margin-lg);\\n}\\n\\n.zeus-team-chart-download {\\n  font-size: 1rem;\\n  top: -28px !important;\\n  min-width: 200px;\\n  text-align: right;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/resources/elements/team-chart/team-chart.scss\"],\"names\":[],\"mappings\":\"AAEA;EACI,WAAA;EACA,gBAAA;EACA,kBAAA;AADJ;;AAIA;EACI,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;EACA,6BAAA;AADJ;AAGI;EACI,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,mBAAA;AADR;AAGQ;EACI,WAAA;AADZ;AAIQ;EAVJ;IAWQ,mBAAA;EADV;AACF;AAII;EACI,yBAAA;AAFR;;AAMA;EACI,aAAA;EACA,sBAAA;EACA,2BAAA;EACA,qBAAA;AAHJ;;AAMA;EACI,kBAAA;EACA,UAAA;EACA,QAAA;EACA,gBAAA;EACA,WAAA;AAHJ;AAKI;EACI,iBAAA;AAHR;;AAOA;EACI,sBAAA;EACA,oCAAA;EACA,gBAAA;AAJJ;;AAOA;EACI,sBAAA;EACA,oCAAA;EACA,YAAA;EACA,WAAA;AAJJ;AAMI;EACI,oCAAA;AAJR;;AAQA;EACI,eAAA;EACA,qBAAA;EACA,gBAAA;EACA,iBAAA;AALJ\",\"sourcesContent\":[\"@import \\\"./../../../styles/responsive.scss\\\";\\r\\n\\r\\n.zeus-team-chart-container {\\r\\n    width: 100%;\\r\\n    min-height: 75vh;\\r\\n    position: relative;\\r\\n}\\r\\n\\r\\n.zeus-team-chart-toolbar {\\r\\n    display: flex;\\r\\n    flex-direction: row;\\r\\n    justify-content: space-between;\\r\\n    align-items: center;\\r\\n    padding: 0 var(--zeus-margin);\\r\\n\\r\\n    .zeus-team-chart-toolbar-options {\\r\\n        display: flex;\\r\\n        flex-direction: column;\\r\\n        justify-content: center;\\r\\n        align-items: center;\\r\\n\\r\\n        select {\\r\\n            width: auto;\\r\\n        }\\r\\n    \\r\\n        @media (min-width: $zeus-screen-md-min) {\\r\\n            flex-direction: row;\\r\\n        }\\r\\n    }\\r\\n\\r\\n    .zeus-team-chart-toolbar-right {\\r\\n        justify-content: flex-end;\\r\\n    }\\r\\n}\\r\\n\\r\\n.zeus-team-chart-toggles {\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n    justify-content: flex-start;\\r\\n    align-items: flex-end;\\r\\n}\\r\\n\\r\\n.zeus-team-chart-active-toggle {\\r\\n    position: absolute;\\r\\n    right: 5px;\\r\\n    top: 5px;\\r\\n    font-size: 0.8em;\\r\\n    z-index: 99;\\r\\n\\r\\n    .zeus-toggle-value {\\r\\n        line-height: 24px;\\r\\n    }\\r\\n}\\r\\n\\r\\n.zeus-team-chart > svg {\\r\\n    border: 1px solid #ddd;\\r\\n    border-radius: var(--zeus-margin-lg);\\r\\n    min-height: 75vh;\\r\\n}\\r\\n\\r\\n.zeus-team-map {\\r\\n    border: 1px solid #ddd;\\r\\n    border-radius: var(--zeus-margin-lg);\\r\\n    height: 75vh;\\r\\n    width: 100%;\\r\\n\\r\\n    .zeus-slippyMap {\\r\\n        border-radius: var(--zeus-margin-lg);\\r\\n    }\\r\\n}\\r\\n\\r\\n.zeus-team-chart-download {\\r\\n    font-size: 1rem;\\r\\n    top: -28px !important;\\r\\n    min-width: 200px;\\r\\n    text-align: right;\\r\\n}\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"three-dots .btn {\\n  background-color: #F8F6F2;\\n  border-color: transparent;\\n  color: #dad3c3;\\n}\\nthree-dots .btn:hover, three-dots .btn:active, three-dots .btn.show {\\n  background-color: #F8F6F2;\\n  border-color: transparent;\\n  color: #4FC9DA;\\n}\\nthree-dots .dropdown-toggle::after {\\n  display: none;\\n}\\nthree-dots .dropdown-menu {\\n  border-radius: var(--zeus-space);\\n  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/resources/elements/three-dots/three-dots.scss\"],\"names\":[],\"mappings\":\"AACI;EACI,yBAAA;EACA,yBAAA;EACA,cAAA;AAAR;AAEQ;EAGI,yBAAA;EACA,yBAAA;EACA,cAAA;AAFZ;AAMI;EACI,aAAA;AAJR;AAOI;EACI,gCAAA;EACA,8CAAA;AALR\",\"sourcesContent\":[\"three-dots {\\r\\n    .btn {\\r\\n        background-color: #F8F6F2;\\r\\n        border-color: transparent;\\r\\n        color: #dad3c3;\\r\\n\\r\\n        &:hover,\\r\\n        &:active,\\r\\n        &.show {\\r\\n            background-color: #F8F6F2;\\r\\n            border-color: transparent;\\r\\n            color: #4FC9DA;\\r\\n        }\\r\\n    }\\r\\n\\r\\n    .dropdown-toggle::after {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .dropdown-menu {\\r\\n        border-radius: var(--zeus-space);\\r\\n        box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%);\\r\\n    }\\r\\n}\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".zeus-reminder-icon {\\n  position: absolute;\\n  left: -8px;\\n  top: -8px;\\n  z-index: 1;\\n  width: 20px;\\n  height: 20px;\\n  border-radius: 10px !important;\\n  background-color: white;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  border: 1px solid lightgray;\\n  padding: 0 !important;\\n}\\n.zeus-reminder-icon > i {\\n  font-size: 12px;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/resources/elements/to-dos/reminder-icon.scss\"],\"names\":[],\"mappings\":\"AAAA;EACI,kBAAA;EACA,UAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,8BAAA;EACA,uBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,2BAAA;EACA,qBAAA;AACJ;AACI;EACI,eAAA;AACR\",\"sourcesContent\":[\".zeus-reminder-icon {\\r\\n    position: absolute;\\r\\n    left: -8px;\\r\\n    top: -8px;\\r\\n    z-index: 1;\\r\\n    width: 20px;\\r\\n    height: 20px;\\r\\n    border-radius: 10px !important;\\r\\n    background-color: white;\\r\\n    display: flex;\\r\\n    justify-content: center;\\r\\n    align-items: center;\\r\\n    border: 1px solid lightgray;\\r\\n    padding: 0 !important;\\r\\n\\r\\n    > i {\\r\\n        font-size: 12px;\\r\\n    }\\r\\n}\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".zeus-to-do-header {\\n  background-color: var(--kt-primary-light) !important;\\n}\\n\\n.zeus-heading .card-toolbar .svg-icon {\\n  margin-right: 0 !important;\\n}\\n\\n.zeus-to-do-compact {\\n  margin-bottom: var(--zeus-margin-xs);\\n  width: 100%;\\n}\\n.zeus-to-do-compact .zeus-space-between {\\n  width: 100%;\\n}\\n.zeus-to-do-compact .zeus-to-do-date {\\n  font-weight: bold;\\n  min-width: 95px;\\n}\\n.zeus-to-do-compact card-toolbar .btn.btn-icon {\\n  height: auto !important;\\n}\\n\\n.zeus-to-do-dates {\\n  border-top: 1px solid var(--kt-text-muted);\\n  padding-top: var(--zeus-margin-xs);\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/resources/elements/to-dos/to-dos.scss\"],\"names\":[],\"mappings\":\"AAAA;EACI,oDAAA;AACJ;;AAEA;EACI,0BAAA;AACJ;;AAEA;EACI,oCAAA;EACA,WAAA;AACJ;AACI;EACI,WAAA;AACR;AAEI;EACI,iBAAA;EACA,eAAA;AAAR;AAGI;EACI,uBAAA;AADR;;AAKA;EACI,0CAAA;EACA,kCAAA;AAFJ\",\"sourcesContent\":[\".zeus-to-do-header {\\r\\n    background-color: var(--kt-primary-light) !important;\\r\\n}\\r\\n\\r\\n.zeus-heading .card-toolbar .svg-icon {\\r\\n    margin-right: 0 !important;\\r\\n}\\r\\n\\r\\n.zeus-to-do-compact {\\r\\n    margin-bottom: var(--zeus-margin-xs);\\r\\n    width: 100%;\\r\\n\\r\\n    .zeus-space-between {\\r\\n        width: 100%;\\r\\n    }\\r\\n\\r\\n    .zeus-to-do-date {\\r\\n        font-weight: bold;\\r\\n        min-width: 95px;\\r\\n    }\\r\\n\\r\\n    card-toolbar .btn.btn-icon {\\r\\n        height: auto !important;\\r\\n    }\\r\\n}\\r\\n\\r\\n.zeus-to-do-dates {\\r\\n    border-top: 1px solid var(--kt-text-muted);\\r\\n    padding-top: var(--zeus-margin-xs);\\r\\n}\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".zeus-toggle-label {\\n  display: inline-flex;\\n}\\n\\n.zeus-toggle-checkbox {\\n  position: absolute;\\n  top: -40000px;\\n  left: -40000px;\\n}\\n\\n.zeus-toggle-slider {\\n  position: relative;\\n  cursor: pointer;\\n  background-color: white;\\n  transition: var(--zeus-animation-duration-slow);\\n  width: 48px;\\n  height: 24px;\\n  border-radius: 24px;\\n  margin-top: 0;\\n  margin-bottom: 12px;\\n}\\n\\n.zeus-toggle-slider:before {\\n  position: absolute;\\n  content: \\\"\\\";\\n  height: 20px;\\n  width: 20px;\\n  border-radius: 50%;\\n  left: 2px;\\n  top: 2px;\\n  background-color: red;\\n  transition: var(--zeus-animation-duration-slow);\\n}\\n\\n.zeus-toggle-checkbox:checked + .zeus-toggle-slider:before {\\n  background-color: green;\\n}\\n\\n.zeus-toggle-checkbox + .zeus-toggle-slider,\\n.zeus-toggle-checkbox:focus + .zeus-toggle-slider {\\n  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.5);\\n}\\n\\n.zeus-toggle-checkbox:checked + .zeus-toggle-slider:before {\\n  background-color: green;\\n  transform: translateX(24px);\\n}\\n\\n.zeus-toggle-value {\\n  line-height: 28px;\\n  margin-right: var(--zeus-margin-sm);\\n}\\n\\n.zeus-toggle-slider.gray-green:before {\\n  background-color: #aaa;\\n}\\n\\n.zeus-toggle-checkbox:checked + .zeus-toggle-slider.gray-green:before {\\n  background-color: green;\\n}\\n\\n.zeus-toggle-checkbox:checked + .zeus-toggle-slider.gray-green:before {\\n  background-color: green;\\n}\\n\\n.zeus-toggle-switch-container {\\n  display: flex;\\n  justify-content: space-between;\\n  align-items: center;\\n}\\n.zeus-toggle-switch-container.zeus-toggle-switch-container-inline {\\n  justify-content: flex-start;\\n}\\n.zeus-toggle-switch-container.zeus-toggle-switch-container-inline .zeus-toggle-slider {\\n  margin-bottom: 0;\\n}\\n.zeus-toggle-switch-container.zeus-center {\\n  justify-content: center;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/resources/elements/toggle-switch/zeus-toggle-switch.scss\"],\"names\":[],\"mappings\":\"AAGA;EACI,oBAAA;AAFJ;;AAKA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;AAFJ;;AAKA;EACI,kBAAA;EACA,eAAA;EACA,uBAAA;EACA,+CAAA;EACA,WAlBuB;EAmBvB,YAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;AAFJ;;AAKA;EACI,kBAAA;EACA,WAAA;EACA,YA3BuB;EA4BvB,WA5BuB;EA6BvB,kBAAA;EACA,SAAA;EACA,QAAA;EACA,qBAAA;EACA,+CAAA;AAFJ;;AAKA;EACI,uBAAA;AAFJ;;AAKA;;EAEI,0CAAA;AAFJ;;AAKA;EACI,uBAAA;EACA,2BAAA;AAFJ;;AAKA;EACI,iBAAA;EACA,mCAAA;AAFJ;;AAMA;EACI,sBAAA;AAHJ;;AAMA;EACI,uBAAA;AAHJ;;AAMA;EACI,uBAAA;AAHJ;;AAMA;EACI,aAAA;EACA,8BAAA;EACA,mBAAA;AAHJ;AAKI;EACI,2BAAA;AAHR;AAIQ;EACI,gBAAA;AAFZ;AAMI;EACI,uBAAA;AAJR\",\"sourcesContent\":[\"$toggle-switch-width     : 48px;\\r\\n$toggle-switch-slide-size: 20px;\\r\\n\\r\\n.zeus-toggle-label {\\r\\n    display: inline-flex;\\r\\n}\\r\\n\\r\\n.zeus-toggle-checkbox {\\r\\n    position: absolute;\\r\\n    top     : -40000px;\\r\\n    left    : -40000px;\\r\\n}\\r\\n\\r\\n.zeus-toggle-slider {\\r\\n    position        : relative;\\r\\n    cursor          : pointer;\\r\\n    background-color: white;\\r\\n    transition      : var(--zeus-animation-duration-slow);\\r\\n    width           : $toggle-switch-width;\\r\\n    height          : 24px;\\r\\n    border-radius   : 24px;\\r\\n    margin-top      : 0;\\r\\n    margin-bottom   : 12px;\\r\\n}\\r\\n\\r\\n.zeus-toggle-slider:before {\\r\\n    position        : absolute;\\r\\n    content         : \\\"\\\";\\r\\n    height          : $toggle-switch-slide-size;\\r\\n    width           : $toggle-switch-slide-size;\\r\\n    border-radius   : 50%;\\r\\n    left            : 2px;\\r\\n    top             : 2px;\\r\\n    background-color: red;\\r\\n    transition      : var(--zeus-animation-duration-slow);\\r\\n}\\r\\n\\r\\n.zeus-toggle-checkbox:checked+.zeus-toggle-slider:before {\\r\\n    background-color: green;\\r\\n}\\r\\n\\r\\n.zeus-toggle-checkbox+.zeus-toggle-slider,\\r\\n.zeus-toggle-checkbox:focus+.zeus-toggle-slider {\\r\\n    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.5);\\r\\n}\\r\\n\\r\\n.zeus-toggle-checkbox:checked+.zeus-toggle-slider:before {\\r\\n    background-color: green;\\r\\n    transform       : translateX(24px);\\r\\n}\\r\\n\\r\\n.zeus-toggle-value {\\r\\n    line-height: 28px;\\r\\n    margin-right: var(--zeus-margin-sm);\\r\\n}\\r\\n\\r\\n// gray-green theme\\r\\n.zeus-toggle-slider.gray-green:before {\\r\\n    background-color: #aaa;\\r\\n}\\r\\n\\r\\n.zeus-toggle-checkbox:checked+.zeus-toggle-slider.gray-green:before {\\r\\n    background-color: green;\\r\\n}\\r\\n\\r\\n.zeus-toggle-checkbox:checked+.zeus-toggle-slider.gray-green:before {\\r\\n    background-color: green;\\r\\n}\\r\\n\\r\\n.zeus-toggle-switch-container {\\r\\n    display: flex;\\r\\n    justify-content: space-between;\\r\\n    align-items: center;\\r\\n\\r\\n    &.zeus-toggle-switch-container-inline {\\r\\n        justify-content: flex-start;\\r\\n        .zeus-toggle-slider {\\r\\n            margin-bottom: 0;\\r\\n        }\\r\\n    }\\r\\n\\r\\n    &.zeus-center {\\r\\n        justify-content: center;\\r\\n    }\\r\\n}\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"tooltip .zeus-tooltip {\\n  background: var(--kt-info);\\n  color: white;\\n  padding: 4px 8px;\\n  font-size: 13px;\\n  border-radius: 4px;\\n  display: none;\\n  z-index: 1;\\n  text-align: center;\\n}\\ntooltip .zeus-tooltip[data-show] {\\n  display: block;\\n}\\ntooltip .zeus-tooltip-arrow,\\ntooltip .zeus-tooltip-arrow::before {\\n  position: absolute;\\n  width: 8px;\\n  height: 8px;\\n  background: inherit;\\n}\\ntooltip .zeus-tooltip-arrow {\\n  visibility: hidden;\\n}\\ntooltip .zeus-tooltip-arrow::before {\\n  visibility: visible;\\n  content: \\\"\\\";\\n  transform: rotate(45deg);\\n}\\ntooltip .zeus-tooltip[data-popper-placement^=top] > .zeus-tooltip-arrow {\\n  bottom: -4px;\\n}\\ntooltip .zeus-tooltip[data-popper-placement^=bottom] > .zeus-tooltip-arrow {\\n  top: -4px;\\n}\\ntooltip .zeus-tooltip[data-popper-placement^=left] > .zeus-tooltip-arrow {\\n  right: -4px;\\n}\\ntooltip .zeus-tooltip[data-popper-placement^=right] > .zeus-tooltip-arrow {\\n  left: -4px;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/resources/elements/tooltip/tooltip.scss\"],\"names\":[],\"mappings\":\"AACI;EACI,0BAAA;EACA,YAAA;EACA,gBAAA;EACA,eAAA;EACA,kBAAA;EACA,aAAA;EACA,UAAA;EACA,kBAAA;AAAR;AAGI;EACI,cAAA;AADR;AAII;;EAEE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,mBAAA;AAFN;AAKI;EACE,kBAAA;AAHN;AAMI;EACE,mBAAA;EACA,WAAA;EACA,wBAAA;AAJN;AAOI;EACI,YAAA;AALR;AAQI;EACI,SAAA;AANR;AASI;EACI,WAAA;AAPR;AAUI;EACI,UAAA;AARR\",\"sourcesContent\":[\"tooltip {\\r\\n    .zeus-tooltip {\\r\\n        background: var(--kt-info);\\r\\n        color: white;\\r\\n        padding: 4px 8px;\\r\\n        font-size: 13px;\\r\\n        border-radius: 4px;\\r\\n        display: none;\\r\\n        z-index: 1;\\r\\n        text-align: center;\\r\\n    }\\r\\n\\r\\n    .zeus-tooltip[data-show] {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    .zeus-tooltip-arrow,\\r\\n    .zeus-tooltip-arrow::before {\\r\\n      position: absolute;\\r\\n      width: 8px;\\r\\n      height: 8px;\\r\\n      background: inherit;\\r\\n    }\\r\\n    \\r\\n    .zeus-tooltip-arrow {\\r\\n      visibility: hidden;\\r\\n    }\\r\\n    \\r\\n    .zeus-tooltip-arrow::before {\\r\\n      visibility: visible;\\r\\n      content: '';\\r\\n      transform: rotate(45deg);\\r\\n    }\\r\\n\\r\\n    .zeus-tooltip[data-popper-placement^='top'] > .zeus-tooltip-arrow {\\r\\n        bottom: -4px;\\r\\n    }\\r\\n      \\r\\n    .zeus-tooltip[data-popper-placement^='bottom'] > .zeus-tooltip-arrow {\\r\\n        top: -4px;\\r\\n    }\\r\\n      \\r\\n    .zeus-tooltip[data-popper-placement^='left'] > .zeus-tooltip-arrow {\\r\\n        right: -4px;\\r\\n    }\\r\\n      \\r\\n    .zeus-tooltip[data-popper-placement^='right'] > .zeus-tooltip-arrow {\\r\\n        left: -4px;\\r\\n    }\\r\\n}\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".zeus-font-size {\\n  display: inline-block;\\n  width: 30px;\\n  justify-content: center;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/resources/elements/ui/font-sizer.scss\"],\"names\":[],\"mappings\":\"AAAA;EACI,qBAAA;EACA,WAAA;EACA,uBAAA;AACJ\",\"sourcesContent\":[\".zeus-font-size {\\r\\n    display: inline-block;\\r\\n    width: 30px;\\r\\n    justify-content: center;\\r\\n}\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Module\nvar code = \"<template>\\r\\n    <require from=\\\"./team-chart.scss\\\"></require>\\r\\n    <require if.bind=\\\"allowMapView\\\" from=\\\"./../../../members/map/team-map\\\"></require>\\r\\n\\r\\n    <div class=\\\"zeus-team-chart-toolbar\\\">\\r\\n        <div> </div>\\r\\n        <div class=\\\"zeus-team-chart-toolbar-options\\\">\\r\\n            <ul class=\\\"nav\\\" role=\\\"tablist\\\">\\r\\n                <li class=\\\"nav-item\\\" role=\\\"presentation\\\">\\r\\n                    <a class=\\\"nav-link btn btn-sm btn-color-muted btn-active btn-active-light fw-bold px-4 me-1\\\" class.bind=\\\"timePeriod === TIME_PERIOD.MTD ? 'active' : ''\\\" href=\\\"#\\\" click.delegate=\\\"selectTimePeriod(TIME_PERIOD.MTD)\\\" aria-selected.bind=\\\"timePeriod === TIME_PERIOD.MTD ? 'true' : 'false'\\\" role=\\\"tab\\\">${'current-month'&t}</a>\\r\\n                </li>\\r\\n                <li class=\\\"nav-item\\\" role=\\\"presentation\\\">\\r\\n                    <a class=\\\"nav-link btn btn-sm btn-color-muted btn-active btn-active-light fw-bold px-4 me-1\\\" class.bind=\\\"timePeriod === TIME_PERIOD.PriorMonth ? 'active' : ''\\\" href=\\\"#\\\" click.delegate=\\\"selectTimePeriod(TIME_PERIOD.PriorMonth)\\\" aria-selected.bind=\\\"timePeriod === TIME_PERIOD.PriorMonth ? 'true' : 'false'\\\" role=\\\"tab\\\">${'last-month'&t}</a>\\r\\n                </li>\\r\\n                <li class=\\\"nav-item\\\" role=\\\"presentation\\\">\\r\\n                    <a class=\\\"nav-link btn btn-sm btn-color-muted btn-active btn-active-light fw-bold px-4 me-1\\\" class.bind=\\\"timePeriod === TIME_PERIOD.YTD ? 'active' : ''\\\" href=\\\"#\\\" click.delegate=\\\"selectTimePeriod(TIME_PERIOD.YTD)\\\" aria-selected.bind=\\\"timePeriod === TIME_PERIOD.YTD ? 'true' : 'false'\\\" role=\\\"tab\\\">${'current-year'&t}</a>\\r\\n                </li>\\r\\n                <li class=\\\"nav-item\\\" role=\\\"presentation\\\">\\r\\n                    <a class=\\\"nav-link btn btn-sm btn-color-muted btn-active btn-active-light fw-bold px-4 me-1\\\" class.bind=\\\"timePeriod === TIME_PERIOD.PriorYear ? 'active' : ''\\\" href=\\\"#\\\" click.delegate=\\\"selectTimePeriod(TIME_PERIOD.PriorYear)\\\" aria-selected.bind=\\\"timePeriod === TIME_PERIOD.PriorYear ? 'true' : 'false'\\\" role=\\\"tab\\\">${'last-year'&t}</a>\\r\\n                </li>\\r\\n            </ul>\\r\\n            <select value.bind=\\\"agentDisplay\\\" class=\\\"form-select form-select-solid\\\">\\r\\n                <option repeat.for=\\\"ad of agentDisplays\\\" value.bind=\\\"ad\\\">${ad&t}</option>\\r\\n            </select>\\r\\n        </div>\\r\\n        <div class=\\\"zeus-team-chart-toolbar-right\\\">\\r\\n            <button class=\\\"btn btn-icon\\\" class.bind=\\\"view === 'chart' ? 'active' : ''\\\" click.delegate=\\\"showView('chart')\\\"><i class=\\\"fas fa-sitemap\\\"></i></button>\\r\\n            <button if.bind=\\\"allowMapView\\\" class=\\\"btn btn-icon\\\" class.bind=\\\"view === 'map' ? 'active' : ''\\\" click.delegate=\\\"showView('map')\\\"><i class=\\\"fas fa-map-marked-alt\\\"></i></button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"zeus-team-chart-container\\\">\\r\\n        <loader if.bind=\\\"loading\\\" size=\\\"xl\\\" cover.bind=\\\"true\\\"></loader>\\r\\n        <div class=\\\"zeus-team-chart-active-toggle\\\">\\r\\n            <div>\\r\\n                <dropdown-menu trigger=\\\"click\\\" type=\\\"button\\\" menu-placement=\\\"bottom-end\\\" close.bind=\\\"closeMenu\\\"\\r\\n                            menu-class=\\\"w-300px w-md-350px py-7 px-7 overflow-hidden\\\"\\r\\n                            trigger-class=\\\"btn-color-gray-400 btn-active-color-primary\\\">\\r\\n                    <i class=\\\"fas fa-sliders-h\\\"></i>\\r\\n                    <div slot=\\\"menu\\\">\\r\\n                        <div class=\\\"scroll-y mh-325px my-5 px-8\\\">\\r\\n                            <div class=\\\"fv-row mb-7\\\">\\r\\n                                <label class=\\\"form-label fw-bold text-dark fs-6\\\">${'team-chart-data-1'&t}</label>\\r\\n                                <select value.bind=\\\"sortType1\\\" class=\\\"form-select form-select-solid\\\">\\r\\n                                    <option repeat.for=\\\"st of sortTypes\\\" value.bind=\\\"st\\\">${st&t}</option>\\r\\n                                </select>\\r\\n                            </div>\\r\\n                            <div class=\\\"fv-row mb-7\\\">\\r\\n                                <label class=\\\"form-label fw-bold text-dark fs-6\\\">${'team-chart-data-2'&t}</label>\\r\\n                                <select value.bind=\\\"sortType2\\\" class=\\\"form-select form-select-solid\\\">\\r\\n                                    <option repeat.for=\\\"st of sortTypes\\\" value.bind=\\\"st\\\">${st&t}</option>\\r\\n                                </select>\\r\\n                            </div>\\r\\n                            <div class=\\\"fv-row mb-7\\\">\\r\\n                                <label class=\\\"form-label fw-bold text-dark fs-6\\\">${'team-chart-data-3'&t}</label>\\r\\n                                <select value.bind=\\\"sortType3\\\" class=\\\"form-select form-select-solid\\\">\\r\\n                                    <option value=\\\"\\\" class=\\\"italic\\\">${'team-chart-add-display'&t}</option>\\r\\n                                    <option repeat.for=\\\"st of sortTypes\\\" value.bind=\\\"st\\\">${st&t}</option>\\r\\n                                </select>\\r\\n                            </div>\\r\\n                            <div class=\\\"fv-row mb-7\\\">\\r\\n                                <zeus-toggle-switch checked.bind=\\\"showImage\\\" on-text.bind=\\\"'team-chart-show-image'&t\\\" off-text.bind=\\\"'team-chart-show-image'&t\\\" theme=\\\"gray-green\\\"></zeus-toggle-switch>\\r\\n                            </div>\\r\\n                            <div class=\\\"fv-row mb-7\\\">\\r\\n                                <zeus-toggle-switch checked.bind=\\\"showLevel\\\" on-text.bind=\\\"'team-chart-show-level'&t\\\" off-text.bind=\\\"'team-chart-show-level'&t\\\" theme=\\\"gray-green\\\"></zeus-toggle-switch>\\r\\n                            </div>\\r\\n                            <div class=\\\"fv-row mb-7\\\">\\r\\n                                <zeus-toggle-switch checked.bind=\\\"onlyActive\\\" on-text.bind=\\\"'team-chart-only-active'&t\\\" off-text.bind=\\\"'team-chart-all'&t\\\" theme=\\\"gray-green\\\"></zeus-toggle-switch>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </dropdown-menu>\\r\\n            </div>\\r\\n            <div if.bind=\\\"canPrint && view === 'chart'\\\">\\r\\n                <button class=\\\"btn btn-icon btn-color-gray-400 btn-active-color-primary\\\" click.delegate=\\\"printView()\\\"><i class=\\\"fas fa-print\\\"></i></button>\\r\\n            </div>\\r\\n            <div>\\r\\n                <a show.bind=\\\"showExport\\\" href=\\\"#\\\" require-config=\\\"canDownloadMyDownline\\\" class=\\\"zeus-team-chart-download float-right-above-block\\\" click.delegate=\\\"exportDownline()\\\"><i class=\\\"fas fa-cloud-download-alt\\\"></i> ${'export-downline'&t}</a>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div show.bind=\\\"view === 'chart'\\\" ref=\\\"teamChartEl\\\" class=\\\"zeus-team-chart\\\"></div>\\r\\n        <div if.bind=\\\"allowMapView\\\">\\r\\n            <div show.bind=\\\"view === 'map'\\\" class=\\\"zeus-team-map\\\"><team-map only-active.bind=\\\"onlyActive\\\" agent-display.bind=\\\"agentDisplay\\\" time-period.bind=\\\"timePeriod\\\" sort-type1.bind=\\\"sortType1\\\" sort-type2.bind=\\\"sortType2\\\" sort-type3.bind=\\\"sortType3\\\" wait-for-load.bind=\\\"true\\\" load.bind=\\\"loadMap\\\"></team-map></div>\\r\\n        </div>\\r\\n    </div>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <require from=\\\"./three-dots.scss\\\"></require>\\r\\n    <div class=\\\"dropdown\\\">\\r\\n        <button class=\\\"btn btn-secondary dropdown-toggle\\\" type=\\\"button\\\" id=\\\"dropdownMenuButton1\\\" data-bs-toggle=\\\"dropdown\\\" aria-expanded=\\\"false\\\">\\r\\n            <i class=\\\"fas fa-ellipsis-h\\\"></i>\\r\\n        </button>\\r\\n        <ul class=\\\"dropdown-menu dropdown-menu-end\\\" aria-labelledby=\\\"dropdownMenuButton1\\\">\\r\\n          <li repeat.for=\\\"action of actions\\\"><a class=\\\"dropdown-item\\\" href=\\\"#\\\" click.delegate=\\\"dotClicked(action.key)\\\">${action.name&t}</a></li>\\r\\n        </ul>\\r\\n      </div>\\r\\n</template>\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <ul if.bind=\\\"type === 'production'\\\" class=\\\"nav\\\" role=\\\"tablist\\\">\\r\\n        <li class=\\\"nav-item\\\" role=\\\"presentation\\\">\\r\\n            <button class=\\\"nav-link btn btn-sm btn-color-muted btn-active btn-active-light fw-bold px-4 me-1\\\" class.bind=\\\"value === TIME_PERIOD.WTD ? 'active' : ''\\\" click.delegate=\\\"select(TIME_PERIOD.WTD)\\\" aria-selected.bind=\\\"value === TIME_PERIOD.WTD ? 'true' : 'false'\\\" role=\\\"tab\\\">${`time-period-${TIME_PERIOD.WTD}`&t}</button>\\r\\n        </li>\\r\\n        <li class=\\\"nav-item\\\" role=\\\"presentation\\\">\\r\\n            <button class=\\\"nav-link btn btn-sm btn-color-muted btn-active btn-active-light fw-bold px-4 me-1\\\" class.bind=\\\"value === TIME_PERIOD.MTD ? 'active' : ''\\\" click.delegate=\\\"select(TIME_PERIOD.MTD)\\\" aria-selected.bind=\\\"value === TIME_PERIOD.MTD ? 'true' : 'false'\\\" role=\\\"tab\\\">${`time-period-${TIME_PERIOD.MTD}`&t}</button>\\r\\n        </li>\\r\\n        <li class=\\\"nav-item\\\" role=\\\"presentation\\\">\\r\\n            <button class=\\\"nav-link btn btn-sm btn-color-muted btn-active btn-active-light fw-bold px-4 me-1\\\" class.bind=\\\"value === TIME_PERIOD.YTD ? 'active' : ''\\\" click.delegate=\\\"select(TIME_PERIOD.YTD)\\\" aria-selected.bind=\\\"value === TIME_PERIOD.YTD ? 'true' : 'false'\\\" role=\\\"tab\\\">${`time-period-${TIME_PERIOD.YTD}`&t}</button>\\r\\n        </li>\\r\\n    </ul>\\r\\n    <ul if.bind=\\\"type === 'calendar'\\\" class=\\\"nav\\\" role=\\\"tablist\\\">\\r\\n        <li class=\\\"nav-item\\\" role=\\\"presentation\\\">\\r\\n            <button class=\\\"nav-link btn btn-sm btn-color-muted btn-active btn-active-light fw-bold px-4 me-1\\\" class.bind=\\\"value === TIME_PERIOD.Today ? 'active' : ''\\\" click.delegate=\\\"select(TIME_PERIOD.Today)\\\" aria-selected.bind=\\\"value === TIME_PERIOD.MTD ? 'true' : 'false'\\\" role=\\\"tab\\\">${`time-period-${TIME_PERIOD.Today}`&t}</button>\\r\\n        </li>\\r\\n        <li class=\\\"nav-item\\\" role=\\\"presentation\\\">\\r\\n            <button class=\\\"nav-link btn btn-sm btn-color-muted btn-active btn-active-light fw-bold px-4 me-1\\\" class.bind=\\\"value === TIME_PERIOD.ThisWeek ? 'active' : ''\\\" click.delegate=\\\"select(TIME_PERIOD.ThisWeek)\\\" aria-selected.bind=\\\"value === TIME_PERIOD.ThisWeek ? 'true' : 'false'\\\" role=\\\"tab\\\">${`time-period-${TIME_PERIOD.ThisWeek}`&t}</button>\\r\\n        </li>\\r\\n        <li class=\\\"nav-item\\\" role=\\\"presentation\\\">\\r\\n            <button class=\\\"nav-link btn btn-sm btn-color-muted btn-active btn-active-light fw-bold px-4 me-1\\\" class.bind=\\\"value === TIME_PERIOD.ThisMonth ? 'active' : ''\\\" click.delegate=\\\"select(TIME_PERIOD.ThisMonth)\\\" aria-selected.bind=\\\"value === TIME_PERIOD.ThisMonth ? 'true' : 'false'\\\" role=\\\"tab\\\">${`time-period-${TIME_PERIOD.ThisMonth}`&t}</button>\\r\\n        </li>\\r\\n        <li if.bind=\\\"includeLastMonth\\\" class=\\\"nav-item\\\" role=\\\"presentation\\\">\\r\\n            <button class=\\\"nav-link btn btn-sm btn-color-muted btn-active btn-active-light fw-bold px-4 me-1\\\" class.bind=\\\"value === TIME_PERIOD.LastMonth ? 'active' : ''\\\" click.delegate=\\\"select(TIME_PERIOD.LastMonth)\\\" aria-selected.bind=\\\"value === TIME_PERIOD.LastMonth ? 'true' : 'false'\\\" role=\\\"tab\\\">${`time-period-${TIME_PERIOD.LastMonth}`&t}</button>\\r\\n        </li>\\r\\n        <li if.bind=\\\"includeCustom\\\" class=\\\"nav-item\\\" role=\\\"presentation\\\">\\r\\n            <date-picker id=\\\"timePeriodCustomRange\\\" range.bind=\\\"customRange\\\" type=\\\"range\\\" set.delegate=\\\"customRangeSet($event.detail.range)\\\" size=\\\"sm\\\" clear-now.bind=\\\"clearCustomDate\\\"></date-picker>\\r\\n        </li>\\r\\n    </ul>\\r\\n    <div if.bind=\\\"type === 'common'\\\" class=\\\"dropdown\\\">\\r\\n        <a class=\\\"btn btn-sm btn-light dropdown-toggle\\\" href=\\\"#\\\" role=\\\"button\\\" id=\\\"dropdownMenuLink\\\" data-bs-toggle=\\\"dropdown\\\" aria-expanded=\\\"false\\\">\\r\\n            ${`time-period-${timePeriod}`&t}\\r\\n        </a>\\r\\n        <ul class=\\\"dropdown-menu\\\" aria-labelledby=\\\"dropdownMenuLink\\\">\\r\\n            <li repeat.for=\\\"tp of timePeriods\\\" class=\\\"dropdown-item ${tp === timePeriod ? 'active' : ''}\\\" click.delegate=\\\"selectTimePeriod(tp)\\\"><span>${`time-period-${tp}`&t}</span></li>\\r\\n        </ul>\\r\\n    </div>\\r\\n    <span if.bind=\\\"timePeriod === TIME_PERIOD.Custom\\\"><date-picker id=\\\"customRange-${id}\\\" range.bind=\\\"customTimePeriodRange\\\" type=\\\"range\\\" size=\\\"sm\\\"></date-picker></span>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <ux-dialog class=\\\"zeus-dialog-medium\\\">\\r\\n        <ux-dialog-header>\\r\\n            <h3>${'add-to-do'&t}</h3>\\r\\n            <a href=\\\"#\\\" click.delegate=\\\"dialogController.cancel()\\\" i18n=\\\"[title]close\\\"><i class=\\\"fas fa-times\\\" aria-hidden=\\\"true\\\"></i></a>\\r\\n        </ux-dialog-header>\\r\\n        <ux-dialog-body>\\r\\n            <form role=\\\"form\\\" submit.delegate=\\\"save()\\\">\\r\\n                <h5 if.bind=\\\"aboutName\\\" class=\\\"mb-7\\\">${aboutName}</h5>\\r\\n                <div if.bind=\\\"!haveToDoType\\\" class=\\\"fv-row mb-7\\\">\\r\\n                    <label class=\\\"col-form-label\\\">${'to-do-type'&t}</label>\\r\\n                    <select value.bind=\\\"type\\\" class=\\\"form-select form-select-solid\\\" id=\\\"type\\\">\\r\\n                        <option repeat.for=\\\"t of toDoTypes\\\" value.bind=\\\"t\\\">${`add-to-do-type-${t}`&t}</option>\\r\\n                    </select>\\r\\n                </div>\\r\\n                <div if.bind=\\\"!haveToDoType && type === toDoType.AGENT\\\" class=\\\"fv-row mb-7\\\">\\r\\n                    <label for=\\\"forAgent\\\">${'add-to-do-for-agent'&t}</label>\\r\\n                    <member-autocomplete result.bind=\\\"forAgent & validate\\\" id=\\\"forAgent\\\"></member-autocomplete>\\r\\n                    <div class=\\\"zeus-caption\\\">${'add-to-do-select-agent'&t}</div>\\r\\n                </div>\\r\\n                <div if.bind=\\\"!haveToDoType && type === toDoType.POLICY\\\" class=\\\"fv-row mb-7\\\">\\r\\n                    <label for=\\\"forPolicy\\\">${'add-to-do-for-policy'&t}</label>\\r\\n                    <policy-autocomplete result.bind=\\\"forPolicy & validate\\\" name=\\\"policy\\\" for-downline.bind=\\\"true\\\"></policy-autocomplete>\\r\\n                    <div class=\\\"zeus-caption\\\">${'add-to-do-select-policy'&t}</div>\\r\\n                </div>\\r\\n                <div if.bind=\\\"!haveToDoType && type === toDoType.LEAD\\\" class=\\\"fv-row mb-7\\\">\\r\\n                    <label for=\\\"forLead\\\">${'add-to-do-for-lead'&t}</label>\\r\\n                    <lead-autocomplete result.bind=\\\"forLead & validate\\\" name=\\\"lead\\\" for-downline.bind=\\\"true\\\"></lead-autocomplete>\\r\\n                    <div class=\\\"zeus-caption\\\">${'add-to-do-select-lead'&t}</div>\\r\\n                </div>\\r\\n                <div class=\\\"fv-row mb-7\\\">\\r\\n                    <label for=\\\"title\\\" class=\\\"col-form-label\\\">${'to-do'&t}</label>\\r\\n                    <input type=\\\"text\\\" value.bind=\\\"title & validate\\\" class=\\\"form-control form-control-solid\\\" attach-focus=\\\"true\\\">\\r\\n                </div>\\r\\n                <div class=\\\"fv-row mb-7\\\">\\r\\n                    <label>${'to-do-details'&t}</label>\\r\\n                    <textarea class=\\\"form-control form-control-solid\\\" rows=\\\"3\\\" value.bind=\\\"comments & validate\\\"></textarea>\\r\\n                </div>\\r\\n                <div class=\\\"fv-row mb-7\\\">\\r\\n                    <label for=\\\"dueDate\\\" class=\\\"col-form-label\\\">${'due-date'&t}</label>\\r\\n                    <input type=\\\"date\\\" value.bind=\\\"dueDate & validate\\\" class=\\\"form-control form-control-solid\\\">\\r\\n                </div>\\r\\n                <div show.bind=\\\"haveToDoType && type !== toDoType.LEAD\\\" class=\\\"fv-row mb-7\\\">\\r\\n                    <label for=\\\"assignToMember\\\">${'assign-to'&t}</label>\\r\\n                    <member-autocomplete result.bind=\\\"assignToMember & validate\\\" include-mentees.bind=\\\"true\\\" id=\\\"assignToMember\\\"></member-autocomplete>\\r\\n                    <div class=\\\"zeus-caption\\\">${'assign-to-do-instructions'&t}</div>\\r\\n                </div>\\r\\n            </form>\\r\\n        </ux-dialog-body>\\r\\n        <ux-dialog-footer>\\r\\n            <button click.delegate=\\\"save()\\\" class=\\\"btn btn-primary\\\" disabled.bind=\\\"saving\\\">${'save'&t}<span if.bind=\\\"saving\\\"> <i class=\\\"fas fa-circle-notch fa-spin\\\"></i></span></button>\\r\\n            <button click.delegate=\\\"dialogController.cancel()\\\" class=\\\"btn btn-secondary\\\">${'close'&t}</button>\\r\\n        </ux-dialog-footer>\\r\\n    </ux-dialog>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <require from=\\\"./reminder-icon.scss\\\"></require>\\r\\n    <div if.bind=\\\"toDoStatus.count\\\" class=\\\"zeus-reminder-icon\\\" title.bind=\\\"'to-do'&t\\\"><i class=\\\"fa-duotone fa-bell-on\\\" colorize-ryg=\\\"type.bind:'color';color.bind:toDoStatus.color;\\\"></i></div>\\r\\n</template>\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <div if.bind=\\\"view === 'standard'\\\">\\r\\n        <section show.bind=\\\"display\\\" class=\\\"card\\\" class.bind=\\\"highlightActive && (toDo.canEdit || toDo.canComplete) ? 'zeus-active' : ''\\\">\\r\\n            <div class=\\\"card-header\\\" class.bind=\\\"highlightHeader ? 'zeus-to-do-header' : ''\\\">\\r\\n                <div class=\\\"card-title\\\">\\r\\n                    <div class=\\\"symbol symbol-35px me-4\\\">\\r\\n                        <span class=\\\"symbol-label bg-light-primary\\\">\\r\\n                            <span class=\\\"svg-icon svg-icon-3 svg-icon-primary\\\">\\r\\n                                <i to-do-icon.bind=\\\"toDo.aboutType\\\"></i>\\r\\n                            </span>\\r\\n                        </span>\\r\\n                    </div>\\r\\n                    <div>\\r\\n                        <template if.bind=\\\"!toDo.isComplete\\\" containerless><strong>\\r\\n                            <span if.bind=\\\"!toDo.isComplete\\\" class=\\\"zeus-colorized-color me-2\\\" colorize-ryg=\\\"type.bind:'color';color.bind:toDo.color\\\"><i class=\\\"fa-duotone fa-bell-on\\\"></i></span>\\r\\n                            ${'due-date'&t} ${toDo.dueDate|formatDate:'l'}\\r\\n                        </strong></template>\\r\\n                        <template if.bind=\\\"toDo.isComplete\\\" containerless><strong>\\r\\n                            <span if.bind=\\\"toDo.isComplete\\\" class=\\\"zeus-success me-2\\\"><i class=\\\"fa-duotone fa-bell-on\\\"></i></span>\\r\\n                            ${'completed-date'&t} ${toDo.completedDate|formatDate:'l'}</strong>\\r\\n                            <div class=\\\"zeus-caption\\\">${'due-date'&t} ${toDo.dueDate|formatDate:'l'}</div>\\r\\n                        </template>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <card-toolbar if.bind=\\\"toDo.canEdit || toDo.canComplete || toDo.canDelete\\\" actions.bind=\\\"toolbarActions(toDo)\\\" action.delegate=\\\"handleToDoAction($event.detail.key, toDo)\\\"></card-toolbar>\\r\\n            </div>\\r\\n            <div class=\\\"card-body\\\">\\r\\n                <div class=\\\"zeus-space-between\\\">\\r\\n                    <div if.bind=\\\"toDo.title\\\" class=\\\"mb-4\\\"><strong>${toDo.title}</strong></div>\\r\\n                    <div if.bind=\\\"showAboutItem && (toDo.member || toDo.policy || toDo.lead)\\\" class=\\\"mb-4\\\">\\r\\n                        <member-name if.bind=\\\"showAboutItem && toDo.member\\\" member.bind=\\\"toDo.member\\\"></member-name>\\r\\n                        <policy-number if.bind=\\\"showAboutItem && toDo.policy\\\" policy.bind=\\\"toDo.policy\\\"></policy-number>\\r\\n                        <lead-name if.bind=\\\"showAboutItem && toDo.lead\\\" lead.bind=\\\"toDo.lead\\\"></lead-name>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"mb-4\\\" innerhtml.bind=\\\"toDo.comments|textareaToHtml\\\"></div>\\r\\n                <div if.bind=\\\"showDates\\\" class=\\\"zeus-caption zeus-space-between kt-text-muted zeus-to-do-dates\\\">\\r\\n                    <div>\\r\\n                        <span if.bind=\\\"toDo.assignedToMember\\\"><label class=\\\"zeus-margin-right-xs\\\">${'assigned-to'&t}:</label>${toDo.assignedToMember.fullName}</span>\\r\\n                        <div if.bind=\\\"toDo.createdByMember\\\"><label class=\\\"zeus-margin-right-xs\\\">${'by'&t}:</label>${toDo.createdByMember.fullName}</div>\\r\\n                    </div>\\r\\n                    <div>\\r\\n                        <div><label class=\\\"zeus-margin-right-xs\\\">${'created'&t}:</label> ${toDo.createdDate|formatDate:'llll'}</div>\\r\\n                        <div if.bind=\\\"toDo.updatedDate\\\"><label class=\\\"zeus-margin-right-xs\\\">${'last-edited'&t}:</label>${toDo.updatedDate|formatDate:'llll'}</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </section>\\r\\n    </div>\\r\\n    <div if.bind=\\\"view === 'compact'\\\" class=\\\"zeus-to-do-compact\\\">\\r\\n        <div show.bind=\\\"display\\\">\\r\\n            <div class=\\\"zeus-space-between\\\">\\r\\n                <div class=\\\"zeus-flex-start me-3\\\">\\r\\n                    <div class=\\\"symbol symbol-25px me-4\\\">\\r\\n                        <span class=\\\"symbol-label bg-light-primary\\\">\\r\\n                            <span class=\\\"svg-icon svg-icon-2 svg-icon-primary\\\">\\r\\n                                <i to-do-icon.bind=\\\"toDo.aboutType\\\"></i>\\r\\n                            </span>\\r\\n                        </span>\\r\\n                    </div>\\r\\n                    <div class=\\\"zeus-to-do-date me-2\\\">\\r\\n                        <a if.bind=\\\"!toDo.isComplete\\\" href=\\\"#\\\" click.delegate=\\\"toggleDetails()\\\"><span class=\\\"zeus-colorized-color me-1\\\" colorize-ryg=\\\"type.bind:'color';color.bind:toDo.color\\\"><i class=\\\"fa-duotone fa-bell-on\\\"></i></span>${toDo.dueDate|formatDate:'l'}</a>\\r\\n                        <a if.bind=\\\"toDo.isComplete\\\" href=\\\"#\\\" click.delegate=\\\"toggleDetails()\\\"><span if.bind=\\\"toDo.isComplete\\\" class=\\\"zeus-success me-1\\\"><i class=\\\"fa-duotone fa-bell-on\\\"></i></span>${toDo.completedDate|formatDate:'l'}</a>\\r\\n                    </div>\\r\\n                    <div>${toDo.title}</div>\\r\\n                </div>\\r\\n                <div>\\r\\n                    <card-toolbar if.bind=\\\"toDo.canEdit || toDo.canComplete || toDo.canDelete\\\" actions.bind=\\\"toolbarActions(toDo)\\\" action.delegate=\\\"handleToDoAction($event.detail.key, toDo)\\\"></card-toolbar>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div if.bind=\\\"showDetails\\\" class=\\\"ps-5 mt-3\\\">\\r\\n                <div class=\\\"mt-2 mb-5\\\" class.bind=\\\"splitDetails ? 'zeus-space-between zeus-halves' : ''\\\">\\r\\n                    <div if.bind=\\\"showAboutItem && (toDo.member || toDo.policy || toDo.lead)\\\" class=\\\"mt-3 mb-3\\\">\\r\\n                        <member-name if.bind=\\\"showAboutItem && toDo.member\\\" member.bind=\\\"toDo.member\\\" size=\\\"xs\\\"></member-name>\\r\\n                        <policy-number if.bind=\\\"showAboutItem && toDo.policy\\\" policy.bind=\\\"toDo.policy\\\"></policy-number>\\r\\n                        <lead-name if.bind=\\\"showAboutItem && toDo.lead\\\" lead.bind=\\\"toDo.lead\\\"></lead-name>\\r\\n                    </div>\\r\\n                    <div innerhtml.bind=\\\"toDo.comments|textareaToHtml\\\"></div>\\r\\n                </div>\\r\\n                <div if.bind=\\\"showDates\\\" class=\\\"zeus-caption zeus-space-between kt-text-muted zeus-to-do-dates\\\">\\r\\n                    <div>\\r\\n                        <span if.bind=\\\"toDo.assignedToMember\\\"><label class=\\\"zeus-margin-right-xs\\\">${'assigned-to'&t}:</label>${toDo.assignedToMember.fullName}</span>\\r\\n                        <div if.bind=\\\"toDo.createdByMember\\\"><label class=\\\"zeus-margin-right-xs\\\">${'by'&t}:</label>${toDo.createdByMember.fullName}</div>\\r\\n                    </div>\\r\\n                    <div>\\r\\n                        <div><label class=\\\"zeus-margin-right-xs\\\">${'created'&t}:</label> ${toDo.createdDate|formatDate:'llll'}</div>\\r\\n                        <div if.bind=\\\"toDo.updatedDate\\\"><label class=\\\"zeus-margin-right-xs\\\">${'last-edited'&t}:</label>${toDo.updatedDate|formatDate:'llll'}</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n</template>\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <require from=\\\"./to-dos.scss\\\"></require>\\r\\n    <require from=\\\"./to-do\\\"></require>\\r\\n\\r\\n    <template if.bind=\\\"!cardStyle\\\" containerless>\\r\\n        <div class=\\\"zeus-full-height-with-scroller\\\">\\r\\n            <div if.bind=\\\"showTitle\\\" class=\\\"zeus-widget-heading\\\">\\r\\n                <h3>${titleKey ? titleKey : 'to-dos'&t:titleData}</h3>\\r\\n            </div>\\r\\n            <div if.bind=\\\"showOptions\\\" class=\\\"zeus-heading\\\">\\r\\n                <filter-input value.bind=\\\"searchOn\\\"></filter-input>\\r\\n                <card-toolbar if.bind=\\\"actions.length\\\" actions.bind=\\\"actions\\\" action.delegate=\\\"handleAction($event.detail.key)\\\"></card-toolbar>\\r\\n            </div>\\r\\n            <div class=\\\"zeus-full-height-scroller zeus-full-height-columns\\\">\\r\\n                <div class=\\\"zeus-theme zeus-pad-right-sm\\\">\\r\\n            \\r\\n                    <loader if.bind=\\\"loading\\\" size=\\\"xl\\\"></loader>\\r\\n                    <div if.bind=\\\"!loading && !toDos.length\\\" class=\\\"zeus-empty-message zeus-center\\\">${'no-to-dos-found'&t}</div>\\r\\n            \\r\\n                    <template repeat.for=\\\"toDo of toDos\\\" containerless>\\r\\n                        <to-do to-do.bind=\\\"toDo\\\" display.bind=\\\"toDo.display\\\" type.bind=\\\"type\\\" about-id.bind=\\\"aboutId\\\" highlight-active.bind=\\\"highlightActive\\\" show-about-item.bind=\\\"showAboutItem\\\" show-dates.bind=\\\"showDates\\\" updated.delegate=\\\"dispatchUpdatedEvent()\\\" view.bind=\\\"view\\\"></to-do>\\r\\n                    </template>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </template>\\r\\n    <template if.bind=\\\"cardStyle\\\" containerless>\\r\\n        <div class=\\\"card mb-5 mb-xxl-8\\\">\\r\\n            <div class=\\\"card-header\\\">\\r\\n                <div class=\\\"card-title\\\">\\r\\n                    <h3 if.bind=\\\"!viewOptions.length\\\" class=\\\"f2-bold text-dark\\\">${titleKey ? titleKey : 'to-dos'&t:titleData}</h3>\\r\\n                    <div if.bind=\\\"viewOptions.length\\\" class=\\\"dropdown\\\">\\r\\n                        <a class=\\\"btn btn-light dropdown-toggle\\\" href=\\\"#\\\" role=\\\"button\\\" id=\\\"dropdownMenuLink\\\" data-bs-toggle=\\\"dropdown\\\" aria-expanded=\\\"false\\\">\\r\\n                            ${viewOption.title&t:titleData}\\r\\n                        </a>\\r\\n                        <ul class=\\\"dropdown-menu\\\" aria-labelledby=\\\"dropdownMenuLink\\\">\\r\\n                            <li repeat.for=\\\"vo of viewOptions\\\" class=\\\"dropdown-item ${vo.key === viewOption.key ? 'active' : ''}\\\" click.delegate=\\\"displayViewOption(vo)\\\"><span>${vo.title&t:titleData}</span></li>\\r\\n                        </ul>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <card-toolbar if.bind=\\\"actions.length\\\" actions.bind=\\\"actions\\\" action.delegate=\\\"handleAction($event.detail.key)\\\"></card-toolbar>\\r\\n            </div>\\r\\n            <div class=\\\"card-body\\\">\\r\\n                <div class=\\\"zeus-heading\\\">\\r\\n                    <filter-input value.bind=\\\"searchOn\\\"></filter-input>\\r\\n                </div>\\r\\n\\r\\n                <loader if.bind=\\\"loading\\\" size=\\\"xl\\\"></loader>\\r\\n                <div if.bind=\\\"!loading && !toDos.length\\\" class=\\\"zeus-empty-message zeus-center\\\">${'no-to-dos-found'&t}</div>\\r\\n        \\r\\n                <template repeat.for=\\\"toDo of toDos\\\" containerless>\\r\\n                    <to-do to-do.bind=\\\"toDo\\\" display.bind=\\\"toDo.display\\\" type.bind=\\\"type\\\" about-id.bind=\\\"aboutId\\\" highlight-header.bind=\\\"true\\\" highlight-active.bind=\\\"highlightActive\\\" show-about-item.bind=\\\"showAboutItem\\\" show-dates.bind=\\\"showDates\\\" updated.delegate=\\\"dispatchUpdatedEvent()\\\" view.bind=\\\"view\\\"></to-do>\\r\\n                </template>\\r\\n            </div>\\r\\n        </div>\\r\\n    </template>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <require from=\\\"./zeus-toggle-switch.scss\\\"></require>\\r\\n    <label class=\\\"zeus-toggle-label\\\">\\r\\n        <span if.bind=\\\"!checked\\\" class=\\\"zeus-toggle-value\\\">${offText}</span>\\r\\n        <span if.bind=\\\"checked\\\" class=\\\"zeus-toggle-value\\\">${onText}</span>\\r\\n        <input type=\\\"checkbox\\\" class=\\\"zeus-toggle-checkbox\\\" checked.bind=\\\"checked\\\">\\r\\n        <span class=\\\"zeus-toggle-slider\\\" class.bind=\\\"theme\\\"></span>\\r\\n    </label>\\r\\n</template>\\r\\n  \";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <require from=\\\"./tooltip.scss\\\"></require>\\r\\n    <div class=\\\"zeus-tooltip\\\" ref=\\\"tooltipEl\\\" role=\\\"tooltip\\\">\\r\\n        <slot></slot>\\r\\n        <div class=\\\"zeus-tooltip-arrow\\\" data-popper-arrow></div>\\r\\n    </div>\\r\\n</template>\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <ux-dialog class=\\\"zeus-dialog zeus-dialog-medium\\\">\\r\\n        <ux-dialog-header>\\r\\n            <h4>${title&t}</h4>\\r\\n            <a href=\\\"#\\\" click.delegate=\\\"dialogController.cancel()\\\" i18n=\\\"[title]close\\\"><i class=\\\"fas fa-times\\\" aria-hidden=\\\"true\\\"></i></a>\\r\\n        </ux-dialog-header>\\r\\n        <ux-dialog-body>\\r\\n            <p show.bind=\\\"instructionsKey\\\" class=\\\"error\\\">${instructionsKey&t}</p>\\r\\n            <form role=\\\"form\\\" submit.delegate=\\\"save()\\\">\\r\\n                <div class=\\\"fv-row mb-7\\\">\\r\\n                    <input type=\\\"text\\\" class=\\\"form-control form-control-solid\\\" value.bind=\\\"uiTerm\\\" id=\\\"${id}\\\">\\r\\n                </div>\\r\\n            </form>\\r\\n        </ux-dialog-body>\\r\\n        <ux-dialog-footer class=\\\"zeus-space-footer-buttons\\\">\\r\\n            <div>\\r\\n            </div>\\r\\n            <div>\\r\\n                <button click.delegate=\\\"save()\\\" class=\\\"btn btn-primary\\\">${'save'&t}</button>\\r\\n            </div>\\r\\n        </ux-dialog-footer>\\r\\n    </ux-dialog>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <dropdown-menu trigger=\\\"click\\\" trigger-class=\\\"btn btn-custom btn-outline btn-icon btn-icon-gray-700 btn-active-icon-primary\\\" close.bind=\\\"closeMenu\\\" \\r\\n        menu-class=\\\"menu-title-gray-700 menu-icon-muted menu-active-bg menu-state-color fw-semibold py-4 fs-base w-175px\\\"\\r\\n        mouse-enter-debounce.bind=\\\"300\\\">\\r\\n        <span class=\\\"svg-icon theme-light-show svg-icon-2\\\">\\r\\n            <svg width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\r\\n                <path d=\\\"M11.9905 5.62598C10.7293 5.62574 9.49646 5.9995 8.44775 6.69997C7.39903 7.40045 6.58159 8.39619 6.09881 9.56126C5.61603 10.7263 5.48958 12.0084 5.73547 13.2453C5.98135 14.4823 6.58852 15.6185 7.48019 16.5104C8.37186 17.4022 9.50798 18.0096 10.7449 18.2557C11.9818 18.5019 13.2639 18.3757 14.429 17.8931C15.5942 17.4106 16.5901 16.5933 17.2908 15.5448C17.9915 14.4962 18.3655 13.2634 18.3655 12.0023C18.3637 10.3119 17.6916 8.69129 16.4964 7.49593C15.3013 6.30056 13.6808 5.62806 11.9905 5.62598Z\\\" fill=\\\"currentColor\\\" />\\r\\n                <path d=\\\"M22.1258 10.8771H20.627C20.3286 10.8771 20.0424 10.9956 19.8314 11.2066C19.6204 11.4176 19.5018 11.7038 19.5018 12.0023C19.5018 12.3007 19.6204 12.5869 19.8314 12.7979C20.0424 13.0089 20.3286 13.1274 20.627 13.1274H22.1258C22.4242 13.1274 22.7104 13.0089 22.9214 12.7979C23.1324 12.5869 23.2509 12.3007 23.2509 12.0023C23.2509 11.7038 23.1324 11.4176 22.9214 11.2066C22.7104 10.9956 22.4242 10.8771 22.1258 10.8771Z\\\" fill=\\\"currentColor\\\" />\\r\\n                <path d=\\\"M11.9905 19.4995C11.6923 19.5 11.4064 19.6187 11.1956 19.8296C10.9848 20.0405 10.8663 20.3265 10.866 20.6247V22.1249C10.866 22.4231 10.9845 22.7091 11.1953 22.9199C11.4062 23.1308 11.6922 23.2492 11.9904 23.2492C12.2886 23.2492 12.5746 23.1308 12.7854 22.9199C12.9963 22.7091 13.1147 22.4231 13.1147 22.1249V20.6247C13.1145 20.3265 12.996 20.0406 12.7853 19.8296C12.5745 19.6187 12.2887 19.5 11.9905 19.4995Z\\\" fill=\\\"currentColor\\\" />\\r\\n                <path d=\\\"M4.49743 12.0023C4.49718 11.704 4.37865 11.4181 4.16785 11.2072C3.95705 10.9962 3.67119 10.8775 3.37298 10.8771H1.87445C1.57603 10.8771 1.28984 10.9956 1.07883 11.2066C0.867812 11.4176 0.749266 11.7038 0.749266 12.0023C0.749266 12.3007 0.867812 12.5869 1.07883 12.7979C1.28984 13.0089 1.57603 13.1274 1.87445 13.1274H3.37299C3.6712 13.127 3.95706 13.0083 4.16785 12.7973C4.37865 12.5864 4.49718 12.3005 4.49743 12.0023Z\\\" fill=\\\"currentColor\\\" />\\r\\n                <path d=\\\"M11.9905 4.50058C12.2887 4.50012 12.5745 4.38141 12.7853 4.17048C12.9961 3.95954 13.1147 3.67361 13.1149 3.3754V1.87521C13.1149 1.57701 12.9965 1.29103 12.7856 1.08017C12.5748 0.869313 12.2888 0.750854 11.9906 0.750854C11.6924 0.750854 11.4064 0.869313 11.1955 1.08017C10.9847 1.29103 10.8662 1.57701 10.8662 1.87521V3.3754C10.8664 3.67359 10.9849 3.95952 11.1957 4.17046C11.4065 4.3814 11.6923 4.50012 11.9905 4.50058Z\\\" fill=\\\"currentColor\\\" />\\r\\n                <path d=\\\"M18.8857 6.6972L19.9465 5.63642C20.0512 5.53209 20.1343 5.40813 20.1911 5.27163C20.2479 5.13513 20.2772 4.98877 20.2774 4.84093C20.2775 4.69309 20.2485 4.54667 20.192 4.41006C20.1355 4.27344 20.0526 4.14932 19.948 4.04478C19.8435 3.94024 19.7194 3.85734 19.5828 3.80083C19.4462 3.74432 19.2997 3.71531 19.1519 3.71545C19.0041 3.7156 18.8577 3.7449 18.7212 3.80167C18.5847 3.85845 18.4607 3.94159 18.3564 4.04633L17.2956 5.10714C17.1909 5.21147 17.1077 5.33543 17.0509 5.47194C16.9942 5.60844 16.9649 5.7548 16.9647 5.90264C16.9646 6.05048 16.9936 6.19689 17.0501 6.33351C17.1066 6.47012 17.1895 6.59425 17.294 6.69878C17.3986 6.80332 17.5227 6.88621 17.6593 6.94272C17.7959 6.99923 17.9424 7.02824 18.0902 7.02809C18.238 7.02795 18.3844 6.99865 18.5209 6.94187C18.6574 6.88509 18.7814 6.80195 18.8857 6.6972Z\\\" fill=\\\"currentColor\\\" />\\r\\n                <path d=\\\"M18.8855 17.3073C18.7812 17.2026 18.6572 17.1195 18.5207 17.0627C18.3843 17.006 18.2379 16.9767 18.0901 16.9766C17.9423 16.9764 17.7959 17.0055 17.6593 17.062C17.5227 17.1185 17.3986 17.2014 17.2941 17.3059C17.1895 17.4104 17.1067 17.5345 17.0501 17.6711C16.9936 17.8077 16.9646 17.9541 16.9648 18.1019C16.9649 18.2497 16.9942 18.3961 17.0509 18.5326C17.1077 18.6691 17.1908 18.793 17.2955 18.8974L18.3563 19.9582C18.4606 20.0629 18.5846 20.146 18.721 20.2027C18.8575 20.2595 19.0039 20.2887 19.1517 20.2889C19.2995 20.289 19.4459 20.26 19.5825 20.2035C19.7191 20.147 19.8432 20.0641 19.9477 19.9595C20.0523 19.855 20.1351 19.7309 20.1916 19.5943C20.2482 19.4577 20.2772 19.3113 20.277 19.1635C20.2769 19.0157 20.2476 18.8694 20.1909 18.7329C20.1341 18.5964 20.051 18.4724 19.9463 18.3681L18.8855 17.3073Z\\\" fill=\\\"currentColor\\\" />\\r\\n                <path d=\\\"M5.09528 17.3072L4.0345 18.368C3.92972 18.4723 3.84655 18.5963 3.78974 18.7328C3.73294 18.8693 3.70362 19.0156 3.70346 19.1635C3.7033 19.3114 3.7323 19.4578 3.78881 19.5944C3.84532 19.7311 3.92822 19.8552 4.03277 19.9598C4.13732 20.0643 4.26147 20.1472 4.3981 20.2037C4.53473 20.2602 4.68117 20.2892 4.82902 20.2891C4.97688 20.2889 5.12325 20.2596 5.25976 20.2028C5.39627 20.146 5.52024 20.0628 5.62456 19.958L6.68536 18.8973C6.79007 18.7929 6.87318 18.6689 6.92993 18.5325C6.98667 18.396 7.01595 18.2496 7.01608 18.1018C7.01621 17.954 6.98719 17.8076 6.93068 17.671C6.87417 17.5344 6.79129 17.4103 6.68676 17.3058C6.58224 17.2012 6.45813 17.1183 6.32153 17.0618C6.18494 17.0053 6.03855 16.9763 5.89073 16.9764C5.74291 16.9766 5.59657 17.0058 5.46007 17.0626C5.32358 17.1193 5.19962 17.2024 5.09528 17.3072Z\\\" fill=\\\"currentColor\\\" />\\r\\n                <path d=\\\"M5.09541 6.69715C5.19979 6.8017 5.32374 6.88466 5.4602 6.94128C5.59665 6.9979 5.74292 7.02708 5.89065 7.02714C6.03839 7.0272 6.18469 6.99815 6.32119 6.94164C6.45769 6.88514 6.58171 6.80228 6.68618 6.69782C6.79064 6.59336 6.87349 6.46933 6.93 6.33283C6.9865 6.19633 7.01556 6.05003 7.01549 5.9023C7.01543 5.75457 6.98625 5.60829 6.92963 5.47184C6.87301 5.33539 6.79005 5.21143 6.6855 5.10706L5.6247 4.04626C5.5204 3.94137 5.39643 3.8581 5.25989 3.80121C5.12335 3.74432 4.97692 3.71493 4.82901 3.71472C4.68109 3.71452 4.53458 3.7435 4.39789 3.80001C4.26119 3.85652 4.13699 3.93945 4.03239 4.04404C3.9278 4.14864 3.84487 4.27284 3.78836 4.40954C3.73185 4.54624 3.70287 4.69274 3.70308 4.84066C3.70329 4.98858 3.73268 5.135 3.78957 5.27154C3.84646 5.40808 3.92974 5.53205 4.03462 5.63635L5.09541 6.69715Z\\\" fill=\\\"currentColor\\\" />\\r\\n            </svg>\\r\\n        </span>\\r\\n        <span class=\\\"svg-icon theme-dark-show svg-icon-2\\\">\\r\\n            <svg width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\r\\n                <path d=\\\"M19.0647 5.43757C19.3421 5.43757 19.567 5.21271 19.567 4.93534C19.567 4.65796 19.3421 4.43311 19.0647 4.43311C18.7874 4.43311 18.5625 4.65796 18.5625 4.93534C18.5625 5.21271 18.7874 5.43757 19.0647 5.43757Z\\\" fill=\\\"currentColor\\\" />\\r\\n                <path d=\\\"M20.0692 9.48884C20.3466 9.48884 20.5714 9.26398 20.5714 8.98661C20.5714 8.70923 20.3466 8.48438 20.0692 8.48438C19.7918 8.48438 19.567 8.70923 19.567 8.98661C19.567 9.26398 19.7918 9.48884 20.0692 9.48884Z\\\" fill=\\\"currentColor\\\" />\\r\\n                <path d=\\\"M12.0335 20.5714C15.6943 20.5714 18.9426 18.2053 20.1168 14.7338C20.1884 14.5225 20.1114 14.289 19.9284 14.161C19.746 14.034 19.5003 14.0418 19.3257 14.1821C18.2432 15.0546 16.9371 15.5156 15.5491 15.5156C12.2257 15.5156 9.48884 12.8122 9.48884 9.48886C9.48884 7.41079 10.5773 5.47137 12.3449 4.35752C12.5342 4.23832 12.6 4.00733 12.5377 3.79251C12.4759 3.57768 12.2571 3.42859 12.0335 3.42859C7.32556 3.42859 3.42857 7.29209 3.42857 12C3.42857 16.7079 7.32556 20.5714 12.0335 20.5714Z\\\" fill=\\\"currentColor\\\" />\\r\\n                <path d=\\\"M13.0379 7.47998C13.8688 7.47998 14.5446 8.15585 14.5446 8.98668C14.5446 9.26428 14.7693 9.48891 15.0469 9.48891C15.3245 9.48891 15.5491 9.26428 15.5491 8.98668C15.5491 8.15585 16.225 7.47998 17.0558 7.47998C17.3334 7.47998 17.558 7.25535 17.558 6.97775C17.558 6.70015 17.3334 6.47552 17.0558 6.47552C16.225 6.47552 15.5491 5.76616 15.5491 4.93534C15.5491 4.65774 15.3245 4.43311 15.0469 4.43311C14.7693 4.43311 14.5446 4.65774 14.5446 4.93534C14.5446 5.76616 13.8688 6.47552 13.0379 6.47552C12.7603 6.47552 12.5357 6.70015 12.5357 6.97775C12.5357 7.25535 12.7603 7.47998 13.0379 7.47998Z\\\" fill=\\\"currentColor\\\" />\\r\\n            </svg>\\r\\n        </span>\\r\\n        <div slot=\\\"menu\\\">\\r\\n            <div class=\\\"menu-item px-3 my-0\\\">\\r\\n                <a href=\\\"#\\\" class=\\\"menu-link px-3 py-2\\\" data-kt-element=\\\"mode\\\" data-kt-value=\\\"light\\\" click.delegate=\\\"setMode('light')\\\">\\r\\n                    <span class=\\\"menu-icon\\\" data-kt-element=\\\"icon\\\">\\r\\n                        <span class=\\\"svg-icon svg-icon-3\\\">\\r\\n                            <svg width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\r\\n                                <path d=\\\"M11.9905 5.62598C10.7293 5.62574 9.49646 5.9995 8.44775 6.69997C7.39903 7.40045 6.58159 8.39619 6.09881 9.56126C5.61603 10.7263 5.48958 12.0084 5.73547 13.2453C5.98135 14.4823 6.58852 15.6185 7.48019 16.5104C8.37186 17.4022 9.50798 18.0096 10.7449 18.2557C11.9818 18.5019 13.2639 18.3757 14.429 17.8931C15.5942 17.4106 16.5901 16.5933 17.2908 15.5448C17.9915 14.4962 18.3655 13.2634 18.3655 12.0023C18.3637 10.3119 17.6916 8.69129 16.4964 7.49593C15.3013 6.30056 13.6808 5.62806 11.9905 5.62598Z\\\" fill=\\\"currentColor\\\" />\\r\\n                                <path d=\\\"M22.1258 10.8771H20.627C20.3286 10.8771 20.0424 10.9956 19.8314 11.2066C19.6204 11.4176 19.5018 11.7038 19.5018 12.0023C19.5018 12.3007 19.6204 12.5869 19.8314 12.7979C20.0424 13.0089 20.3286 13.1274 20.627 13.1274H22.1258C22.4242 13.1274 22.7104 13.0089 22.9214 12.7979C23.1324 12.5869 23.2509 12.3007 23.2509 12.0023C23.2509 11.7038 23.1324 11.4176 22.9214 11.2066C22.7104 10.9956 22.4242 10.8771 22.1258 10.8771Z\\\" fill=\\\"currentColor\\\" />\\r\\n                                <path d=\\\"M11.9905 19.4995C11.6923 19.5 11.4064 19.6187 11.1956 19.8296C10.9848 20.0405 10.8663 20.3265 10.866 20.6247V22.1249C10.866 22.4231 10.9845 22.7091 11.1953 22.9199C11.4062 23.1308 11.6922 23.2492 11.9904 23.2492C12.2886 23.2492 12.5746 23.1308 12.7854 22.9199C12.9963 22.7091 13.1147 22.4231 13.1147 22.1249V20.6247C13.1145 20.3265 12.996 20.0406 12.7853 19.8296C12.5745 19.6187 12.2887 19.5 11.9905 19.4995Z\\\" fill=\\\"currentColor\\\" />\\r\\n                                <path d=\\\"M4.49743 12.0023C4.49718 11.704 4.37865 11.4181 4.16785 11.2072C3.95705 10.9962 3.67119 10.8775 3.37298 10.8771H1.87445C1.57603 10.8771 1.28984 10.9956 1.07883 11.2066C0.867812 11.4176 0.749266 11.7038 0.749266 12.0023C0.749266 12.3007 0.867812 12.5869 1.07883 12.7979C1.28984 13.0089 1.57603 13.1274 1.87445 13.1274H3.37299C3.6712 13.127 3.95706 13.0083 4.16785 12.7973C4.37865 12.5864 4.49718 12.3005 4.49743 12.0023Z\\\" fill=\\\"currentColor\\\" />\\r\\n                                <path d=\\\"M11.9905 4.50058C12.2887 4.50012 12.5745 4.38141 12.7853 4.17048C12.9961 3.95954 13.1147 3.67361 13.1149 3.3754V1.87521C13.1149 1.57701 12.9965 1.29103 12.7856 1.08017C12.5748 0.869313 12.2888 0.750854 11.9906 0.750854C11.6924 0.750854 11.4064 0.869313 11.1955 1.08017C10.9847 1.29103 10.8662 1.57701 10.8662 1.87521V3.3754C10.8664 3.67359 10.9849 3.95952 11.1957 4.17046C11.4065 4.3814 11.6923 4.50012 11.9905 4.50058Z\\\" fill=\\\"currentColor\\\" />\\r\\n                                <path d=\\\"M18.8857 6.6972L19.9465 5.63642C20.0512 5.53209 20.1343 5.40813 20.1911 5.27163C20.2479 5.13513 20.2772 4.98877 20.2774 4.84093C20.2775 4.69309 20.2485 4.54667 20.192 4.41006C20.1355 4.27344 20.0526 4.14932 19.948 4.04478C19.8435 3.94024 19.7194 3.85734 19.5828 3.80083C19.4462 3.74432 19.2997 3.71531 19.1519 3.71545C19.0041 3.7156 18.8577 3.7449 18.7212 3.80167C18.5847 3.85845 18.4607 3.94159 18.3564 4.04633L17.2956 5.10714C17.1909 5.21147 17.1077 5.33543 17.0509 5.47194C16.9942 5.60844 16.9649 5.7548 16.9647 5.90264C16.9646 6.05048 16.9936 6.19689 17.0501 6.33351C17.1066 6.47012 17.1895 6.59425 17.294 6.69878C17.3986 6.80332 17.5227 6.88621 17.6593 6.94272C17.7959 6.99923 17.9424 7.02824 18.0902 7.02809C18.238 7.02795 18.3844 6.99865 18.5209 6.94187C18.6574 6.88509 18.7814 6.80195 18.8857 6.6972Z\\\" fill=\\\"currentColor\\\" />\\r\\n                                <path d=\\\"M18.8855 17.3073C18.7812 17.2026 18.6572 17.1195 18.5207 17.0627C18.3843 17.006 18.2379 16.9767 18.0901 16.9766C17.9423 16.9764 17.7959 17.0055 17.6593 17.062C17.5227 17.1185 17.3986 17.2014 17.2941 17.3059C17.1895 17.4104 17.1067 17.5345 17.0501 17.6711C16.9936 17.8077 16.9646 17.9541 16.9648 18.1019C16.9649 18.2497 16.9942 18.3961 17.0509 18.5326C17.1077 18.6691 17.1908 18.793 17.2955 18.8974L18.3563 19.9582C18.4606 20.0629 18.5846 20.146 18.721 20.2027C18.8575 20.2595 19.0039 20.2887 19.1517 20.2889C19.2995 20.289 19.4459 20.26 19.5825 20.2035C19.7191 20.147 19.8432 20.0641 19.9477 19.9595C20.0523 19.855 20.1351 19.7309 20.1916 19.5943C20.2482 19.4577 20.2772 19.3113 20.277 19.1635C20.2769 19.0157 20.2476 18.8694 20.1909 18.7329C20.1341 18.5964 20.051 18.4724 19.9463 18.3681L18.8855 17.3073Z\\\" fill=\\\"currentColor\\\" />\\r\\n                                <path d=\\\"M5.09528 17.3072L4.0345 18.368C3.92972 18.4723 3.84655 18.5963 3.78974 18.7328C3.73294 18.8693 3.70362 19.0156 3.70346 19.1635C3.7033 19.3114 3.7323 19.4578 3.78881 19.5944C3.84532 19.7311 3.92822 19.8552 4.03277 19.9598C4.13732 20.0643 4.26147 20.1472 4.3981 20.2037C4.53473 20.2602 4.68117 20.2892 4.82902 20.2891C4.97688 20.2889 5.12325 20.2596 5.25976 20.2028C5.39627 20.146 5.52024 20.0628 5.62456 19.958L6.68536 18.8973C6.79007 18.7929 6.87318 18.6689 6.92993 18.5325C6.98667 18.396 7.01595 18.2496 7.01608 18.1018C7.01621 17.954 6.98719 17.8076 6.93068 17.671C6.87417 17.5344 6.79129 17.4103 6.68676 17.3058C6.58224 17.2012 6.45813 17.1183 6.32153 17.0618C6.18494 17.0053 6.03855 16.9763 5.89073 16.9764C5.74291 16.9766 5.59657 17.0058 5.46007 17.0626C5.32358 17.1193 5.19962 17.2024 5.09528 17.3072Z\\\" fill=\\\"currentColor\\\" />\\r\\n                                <path d=\\\"M5.09541 6.69715C5.19979 6.8017 5.32374 6.88466 5.4602 6.94128C5.59665 6.9979 5.74292 7.02708 5.89065 7.02714C6.03839 7.0272 6.18469 6.99815 6.32119 6.94164C6.45769 6.88514 6.58171 6.80228 6.68618 6.69782C6.79064 6.59336 6.87349 6.46933 6.93 6.33283C6.9865 6.19633 7.01556 6.05003 7.01549 5.9023C7.01543 5.75457 6.98625 5.60829 6.92963 5.47184C6.87301 5.33539 6.79005 5.21143 6.6855 5.10706L5.6247 4.04626C5.5204 3.94137 5.39643 3.8581 5.25989 3.80121C5.12335 3.74432 4.97692 3.71493 4.82901 3.71472C4.68109 3.71452 4.53458 3.7435 4.39789 3.80001C4.26119 3.85652 4.13699 3.93945 4.03239 4.04404C3.9278 4.14864 3.84487 4.27284 3.78836 4.40954C3.73185 4.54624 3.70287 4.69274 3.70308 4.84066C3.70329 4.98858 3.73268 5.135 3.78957 5.27154C3.84646 5.40808 3.92974 5.53205 4.03462 5.63635L5.09541 6.69715Z\\\" fill=\\\"currentColor\\\" />\\r\\n                            </svg>\\r\\n                        </span>\\r\\n                    </span>\\r\\n                    <span class=\\\"menu-title\\\">${'mode-light'&t}</span>\\r\\n                </a>\\r\\n            </div>\\r\\n            <div class=\\\"menu-item px-3 my-0\\\">\\r\\n                <a href=\\\"#\\\" class=\\\"menu-link px-3 py-2\\\" data-kt-element=\\\"mode\\\" data-kt-value=\\\"dark\\\" click.delegate=\\\"setMode('dark')\\\">\\r\\n                    <span class=\\\"menu-icon\\\" data-kt-element=\\\"icon\\\">\\r\\n                        <span class=\\\"svg-icon svg-icon-3\\\">\\r\\n                            <svg width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\r\\n                                <path d=\\\"M19.0647 5.43757C19.3421 5.43757 19.567 5.21271 19.567 4.93534C19.567 4.65796 19.3421 4.43311 19.0647 4.43311C18.7874 4.43311 18.5625 4.65796 18.5625 4.93534C18.5625 5.21271 18.7874 5.43757 19.0647 5.43757Z\\\" fill=\\\"currentColor\\\" />\\r\\n                                <path d=\\\"M20.0692 9.48884C20.3466 9.48884 20.5714 9.26398 20.5714 8.98661C20.5714 8.70923 20.3466 8.48438 20.0692 8.48438C19.7918 8.48438 19.567 8.70923 19.567 8.98661C19.567 9.26398 19.7918 9.48884 20.0692 9.48884Z\\\" fill=\\\"currentColor\\\" />\\r\\n                                <path d=\\\"M12.0335 20.5714C15.6943 20.5714 18.9426 18.2053 20.1168 14.7338C20.1884 14.5225 20.1114 14.289 19.9284 14.161C19.746 14.034 19.5003 14.0418 19.3257 14.1821C18.2432 15.0546 16.9371 15.5156 15.5491 15.5156C12.2257 15.5156 9.48884 12.8122 9.48884 9.48886C9.48884 7.41079 10.5773 5.47137 12.3449 4.35752C12.5342 4.23832 12.6 4.00733 12.5377 3.79251C12.4759 3.57768 12.2571 3.42859 12.0335 3.42859C7.32556 3.42859 3.42857 7.29209 3.42857 12C3.42857 16.7079 7.32556 20.5714 12.0335 20.5714Z\\\" fill=\\\"currentColor\\\" />\\r\\n                                <path d=\\\"M13.0379 7.47998C13.8688 7.47998 14.5446 8.15585 14.5446 8.98668C14.5446 9.26428 14.7693 9.48891 15.0469 9.48891C15.3245 9.48891 15.5491 9.26428 15.5491 8.98668C15.5491 8.15585 16.225 7.47998 17.0558 7.47998C17.3334 7.47998 17.558 7.25535 17.558 6.97775C17.558 6.70015 17.3334 6.47552 17.0558 6.47552C16.225 6.47552 15.5491 5.76616 15.5491 4.93534C15.5491 4.65774 15.3245 4.43311 15.0469 4.43311C14.7693 4.43311 14.5446 4.65774 14.5446 4.93534C14.5446 5.76616 13.8688 6.47552 13.0379 6.47552C12.7603 6.47552 12.5357 6.70015 12.5357 6.97775C12.5357 7.25535 12.7603 7.47998 13.0379 7.47998Z\\\" fill=\\\"currentColor\\\" />\\r\\n                            </svg>\\r\\n                        </span>\\r\\n                    </span>\\r\\n                    <span class=\\\"menu-title\\\">${'mode-dark'&t}</span>\\r\\n                </a>\\r\\n            </div>\\r\\n            <div class=\\\"d-none menu-item px-3 my-0\\\">\\r\\n                <a href=\\\"#\\\" class=\\\"menu-link px-3 py-2\\\" data-kt-element=\\\"mode\\\" data-kt-value=\\\"system\\\" click.delegate=\\\"setMode('system')\\\">\\r\\n                    <span class=\\\"menu-icon\\\" data-kt-element=\\\"icon\\\">\\r\\n                        <span class=\\\"svg-icon svg-icon-3\\\">\\r\\n                            <svg width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\r\\n                                <path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M1.34375 3.9463V15.2178C1.34375 16.119 2.08105 16.8563 2.98219 16.8563H8.65093V19.4594H6.15702C5.38853 19.4594 4.75981 19.9617 4.75981 20.5757V21.6921H19.2403V20.5757C19.2403 19.9617 18.6116 19.4594 17.8431 19.4594H15.3492V16.8563H21.0179C21.919 16.8563 22.6562 16.119 22.6562 15.2178V3.9463C22.6562 3.04516 21.9189 2.30786 21.0179 2.30786H2.98219C2.08105 2.30786 1.34375 3.04516 1.34375 3.9463ZM12.9034 9.9016C13.241 9.98792 13.5597 10.1216 13.852 10.2949L15.0393 9.4353L15.9893 10.3853L15.1297 11.5727C15.303 11.865 15.4366 12.1837 15.523 12.5212L16.97 12.7528V13.4089H13.9851C13.9766 12.3198 13.0912 11.4394 12 11.4394C10.9089 11.4394 10.0235 12.3198 10.015 13.4089H7.03006V12.7528L8.47712 12.5211C8.56345 12.1836 8.69703 11.8649 8.87037 11.5727L8.0107 10.3853L8.96078 9.4353L10.148 10.2949C10.4404 10.1215 10.759 9.98788 11.0966 9.9016L11.3282 8.45467H12.6718L12.9034 9.9016ZM16.1353 7.93758C15.6779 7.93758 15.3071 7.56681 15.3071 7.1094C15.3071 6.652 15.6779 6.28122 16.1353 6.28122C16.5926 6.28122 16.9634 6.652 16.9634 7.1094C16.9634 7.56681 16.5926 7.93758 16.1353 7.93758ZM2.71385 14.0964V3.90518C2.71385 3.78023 2.81612 3.67796 2.94107 3.67796H21.0589C21.1839 3.67796 21.2861 3.78023 21.2861 3.90518V14.0964C15.0954 14.0964 8.90462 14.0964 2.71385 14.0964Z\\\" fill=\\\"currentColor\\\" />\\r\\n                            </svg>\\r\\n                        </span>\\r\\n                    </span>\\r\\n                    <span class=\\\"menu-title\\\">System</span>\\r\\n                </a>\\r\\n            </div>\\r\\n        </div>\\r\\n    </dropdown-menu>\\r\\n</template>\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <require from=\\\"./font-sizer.scss\\\"></require>\\r\\n    <div class=\\\"input-group input-group-sm\\\">\\r\\n        <span class=\\\"input-group-text\\\">${'font-size'&t}</span>\\r\\n        <button class=\\\"btn btn-outline-secondary\\\" type=\\\"button\\\" click.delegate=\\\"resize(-1)\\\"><i class=\\\"fas fa-minus\\\"></i></button>\\r\\n        <span class=\\\"input-group-text zeus-font-size\\\">${size > 0 ? '+' : ''}${size}</span>\\r\\n        <button class=\\\"btn btn-outline-secondary\\\" type=\\\"button\\\" click.delegate=\\\"resize(1)\\\"><i class=\\\"fas fa-plus\\\"></i></button>\\r\\n    </div>\\r\\n</template>\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <span if.bind=\\\"working\\\"><i class=\\\"fas fa-circle-notch fa-spin\\\"></i></span>\\r\\n</template>\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <textarea class=\\\"form-control form-control-solid\\\" id.bind=\\\"id\\\"></textarea>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;"],"names":[],"sourceRoot":""}