@breadstone/mosaik-elements-foundation 0.0.217 → 0.0.218

package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.js

@@ -86,14 +86,14 @@ export function progressBarElementJoyStyle() {
 }
 
 :host .progress-container .outer .inner .bg.indeterminate {
-  position: initial;
+  background-color: #0000 !important;
 }
 
 :host .progress-container .outer .inner .bg.indeterminate:before {
   content: "";
-  will-change: left, right;
-  animation-name: indeterminate;
-  animation-fill-mode: "forwards";
+  will-change: transform;
+  transform-origin: 0;
+  width: 100%;
   animation: 2.1s cubic-bezier(.65, .815, .735, .395) infinite indeterminate;
   position: absolute;
   top: 0;
@@ -103,9 +103,9 @@ export function progressBarElementJoyStyle() {
 
 :host .progress-container .outer .inner .bg.indeterminate:after {
   content: "";
-  will-change: left, right;
-  animation-name: indeterminate-short;
-  animation-fill-mode: "forwards";
+  will-change: transform;
+  transform-origin: 0;
+  width: 100%;
   animation: 2.1s cubic-bezier(.165, .84, .44, 1) 1.15s infinite indeterminate-short;
   position: absolute;
   top: 0;
@@ -143,35 +143,37 @@ export function progressBarElementJoyStyle() {
 
 @keyframes indeterminate {
   0% {
-    left: -35%;
-    right: 100%;
+    transform: translateX(-100%)scaleX(0);
+  }
+
+  30% {
+    transform: translateX(-30%)scaleX(.5);
   }
 
   60% {
-    left: 100%;
-    right: -90%;
+    transform: translateX(100%)scaleX(.5);
   }
 
   100% {
-    left: 100%;
-    right: -90%;
+    transform: translateX(100%)scaleX(0);
   }
 }
 
 @keyframes indeterminate-short {
   0% {
-    left: -200%;
-    right: 100%;
+    transform: translateX(-100%)scaleX(0);
   }
 
-  60% {
-    left: 107%;
-    right: -8%;
+  40% {
+    transform: translateX(-50%)scaleX(.3);
+  }
+
+  70% {
+    transform: translateX(100%)scaleX(.3);
   }
 
   100% {
-    left: 107%;
-    right: -8%;
+    transform: translateX(100%)scaleX(0);
   }
 }
 
@@ -185,47 +187,47 @@ export function progressBarElementJoyStyle() {
 }
 
 :host .progress-container .outer .inner .bg.indeterminate:before, :host .progress-container .outer .inner .bg.indeterminate:after {
-  background-color: var(--joy-color-neutral-100);
-  animation-duration: var(--joy-duration-short);
+  background-color: var(--joy-color-primary-500);
+  border-radius: inherit;
 }
 
 :host([disabled]:not([disabled="false"])) .progress-container .outer .inner .bg {
   background-color: var(--joy-color-neutral-500);
 }
 
-:host([variant="primary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg {
+:host([variant="primary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg, :host([variant="primary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:before, :host([variant="primary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:after {
   background-color: var(--joy-color-primary-500);
 }
 
-:host([variant="secondary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg {
+:host([variant="secondary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg, :host([variant="secondary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:before, :host([variant="secondary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:after {
   background-color: var(--joy-color-secondary-500);
 }
 
-:host([variant="tertiary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg {
+:host([variant="tertiary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg, :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:before, :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:after {
   background-color: var(--joy-color-tertiary-500);
 }
 
-:host([variant="danger"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg {
+:host([variant="danger"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg, :host([variant="danger"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:before, :host([variant="danger"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:after {
   background-color: var(--joy-color-danger-500);
 }
 
-:host([variant="warning"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg {
+:host([variant="warning"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg, :host([variant="warning"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:before, :host([variant="warning"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:after {
   background-color: var(--joy-color-warning-500);
 }
 
-:host([variant="success"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg {
+:host([variant="success"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg, :host([variant="success"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:before, :host([variant="success"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:after {
   background-color: var(--joy-color-success-500);
 }
 
-:host([variant="info"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg {
+:host([variant="info"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg, :host([variant="info"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:before, :host([variant="info"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:after {
   background-color: var(--joy-color-info-500);
 }
 
-:host([variant="highlight"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg {
+:host([variant="highlight"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg, :host([variant="highlight"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:before, :host([variant="highlight"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:after {
   background-color: var(--joy-color-highlight-500);
 }
 
-:host([variant="neutral"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg {
+:host([variant="neutral"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg, :host([variant="neutral"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:before, :host([variant="neutral"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:after {
   background-color: var(--joy-color-neutral-500);
 }
 

package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2OT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ProgressBarElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6OT,CAAC;AACN,CAAC"}

package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CA6K1D"}
+{"version":3,"file":"ProgressBarElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CA6N1D"}

package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Memphis.js

@@ -93,14 +93,14 @@ export function progressBarElementMemphisStyle() {
 }
 
 :host .progress-container .outer .inner .bg.indeterminate {
-  position: initial;
+  background-color: #0000 !important;
 }
 
 :host .progress-container .outer .inner .bg.indeterminate:before {
   content: "";
-  will-change: left, right;
-  animation-name: indeterminate;
-  animation-fill-mode: "forwards";
+  will-change: transform;
+  transform-origin: 0;
+  width: 100%;
   animation: 2.1s cubic-bezier(.65, .815, .735, .395) infinite indeterminate;
   position: absolute;
   top: 0;
@@ -110,9 +110,9 @@ export function progressBarElementMemphisStyle() {
 
 :host .progress-container .outer .inner .bg.indeterminate:after {
   content: "";
-  will-change: left, right;
-  animation-name: indeterminate-short;
-  animation-fill-mode: "forwards";
+  will-change: transform;
+  transform-origin: 0;
+  width: 100%;
   animation: 2.1s cubic-bezier(.165, .84, .44, 1) 1.15s infinite indeterminate-short;
   position: absolute;
   top: 0;
@@ -150,38 +150,86 @@ export function progressBarElementMemphisStyle() {
 
 @keyframes indeterminate {
   0% {
-    left: -35%;
-    right: 100%;
+    transform: translateX(-100%)scaleX(0);
+  }
+
+  30% {
+    transform: translateX(-30%)scaleX(.5);
   }
 
   60% {
-    left: 100%;
-    right: -90%;
+    transform: translateX(100%)scaleX(.5);
   }
 
   100% {
-    left: 100%;
-    right: -90%;
+    transform: translateX(100%)scaleX(0);
   }
 }
 
 @keyframes indeterminate-short {
   0% {
-    left: -200%;
-    right: 100%;
+    transform: translateX(-100%)scaleX(0);
   }
 
-  60% {
-    left: 107%;
-    right: -8%;
+  40% {
+    transform: translateX(-50%)scaleX(.3);
+  }
+
+  70% {
+    transform: translateX(100%)scaleX(.3);
   }
 
   100% {
-    left: 107%;
-    right: -8%;
+    transform: translateX(100%)scaleX(0);
   }
 }
 
+:host .progress-container .outer .inner {
+  background-color: var(--memphis-scheme-highlight);
+  border-radius: var(--memphis-layout-radius);
+}
+
+:host .progress-container .outer .inner .bg {
+  background-color: var(--memphis-color-primary-500);
+}
+
+:host .progress-container .outer .inner .bg.indeterminate:before, :host .progress-container .outer .inner .bg.indeterminate:after {
+  background-color: var(--memphis-color-primary-500);
+  border-radius: inherit;
+}
+
+:host([disabled]:not([disabled="false"])) .progress-container .outer .inner .bg {
+  background-color: var(--memphis-color-neutral-500);
+}
+
+:host([variant="primary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg, :host([variant="primary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:before, :host([variant="primary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:after {
+  background-color: var(--memphis-color-primary-500);
+}
+
+:host([variant="secondary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg, :host([variant="secondary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:before, :host([variant="secondary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:after {
+  background-color: var(--memphis-color-secondary-500);
+}
+
+:host([variant="info"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg, :host([variant="info"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:before, :host([variant="info"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:after {
+  background-color: var(--memphis-color-info-500);
+}
+
+:host([variant="warning"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg, :host([variant="warning"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:before, :host([variant="warning"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:after {
+  background-color: var(--memphis-color-warning-500);
+}
+
+:host([variant="danger"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg, :host([variant="danger"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:before, :host([variant="danger"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:after {
+  background-color: var(--memphis-color-danger-500);
+}
+
+:host([variant="success"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg, :host([variant="success"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:before, :host([variant="success"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:after {
+  background-color: var(--memphis-color-success-500);
+}
+
+:host([variant="neutral"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg, :host([variant="neutral"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:before, :host([variant="neutral"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg.indeterminate:after {
+  background-color: var(--memphis-color-neutral-500);
+}
+
     `;
 }
 //# sourceMappingURL=ProgressBarElement.Memphis.js.map

package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2KT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ProgressBarElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2NT,CAAC;AACN,CAAC"}

package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.d.ts

@@ -3,7 +3,7 @@ import type { IProgressRingElementProps } from './IProgressRingElementProps';
 import { CssLength } from '@breadstone/mosaik-themes';
 declare const ProgressRingElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Labelable").ILabelableProps) & typeof RangeBaseElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
- * ProgressRing - A circular progress indicator component for displaying task completion and loading states.
+ * Progress Ring - A circular progress indicator component for displaying task completion and loading states.
  *
  * Presents progress information in an elegant circular format with support for both determinate
  * progress (specific percentage) and indeterminate loading states. Features smooth animations,
@@ -48,7 +48,6 @@ declare const ProgressRingElement_base: (abstract new (...args: Array<any>) => i
  * @fires valueChanged - Fired when the value is changed.
  *
  * @dependency TextElement - For rendering progress labels and text content
- * @dependency CssLength - For handling CSS length values and sizing
  *
  * @example
  * ```html

package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressRingElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ProgressRing/ProgressRingElement.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAM7E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;;AAItD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8FG;AACH,qBAYa,mBACT,SAAQ,wBACR,YAAW,yBAAyB;IAIpC,OAAO,CAAC,gBAAgB,CAAU;IAClC,OAAO,CAAC,UAAU,CAAY;IAC9B,OAAO,CAAC,OAAO,CAAY;IAC3B,OAAO,CAAC,QAAQ,CAAS;;IAmBzB;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIW,eAAe,IAAI,OAAO,CAEpC;IAED,IAAW,eAAe,CAAC,KAAK,EAAE,OAAO,EAKxC;IAED;;;OAGG;IACH,IAIW,SAAS,IAAI,SAAS,CAEhC;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,SAAS,EAKpC;IAED;;;OAGG;IACH,IAIW,MAAM,IAAI,SAAS,CAE7B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,SAAS,EAKjC;IAED;;;OAGG;IACH,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED;;;;OAIG;IACH,IAAW,QAAQ,IAAI,MAAM,CAG5B;IAMD;;OAEG;IACI,gBAAgB,IAAI,MAAM;IAKjC;;OAEG;IACI,SAAS,IAAI,MAAM;IAQ1B;;;OAGG;cACgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAOnE;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;CAO1E;AAED;;EAEE;AACF,yBAAiB,mBAAmB,CAAC;IACjC,KAAY,KAAK,GAAG,yBAAyB,CAAC;CACjD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,sBAAsB,EAAE,mBAAmB,CAAC;KAC/C;CACJ"}
+{"version":3,"file":"ProgressRingElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ProgressRing/ProgressRingElement.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAM7E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;;AAItD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6FG;AACH,qBAYa,mBACT,SAAQ,wBACR,YAAW,yBAAyB;IAIpC,OAAO,CAAC,gBAAgB,CAAU;IAClC,OAAO,CAAC,UAAU,CAAY;IAC9B,OAAO,CAAC,OAAO,CAAY;IAC3B,OAAO,CAAC,QAAQ,CAAS;;IAmBzB;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIW,eAAe,IAAI,OAAO,CAEpC;IAED,IAAW,eAAe,CAAC,KAAK,EAAE,OAAO,EAKxC;IAED;;;OAGG;IACH,IAIW,SAAS,IAAI,SAAS,CAEhC;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,SAAS,EAKpC;IAED;;;OAGG;IACH,IAIW,MAAM,IAAI,SAAS,CAE7B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,SAAS,EAKjC;IAED;;;OAGG;IACH,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED;;;;OAIG;IACH,IAAW,QAAQ,IAAI,MAAM,CAG5B;IAMD;;OAEG;IACI,gBAAgB,IAAI,MAAM;IAKjC;;OAEG;IACI,SAAS,IAAI,MAAM;IAQ1B;;;OAGG;cACgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAOnE;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;CAO1E;AAED;;EAEE;AACF,yBAAiB,mBAAmB,CAAC;IACjC,KAAY,KAAK,GAAG,yBAAyB,CAAC;CACjD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,sBAAsB,EAAE,mBAAmB,CAAC;KAC/C;CACJ"}

package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.js

@@ -26,7 +26,7 @@ import { Themeable } from '../../../Behaviors/Themeable';
 import { CssLength } from '@breadstone/mosaik-themes';
 // #endregion
 /**
- * ProgressRing - A circular progress indicator component for displaying task completion and loading states.
+ * Progress Ring - A circular progress indicator component for displaying task completion and loading states.
  *
  * Presents progress information in an elegant circular format with support for both determinate
  * progress (specific percentage) and indeterminate loading states. Features smooth animations,
@@ -71,7 +71,6 @@ import { CssLength } from '@breadstone/mosaik-themes';
  * @fires valueChanged - Fired when the value is changed.
  *
  * @dependency TextElement - For rendering progress labels and text content
- * @dependency CssLength - For handling CSS length values and sizing
  *
  * @example
  * ```html

package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressRingElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ProgressRing/ProgressRingElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProgressRingElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ProgressRing/ProgressRingElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Ranges/ProgressRing/ProgressRingElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressRingElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ProgressRing/ProgressRingElementTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAIjE;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,mBAAmB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAqC/F"}
+{"version":3,"file":"ProgressRingElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ProgressRing/ProgressRingElementTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAIjE;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,mBAAmB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAoC/F"}

package/Controls/Components/Ranges/ProgressRing/ProgressRingElementTemplate.js

@@ -13,8 +13,9 @@ export function progressRingElementTemplate(e) {
     return html `
         <style>
             :host {
-                --progress-ring-thickness: ${e.thickness};
-                --progress-ring-radius: ${e.radius};
+                --_progress-ring-thickness: ${e.thickness}px;
+                --_progress-ring-radius: ${e.radius}px;
+                --_progress-ring-value: ${e.value};
             }
         </style>
         ${when(e.label.trim(), () => html `
@@ -36,9 +37,7 @@ export function progressRingElementTemplate(e) {
              style="${styleMap({ width: `${e.diameter}px`, height: `${e.diameter}px` })}">
             <circle part="bar"></circle>
             <circle part="fill"
-                    class="circle-path"
-                    stroke-dasharray="${e.getCircumference()} ${e.getCircumference()}"
-                    stroke-dashoffset="${e.getOffset()}" />
+                    class="circle-path"/>
         </svg>
         `)}
         <div part="hint">

package/Controls/Components/Ranges/ProgressRing/ProgressRingElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressRingElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ProgressRing/ProgressRingElementTemplate.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAGhE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,2BAA2B,CAAgC,CAAI;IAC3E,OAAO,IAAI,CAAA;;;6CAG8B,CAAC,CAAC,SAAS;0CACd,CAAC,CAAC,MAAM;;;UAGxC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;sCAGH,IAAI;kCACR,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE;;SAEvC,CAAC;UACA,IAAI,CAAC,CAAC,CAAC,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;4BAEhB,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ;sBAC9B,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,QAAQ,IAAI,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC;;;SAG9E,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;4BAEO,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ;sBAC9B,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,QAAQ,IAAI,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC;;;;wCAI/C,CAAC,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC,gBAAgB,EAAE;yCAC3C,CAAC,CAAC,SAAS,EAAE;;SAE7C,CAAC;;;iCAGuB,CAAC,CAAQ,EAAE,EAAE,CAAG,CAAC,CAAC,MAA0B,CAAC,gBAAgB,EAAyB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,sBAAsB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;;KAExL,CAAC;AACN,CAAC"}
+{"version":3,"file":"ProgressRingElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ProgressRing/ProgressRingElementTemplate.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAGhE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,2BAA2B,CAAgC,CAAI;IAC3E,OAAO,IAAI,CAAA;;;8CAG+B,CAAC,CAAC,SAAS;2CACd,CAAC,CAAC,MAAM;0CACT,CAAC,CAAC,KAAK;;;UAGvC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;sCAGH,IAAI;kCACR,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE;;SAEvC,CAAC;UACA,IAAI,CAAC,CAAC,CAAC,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;4BAEhB,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ;sBAC9B,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,QAAQ,IAAI,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC;;;SAG9E,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;4BAEO,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ;sBAC9B,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,QAAQ,IAAI,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC;;;;;SAK9E,CAAC;;;iCAGuB,CAAC,CAAQ,EAAE,EAAE,CAAG,CAAC,CAAC,MAA0B,CAAC,gBAAgB,EAAyB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,sBAAsB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;;KAExL,CAAC;AACN,CAAC"}

package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressRingElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,oCAAoC,IAAI,SAAS,CA2JhE"}
+{"version":3,"file":"ProgressRingElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,oCAAoC,IAAI,SAAS,CAqKhE"}

package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Cosmopolitan.js

@@ -68,9 +68,7 @@ export function progressRingElementCosmopolitanStyle() {
 }
 
 :host {
-  --progress-ring-thickness: var(--progress-ring-thickness);
-  --progress-ring-radius: var(--progress-ring-radius);
-  --_circumference: calc(2 * 3.1416 * var(--progress-ring-radius));
+  --_circumference: calc(2 * 3.1416 * var(--_progress-ring-radius));
   line-height: 0;
   display: block;
 }
@@ -85,29 +83,31 @@ export function progressRingElementCosmopolitanStyle() {
 }
 
 :host [part="svg"] [part="indeterminate"] {
-  stroke-width: var(--progress-ring-thickness);
-  cx: var(--progress-ring-radius);
-  cy: var(--progress-ring-radius);
-  r: calc(var(--progress-ring-radius)  - var(--progress-ring-thickness) / 2);
+  stroke-width: var(--_progress-ring-thickness);
+  cx: var(--_progress-ring-radius);
+  cy: var(--_progress-ring-radius);
+  r: calc(var(--_progress-ring-radius)  - var(--_progress-ring-thickness) / 2);
   fill: none;
 }
 
 :host [part="svg"] [part="bar"] {
   stroke: var(--progress-ring-background-color);
-  stroke-width: var(--progress-ring-thickness);
+  stroke-width: var(--_progress-ring-thickness);
   fill: none;
-  cx: var(--progress-ring-radius);
-  cy: var(--progress-ring-radius);
-  r: calc(var(--progress-ring-radius)  - var(--progress-ring-thickness) / 2);
+  cx: var(--_progress-ring-radius);
+  cy: var(--_progress-ring-radius);
+  r: calc(var(--_progress-ring-radius)  - var(--_progress-ring-thickness) / 2);
 }
 
 :host [part="svg"] [part="fill"] {
-  stroke-width: var(--progress-ring-thickness);
+  stroke-width: var(--_progress-ring-thickness);
   stroke-linecap: round;
   fill: none;
-  cx: var(--progress-ring-radius);
-  cy: var(--progress-ring-radius);
-  r: calc(var(--progress-ring-radius)  - var(--progress-ring-thickness) / 2);
+  cx: var(--_progress-ring-radius);
+  cy: var(--_progress-ring-radius);
+  r: calc(var(--_progress-ring-radius)  - var(--_progress-ring-thickness) / 2);
+  stroke-dasharray: var(--_circumference) var(--_circumference);
+  stroke-dashoffset: calc(var(--_circumference) * (1 - var(--_progress-ring-value) / 100));
   transition-property: stroke-dashoffset stroke-dasharray stroke;
   transition-duration: var(--progress-ring-transition-duration);
   transition-timing-function: var(--progress-ring-transition-mode);
@@ -129,7 +129,7 @@ export function progressRingElementCosmopolitanStyle() {
 
 :host [part="svg"].indeterminate > circle {
   stroke: var(--progress-ring-fill-color);
-  stroke-dasharray: 1 200;
+  stroke-dasharray: calc(var(--_circumference) * .01) calc(var(--_circumference) * .99);
   stroke-dashoffset: 0;
   stroke-linecap: round;
   animation: 1.5s ease-in-out infinite dash;
@@ -149,18 +149,28 @@ export function progressRingElementCosmopolitanStyle() {
 
 @keyframes dash {
   0% {
-    stroke-dasharray: 1 200;
+    stroke-dasharray: calc(var(--_circumference) * .01) calc(var(--_circumference) * .99);
     stroke-dashoffset: 0;
   }
 
+  25% {
+    stroke-dasharray: calc(var(--_circumference) * .35) calc(var(--_circumference) * .65);
+    stroke-dashoffset: calc(var(--_circumference) * -.15);
+  }
+
   50% {
-    stroke-dasharray: 89 200;
-    stroke-dashoffset: -35px;
+    stroke-dasharray: calc(var(--_circumference) * .45) calc(var(--_circumference) * .55);
+    stroke-dashoffset: calc(var(--_circumference) * -.4);
+  }
+
+  75% {
+    stroke-dasharray: calc(var(--_circumference) * .25) calc(var(--_circumference) * .75);
+    stroke-dashoffset: calc(var(--_circumference) * -.7);
   }
 
   100% {
-    stroke-dasharray: 89 200;
-    stroke-dashoffset: -132px;
+    stroke-dasharray: calc(var(--_circumference) * .01) calc(var(--_circumference) * .99);
+    stroke-dashoffset: calc(var(--_circumference) * -1);
   }
 }
 

package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressRingElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,oCAAoC;IAChD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyJT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ProgressRingElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,oCAAoC;IAChD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmKT,CAAC;AACN,CAAC"}

package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressRingElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CA0MvD"}
+{"version":3,"file":"ProgressRingElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CAoNvD"}