@m3e/progress-indicator 1.1.5 → 1.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.js +5 -7
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.min.js +3 -3
  4. package/dist/index.min.js.map +1 -1
  5. package/dist/src/CircularProgressIndicatorElement.d.ts.map +1 -1
  6. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -955,7 +955,7 @@ _M3eCircularProgressIndicatorElement_renderFlatIndicator = function _M3eCircular
955
955
  startAngle: -__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_strokeWidth, "f"),
956
956
  endAngle: 135
957
957
  });
958
- return html`<div class="progress" aria-hidden="true"><div class="spinner"><div class="left"><svg width="${left.size}" height="${left.size}" viewBox="${left.viewBox}" class="circle"><path class="active-track" d="${left.path}" stroke="currentColor" stroke-width="${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_strokeWidth, "f")}" fill="none" stroke-linecap="round"/></svg></div><div class="right"><svg width="${right.size}" height="${right.size}" viewBox="${right.viewBox}" class="circle"><path class="active-track" d="${right.path}" stroke="currentColor" stroke-width="${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_strokeWidth, "f")}" fill="none" stroke-linecap="round"/></svg></div></div></div>${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_instances, "m", _M3eCircularProgressIndicatorElement_renderResizeObservedElements).call(this)}`;
958
+ return html`<div class="progress" aria-hidden="true"><div class="spinner"><div class="left"><svg width="${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_diameter, "f")}" height="${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_diameter, "f")}" viewBox="${left.viewBox}" class="circle"><path class="active-track" d="${left.path}" stroke="currentColor" stroke-width="${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_strokeWidth, "f")}" fill="none" stroke-linecap="round"/></svg></div><div class="right"><svg width="${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_diameter, "f")}" height="${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_diameter, "f")}" viewBox="${right.viewBox}" class="circle"><path class="active-track" d="${right.path}" stroke="currentColor" stroke-width="${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_strokeWidth, "f")}" fill="none" stroke-linecap="round"/></svg></div></div></div>${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_instances, "m", _M3eCircularProgressIndicatorElement_renderResizeObservedElements).call(this)}`;
959
959
  }
960
960
  const minDegrees = __classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_instances, "m", _M3eCircularProgressIndicatorElement_sizeToDegrees).call(this, __classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_strokeWidth, "f") * 2, __classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_diameter, "f"));
961
961
  let degrees = this.value / this.max * 360;
@@ -971,7 +971,7 @@ _M3eCircularProgressIndicatorElement_renderFlatIndicator = function _M3eCircular
971
971
  startAngle: degrees,
972
972
  endAngle: 360
973
973
  });
974
- return html`<div class="progress" aria-hidden="true"><svg width="${active.size}" height="${active.size}" viewBox="${active.viewBox}">${degrees > 0 ? svg`<path
974
+ return html`<div class="progress" aria-hidden="true"><svg width="${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_diameter, "f")}" height="${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_diameter, "f")}" viewBox="${active.viewBox}">${degrees > 0 ? svg`<path
975
975
  class="active-track"
976
976
  d="${active.path}"
977
977
  stroke="currentColor"
@@ -989,7 +989,7 @@ _M3eCircularProgressIndicatorElement_renderFlatIndicator = function _M3eCircular
989
989
  };
990
990
  _M3eCircularProgressIndicatorElement_renderWavyIndicator = function _M3eCircularProgressIndicatorElement_renderWavyIndicator() {
991
991
  if (this.indeterminate) {
992
- return html`<div class="progress" aria-hidden="true"><svg viewBox="${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_instances, "m", _M3eCircularProgressIndicatorElement_drawWavyArc).call(this, {
992
+ return html`<div class="progress" aria-hidden="true"><svg width="${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_diameter, "f")}" height="${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_diameter, "f")}" viewBox="${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_instances, "m", _M3eCircularProgressIndicatorElement_drawWavyArc).call(this, {
993
993
  endAngle: 20
994
994
  }).viewBox}"><path class="spinner active-track" stroke="currentColor" stroke-width="${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_strokeWidth, "f")}" stroke-linecap="round" stroke-linejoin="round" fill="none"/><path class="spinner track" stroke="currentColor" stroke-width="${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_strokeWidth, "f")}" fill="none" stroke-linecap="round"/></svg></div>${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_instances, "m", _M3eCircularProgressIndicatorElement_renderResizeObservedElements).call(this)}`;
995
995
  }
@@ -1146,12 +1146,10 @@ _M3eCircularProgressIndicatorElement_drawArc = function _M3eCircularProgressIndi
1146
1146
  const start = __classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_instances, "m", _M3eCircularProgressIndicatorElement_polarToCartesian).call(this, circle, endAngle);
1147
1147
  const end = __classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_instances, "m", _M3eCircularProgressIndicatorElement_polarToCartesian).call(this, circle, startAngle);
1148
1148
  const path = `M ${start.x} ${start.y} A ${circle.r} ${circle.r} 0 ${endAngle - startAngle <= 180 ? "0" : "1"} 0 ${end.x} ${end.y}`;
1149
- const size = __classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_diameter, "f") + circle.padding * 2;
1150
- const viewBox = `0 0 ${size} ${size}`;
1149
+ const viewBox = `0 0 ${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_diameter, "f") + circle.padding * 2} ${__classPrivateFieldGet(this, _M3eCircularProgressIndicatorElement_diameter, "f") + circle.padding * 2}`;
1151
1150
  return {
1152
1151
  path,
1153
- viewBox,
1154
- size: size - circle.padding * 2
1152
+ viewBox
1155
1153
  };
1156
1154
  };
1157
1155
  _M3eCircularProgressIndicatorElement_drawWavyArc = function _M3eCircularProgressIndicatorElement_drawWavyArc({