@synergy-design-system/components 1.18.0 → 1.19.0

package/dist/chunks/{chunk.YJAGURE4.js → chunk.2DDDCRJ3.js}

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

package/dist/chunks/{chunk.HWDX5ZOJ.js → chunk.2JOZWWOE.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.BGHK4NQA.js";
 import {
   SynIconButton
-} from "./chunk.3MHH6ND2.js";
+} from "./chunk.QAZDNT7V.js";
 import {
   LocalizeController
 } from "./chunk.GEHO4WRP.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.3XSHKQTX.js";
+} from "./chunk.LVQ53WA2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.HWDX5ZOJ.js.map
+//# sourceMappingURL=chunk.2JOZWWOE.js.map

package/dist/chunks/{chunk.MU2UKMFS.js → chunk.2UY7COPU.js}

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

package/dist/chunks/{chunk.VC3APXJ3.js → chunk.3JD6SIIU.js}

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

package/dist/chunks/{chunk.ZP62IDKA.js → chunk.4I5SYBN7.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioGroup
-} from "./chunk.POVJ44KS.js";
+} from "./chunk.XHI2F52K.js";
 
 // src/components/radio-group/radio-group.ts
 var radio_group_default = SynRadioGroup;
@@ -9,4 +9,4 @@ SynRadioGroup.define("syn-radio-group");
 export {
   radio_group_default
 };
-//# sourceMappingURL=chunk.ZP62IDKA.js.map
+//# sourceMappingURL=chunk.4I5SYBN7.js.map

package/dist/chunks/{chunk.XH3MA254.js → chunk.4J7Z64K2.js}

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

package/dist/chunks/{chunk.K5FUJGJ7.js → chunk.5L2JI5UY.js}

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

package/dist/chunks/{chunk.53VFVSIM.js → chunk.5LG6OZVL.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.FRDS4YDO.js";
+} from "./chunk.P6H4IUOO.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.53VFVSIM.js.map
+//# sourceMappingURL=chunk.5LG6OZVL.js.map

package/dist/chunks/{chunk.T4CNSRSR.js → chunk.5ZXK3DHG.js}

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

package/dist/chunks/{chunk.6CUDSTFZ.js → chunk.6HSRAAQU.js}

@@ -1,6 +1,6 @@
 import {
   SynDropdown
-} from "./chunk.4LFIZT4V.js";
+} from "./chunk.Q5FGJTK5.js";
 
 // src/components/dropdown/dropdown.ts
 var dropdown_default = SynDropdown;
@@ -9,4 +9,4 @@ SynDropdown.define("syn-dropdown");
 export {
   dropdown_default
 };
-//# sourceMappingURL=chunk.6CUDSTFZ.js.map
+//# sourceMappingURL=chunk.6HSRAAQU.js.map

package/dist/chunks/{chunk.ENPKDAIZ.js → chunk.A47EKSQ4.js}

@@ -5,6 +5,12 @@ import {
   form_control_custom_styles_default,
   form_control_styles_default
 } from "./chunk.TTL762VF.js";
+import {
+  checkbox_custom_styles_default
+} from "./chunk.2XZKXVMR.js";
+import {
+  checkbox_styles_default
+} from "./chunk.NIYKFSPR.js";
 import {
   FormControlController
 } from "./chunk.JUJZBRXD.js";
@@ -13,20 +19,14 @@ import {
 } from "./chunk.66WXVGAW.js";
 import {
   SynIcon
-} from "./chunk.O54BQSFI.js";
+} from "./chunk.QMBZGUIN.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
-import {
-  checkbox_custom_styles_default
-} from "./chunk.2XZKXVMR.js";
-import {
-  checkbox_styles_default
-} from "./chunk.NIYKFSPR.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.3XSHKQTX.js";
+} from "./chunk.LVQ53WA2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -259,4 +259,4 @@ __decorateClass([
 export {
   SynCheckbox
 };
-//# sourceMappingURL=chunk.ENPKDAIZ.js.map
+//# sourceMappingURL=chunk.A47EKSQ4.js.map

package/dist/chunks/chunk.AMAK44YX.js

