@synergy-design-system/components 1.17.2 → 1.18.0

package/dist/chunks/{chunk.H7B7A6CW.js → chunk.JGXFT7JF.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "./chunk.RAEGIE77.js";
+} from "./chunk.XALEH2Z2.js";
 
 // src/components/menu-item/menu-item.ts
 var menu_item_default = SynMenuItem;
@@ -9,4 +9,4 @@ SynMenuItem.define("syn-menu-item");
 export {
   menu_item_default
 };
-//# sourceMappingURL=chunk.H7B7A6CW.js.map
+//# sourceMappingURL=chunk.JGXFT7JF.js.map

package/dist/chunks/{chunk.TGULUE3O.js → chunk.K5FUJGJ7.js}

@@ -1,6 +1,6 @@
 import {
   SynHeader
-} from "./chunk.55P725B2.js";
+} from "./chunk.QV2W7HAY.js";
 
 // src/components/header/header.ts
 var header_default = SynHeader;
@@ -9,4 +9,4 @@ SynHeader.define("syn-header");
 export {
   header_default
 };
-//# sourceMappingURL=chunk.TGULUE3O.js.map
+//# sourceMappingURL=chunk.K5FUJGJ7.js.map

package/dist/chunks/{chunk.4K2TSR4V.js → chunk.KTX5YB4Z.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.KG52EHDB.js";
 import {
   SynDivider
-} from "./chunk.GWU7M2NS.js";
+} from "./chunk.XH3MA254.js";
 import {
   HasSlotController
 } from "./chunk.66WXVGAW.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement
-} from "./chunk.FWPBOC4P.js";
+} from "./chunk.3XSHKQTX.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -93,4 +93,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.4K2TSR4V.js.map
+//# sourceMappingURL=chunk.KTX5YB4Z.js.map

package/dist/chunks/{chunk.37A673UJ.js → chunk.LLS2ZY55.js}

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "./chunk.IGOGYLSA.js";
+} from "./chunk.HSRG6R67.js";
 
 // src/components/input/input.ts
 var input_default = SynInput;
@@ -9,4 +9,4 @@ SynInput.define("syn-input");
 export {
   input_default
 };
-//# sourceMappingURL=chunk.37A673UJ.js.map
+//# sourceMappingURL=chunk.LLS2ZY55.js.map

package/dist/chunks/{chunk.N6YEG2QO.js → chunk.MKYRLUII.js}

@@ -1,6 +1,6 @@
 import {
   SynButtonGroup
-} from "./chunk.JC5GSV43.js";
+} from "./chunk.S7GUBN44.js";
 
 // src/components/button-group/button-group.ts
 var button_group_default = SynButtonGroup;
@@ -9,4 +9,4 @@ SynButtonGroup.define("syn-button-group");
 export {
   button_group_default
 };
-//# sourceMappingURL=chunk.N6YEG2QO.js.map
+//# sourceMappingURL=chunk.MKYRLUII.js.map

package/dist/chunks/{chunk.ESAGOXZY.js → chunk.MR7U25T2.js}

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.J7TDFUXZ.js";
+} from "./chunk.DP66NN4T.js";
 
 // src/components/nav-item/nav-item.ts
 var nav_item_default = SynNavItem;
@@ -9,4 +9,4 @@ SynNavItem.define("syn-nav-item");
 export {
   nav_item_default
 };
-//# sourceMappingURL=chunk.ESAGOXZY.js.map
+//# sourceMappingURL=chunk.MR7U25T2.js.map

package/dist/chunks/{chunk.DFUERSKG.js → chunk.MU2UKMFS.js}

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.6D2I2DZR.js";
+} from "./chunk.O54BQSFI.js";
 
 // src/components/icon/icon.ts
 var icon_default = SynIcon;
@@ -9,4 +9,4 @@ SynIcon.define("syn-icon");
 export {
   icon_default
 };
-//# sourceMappingURL=chunk.DFUERSKG.js.map
+//# sourceMappingURL=chunk.MU2UKMFS.js.map

package/dist/chunks/{chunk.VWX6KYMT.js → chunk.NVEZ4QNM.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.PKO6FEOM.js";
 import {
   SynIcon
-} from "./chunk.6D2I2DZR.js";
+} from "./chunk.O54BQSFI.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.FWPBOC4P.js";
+} from "./chunk.3XSHKQTX.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -112,4 +112,4 @@ __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.VWX6KYMT.js.map
+//# sourceMappingURL=chunk.NVEZ4QNM.js.map

