@breadstone/mosaik-elements-foundation 0.0.202 → 0.0.203

package/Controls/Components/Overlays/Dialog/Themes/DialogActionsElement.Memphis.js

@@ -67,6 +67,10 @@ export function dialogActionsElementMemphisStyle() {
   position: relative;
 }
 
+:host [part="innerStack"] {
+  --stack-gap: base. component-property($ props, gap);
+}
+
     `;
 }
 //# sourceMappingURL=DialogActionsElement.Memphis.js.map

package/Controls/Components/Overlays/Dialog/Themes/DialogActionsElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogActionsElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Dialog/Themes/DialogActionsElement.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,gCAAgC;IAC5C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwDT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DialogActionsElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Dialog/Themes/DialogActionsElement.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,gCAAgC;IAC5C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4DT,CAAC;AACN,CAAC"}

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

@@ -142,6 +142,14 @@ export declare class ProgressRingElement extends ProgressRingElement_base implem
      * @readonly
      */
     get diameter(): number;
+    /**
+     * @private
+     */
+    getCircumference(): number;
+    /**
+     * @private
+     */
+    getOffset(): number;
     /**
      * @protected
      * @override
@@ -151,14 +159,6 @@ export declare class ProgressRingElement extends ProgressRingElement_base implem
      * @protected
      */
     protected onRadiusPropertyChanged(_prev?: number, _next?: number): void;
-    /**
-     * @private
-     */
-    getCircumference(): number;
-    /**
-     * @private
-     */
-    getOffset(): number;
 }
 /**
 * @public

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;;;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;IAKvE;;OAEG;IACI,gBAAgB,IAAI,MAAM;IAKjC;;OAEG;IACI,SAAS,IAAI,MAAM;CAU7B;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}

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

@@ -206,6 +206,22 @@ let ProgressRingElement = class ProgressRingElement extends Themeable(Variantabl
     }
     // #endregion
     // #region Methods
+    /**
+     * @private
+     */
+    getCircumference() {
+        const cssRadius = CssLength.isLength(this._radius) ? CssLength.extractValue(this._radius) : 0;
+        return 2 * Math.PI * cssRadius;
+    }
+    /**
+     * @private
+     */
+    getOffset() {
+        const circumference = this.getCircumference();
+        const offset = circumference - (((this.value - this.min) / (this.max - this.min)) * circumference);
+        const cssThickness = CssLength.isLength(this._thickness) ? CssLength.extractValue(this._thickness) : 0;
+        return offset + cssThickness;
+    }
     /**
      * @protected
      * @override
@@ -223,22 +239,6 @@ let ProgressRingElement = class ProgressRingElement extends Themeable(Variantabl
         RendererServiceLocator.current.setStyle(this, 'width', `${this.diameter}px`);
         RendererServiceLocator.current.setStyle(this, 'height', `${this.diameter}px`);
     }
-    /**
-     * @private
-     */
-    getCircumference() {
-        const cssRadius = CssLength.isLength(this._radius) ? CssLength.extractValue(this._radius) : 0;
-        return 2 * Math.PI * cssRadius;
-    }
-    /**
-     * @private
-     */
-    getOffset() {
-        const circumference = this.getCircumference();
-        const offset = circumference - (((this.value - this.min) / (this.max - this.min)) * circumference);
-        const cssThickness = CssLength.isLength(this._thickness) ? CssLength.extractValue(this._thickness) : 0;
-        return offset + cssThickness;
-    }
 };
 __decorate([
     Attribute({

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,CA8C/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

@@ -1,5 +1,5 @@
+/* eslint-disable lit/prefer-static-styles */
 // #region Imports
-import { CssLength } from '@breadstone/mosaik-themes';
 import { html } from '../../../../Dom/Html';
 import { RendererServiceLocator } from '../../../../Dom/Renderer';
 import { styleMap, when } from '../../../Directives/Directives';
@@ -11,6 +11,12 @@ import { styleMap, when } from '../../../Directives/Directives';
  */
 export function progressRingElementTemplate(e) {
     return html `
