зачем разбираться в чем разница хз

для изучения работы js чтобы потом ходить по собеседкам и разваливать всех ахахахаха

но все же проблема думаю в работе браузера с number с плавающей, а не имплементация

попробывал

function atan2(y, x) {
   y = new this(y);
   x = new this(x);
   var r,
     pr = this.precision,
     rm = this.rounding,
     wpr = pr + 4;

   // Either NaN
   if (!y.s || !x.s) {
     r = new this(NaN);

   // Both ±Infinity
   } else if (!y.d && !x.d) {
     r = getPi(this, wpr, 1).times(x.s > 0 ? 0.25 : 0.75);
     r.s = y.s;

   // x is ±Infinity or y is ±0
   } else if (!x.d || y.isZero()) {
     r = x.s < 0 ? getPi(this, pr, rm) : new this(0);
     r.s = y.s;

   // y is ±Infinity or x is ±0
   } else if (!y.d || x.isZero()) {
     r = getPi(this, wpr, 1).times(0.5);
     r.s = y.s;

   // Both non-zero and finite
   } else if (x.s < 0) {
     this.precision = wpr;
     this.rounding = 1;
     r = this.atan(divide(y, x, wpr, 1));
     x = getPi(this, wpr, 1);
     this.precision = pr;
     this.rounding = rm;
     r = y.s < 0 ? r.minus(x) : r.plus(x);
   } else {
     r = this.atan(divide(y, x, wpr, 1));
   }

   return r;
 }

результат  тот самый что и был

значит все таки браузер округляет по разному

теперь нужно узнать почему он так делает

так как не всегда 15 значения оставлят

лол, что толку то от того что ты узнаешь хз)
бери просто либу аля bignumber, напиши имплементацию арктангенса, но в любом случае ты потом этот bignumber будешь в родному намберу приводить для three.js и в итоге получишь тоже самое

ну первое что я сделал

math.config({
           number: 'BigNumber', // Default type of number:
           // 'number' (default), 'BigNumber', or 'Fraction'
           precision: 20 // Number of significant digits for BigNumbers
       })

       console.log('round-off errors with numbers')
       console.log(math.atan2(-2.2436363636363637, -1.5287272727272727))

рез то же

имплементацию я више кидал

Ребят, у кого был опыт создания Angular Elements с использованием материаловских компонентов, чтобы вся эта красота заработала под IE11?

Работает

Только полифилы добавить нужно

Вот как раз с полифилами и проблема.
Вкратце расскажу, что сделал я, чтобы было понятнее.
1. Заимпортил материаловскую тему в стили компонента.
2. В компоненте включил  ViewEncapsulation.Native
3. В tsconfig установил target: 'es5'
4. В полифилах добавил custom-elements-es5-adapter.
(Также пробовал добавлять native-shim и custom-elements.min - не помогло).

Результат:
1. Chrome - работает, но предупреждает, что createshadowroot is deprecated, что ожидаемо.
2. IE11 - ничего не рендерит, хотя тег в доме есть, в консоли ошибок нет.
3. FF - та же история.

Если отключить encapsulation, то во всех браузерах все отображается. Но не применяются стили, что крайне обидно.

Возможно я что-то упустил?

UPDATE:
Переключил encapsulation на ShadowDom.
В Chrome исчез ворнинг.
В FF все отлично отрендерилось.

В IE11 воз и ныне там :(