package/dist/chunks/{chunk.6D2I2DZR.js → chunk.O54BQSFI.js}

@@ -15,7 +15,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.FWPBOC4P.js";
+} from "./chunk.3XSHKQTX.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -182,4 +182,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.6D2I2DZR.js.map
+//# sourceMappingURL=chunk.O54BQSFI.js.map

package/dist/chunks/{chunk.V34ZEOY7.js → chunk.OPIYLV55.js}

@@ -4,7 +4,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.FWPBOC4P.js";
+} from "./chunk.3XSHKQTX.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -409,4 +409,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.V34ZEOY7.js.map
+//# sourceMappingURL=chunk.OPIYLV55.js.map

package/dist/chunks/{chunk.PZANVPZA.js → chunk.ORRBYZK7.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk.3FOVDOJX.js";
 import {
   SynDivider
-} from "./chunk.GWU7M2NS.js";
+} from "./chunk.XH3MA254.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.FWPBOC4P.js";
+} from "./chunk.3XSHKQTX.js";
 
 // src/components/menu-label/menu-label.component.ts
 import { html } from "lit";
@@ -32,4 +32,4 @@ SynMenuLabel.dependencies = {
 export {
   SynMenuLabel
 };
-//# sourceMappingURL=chunk.PZANVPZA.js.map
+//# sourceMappingURL=chunk.ORRBYZK7.js.map

package/dist/chunks/{chunk.WH4VWBVX.js → chunk.POVJ44KS.js}

@@ -4,9 +4,6 @@ import {
 import {
   radio_group_styles_default
 } from "./chunk.XIUSSERX.js";
-import {
-  SynButtonGroup
-} from "./chunk.JC5GSV43.js";
 import {
   form_control_custom_styles_default,
   form_control_styles_default
@@ -23,10 +20,13 @@ import {
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
+import {
+  SynButtonGroup
+} from "./chunk.S7GUBN44.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.FWPBOC4P.js";
+} from "./chunk.3XSHKQTX.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -356,4 +356,4 @@ __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.WH4VWBVX.js.map
+//# sourceMappingURL=chunk.POVJ44KS.js.map

package/dist/chunks/{chunk.6HOISIQO.js → chunk.QO53BVNG.js}

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "./chunk.JURMMYO2.js";
+} from "./chunk.VC3APXJ3.js";
 
 // src/components/select/select.ts
 var select_default = SynSelect;
@@ -9,4 +9,4 @@ SynSelect.define("syn-select");
 export {
   select_default
 };
-//# sourceMappingURL=chunk.6HOISIQO.js.map
+//# sourceMappingURL=chunk.QO53BVNG.js.map

package/dist/chunks/{chunk.JCPXLB2E.js → chunk.QTL6QHN6.js}

@@ -1,6 +1,9 @@
 import {
   SynSpinner
-} from "./chunk.IMLBNWVK.js";
+} from "./chunk.R7ZKZ6JE.js";
+import {
+  button_custom_styles_default
+} from "./chunk.K55MKNUR.js";
 import {
   button_styles_default
 } from "./chunk.Q4CRAGN3.js";
@@ -13,7 +16,7 @@ import {
 } from "./chunk.66WXVGAW.js";
 import {
   SynIcon
-} from "./chunk.6D2I2DZR.js";
+} from "./chunk.O54BQSFI.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
@@ -23,10 +26,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.FWPBOC4P.js";
-import {
-  button_custom_styles_default
-} from "./chunk.K55MKNUR.js";
+} from "./chunk.3XSHKQTX.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -273,4 +273,4 @@ __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.JCPXLB2E.js.map
+//# sourceMappingURL=chunk.QTL6QHN6.js.map

package/dist/chunks/{chunk.55P725B2.js → chunk.QV2W7HAY.js}

@@ -1,6 +1,6 @@
 import {
   icon_default
-} from "./chunk.DFUERSKG.js";
+} from "./chunk.MU2UKMFS.js";
 import {
   header_styles_default
 } from "./chunk.AOKNP4QD.js";