+        <style>
+            :host {
+                --progress-ring-thickness: ${e.thickness};
+                --progress-ring-radius: ${e.radius};
+            }
+        </style>
         ${when(e.label.trim(), () => html `
         <slot name="label">
             <mosaik-text part="label"
@@ -19,34 +25,18 @@ export function progressRingElementTemplate(e) {
         </slot>
         `)}
         ${when(e.isIndeterminate, () => html `
-        <svg part="root" class="circle indeterminate"
+        <svg part="svg" class="circle indeterminate"
              viewBox="0 0 ${e.diameter} ${e.diameter}"
              style="${styleMap({ width: `${e.diameter}px`, height: `${e.diameter}px` })}">
-            <circle fill="none"
-                    cx="${e.radius}"
-                    cy="${e.radius}"
-                    r="${CssLength.toNumber(e.radius) - (CssLength.toNumber(e.thickness) / 2)}"
-                    stroke-width="${e.thickness}" />
+            <circle part="indeterminate"/>
         </svg>
         `, () => html `
-        <svg part="root"
+        <svg part="svg"
              viewBox="0 0 ${e.diameter} ${e.diameter}"
              style="${styleMap({ width: `${e.diameter}px`, height: `${e.diameter}px` })}">
-            <circle part="bar"
-                    fill="none"
-                    cx="${e.radius}"
-                    cy="${e.radius}"
-                    r="${CssLength.toNumber(e.radius) - (CssLength.toNumber(e.thickness) / 2)}"
-                    stroke-width="${e.thickness}" />
+            <circle part="bar"/>
             <circle part="fill"
                     class="circle-path"
-                    fill="none"
-                    cx="${e.radius}"
-                    cy="${e.radius}"
-                    r="${CssLength.toNumber(e.radius) - (CssLength.toNumber(e.thickness) / 2)}"
-                    stroke-linecap="'round'"
-                    stroke-width="${e.thickness}"
-                    stroke-dasharray="${`${e.getCircumference()}, ${e.getCircumference()}`}"
                     stroke-dashoffset="${e.getOffset()}" />
         </svg>
         `)}

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,kBAAkB;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,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;UACL,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;;0BAE7D,CAAC,CAAC,MAAM;0BACR,CAAC,CAAC,MAAM;yBACT,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;oCACzD,CAAC,CAAC,SAAS;;SAEtC,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;;;0BAG7D,CAAC,CAAC,MAAM;0BACR,CAAC,CAAC,MAAM;yBACT,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;oCACzD,CAAC,CAAC,SAAS;;;;0BAIrB,CAAC,CAAC,MAAM;0BACR,CAAC,CAAC,MAAM;yBACT,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;;oCAEzD,CAAC,CAAC,SAAS;wCACP,GAAG,CAAC,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC,gBAAgB,EAAE,EAAE;yCACjD,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;;;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;;;;yCAI9C,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"}

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,CAmIhE"}
+{"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,CA4JhE"}

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

@@ -32,7 +32,9 @@ export function progressRingElementCosmopolitanStyle() {
   --progress-ring-padding-left: unset;
   --progress-ring-padding-right: unset;
   --progress-ring-padding-top: unset;
+  --progress-ring-radius: unset;
   --progress-ring-shadow: unset;
+  --progress-ring-thickness: unset;
   --progress-ring-transition-duration: unset;
   --progress-ring-transition-mode: unset;
   --progress-ring-transition-property: unset;
@@ -66,11 +68,14 @@ 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));
   line-height: 0;
   display: block;
 }
 
-:host [part="root"] {
+:host [part="svg"] {
   vertical-align: middle;
   width: 100%;
   line-height: 1;
@@ -79,11 +84,31 @@ export function progressRingElementCosmopolitanStyle() {
   overflow: hidden;
 }
 
-:host [part="root"] [part="bar"] {
+: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);
+  fill: none;
+}
+
+:host [part="svg"] [part="bar"] {
   stroke: var(--progress-ring-background-color);
+  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);
 }
 