@@ -0,0 +1,27 @@
+// src/components/progress-bar/progress-bar.custom.styles.ts
+import { css } from "lit";
+var progress_bar_custom_styles_default = css`
+  :host {
+    --height: var(--syn-font-size-medium);
+    --speed: 2.5s;
+  }
+
+  .progress-bar {
+    border-radius: var(--syn-border-radius-none);
+    box-shadow: none;
+  }
+
+  .progress-bar__indicator {
+    font: var(--syn-body-x-small-bold);
+  }
+
+  /* Indeterminate */
+  .progress-bar--indeterminate .progress-bar__indicator {
+    animation-duration: var(--speed);
+  }
+`;
+
+export {
+  progress_bar_custom_styles_default
+};
+//# sourceMappingURL=chunk.AMAK44YX.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/progress-bar/progress-bar.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --height: var(--syn-font-size-medium);\n    --speed: 2.5s;\n  }\n\n  .progress-bar {\n    border-radius: var(--syn-border-radius-none);\n    box-shadow: none;\n  }\n\n  .progress-bar__indicator {\n    font: var(--syn-body-x-small-bold);\n  }\n\n  /* Indeterminate */\n  .progress-bar--indeterminate .progress-bar__indicator {\n    animation-duration: var(--speed);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,qCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunks/{chunk.ALJZ43KV.js → chunk.API7KARX.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.3MHH6ND2.js";
+} from "./chunk.QAZDNT7V.js";
 
 // src/components/icon-button/icon-button.ts
 var icon_button_default = SynIconButton;
@@ -9,4 +9,4 @@ SynIconButton.define("syn-icon-button");
 export {
   icon_button_default
 };
-//# sourceMappingURL=chunk.ALJZ43KV.js.map
+//# sourceMappingURL=chunk.API7KARX.js.map

package/dist/chunks/{chunk.IZUY7TUK.js → chunk.AQHCB5J4.js}

@@ -7,20 +7,20 @@ import {
 } from "./chunk.XNP4OTUB.js";
 import {
   SynNavItem
-} from "./chunk.DP66NN4T.js";
+} from "./chunk.KPYNOAQ6.js";
 import {
   SynMenu
-} from "./chunk.I5UERUDK.js";
+} from "./chunk.V2LC4HXQ.js";
 import {
   SynDropdown
-} from "./chunk.4LFIZT4V.js";
+} from "./chunk.Q5FGJTK5.js";
 import {
   SynIcon
-} from "./chunk.O54BQSFI.js";
+} from "./chunk.QMBZGUIN.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.3XSHKQTX.js";
+} from "./chunk.LVQ53WA2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -205,4 +205,4 @@ __decorateClass([
 export {
   SynPrioNav
 };
-//# sourceMappingURL=chunk.IZUY7TUK.js.map
+//# sourceMappingURL=chunk.AQHCB5J4.js.map

package/dist/chunks/{chunk.GBXK6QMT.js → chunk.ARMOGDBS.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.QTL6QHN6.js";
+} from "./chunk.QY3NFYFU.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.GBXK6QMT.js.map
+//# sourceMappingURL=chunk.ARMOGDBS.js.map

package/dist/chunks/{chunk.QV2W7HAY.js → chunk.BLEAPCEP.js}

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

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

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

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

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.DP66NN4T.js";
+} from "./chunk.KPYNOAQ6.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.MR7U25T2.js.map
+//# sourceMappingURL=chunk.BZBSIR5N.js.map

package/dist/chunks/{chunk.AYPU2CVS.js → chunk.CZ6WRNZU.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.ORRBYZK7.js";
+} from "./chunk.X4X2RMYJ.js";
 
 // src/components/menu-label/menu-label.ts
 var menu_label_default = SynMenuLabel;
@@ -9,4 +9,4 @@ SynMenuLabel.define("syn-menu-label");
 export {
   menu_label_default
 };
-//# sourceMappingURL=chunk.AYPU2CVS.js.map
+//# sourceMappingURL=chunk.CZ6WRNZU.js.map

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

@@ -7,7 +7,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.3XSHKQTX.js";
+} from "./chunk.LVQ53WA2.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.R7ZKZ6JE.js.map
+//# sourceMappingURL=chunk.DEGXHPWD.js.map

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

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

package/dist/chunks/{chunk.G34JOXVF.js → chunk.DZ7S4RJY.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.EWF2AO27.js";
+} from "./chunk.LECQCB4C.js";
 
 // src/components/radio-button/radio-button.ts
 var radio_button_default = SynRadioButton;
@@ -9,4 +9,4 @@ SynRadioButton.define("syn-radio-button");
 export {
   radio_button_default
 };
-//# sourceMappingURL=chunk.G34JOXVF.js.map
+//# sourceMappingURL=chunk.DZ7S4RJY.js.map

package/dist/chunks/{chunk.CFFJSWFS.js → chunk.EMKKKKFU.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.HWDX5ZOJ.js";
+} from "./chunk.2JOZWWOE.js";
 
 // src/components/tag/tag.ts
 var tag_default = SynTag;