@@ -16,7 +16,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.FWPBOC4P.js";
+} from "./chunk.3XSHKQTX.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -163,4 +163,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.55P725B2.js.map
+//# sourceMappingURL=chunk.QV2W7HAY.js.map

package/dist/chunks/{chunk.IMLBNWVK.js → chunk.R7ZKZ6JE.js}

@@ -7,7 +7,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.FWPBOC4P.js";
+} from "./chunk.3XSHKQTX.js";
 
 // src/components/spinner/spinner.component.ts
 import { html } from "lit";
@@ -30,4 +30,4 @@ SynSpinner.styles = [component_styles_default, spinner_styles_default];
 export {
   SynSpinner
 };
-//# sourceMappingURL=chunk.IMLBNWVK.js.map
+//# sourceMappingURL=chunk.R7ZKZ6JE.js.map

package/dist/chunks/chunk.RH56E6RP.js

@@ -0,0 +1,12 @@
+import {
+  SynProgressRing
+} from "./chunk.YOBIFHIM.js";
+
+// src/components/progress-ring/progress-ring.ts
+var progress_ring_default = SynProgressRing;
+SynProgressRing.define("syn-progress-ring");
+
+export {
+  progress_ring_default
+};
+//# sourceMappingURL=chunk.RH56E6RP.js.map

package/dist/chunks/chunk.RH56E6RP.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/progress-ring/progress-ring.ts"],
+  "sourcesContent": ["// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n// Removing this comment will prevent it from being managed by it.\n// ---------------------------------------------------------------------\n\n/* eslint-disable */\nimport SynProgressRing from './progress-ring.component.js';\n\nexport * from './progress-ring.component.js';\nexport default SynProgressRing;\n\nSynProgressRing.define('syn-progress-ring');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-progress-ring': SynProgressRing;\n  }\n}\n"],
+  "mappings": ";;;;;AASA,IAAO,wBAAQ;AAEf,gBAAgB,OAAO,mBAAmB;",
+  "names": []
+}

package/dist/chunks/{chunk.JC5GSV43.js → chunk.S7GUBN44.js}

@@ -1,10 +1,10 @@
-import {
-  button_group_styles_default
-} from "./chunk.A7IIJ2LL.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.FWPBOC4P.js";
+} from "./chunk.3XSHKQTX.js";
+import {
+  button_group_styles_default
+} from "./chunk.A7IIJ2LL.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -87,4 +87,4 @@ function findButton(el) {
 export {
   SynButtonGroup
 };
-//# sourceMappingURL=chunk.JC5GSV43.js.map
+//# sourceMappingURL=chunk.S7GUBN44.js.map

package/dist/chunks/{chunk.ASAMT3UI.js → chunk.T4CNSRSR.js}

@@ -1,6 +1,6 @@
 import {
   SynBadge
-} from "./chunk.B6TPJHW3.js";
+} from "./chunk.ITVKE7NY.js";
 
 // src/components/badge/badge.ts
 var badge_default = SynBadge;
@@ -9,4 +9,4 @@ SynBadge.define("syn-badge");
 export {
   badge_default
 };
-//# sourceMappingURL=chunk.ASAMT3UI.js.map
+//# sourceMappingURL=chunk.T4CNSRSR.js.map

package/dist/chunks/{chunk.KPMZ3LIJ.js → chunk.TWTFELWJ.js}

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.V34ZEOY7.js";
+} from "./chunk.OPIYLV55.js";
 
 // src/components/popup/popup.ts
 var popup_default = SynPopup;
@@ -9,4 +9,4 @@ SynPopup.define("syn-popup");
 export {
   popup_default
 };
-//# sourceMappingURL=chunk.KPMZ3LIJ.js.map
+//# sourceMappingURL=chunk.TWTFELWJ.js.map

package/dist/chunks/{chunk.JURMMYO2.js → chunk.VC3APXJ3.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.4P4J6DEC.js";
+} from "./chunk.HWDX5ZOJ.js";
 import {
   select_custom_styles_default
 } from "./chunk.OWMT6OL2.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk.QNQNR3RY.js";
 import {
   SynPopup
-} from "./chunk.V34ZEOY7.js";
+} from "./chunk.OPIYLV55.js";
 import {
   scrollIntoView
 } from "./chunk.RIJKFEYZ.js";