-:host [part="root"] .circle-path {
+:host [part="svg"] [part="fill"] {
+  stroke-width: var(--progress-ring-thickness);
+  stroke-linecap: round;
+  stroke-dasharray: "var(--_circumference), var(--_circumference)";
+  fill: none;
+  cx: var(--progress-ring-radius);
+  cy: var(--progress-ring-radius);
+  r: calc(var(--progress-ring-radius)  - var(--progress-ring-thickness) / 2);
   transition-property: stroke-dashoffset stroke-dasharray stroke;
   transition-duration: var(--progress-ring-transition-duration);
   transition-timing-function: var(--progress-ring-transition-mode);
@@ -93,7 +118,7 @@ export function progressRingElementCosmopolitanStyle() {
   transform: rotate(-90deg);
 }
 
-:host [part="root"].indeterminate {
+:host [part="svg"].indeterminate {
   transform-origin: center;
   width: 100%;
   height: 100%;
@@ -103,7 +128,7 @@ export function progressRingElementCosmopolitanStyle() {
   inset: 0;
 }
 
-:host [part="root"].indeterminate > circle {
+:host [part="svg"].indeterminate > circle {
   stroke: var(--progress-ring-fill-color);
   stroke-dasharray: 1 200;
   stroke-dashoffset: 0;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiIT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0JT,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,CAkLvD"}
+{"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,CA2MvD"}

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

@@ -32,7 +32,9 @@ export function progressRingElementJoyStyle() {
   --progress-ring-padding-left: 8px;
   --progress-ring-padding-right: 8px;
   --progress-ring-padding-top: 4px;
+  --progress-ring-radius: 60px;
   --progress-ring-shadow: unset;
+  --progress-ring-thickness: 6px;
   --progress-ring-transition-duration: var(--joy-duration-short);
   --progress-ring-transition-mode: ease;
   --progress-ring-transition-property: background-color, color, border-color, opacity, box-shadow;
@@ -66,11 +68,14 @@ export function progressRingElementJoyStyle() {
 }
 
 :host {
+  --progress-ring-thickness: var(--progress-ring-thickness);
+  --progress-ring-radius: var(--progress-ring-radius);
+  --_circumference: calc(2 * 3.1416 * var(--progress-ring-radius));
   line-height: 0;
   display: block;
 }
 
-:host [part="root"] {
+:host [part="svg"] {
   vertical-align: middle;
   width: 100%;
   line-height: 1;
@@ -79,11 +84,31 @@ export function progressRingElementJoyStyle() {
   overflow: hidden;
 }
 
-:host [part="root"] [part="bar"] {
+: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);
+  fill: none;
+}
+
+:host [part="svg"] [part="bar"] {
   stroke: var(--progress-ring-background-color);
+  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);
 }
 
-:host [part="root"] .circle-path {
+:host [part="svg"] [part="fill"] {
+  stroke-width: var(--progress-ring-thickness);
+  stroke-linecap: round;
+  stroke-dasharray: "var(--_circumference), var(--_circumference)";
+  fill: none;
+  cx: var(--progress-ring-radius);
+  cy: var(--progress-ring-radius);
+  r: calc(var(--progress-ring-radius)  - var(--progress-ring-thickness) / 2);
   transition-property: stroke-dashoffset stroke-dasharray stroke;
   transition-duration: var(--progress-ring-transition-duration);
   transition-timing-function: var(--progress-ring-transition-mode);
@@ -93,7 +118,7 @@ export function progressRingElementJoyStyle() {
   transform: rotate(-90deg);
 }
 
-:host [part="root"].indeterminate {
+:host [part="svg"].indeterminate {
   transform-origin: center;
   width: 100%;
   height: 100%;
@@ -103,7 +128,7 @@ export function progressRingElementJoyStyle() {
   inset: 0;
 }
 
-:host [part="root"].indeterminate > circle {
+:host [part="svg"].indeterminate > circle {
   stroke: var(--progress-ring-fill-color);
   stroke-dasharray: 1 200;
   stroke-dashoffset: 0;
@@ -147,43 +172,43 @@ export function progressRingElementJoyStyle() {
   --progress-ring-fill-color: var(--joy-scheme-disabled);
 }
 
-:host([disabled]:not([disabled="false"])) [part="root"] .circle-path {
+:host([disabled]:not([disabled="false"])) [part="svg"] .circle-path {
   stroke: var(--progress-ring-fill-color);
 }
 
-:host([variant="primary"]:not([disabled]:not([disabled="false"]))) [part="root"] .circle-path, :host([variant="primary"]:not([disabled]:not([disabled="false"]))) [part="root"].indeterminate > circle {
+:host([variant="primary"]:not([disabled]:not([disabled="false"]))) [part="svg"] .circle-path, :host([variant="primary"]:not([disabled]:not([disabled="false"]))) [part="svg"].indeterminate > circle {
   stroke: var(--joy-color-primary-500);
 }
 
-:host([variant="secondary"]:not([disabled]:not([disabled="false"]))) [part="root"] .circle-path, :host([variant="secondary"]:not([disabled]:not([disabled="false"]))) [part="root"].indeterminate > circle {
+:host([variant="secondary"]:not([disabled]:not([disabled="false"]))) [part="svg"] .circle-path, :host([variant="secondary"]:not([disabled]:not([disabled="false"]))) [part="svg"].indeterminate > circle {
   stroke: var(--joy-color-secondary-500);
 }
 
-:host([variant="tertiary"]:not([disabled]:not([disabled="false"]))) [part="root"] .circle-path, :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))) [part="root"].indeterminate > circle {
+:host([variant="tertiary"]:not([disabled]:not([disabled="false"]))) [part="svg"] .circle-path, :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))) [part="svg"].indeterminate > circle {
   stroke: var(--joy-color-tertiary-500);
 }
 
-:host([variant="danger"]:not([disabled]:not([disabled="false"]))) [part="root"] .circle-path, :host([variant="danger"]:not([disabled]:not([disabled="false"]))) [part="root"].indeterminate > circle {
+:host([variant="danger"]:not([disabled]:not([disabled="false"]))) [part="svg"] .circle-path, :host([variant="danger"]:not([disabled]:not([disabled="false"]))) [part="svg"].indeterminate > circle {
   stroke: var(--joy-color-danger-500);
 }
 
-:host([variant="warning"]:not([disabled]:not([disabled="false"]))) [part="root"] .circle-path, :host([variant="warning"]:not([disabled]:not([disabled="false"]))) [part="root"].indeterminate > circle {
+:host([variant="warning"]:not([disabled]:not([disabled="false"]))) [part="svg"] .circle-path, :host([variant="warning"]:not([disabled]:not([disabled="false"]))) [part="svg"].indeterminate > circle {
   stroke: var(--joy-color-warning-500);
 }
 
-:host([variant="success"]:not([disabled]:not([disabled="false"]))) [part="root"] .circle-path, :host([variant="success"]:not([disabled]:not([disabled="false"]))) [part="root"].indeterminate > circle {
+:host([variant="success"]:not([disabled]:not([disabled="false"]))) [part="svg"] .circle-path, :host([variant="success"]:not([disabled]:not([disabled="false"]))) [part="svg"].indeterminate > circle {
   stroke: var(--joy-color-success-500);
 }
 
-:host([variant="info"]:not([disabled]:not([disabled="false"]))) [part="root"] .circle-path, :host([variant="info"]:not([disabled]:not([disabled="false"]))) [part="root"].indeterminate > circle {
+:host([variant="info"]:not([disabled]:not([disabled="false"]))) [part="svg"] .circle-path, :host([variant="info"]:not([disabled]:not([disabled="false"]))) [part="svg"].indeterminate > circle {
   stroke: var(--joy-color-info-500);
 }
 
-:host([variant="highlight"]:not([disabled]:not([disabled="false"]))) [part="root"] .circle-path, :host([variant="highlight"]:not([disabled]:not([disabled="false"]))) [part="root"].indeterminate > circle {
+:host([variant="highlight"]:not([disabled]:not([disabled="false"]))) [part="svg"] .circle-path, :host([variant="highlight"]:not([disabled]:not([disabled="false"]))) [part="svg"].indeterminate > circle {
   stroke: var(--joy-color-highlight-500);
 }
 
-:host([variant="neutral"]:not([disabled]:not([disabled="false"]))) [part="root"] .circle-path, :host([variant="neutral"]:not([disabled]:not([disabled="false"]))) [part="root"].indeterminate > circle {
+:host([variant="neutral"]:not([disabled]:not([disabled="false"]))) [part="svg"] .circle-path, :host([variant="neutral"]:not([disabled]:not([disabled="false"]))) [part="svg"].indeterminate > circle {
   stroke: var(--joy-color-neutral-500);
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressRingElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.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,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgLT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ProgressRingElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.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,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyMT,CAAC;AACN,CAAC"}

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

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

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

@@ -32,7 +32,9 @@ export function progressRingElementMemphisStyle() {
   --progress-ring-padding-left: 0px;
   --progress-ring-padding-right: 0px;
   --progress-ring-padding-top: 0px;
+  --progress-ring-radius: 60px;
   --progress-ring-shadow: var(--memphis-elevation-none);
+  --progress-ring-thickness: 6px;
   --progress-ring-transition-duration: var(--memphis-duration-short);
   --progress-ring-transition-mode: ease;
   --progress-ring-transition-property: stroke, stroke-dashoffset, stroke-dasharray, transform;
@@ -66,11 +68,14 @@ export function progressRingElementMemphisStyle() {
 }
 
 :host {
+  --progress-ring-thickness: var(--progress-ring-thickness);
+  --progress-ring-radius: var(--progress-ring-radius);
+  --_circumference: calc(2 * 3.1416 * var(--progress-ring-radius));
   line-height: 0;
   display: block;
 }
 
-:host [part="root"] {
+:host [part="svg"] {
   vertical-align: middle;
   width: 100%;
   line-height: 1;
@@ -79,11 +84,31 @@ export function progressRingElementMemphisStyle() {
   overflow: hidden;
 }
 
-:host [part="root"] [part="bar"] {
+: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);
+  fill: none;
+}
+
+:host [part="svg"] [part="bar"] {
   stroke: var(--progress-ring-background-color);
+  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);
 }
 
-:host [part="root"] .circle-path {
+:host [part="svg"] [part="fill"] {
+  stroke-width: var(--progress-ring-thickness);
+  stroke-linecap: round;
+  stroke-dasharray: "var(--_circumference), var(--_circumference)";
+  fill: none;
+  cx: var(--progress-ring-radius);
+  cy: var(--progress-ring-radius);
+  r: calc(var(--progress-ring-radius)  - var(--progress-ring-thickness) / 2);
   transition-property: stroke-dashoffset stroke-dasharray stroke;
   transition-duration: var(--progress-ring-transition-duration);
   transition-timing-function: var(--progress-ring-transition-mode);
@@ -93,7 +118,7 @@ export function progressRingElementMemphisStyle() {
   transform: rotate(-90deg);
 }
 
-:host [part="root"].indeterminate {
+:host [part="svg"].indeterminate {
   transform-origin: center;
   width: 100%;
   height: 100%;
@@ -103,7 +128,7 @@ export function progressRingElementMemphisStyle() {
   inset: 0;
 }
 
-:host [part="root"].indeterminate > circle {
+:host [part="svg"].indeterminate > circle {
   stroke: var(--progress-ring-fill-color);
   stroke-dasharray: 1 200;
   stroke-dashoffset: 0;

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressRingElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.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,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiIT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ProgressRingElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.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,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0JT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Segment/SegmentItemElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentItemElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Segment/SegmentItemElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,sBAAsB,CAAC;AAOjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI/D;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,kBAAkB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAkC7F"}
+{"version":3,"file":"SegmentItemElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Segment/SegmentItemElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,sBAAsB,CAAC;AAMjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI/D;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,kBAAkB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAiC7F"}

package/Controls/Components/Selectors/Segment/SegmentItemElementTemplate.js

@@ -1,7 +1,6 @@
 // #region Imports
 import { html } from '../../../../Dom/Html';
 import { when } from '../../../Directives/Directives';
-import { styleSheetVar } from '../../../Directives/StyleSheetVarDirective';
 import { Appearance } from '../../../Types/Appearance';
 import { HorizontalAlignment } from '../../../Types/HorizontalAlignment';
 import { IconPosition } from '../../../Types/IconPosition';
@@ -19,10 +18,9 @@ export function segmentItemElementTemplate(e) {
                 role="tab"
                 type="${e.type}"
                 .disabled=${e.disabled}>
-            <mosaik-stack .orientation="${e.orientation}"
+            <mosaik-stack part="innerStack" .orientation="${e.orientation}"
                           .verticalAlignment="${VerticalAlignment.Center}"
                           .horizontalAlignment="${HorizontalAlignment.Center}"
-                          .gap="${styleSheetVar('--segment-item-gap')}"
                           .reverse="${e.iconPosition === IconPosition.After}">
                 <slot name="icon">
                 ${when(e.icon, () => html `

package/Controls/Components/Selectors/Segment/SegmentItemElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentItemElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Segment/SegmentItemElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAuB,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CAA+B,CAAI;IACzE,OAAO,IAAI,CAAA;;iCAEkB,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;wBAEvC,CAAC,CAAC,IAAI;4BACF,CAAC,CAAC,QAAQ;0CACI,CAAC,CAAC,WAAW;gDACP,iBAAiB,CAAC,MAAM;kDACtB,mBAAmB,CAAC,MAAM;kCAC1C,aAAa,CAAC,oBAAoB,CAAC;sCAC/B,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;kBAEzD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEO,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;kBAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAEA,CAAC,CAAC,KAAK;6CACJ,CAAC,CAAC,OAAO;8CACR,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;;KAIb,CAAC;AACN,CAAC"}
+{"version":3,"file":"SegmentItemElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Segment/SegmentItemElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAuB,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CAA+B,CAAI;IACzE,OAAO,IAAI,CAAA;;iCAEkB,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;wBAEvC,CAAC,CAAC,IAAI;4BACF,CAAC,CAAC,QAAQ;4DACsB,CAAC,CAAC,WAAW;gDACzB,iBAAiB,CAAC,MAAM;kDACtB,mBAAmB,CAAC,MAAM;sCACtC,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;kBAEzD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEO,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;kBAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAEA,CAAC,CAAC,KAAK;6CACJ,CAAC,CAAC,OAAO;8CACR,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;;KAIb,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentItemElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mCAAmC,IAAI,SAAS,CA+K/D"}
+{"version":3,"file":"SegmentItemElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mCAAmC,IAAI,SAAS,CAmL/D"}

package/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.Cosmopolitan.js

@@ -123,6 +123,10 @@ export function segmentItemElementCosmopolitanStyle() {
   position: absolute;
 }
 
+:host [part="innerStack"] {
+  --stack-gap: base. component-property($ props, gap);
+}
+
 :host [part="button"] {
   font-family: inherit;
   font-size: inherit;

package/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentItemElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.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,mCAAmC;IAC/C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6KT,CAAC;AACN,CAAC"}
+{"version":3,"file":"SegmentItemElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.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,mCAAmC;IAC/C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiLT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentItemElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAoMtD"}
+{"version":3,"file":"SegmentItemElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAwMtD"}

package/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.Joy.js

@@ -107,6 +107,10 @@ export function segmentItemElementJoyStyle() {
   position: absolute;
 }
 
+:host [part="innerStack"] {
+  --stack-gap: base. component-property($ props, gap);
+}
+
 :host [part="button"] {
   font-family: inherit;
   font-size: inherit;

package/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentItemElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkMT,CAAC;AACN,CAAC"}
+{"version":3,"file":"SegmentItemElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsMT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.Memphis.d.ts.map

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