@@ -9,4 +9,4 @@ SynTag.define("syn-tag");
 export {
   tag_default
 };
-//# sourceMappingURL=chunk.CFFJSWFS.js.map
+//# sourceMappingURL=chunk.EMKKKKFU.js.map

package/dist/chunks/{chunk.YOBIFHIM.js → chunk.ET6X3DLL.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.3XSHKQTX.js";
+} from "./chunk.LVQ53WA2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -74,4 +74,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.YOBIFHIM.js.map
+//# sourceMappingURL=chunk.ET6X3DLL.js.map

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

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

package/dist/chunks/{chunk.RH56E6RP.js → chunk.GJ6H2WYF.js}

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

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

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.IZUY7TUK.js";
+} from "./chunk.AQHCB5J4.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.VFL2ABHB.js.map
+//# sourceMappingURL=chunk.KJORV2US.js.map

package/dist/chunks/{chunk.DP66NN4T.js → chunk.KPYNOAQ6.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.L4UUXVRZ.js";
 import {
   SynDivider
-} from "./chunk.XH3MA254.js";
+} from "./chunk.4J7Z64K2.js";
 import {
   HasSlotController
 } from "./chunk.66WXVGAW.js";
@@ -13,7 +13,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.3XSHKQTX.js";
+} from "./chunk.LVQ53WA2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -315,4 +315,4 @@ __decorateClass([
 export {
   SynNavItem
 };
-//# sourceMappingURL=chunk.DP66NN4T.js.map
+//# sourceMappingURL=chunk.KPYNOAQ6.js.map

package/dist/chunks/{chunk.VJWNNZNH.js → chunk.KUWSMYGR.js}

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

package/dist/chunks/{chunk.3WXUF3OF.js → chunk.L7WWNO6T.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.YJAGURE4.js";
+} from "./chunk.2DDDCRJ3.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.3WXUF3OF.js.map
+//# sourceMappingURL=chunk.L7WWNO6T.js.map

package/dist/chunks/{chunk.EWF2AO27.js → chunk.LECQCB4C.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.3XSHKQTX.js";
+} from "./chunk.LVQ53WA2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -125,4 +125,4 @@ __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.EWF2AO27.js.map
+//# sourceMappingURL=chunk.LECQCB4C.js.map

package/dist/chunks/chunk.LPAMBMOA.js

@@ -0,0 +1,69 @@
+import {
+  progress_bar_custom_styles_default
+} from "./chunk.AMAK44YX.js";
+import {
+  progress_bar_styles_default
+} from "./chunk.XBUAZUNQ.js";
+import {
+  LocalizeController
+} from "./chunk.GEHO4WRP.js";
+import {
+  SynergyElement,
+  component_styles_default
+} from "./chunk.LVQ53WA2.js";
+import {
+  __decorateClass
+} from "./chunk.QNDC5KWA.js";
+
+// src/components/progress-bar/progress-bar.component.ts
+import { classMap } from "lit/directives/class-map.js";
+import { html } from "lit";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { property } from "lit/decorators.js";
+import { styleMap } from "lit/directives/style-map.js";
+var SynProgressBar = class extends SynergyElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.value = 0;
+    this.indeterminate = false;
+    this.label = "";
+  }
+  render() {
+    return html`
+      <div
+        part="base"
+        class=${classMap({
+      "progress-bar": true,
+      "progress-bar--indeterminate": this.indeterminate,
+      "progress-bar--rtl": this.localize.dir() === "rtl"
+    })}
+        role="progressbar"
+        title=${ifDefined(this.title)}
+        aria-label=${this.label.length > 0 ? this.label : this.localize.term("progress")}
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-valuenow=${this.indeterminate ? 0 : this.value}
+      >
+        <div part="indicator" class="progress-bar__indicator" style=${styleMap({ width: `${this.value}%` })}>
+          ${!this.indeterminate ? html` <slot part="label" class="progress-bar__label"></slot> ` : ""}
+        </div>
+      </div>
+    `;
+  }
+};
+SynProgressBar.styles = [component_styles_default, progress_bar_styles_default, progress_bar_custom_styles_default];
+__decorateClass([
+  property({ type: Number, reflect: true })
+], SynProgressBar.prototype, "value", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SynProgressBar.prototype, "indeterminate", 2);
+__decorateClass([
+  property()
+], SynProgressBar.prototype, "label", 2);
+
+export {
+  SynProgressBar
+};
+//# sourceMappingURL=chunk.LPAMBMOA.js.map