@@ -37,7 +37,7 @@ import {
 } from "./chunk.66WXVGAW.js";
 import {
   SynIcon
-} from "./chunk.6D2I2DZR.js";
+} from "./chunk.O54BQSFI.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
@@ -47,7 +47,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.FWPBOC4P.js";
+} from "./chunk.3XSHKQTX.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -764,4 +764,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.JURMMYO2.js.map
+//# sourceMappingURL=chunk.VC3APXJ3.js.map

package/dist/chunks/{chunk.U2MZCGBJ.js → chunk.VFL2ABHB.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.ZRWDONNK.js";
+} from "./chunk.IZUY7TUK.js";
 
 // src/components/prio-nav/prio-nav.ts
 var prio_nav_default = SynPrioNav;
@@ -9,4 +9,4 @@ SynPrioNav.define("syn-prio-nav");
 export {
   prio_nav_default
 };
-//# sourceMappingURL=chunk.U2MZCGBJ.js.map
+//# sourceMappingURL=chunk.VFL2ABHB.js.map

package/dist/chunks/{chunk.2AE3ADBX.js → chunk.VJWNNZNH.js}

@@ -1,6 +1,6 @@
 import {
   SynOption
-} from "./chunk.JW2XLOIY.js";
+} from "./chunk.AMHVRA6L.js";
 
 // src/components/option/option.ts
 var option_default = SynOption;
@@ -9,4 +9,4 @@ SynOption.define("syn-option");
 export {
   option_default
 };
-//# sourceMappingURL=chunk.2AE3ADBX.js.map
+//# sourceMappingURL=chunk.VJWNNZNH.js.map

package/dist/chunks/{chunk.VGP76PTE.js → chunk.WV7JKJPD.js}

@@ -1,6 +1,6 @@
 import {
   SynCheckbox
-} from "./chunk.MOIKULXW.js";
+} from "./chunk.ENPKDAIZ.js";
 
 // src/components/checkbox/checkbox.ts
 var checkbox_default = SynCheckbox;
@@ -9,4 +9,4 @@ SynCheckbox.define("syn-checkbox");
 export {
   checkbox_default
 };
-//# sourceMappingURL=chunk.VGP76PTE.js.map
+//# sourceMappingURL=chunk.WV7JKJPD.js.map

package/dist/chunks/{chunk.RAEGIE77.js → chunk.XALEH2Z2.js}

@@ -9,17 +9,17 @@ import {
 } from "./chunk.JDBDBGQP.js";
 import {
   SynPopup
-} from "./chunk.V34ZEOY7.js";
+} from "./chunk.OPIYLV55.js";
 import {
   SynSpinner
-} from "./chunk.IMLBNWVK.js";
+} from "./chunk.R7ZKZ6JE.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.66WXVGAW.js";
 import {
   SynIcon
-} from "./chunk.6D2I2DZR.js";
+} from "./chunk.O54BQSFI.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
@@ -29,7 +29,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.FWPBOC4P.js";
+} from "./chunk.3XSHKQTX.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -191,4 +191,4 @@ __decorateClass([
 export {
   SynMenuItem
 };
-//# sourceMappingURL=chunk.RAEGIE77.js.map
+//# sourceMappingURL=chunk.XALEH2Z2.js.map

package/dist/chunks/{chunk.JRBLHBNP.js → chunk.XDKUBSEZ.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.VWX6KYMT.js";
+} from "./chunk.NVEZ4QNM.js";
 
 // src/components/radio/radio.ts
 var radio_default = SynRadio;
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
 export {
   radio_default
 };
-//# sourceMappingURL=chunk.JRBLHBNP.js.map
+//# sourceMappingURL=chunk.XDKUBSEZ.js.map

package/dist/chunks/{chunk.GWU7M2NS.js → chunk.XH3MA254.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.FWPBOC4P.js";
+} from "./chunk.3XSHKQTX.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -41,4 +41,4 @@ __decorateClass([
 export {
   SynDivider
 };
-//# sourceMappingURL=chunk.GWU7M2NS.js.map
+//# sourceMappingURL=chunk.XH3MA254.js.map

package/dist/chunks/{chunk.XSRDHGYV.js → chunk.XHHUDQGP.js}

@@ -1,6 +1,6 @@
 import {
   SynSideNav
-} from "./chunk.RVSBLUK4.js";
+} from "./chunk.ZSZ3RXHE.js";
 
 // src/components/side-nav/side-nav.ts
 var side_nav_default = SynSideNav;
@@ -9,4 +9,4 @@ SynSideNav.define("syn-side-nav");
 export {
   side_nav_default
 };
-//# sourceMappingURL=chunk.XSRDHGYV.js.map
+//# sourceMappingURL=chunk.XHHUDQGP.js.map

package/dist/chunks/{chunk.CYOLWNNK.js → chunk.XOEDYQWT.js}

@@ -1,6 +1,6 @@
 import {
   SynMenu
-} from "./chunk.7BKZQX6V.js";
+} from "./chunk.I5UERUDK.js";
 
 // src/components/menu/menu.ts
 var menu_default = SynMenu;
@@ -9,4 +9,4 @@ SynMenu.define("syn-menu");
 export {
   menu_default
 };
-//# sourceMappingURL=chunk.CYOLWNNK.js.map
+//# sourceMappingURL=chunk.XOEDYQWT.js.map

package/dist/chunks/{chunk.HIEYZW3Q.js → chunk.YJAGURE4.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.RIJKFEYZ.js";
 import {
   SynIconButton
-} from "./chunk.OIZ7KHCE.js";
+} from "./chunk.3MHH6ND2.js";
 import {
   getTabbableElements
 } from "./chunk.2QOQY4ZG.js";
@@ -35,7 +35,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.FWPBOC4P.js";
+} from "./chunk.3XSHKQTX.js";
 import {
   __decorateClass,
   __yieldStar
@@ -518,4 +518,4 @@ setDefaultAnimation("drawer.overlay.hide", {
 export {
   SynDrawer
 };
-//# sourceMappingURL=chunk.HIEYZW3Q.js.map
+//# sourceMappingURL=chunk.YJAGURE4.js.map

package/dist/chunks/chunk.YOBIFHIM.js

@@ -0,0 +1,77 @@
+import {
+  progress_ring_custom_styles_default
+} from "./chunk.2V3HGTTL.js";
+import {
+  progress_ring_styles_default
+} from "./chunk.45VEGVRJ.js";
+import {
+  LocalizeController
+} from "./chunk.GEHO4WRP.js";
+import {
+  SynergyElement,
+  component_styles_default
+} from "./chunk.3XSHKQTX.js";
+import {
+  __decorateClass
+} from "./chunk.QNDC5KWA.js";
+
+// src/components/progress-ring/progress-ring.component.ts
+import { html } from "lit";
+import { property, query, state } from "lit/decorators.js";
+var SynProgressRing = class extends SynergyElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.value = 0;
+    this.label = "";
+  }
+  updated(changedProps) {
+    super.updated(changedProps);
+    if (changedProps.has("value")) {
+      const radius = parseFloat(getComputedStyle(this.indicator).getPropertyValue("r"));
+      const circumference = 2 * Math.PI * radius;
+      const offset = circumference - this.value / 100 * circumference;
+      this.indicatorOffset = `${offset}px`;
+    }
+  }
+  render() {
+    return html`
+      <div
+        part="base"
+        class="progress-ring"
+        role="progressbar"
+        aria-label=${this.label.length > 0 ? this.label : this.localize.term("progress")}
+        aria-describedby="label"
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-valuenow="${this.value}"
+        style="--percentage: ${this.value / 100}"
+      >
+        <svg class="progress-ring__image">
+          <circle class="progress-ring__track"></circle>
+          <circle class="progress-ring__indicator" style="stroke-dashoffset: ${this.indicatorOffset}"></circle>
+        </svg>
+
+        <slot id="label" part="label" class="progress-ring__label"></slot>
+      </div>
+    `;
+  }
+};
+SynProgressRing.styles = [component_styles_default, progress_ring_styles_default, progress_ring_custom_styles_default];
+__decorateClass([
+  query(".progress-ring__indicator")
+], SynProgressRing.prototype, "indicator", 2);
+__decorateClass([
+  state()
+], SynProgressRing.prototype, "indicatorOffset", 2);
+__decorateClass([
+  property({ type: Number, reflect: true })
+], SynProgressRing.prototype, "value", 2);
+__decorateClass([
+  property()
+], SynProgressRing.prototype, "label", 2);
+
+export {
+  SynProgressRing
+};
+//# sourceMappingURL=chunk.YOBIFHIM.js.map