@luzmo/lucero 2.4.1 → 2.4.2

package/components/index.cjs

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./accordion-BK0LfhmL.cjs"),r=require("./focus-visible-DNHNlrty.cjs"),ee=require("./focusable-B6h03pAe.cjs"),te=require("./action-group-oo7YV0EW.cjs"),ne=require("./icon-zOPAWCdx.cjs"),re=require("./close-button-BAELImQY.cjs"),i=require("./field-label-C0vfY1b6.cjs"),a=require("./popover-BsdqkvKI.cjs"),o=require("./action-bar-DAqG_7VG.cjs"),s=require("./action-button-CX1uYbQp.cjs"),c=require("./slottable-request-event-C6eb7Ch3.cjs"),l=require("./progress-circle-bO_VAX3N.cjs"),u=require("./menu-CrhA2iPZ.cjs"),d=require("./overlay-Dn7EbA_W.cjs"),f=require("./platform-BAjeJp2W.cjs"),ie=require("./tooltip-DjOW52n2.cjs"),p=require("./picker-BliQJlY_.cjs"),ae=require("./action-menu-CwzRbF61.cjs"),oe=require("./avatar-DHS5UGTJ.cjs"),m=require("./badge-D8pIDEoq.cjs"),h=require("./button-Bvnidb4x.cjs"),g=require("./button-group-Du7R4SxZ.cjs"),_=require("./calendar-pQxEWdYC.cjs"),v=require("./chat-message-Dgo6h0rD.cjs"),y=require("./chat-message-group-CvxdX3jt.cjs"),b=require("./checkbox-ClVrkeLp.cjs"),x=require("./color-loupe-6NcLbFco.cjs"),S=require("./color-handle-2iFLp9FN.cjs"),C=require("./streaming-listener-Bfyk6Fsx.cjs"),w=require("./color-area-CmKlQG1i.cjs"),T=require("./text-field-3fDtTQkR.cjs"),E=require("./color-field-BH9x46k_.cjs"),D=require("./color-slider-CMW8gJ0Z.cjs"),O=require("./divider-BcE8D-pH.cjs"),k=require("./swatch-CQ0inIHK.cjs"),A=require("./color-menu-BYTgxLQG.cjs"),j=require("./color-palette-x6W09EBL.cjs"),M=require("./color-palette-group-D4k_7pW6.cjs"),N=require("./color-picker-BAikpqUT.cjs"),P=require("./picker-button-B8Jbf9jK.cjs"),F=require("./date-range-picker-D149LIGC.cjs"),I=require("./date-time-picker-CRpvRk9T.cjs"),L=require("./field-group-Dd5xYczm.cjs");require("./field-group/index.cjs");const se=require("./infield-button-kilVRjwB.cjs"),R=require("./label-B3zs6OX0.cjs"),z=require("./text-field-CbN4nydd.cjs"),B=require("./multi-language-field-BndVikur.cjs"),V=require("./notice-CsWaqcq3.cjs"),H=require("./number-field-xxXgR70l.cjs"),U=require("./options-CP9V2CSJ.cjs");require("./picker/index.cjs");const W=require("./progress-bar-CrodWzcc.cjs"),G=require("./progress-steps-upJp8wl3.cjs"),K=require("./skeleton-loader-CNcwCh4V.cjs"),q=require("./prompt-box-sp9_-Hnx.cjs"),ce=require("./voice-recorder-B1tBrGTV.cjs"),J=require("./radio-CRTfoEX_.cjs"),Y=require("./question-box-Bdtsgv1k.cjs"),le=require("./search-PxJEuwHt.cjs"),ue=require("./select-DsGVB01K.cjs"),X=require("./slider-C_8pSK4N.cjs"),de=require("./split-view-BwCFYey6.cjs"),fe=require("./status-light-D3hdx8Pd.cjs"),pe=require("./switch-qwpYXVnO.cjs"),Z=require("./tabs-DxOD4QNt.cjs"),Q=require("./top-nav-81IKEGjR.cjs"),$=require("./tags-fLCGajv_.cjs"),me=require("./toast-DRrGgznK.cjs");require("./utils.cjs"),exports.ClickController=d.d,exports.DEFAULT_FILE_ICONS=q.n,exports.DEFAULT_NOTICE_LABELS=V.t,exports.DEFAULT_PROGRESS_STEPS_LABELS=G.n,exports.DEFAULT_QUESTION_BOX_LABELS=Y.a,exports.DEFAULT_SLIDER_LABELS=X.r,exports.DESCRIPTION_ID=p.t,exports.ELEMENT_MIME_TYPE=q.r,exports.ElementSizes=t.t,exports.FocusVisiblePolyfillMixin=r.t,exports.Focusable=ee.t,exports.HoverController=d.u,exports.InteractionController=d.f,exports.InteractionTypes=d.p,exports.LONGPRESS_INSTRUCTIONS=d.c,exports.LongpressController=d.l,exports.LuzmoAbstractOverlay=d.y,exports.LuzmoAccordion=n.n,exports.LuzmoAccordionItem=n.t,exports.LuzmoActionBar=o.t,exports.LuzmoActionButton=s.t,exports.LuzmoActionGroup=te.t,exports.LuzmoActionMenu=ae.t,exports.LuzmoAvatar=oe.t,exports.LuzmoBadge=m.t,exports.LuzmoButton=h.n,exports.LuzmoButtonGroup=g.t,exports.LuzmoCalendar=_.t,exports.LuzmoChatMessage=v.t,exports.LuzmoChatMessageGroup=y.t,exports.LuzmoCheckbox=b.t,exports.LuzmoClearButton=h.t,exports.LuzmoCloseButton=re.t,exports.LuzmoColorArea=w.t,exports.LuzmoColorField=E.t,exports.LuzmoColorHandle=S.t,exports.LuzmoColorLoupe=x.t,exports.LuzmoColorMenu=A.t,exports.LuzmoColorPalette=j.t,exports.LuzmoColorPaletteGroup=M.t,exports.LuzmoColorPicker=N.t,exports.LuzmoColorSlider=D.t,exports.LuzmoDateRangePicker=F.t,exports.LuzmoDateTimePicker=I.t,exports.LuzmoDivider=O.t,exports.LuzmoElement=e.n,exports.LuzmoFieldGroup=L.t,exports.LuzmoFieldLabel=i.t,exports.LuzmoHelpText=z.t,exports.LuzmoIcon=ne.t,exports.LuzmoInfieldButton=se.t,exports.LuzmoLabel=R.t,exports.LuzmoMenu=u.a,exports.LuzmoMenuDivider=u.i,exports.LuzmoMenuGroup=u.r,exports.LuzmoMenuItem=u.t,exports.LuzmoMixin=e.r,exports.LuzmoMultiLangField=B.t,exports.LuzmoNotice=V.n,exports.LuzmoNumberField=H.t,exports.LuzmoOption=U.a,exports.LuzmoOptions=U.t,exports.LuzmoOptionsDivider=U.i,exports.LuzmoOverlay=d.s,exports.LuzmoOverlayTrigger=d.o,exports.LuzmoPicker=p.n,exports.LuzmoPickerBase=p.r,exports.LuzmoPickerButton=P.t,exports.LuzmoPopover=a.t,exports.LuzmoProgressBar=W.t,exports.LuzmoProgressCircle=l.t,exports.LuzmoProgressSteps=G.t,exports.LuzmoPromptBox=q.t,exports.LuzmoQuestionBox=Y.t,exports.LuzmoRadio=J.n,exports.LuzmoRadioGroup=J.t,exports.LuzmoSearch=le.t,exports.LuzmoSelect=ue.t,exports.LuzmoSkeletonLoader=K.t,exports.LuzmoSlider=X.n,exports.LuzmoSliderHandle=X.t,exports.LuzmoSplitView=de.t,exports.LuzmoStatusLight=fe.t,exports.LuzmoSwatch=k.n,exports.LuzmoSwatchGroup=k.t,exports.LuzmoSwitch=pe.t,exports.LuzmoTab=Z.i,exports.LuzmoTabPanel=Z.r,exports.LuzmoTabs=Z.n,exports.LuzmoTabsOverflow=Z.t,exports.LuzmoTag=$.n,exports.LuzmoTags=$.t,exports.LuzmoTextField=T.t,exports.LuzmoToast=me.t,exports.LuzmoTooltip=ie.t,exports.LuzmoTopNav=Q.n,exports.LuzmoTopNavItem=Q.t,exports.MenuItemAddedOrUpdatedEvent=u.n,exports.OverlayTriggerDirective=d.t,exports.PlacementController=d.g,exports.QUESTION_BOX_OTHER_VALUE=Y.o,exports.SAFARI_FOCUS_RING_CLASS=d.m,exports.SizedMixin=t.n,exports.SlottableRequestDirective=d.r,exports.SlottableRequestEvent=c.t,exports.VIRTUALIZE_AS_OF_NUM_ITEMS=U.n,exports.VirtualTrigger=d.v,exports.VoiceRecorder=ce.t,exports.guaranteedAllTransitionend=d.b,exports.isAndroid=f.t,exports.isAppleDevice=f.n,exports.isChrome=f.r,exports.isFirefox=f.i,exports.isIOS=f.a,exports.isIPad=f.o,exports.isIPhone=f.s,exports.isMac=f.c,exports.isSeamonkey=f.l,exports.isWebKit=f.u,exports.lastInteractionType=d.h,exports.nextFrame=d.x,exports.noop=d.S,exports.noticeVariants=V.r,exports.openOverlay=d.a,exports.overlayTimer=d.C,exports.placementUpdatedSymbol=d._,exports.questionBoxOtherKey=Y.s,exports.questionsToRequestedSchema=Y.n,exports.removeSlottableRequest=c.n,exports.requestedSchemaToQuestions=Y.r,exports.slottableRequest=d.i,exports.streamingListener=C.t,exports.toElicitationContent=Y.i,exports.trigger=d.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./accordion-BK0LfhmL.cjs"),r=require("./focus-visible-DNHNlrty.cjs"),ee=require("./focusable-B6h03pAe.cjs"),te=require("./action-group-oo7YV0EW.cjs"),ne=require("./icon-zOPAWCdx.cjs"),re=require("./close-button-BAELImQY.cjs"),i=require("./field-label-C0vfY1b6.cjs"),a=require("./popover-BsdqkvKI.cjs"),o=require("./action-bar-DAqG_7VG.cjs"),s=require("./action-button-CX1uYbQp.cjs"),c=require("./slottable-request-event-C6eb7Ch3.cjs"),l=require("./progress-circle-bO_VAX3N.cjs"),u=require("./menu-CrhA2iPZ.cjs"),d=require("./overlay-Dn7EbA_W.cjs"),f=require("./platform-BAjeJp2W.cjs"),ie=require("./tooltip-DjOW52n2.cjs"),p=require("./picker-BliQJlY_.cjs"),ae=require("./action-menu-CwzRbF61.cjs"),oe=require("./avatar-DHS5UGTJ.cjs"),m=require("./badge-D8pIDEoq.cjs"),h=require("./button-Bvnidb4x.cjs"),g=require("./button-group-Du7R4SxZ.cjs"),_=require("./calendar-pQxEWdYC.cjs"),v=require("./chat-message-BDfomRm-.cjs"),y=require("./chat-message-group-CvxdX3jt.cjs"),b=require("./checkbox-ClVrkeLp.cjs"),x=require("./color-loupe-6NcLbFco.cjs"),S=require("./color-handle-2iFLp9FN.cjs"),C=require("./streaming-listener-Bfyk6Fsx.cjs"),w=require("./color-area-CmKlQG1i.cjs"),T=require("./text-field-3fDtTQkR.cjs"),E=require("./color-field-BH9x46k_.cjs"),D=require("./color-slider-CMW8gJ0Z.cjs"),O=require("./divider-BcE8D-pH.cjs"),k=require("./swatch-CQ0inIHK.cjs"),A=require("./color-menu-BYTgxLQG.cjs"),j=require("./color-palette-x6W09EBL.cjs"),M=require("./color-palette-group-D4k_7pW6.cjs"),N=require("./color-picker-BAikpqUT.cjs"),P=require("./picker-button-B8Jbf9jK.cjs"),F=require("./date-range-picker-D149LIGC.cjs"),I=require("./date-time-picker-CRpvRk9T.cjs"),L=require("./field-group-Dd5xYczm.cjs");require("./field-group/index.cjs");const se=require("./infield-button-kilVRjwB.cjs"),R=require("./label-B3zs6OX0.cjs"),z=require("./text-field-CbN4nydd.cjs"),B=require("./multi-language-field-BndVikur.cjs"),V=require("./notice-CsWaqcq3.cjs"),H=require("./number-field-xxXgR70l.cjs"),U=require("./options-CP9V2CSJ.cjs");require("./picker/index.cjs");const W=require("./progress-bar-CrodWzcc.cjs"),G=require("./progress-steps-CvdQQwHc.cjs"),K=require("./skeleton-loader-CNcwCh4V.cjs"),q=require("./prompt-box-sp9_-Hnx.cjs"),ce=require("./voice-recorder-B1tBrGTV.cjs"),J=require("./radio-CRTfoEX_.cjs"),Y=require("./question-box-Bdtsgv1k.cjs"),le=require("./search-PxJEuwHt.cjs"),ue=require("./select-DsGVB01K.cjs"),X=require("./slider-C_8pSK4N.cjs"),de=require("./split-view-BwCFYey6.cjs"),fe=require("./status-light-D3hdx8Pd.cjs"),pe=require("./switch-qwpYXVnO.cjs"),Z=require("./tabs-DxOD4QNt.cjs"),Q=require("./top-nav-81IKEGjR.cjs"),$=require("./tags-fLCGajv_.cjs"),me=require("./toast-DRrGgznK.cjs");require("./utils.cjs"),exports.ClickController=d.d,exports.DEFAULT_FILE_ICONS=q.n,exports.DEFAULT_NOTICE_LABELS=V.t,exports.DEFAULT_PROGRESS_STEPS_LABELS=G.n,exports.DEFAULT_QUESTION_BOX_LABELS=Y.a,exports.DEFAULT_SLIDER_LABELS=X.r,exports.DESCRIPTION_ID=p.t,exports.ELEMENT_MIME_TYPE=q.r,exports.ElementSizes=t.t,exports.FocusVisiblePolyfillMixin=r.t,exports.Focusable=ee.t,exports.HoverController=d.u,exports.InteractionController=d.f,exports.InteractionTypes=d.p,exports.LONGPRESS_INSTRUCTIONS=d.c,exports.LongpressController=d.l,exports.LuzmoAbstractOverlay=d.y,exports.LuzmoAccordion=n.n,exports.LuzmoAccordionItem=n.t,exports.LuzmoActionBar=o.t,exports.LuzmoActionButton=s.t,exports.LuzmoActionGroup=te.t,exports.LuzmoActionMenu=ae.t,exports.LuzmoAvatar=oe.t,exports.LuzmoBadge=m.t,exports.LuzmoButton=h.n,exports.LuzmoButtonGroup=g.t,exports.LuzmoCalendar=_.t,exports.LuzmoChatMessage=v.t,exports.LuzmoChatMessageGroup=y.t,exports.LuzmoCheckbox=b.t,exports.LuzmoClearButton=h.t,exports.LuzmoCloseButton=re.t,exports.LuzmoColorArea=w.t,exports.LuzmoColorField=E.t,exports.LuzmoColorHandle=S.t,exports.LuzmoColorLoupe=x.t,exports.LuzmoColorMenu=A.t,exports.LuzmoColorPalette=j.t,exports.LuzmoColorPaletteGroup=M.t,exports.LuzmoColorPicker=N.t,exports.LuzmoColorSlider=D.t,exports.LuzmoDateRangePicker=F.t,exports.LuzmoDateTimePicker=I.t,exports.LuzmoDivider=O.t,exports.LuzmoElement=e.n,exports.LuzmoFieldGroup=L.t,exports.LuzmoFieldLabel=i.t,exports.LuzmoHelpText=z.t,exports.LuzmoIcon=ne.t,exports.LuzmoInfieldButton=se.t,exports.LuzmoLabel=R.t,exports.LuzmoMenu=u.a,exports.LuzmoMenuDivider=u.i,exports.LuzmoMenuGroup=u.r,exports.LuzmoMenuItem=u.t,exports.LuzmoMixin=e.r,exports.LuzmoMultiLangField=B.t,exports.LuzmoNotice=V.n,exports.LuzmoNumberField=H.t,exports.LuzmoOption=U.a,exports.LuzmoOptions=U.t,exports.LuzmoOptionsDivider=U.i,exports.LuzmoOverlay=d.s,exports.LuzmoOverlayTrigger=d.o,exports.LuzmoPicker=p.n,exports.LuzmoPickerBase=p.r,exports.LuzmoPickerButton=P.t,exports.LuzmoPopover=a.t,exports.LuzmoProgressBar=W.t,exports.LuzmoProgressCircle=l.t,exports.LuzmoProgressSteps=G.t,exports.LuzmoPromptBox=q.t,exports.LuzmoQuestionBox=Y.t,exports.LuzmoRadio=J.n,exports.LuzmoRadioGroup=J.t,exports.LuzmoSearch=le.t,exports.LuzmoSelect=ue.t,exports.LuzmoSkeletonLoader=K.t,exports.LuzmoSlider=X.n,exports.LuzmoSliderHandle=X.t,exports.LuzmoSplitView=de.t,exports.LuzmoStatusLight=fe.t,exports.LuzmoSwatch=k.n,exports.LuzmoSwatchGroup=k.t,exports.LuzmoSwitch=pe.t,exports.LuzmoTab=Z.i,exports.LuzmoTabPanel=Z.r,exports.LuzmoTabs=Z.n,exports.LuzmoTabsOverflow=Z.t,exports.LuzmoTag=$.n,exports.LuzmoTags=$.t,exports.LuzmoTextField=T.t,exports.LuzmoToast=me.t,exports.LuzmoTooltip=ie.t,exports.LuzmoTopNav=Q.n,exports.LuzmoTopNavItem=Q.t,exports.MenuItemAddedOrUpdatedEvent=u.n,exports.OverlayTriggerDirective=d.t,exports.PlacementController=d.g,exports.QUESTION_BOX_OTHER_VALUE=Y.o,exports.SAFARI_FOCUS_RING_CLASS=d.m,exports.SizedMixin=t.n,exports.SlottableRequestDirective=d.r,exports.SlottableRequestEvent=c.t,exports.VIRTUALIZE_AS_OF_NUM_ITEMS=U.n,exports.VirtualTrigger=d.v,exports.VoiceRecorder=ce.t,exports.guaranteedAllTransitionend=d.b,exports.isAndroid=f.t,exports.isAppleDevice=f.n,exports.isChrome=f.r,exports.isFirefox=f.i,exports.isIOS=f.a,exports.isIPad=f.o,exports.isIPhone=f.s,exports.isMac=f.c,exports.isSeamonkey=f.l,exports.isWebKit=f.u,exports.lastInteractionType=d.h,exports.nextFrame=d.x,exports.noop=d.S,exports.noticeVariants=V.r,exports.openOverlay=d.a,exports.overlayTimer=d.C,exports.placementUpdatedSymbol=d._,exports.questionBoxOtherKey=Y.s,exports.questionsToRequestedSchema=Y.n,exports.removeSlottableRequest=c.n,exports.requestedSchemaToQuestions=Y.r,exports.slottableRequest=d.i,exports.streamingListener=C.t,exports.toElicitationContent=Y.i,exports.trigger=d.n;

package/components/index.js

@@ -41,7 +41,7 @@ import { t as ce } from "./badge-D2Hjf-Ww.js";
 import { n as le, t as ue } from "./button-DIV_j_U3.js";
 import { t as de } from "./button-group-Duf-Igst.js";
 import { t as fe } from "./calendar-D1UtHvpY.js";
-import { t as pe } from "./chat-message-T6QIK2Bl.js";
+import { t as pe } from "./chat-message-D6U-sprD.js";
 import { t as me } from "./chat-message-group-k9lo-ZqD.js";
 import { t as he } from "./checkbox-BEjvkjfc.js";
 import { t as ge } from "./color-loupe-CqHyyvjQ.js";
@@ -71,7 +71,7 @@ import { t as Ve } from "./number-field-DAOy_AvQ.js";
 import { a as He, i as Ue, n as We, t as Ge } from "./options-D_ifU0DH.js";
 import "./picker/index.js";
 import { t as Ke } from "./progress-bar-D4iFHkp7.js";
-import { n as qe, t as Je } from "./progress-steps-BIbj8x8S.js";
+import { n as qe, t as Je } from "./progress-steps-BvCzsq9Z.js";
 import { t as Ye } from "./skeleton-loader-BeCsYADg.js";
 import { n as Xe, r as Ze, t as Qe } from "./prompt-box-Cz_m2wso.js";
 import { t as $e } from "./voice-recorder-CTg3kRxx.js";

package/components/progress-steps/index.cjs

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../progress-steps-upJp8wl3.cjs");exports.DEFAULT_PROGRESS_STEPS_LABELS=e.n,exports.LuzmoProgressSteps=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../progress-steps-CvdQQwHc.cjs");exports.DEFAULT_PROGRESS_STEPS_LABELS=e.n,exports.LuzmoProgressSteps=e.t;

package/components/progress-steps/index.js

@@ -16,5 +16,5 @@
  * SOFTWARE.
  * */
 import "../tokens.js";
-import { n as e, t } from "../progress-steps-BIbj8x8S.js";
+import { n as e, t } from "../progress-steps-BvCzsq9Z.js";
 export { e as DEFAULT_PROGRESS_STEPS_LABELS, t as LuzmoProgressSteps };

package/components/progress-steps/progress-steps.d.ts

@@ -8,16 +8,17 @@ declare const LuzmoProgressSteps_base: typeof LuzmoElement & {
 /**
  * @element luzmo-progress-steps
  * @summary Shows the progress of a multi-step process, such as an AI response,
- * as a single line that expands into the full step history.
+ * as a status line that expands into the full step history.
  *
- * While a run is in progress, the line shows the newest running step and its
- * newest running substep. Once the run finishes, it shows how many steps ran.
- * Activating the line opens the history.
+ * While a run is in progress, the line shows the newest running step, with its
+ * newest running substep on a second line below. Once the run finishes, it
+ * collapses to one line that shows how many steps ran. Activating the line
+ * opens the history.
  *
  * @attr size - The size of the component: s, m, l or xl
  * @attr locale - Locale for resolving localized strings (default: 'en')
  * @attr collapsed - Signals the run has finished, so the line settles into its summary as soon as no step runs
- * @attr condensed - Deprecated, no effect: every state is condensed into one line
+ * @attr condensed - Deprecated, no effect: every state is condensed into the status line
  * @attr display-mode - 'detailed' (default) lists substeps in the history, 'compact' lists main steps only
  * @attr no-animate - Disables the shimmer and transitions
  * @attr open - Whether the step history is shown
@@ -25,8 +26,8 @@ declare const LuzmoProgressSteps_base: typeof LuzmoElement & {
  * @fires luzmo-step-expanded - The user opened the step history. `detail.nodeId` is the progress root id.
  * @fires luzmo-step-collapsed - The user closed the step history. `detail.nodeId` is the progress root id.
  *
- * @cssprop --luzmo-progress-steps-font-size - Font size of the summary line
- * @cssprop --luzmo-progress-steps-font-size-small - Font size of the step history
+ * @cssprop --luzmo-progress-steps-font-size - Font size of the main step and the finished summary
+ * @cssprop --luzmo-progress-steps-font-size-small - Font size of the substep line and the step history
  * @cssprop --luzmo-progress-steps-font-color - Color of emphasized text
  * @cssprop --luzmo-progress-steps-font-color-dimmed - Color of the summary line and substeps
  * @cssprop --luzmo-progress-steps-error-color - Color of failed steps
@@ -56,7 +57,7 @@ export declare class LuzmoProgressSteps extends LuzmoProgressSteps_base {
      */
     displayMode: ProgressStepsDisplayMode;
     /**
-     * @deprecated Has no effect. Every state is condensed into one line.
+     * @deprecated Has no effect. Every state is condensed into the status line.
      */
     condensed: boolean;
     /**
@@ -86,21 +87,9 @@ export declare class LuzmoProgressSteps extends LuzmoProgressSteps_base {
     private _settleTimer?;
     private _leaveTimer?;
     private _announceTimer?;
-    private _resizeObserver?;
-    /** Whether the shown line shows its substep alone. */
-    private _subStepOnly;
-    /** Whether the leaving line showed its substep alone. */
-    private _leavingSubStepOnly;
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected willUpdate(changes: PropertyValues): void;
-    protected updated(changes: PropertyValues): void;
-    /**
-     * Shows the substep alone when the main step and substep don't both fit
-     * whole. The main step stays in the accessible name. Runs before paint, so
-     * the measuring layout is never shown.
-     */
-    private _fitLine;
     private get _labels();
     /** Moves between running and finished based on the latest tree. */
     private _syncPhase;

package/components/progress-steps-BvCzsq9Z.js

@@ -0,0 +1,368 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import "./tokens.js";
+import { n as e, t } from "./decorate-CkCg3wfh.js";
+import { n } from "./sized-mixin-DzQTebN-.js";
+import { r, t as i } from "./language-resolution-BaKYDD1a.js";
+import { html as a, nothing as o, unsafeCSS as s } from "lit";
+import { property as c, state as l } from "lit/decorators.js";
+import { luzmoAlert as u, luzmoAngleRight as d, luzmoCheckCircleOutline as f, luzmoClose14 as p, luzmoIcon as m } from "@luzmo/icons";
+import { classMap as h } from "lit/directives/class-map.js";
+import { repeat as g } from "lit/directives/repeat.js";
+import { keyed as _ } from "lit/directives/keyed.js";
+//#region src/components/progress-steps/progress-steps-model.ts
+function v(e) {
+	for (let t = (e?.length ?? 0) - 1; t >= 0; t--) if (e[t].status === "inProgress") return e[t];
+	return null;
+}
+function y(e) {
+	let t = v(e.children);
+	return t ? y(t) ?? t : null;
+}
+function b(e, t) {
+	return typeof e == "object" ? e[t] ?? e.en ?? Object.values(e)[0] ?? "" : String(e);
+}
+function x(e) {
+	return !!e?.children?.length;
+}
+function S(e) {
+	let t = v(e?.children);
+	return t ? {
+		mainStep: t,
+		subStep: y(t)
+	} : null;
+}
+function C(e) {
+	let t = 0;
+	for (let n of e?.children ?? []) t += +(n.status === "error") + C(n);
+	return t;
+}
+function w(e) {
+	return !!e?.children?.some((e) => e.status === "success" || e.status === "error");
+}
+function T(e) {
+	return e?.status === "success" || e?.status === "error";
+}
+function E(e, t) {
+	return e.description ? e.description.replaceAll(/\{\{(\w+)\}\}/g, (n, r) => {
+		let i = e.descriptionMetadata?.[r];
+		return i == null ? n : Array.isArray(i) ? i.map((e) => b(e, t)).join(", ") : b(i, t);
+	}) : e.step;
+}
+//#endregion
+//#region src/components/progress-steps/progress-steps.module.scss?inline
+var D = ":host{box-sizing:border-box;font-family:var(--luzmo-font-family);font-size:var(--luzmo-progress-steps-font-size,var(--progress-steps-font-size));line-height:var(--progress-steps-line-height);color:var(--luzmo-progress-steps-font-color-dimmed,var(--progress-steps-font-color-dimmed));display:block}.summary{box-sizing:border-box;align-items:flex-start;gap:var(--progress-steps-gap);max-inline-size:100%;min-block-size:var(--progress-steps-min-height);padding-block:max(0px, (var(--progress-steps-min-height) - var(--progress-steps-line-block-size)) / 2);padding-inline:var(--progress-steps-padding-inline);border-radius:var(--progress-steps-border-radius);color:inherit;font:inherit;text-align:start;cursor:pointer;appearance:none;background:0 0;border:0;margin:0;display:inline-flex}.summary:hover{background-color:var(--progress-steps-hover-background)}.summary:focus-visible{outline:var(--progress-steps-focus-ring-width) solid var(--highcontrast-progress-steps-focus-ring-color,var(--progress-steps-focus-ring-color));outline-offset:var(--progress-steps-focus-ring-gap)}.status-icon{inline-size:var(--progress-steps-icon-size);block-size:var(--progress-steps-icon-size);flex:none;justify-content:center;align-items:center;margin-block-start:calc((var(--progress-steps-line-block-size) - var(--progress-steps-icon-size)) / 2);display:inline-flex;position:relative;inset-block-start:var(--progress-steps-icon-offset)}.status-icon svg{block-size:100%;inline-size:100%}.status-icon-failed{color:var(--luzmo-progress-steps-warning-color,var(--progress-steps-warning-color))}.status-icon-finished{color:var(--luzmo-progress-steps-success-color,var(--progress-steps-success-color))}.spinner{box-sizing:border-box;border:calc(var(--luzmo-border-width) * 1.5) solid var(--highcontrast-progress-steps-spinner-track-color,var(--luzmo-progress-steps-substep-connector-color,var(--progress-steps-substep-connector-color)));border-block-start-color:var(--highcontrast-progress-steps-spinner-color,currentcolor);block-size:70%;inline-size:70%;animation:progress-steps-spin var(--progress-steps-spinner-duration) linear infinite;border-radius:50%}.headline{flex:0 auto;min-inline-size:0;display:block;position:relative;overflow:hidden}.headline-text{white-space:nowrap;flex-direction:column;min-inline-size:0;display:flex}.headline-text.entering{animation:progress-steps-enter var(--progress-steps-transition-duration) ease-out}.headline-text.leaving{inline-size:100%;animation:progress-steps-leave var(--progress-steps-transition-duration) ease-in forwards;position:absolute;inset-block-start:0;inset-inline-start:0}.main-step{text-overflow:ellipsis;color:var(--luzmo-progress-steps-font-color,var(--progress-steps-font-color));overflow:hidden}.sub-step{block-size:var(--progress-steps-sub-step-block-size);font-size:var(--luzmo-progress-steps-font-size-small,var(--progress-steps-font-size-small));display:block}.sub-step-texts{block-size:100%;display:block;position:relative;overflow:hidden}.sub-step-text{text-overflow:ellipsis;display:block;overflow:hidden}.sub-step-text.entering{animation:progress-steps-enter var(--progress-steps-transition-duration) ease-out}.sub-step-text.leaving{animation:progress-steps-leave var(--progress-steps-transition-duration) ease-in forwards;position:absolute;inset-block-start:0;inset-inline-start:0}.summary[data-state=done] .main-step{color:inherit}:where(.summary[data-state=done]) .headline-text.entering{animation:progress-steps-enter var(--progress-steps-transition-duration) ease-out, progress-steps-collapse var(--progress-steps-transition-duration) ease-in-out}.summary:hover .main-step{color:var(--luzmo-progress-steps-font-color,var(--progress-steps-font-color))}.failed-count:before{content:\"·\"/\"\";flex:none;padding-inline-end:.35em}.failed-count{white-space:nowrap;flex:none}.shimmer{-webkit-mask-image:linear-gradient(var(--progress-steps-shimmer-angle), currentcolor 38%, color-mix(in srgb, currentcolor 35%, transparent) 50%, currentcolor 62%);mask-image:linear-gradient(var(--progress-steps-shimmer-angle), currentcolor 38%, color-mix(in srgb, currentcolor 35%, transparent) 50%, currentcolor 62%);animation:progress-steps-shimmer var(--progress-steps-shimmer-duration) linear infinite;-webkit-mask-size:300% 100%;mask-size:300% 100%}.chevron{inline-size:var(--progress-steps-chevron-size);block-size:var(--progress-steps-chevron-size);transition:transform var(--progress-steps-transition-duration) ease, opacity var(--progress-steps-transition-duration) ease;flex:none;margin-block-start:calc((var(--progress-steps-line-block-size) - var(--progress-steps-chevron-size)) / 2);display:inline-flex}.chevron svg{block-size:100%;inline-size:100%}:host(:not([open])) .summary[data-state=running]:not(:hover,:focus-visible) .chevron{opacity:0}:host([open]) .chevron{transform:rotate(90deg)}:host([dir=rtl]) .chevron svg{transform:scaleX(-1)}:host([dir=rtl][open]) .chevron{transform:rotate(-90deg)}:host([dir=rtl]) .shimmer{animation-direction:reverse}.details{padding-block:var(--progress-steps-step-spacing);padding-inline:var(--progress-steps-padding-inline);font-size:var(--luzmo-progress-steps-font-size-small,var(--progress-steps-font-size-small));line-height:var(--progress-steps-details-line-height);animation:progress-steps-details-in var(--progress-steps-transition-duration) ease-out}.steps,.substeps{margin:0;padding:0;list-style:none}.step{grid-template-columns:var(--progress-steps-icon-size) minmax(0, 1fr);column-gap:var(--progress-steps-gap);padding-block:var(--progress-steps-step-spacing);display:grid;position:relative}.step:before,.step:after{content:\"\";border-inline-start:var(--luzmo-border-width) solid var(--luzmo-progress-steps-substep-connector-color,var(--progress-steps-substep-connector-color));position:absolute;inset-inline-start:calc(var(--progress-steps-icon-size) / 2 - var(--luzmo-border-width) / 2)}.step:before{block-size:calc(var(--progress-steps-marker-center) - var(--progress-steps-marker-radius));inset-block-start:0}.step:after{inset-block:calc(var(--progress-steps-marker-center) + var(--progress-steps-marker-radius)) 0}.step:first-child:before{display:none}.step:last-child:not(:has(>.substeps)):after{display:none}.step-marker{block-size:calc(1em * var(--progress-steps-details-line-height));color:var(--luzmo-progress-steps-font-color-dimmed,var(--progress-steps-font-color-dimmed));justify-content:center;align-items:center;display:inline-flex}.step-marker svg{inline-size:var(--progress-steps-marker-size);block-size:var(--progress-steps-marker-size)}.step-dot{box-sizing:border-box;inline-size:var(--progress-steps-dot-size);block-size:var(--progress-steps-dot-size);border:calc(var(--progress-steps-dot-size) / 2) solid currentcolor;border-radius:50%}.step-inProgress .step-marker{color:var(--luzmo-progress-steps-font-color,var(--progress-steps-font-color))}.step-inProgress .step-marker .step-dot{animation:1.2s ease-in-out infinite progress-steps-pulse}.step-pending .step-dot{border-width:var(--luzmo-border-width)}.step-error .step-marker{color:var(--luzmo-progress-steps-error-color,var(--progress-steps-error-color))}.step-label{color:var(--luzmo-progress-steps-font-color,var(--progress-steps-font-color));overflow-wrap:anywhere}.substeps{gap:var(--progress-steps-step-spacing);flex-direction:column;display:flex}.step>.substeps{grid-column:2;margin-block-start:calc(2 * var(--progress-steps-step-spacing))}.substep>.substeps{margin-block-start:var(--progress-steps-step-spacing);padding-inline-start:var(--progress-steps-substep-indent)}.substep{overflow-wrap:anywhere}.substep-inProgress{color:var(--luzmo-progress-steps-font-color,var(--progress-steps-font-color))}.substep-error{color:var(--luzmo-progress-steps-error-color,var(--progress-steps-error-color))}.substep-icon{vertical-align:-.1em;block-size:.85em;inline-size:.85em;margin-inline-end:.3em;display:inline-flex}.substep-icon svg{block-size:100%;inline-size:100%}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:host([no-animate]) .headline-text.entering,:host([no-animate]) .sub-step-text.entering,:host([no-animate]) .details,:host([no-animate]) .chevron,:host([no-animate]) .spinner,:host([no-animate]) .step-dot{transition:none;animation:none}:host([no-animate]) .leaving{display:none}@keyframes progress-steps-shimmer{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes progress-steps-enter{0%{opacity:0;transform:translateY(60%)}}@keyframes progress-steps-collapse{0%{padding-block-end:var(--progress-steps-sub-step-block-size)}}@keyframes progress-steps-leave{to{opacity:0;transform:translateY(-60%)}}@keyframes progress-steps-details-in{0%{opacity:0;transform:translateY(calc(-1 * var(--luzmo-spacing-2)))}}@keyframes progress-steps-spin{to{transform:rotate(360deg)}}@keyframes progress-steps-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.shimmer,.headline-text.entering,.sub-step-text.entering,.details,.chevron,.spinner,.step-dot{transition:none;animation:none}.leaving{display:none}}@media (forced-colors:active){.shimmer{animation:none;-webkit-mask-image:none;mask-image:none}.spinner{forced-color-adjust:none}}:host{--progress-steps-font-size:var(--luzmo-font-size);--progress-steps-line-height:1.5;--progress-steps-font-color:color-mix(in oklch, var(--luzmo-font-color) 65%, var(--luzmo-font-color-extra-dimmed));--progress-steps-font-color-dimmed:color-mix(in oklch, var(--luzmo-font-color) 35%, var(--luzmo-font-color-extra-dimmed));--progress-steps-error-color:var(--luzmo-negative-color);--progress-steps-warning-color:var(--luzmo-notice-color);--progress-steps-success-color:var(--luzmo-positive-color);--progress-steps-substep-connector-color:var(--luzmo-border-color-down);--progress-steps-hover-background:var(--luzmo-background-color-hover);--progress-steps-border-radius:var(--luzmo-border-radius);--progress-steps-focus-ring-width:var(--luzmo-indicator-width);--progress-steps-focus-ring-gap:var(--luzmo-indicator-gap);--progress-steps-focus-ring-color:var(--luzmo-indicator-color);--progress-steps-min-height:var(--luzmo-component-height-s);--progress-steps-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--progress-steps-padding-inline:var(--luzmo-spacing-2);--progress-steps-step-spacing:var(--luzmo-spacing-1);--progress-steps-icon-size:var(--luzmo-icon-size-m);--progress-steps-chevron-size:var(--luzmo-icon-size-s);--progress-steps-icon-offset:.04em;--progress-steps-font-size-small:var(--luzmo-font-size-s);--progress-steps-details-line-height:1.4;--progress-steps-marker-size:.8em;--progress-steps-dot-size:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--progress-steps-substep-indent:var(--luzmo-spacing-4);--progress-steps-transition-duration:.25s;--progress-steps-shimmer-duration:1.8s;--progress-steps-shimmer-angle:105deg;--progress-steps-line-block-size:calc(var(--luzmo-progress-steps-font-size,var(--progress-steps-font-size)) * var(--progress-steps-line-height));--progress-steps-sub-step-block-size:calc(var(--luzmo-progress-steps-font-size-small,var(--progress-steps-font-size-small)) * var(--progress-steps-line-height));--progress-steps-spinner-duration:.9s}:host([size=s]){--progress-steps-font-size:var(--luzmo-font-size-s);--progress-steps-font-size-small:var(--luzmo-font-size-s);--progress-steps-icon-size:var(--luzmo-icon-size-s);--progress-steps-chevron-size:var(--luzmo-icon-size-xs);--progress-steps-min-height:var(--luzmo-component-height-xs);--progress-steps-gap:var(--luzmo-spacing-2)}:host([size=l]){--progress-steps-font-size:var(--luzmo-font-size-l);--progress-steps-font-size-small:var(--luzmo-font-size-m);--progress-steps-icon-size:var(--luzmo-icon-size-l);--progress-steps-chevron-size:var(--luzmo-icon-size-m);--progress-steps-min-height:var(--luzmo-component-height);--progress-steps-step-spacing:var(--luzmo-spacing-2)}:host([size=xl]){--progress-steps-font-size:var(--luzmo-font-size-xl);--progress-steps-font-size-small:var(--luzmo-font-size-l);--progress-steps-icon-size:var(--luzmo-icon-size-xl);--progress-steps-chevron-size:var(--luzmo-icon-size-l);--progress-steps-min-height:var(--luzmo-component-height-l);--progress-steps-gap:var(--luzmo-spacing-3);--progress-steps-step-spacing:var(--luzmo-spacing-2)}:host([dir=rtl]){--progress-steps-shimmer-angle:255deg}.step{--progress-steps-marker-center:calc(var(--progress-steps-step-spacing) + .5em * var(--progress-steps-details-line-height));--progress-steps-marker-radius:calc(var(--progress-steps-dot-size) / 2)}.step-error{--progress-steps-marker-radius:calc(var(--progress-steps-marker-size) / 2)}@media (forced-colors:active){:host{--highcontrast-progress-steps-focus-ring-color:Highlight;--highcontrast-progress-steps-spinner-track-color:GrayText;--highcontrast-progress-steps-spinner-color:CanvasText}}", O = {
+	condensedSingular: "Worked through {{count}} step",
+	condensedPlural: "Worked through {{count}} steps",
+	failedSingular: "{{count}} failed",
+	failedPlural: "{{count}} failed",
+	stepInProgress: "Step in progress",
+	stepPending: "Step pending",
+	stepCompleted: "Step completed",
+	stepFailed: "Step failed"
+}, k = 500, A = 800, j = 1e3, M = 250, N = {
+	mainStep: null,
+	subStep: null
+}, P = (e, t) => e?.mainStep === t.mainStep && e?.subStep === t.subStep, F = class extends n(e, {
+	defaultSize: "m",
+	validSizes: [
+		"s",
+		"m",
+		"l",
+		"xl"
+	]
+}) {
+	constructor(...e) {
+		super(...e), this.progress = null, this.locale = "en", this.collapsed = !1, this.displayMode = "detailed", this.condensed = !1, this.labels = { ...O }, this.noAnimate = !1, this.open = !1, this._phase = "idle", this._current = null, this._leaving = null, this._subStepTransition = null, this._announcement = "", this._languageResolver = new i(this), this._pending = null, this._shownAt = 0;
+	}
+	static get styles() {
+		let e = super.styles;
+		return [...Array.isArray(e) ? e : e ? [e] : [], s(D)];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.hasUpdated && this._syncPhase();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._clearTimers(), this._leaving = null, this._subStepTransition = null;
+	}
+	willUpdate(e) {
+		super.willUpdate(e), e.has(r) && (this._numberFormatter = void 0), e.has("progress") ? (e.get("progress")?.id !== this.progress?.id && (this._resetRun(), this.hasUpdated && (this.open = !1)), this._syncPhase()) : (e.has("collapsed") && this.collapsed || e.has("locale")) && this._syncPhase();
+	}
+	get _labels() {
+		return {
+			...O,
+			...this.labels
+		};
+	}
+	_syncPhase() {
+		if (!x(this.progress)) {
+			this._resetRun();
+			return;
+		}
+		let e = T(this.progress) ? null : S(this.progress);
+		if (e) {
+			this._clearSettleTimer(), this._phase = "running", this._queue(e);
+			return;
+		}
+		if (this._phase === "done") return;
+		let t = this.collapsed || T(this.progress);
+		if (this._phase === "idle") {
+			(t || w(this.progress)) && this._finish();
+			return;
+		}
+		if (t) {
+			this._finish();
+			return;
+		}
+		this._settleTimer ??= setTimeout(() => {
+			this._settleTimer = void 0, this._finish();
+		}, A);
+	}
+	_queue(e) {
+		let t = {
+			mainStep: E(e.mainStep, this.locale),
+			subStep: e.subStep ? E(e.subStep, this.locale) : null
+		};
+		if (P(this._current, t)) {
+			this._pending = null, this._clearDwellTimer();
+			return;
+		}
+		this._pending = t;
+		let n = this._current ? this._shownAt + k - Date.now() : 0;
+		this.noAnimate || n <= 0 ? this._showPending() : this._dwellTimer ??= setTimeout(() => {
+			this._dwellTimer = void 0, this._showPending();
+		}, n);
+	}
+	_showPending() {
+		let e = this._pending;
+		this._pending = null, e && this._phase === "running" && (this._show(e), this._announce(e.mainStep));
+	}
+	_finish() {
+		let e = this._phase === "running";
+		this._clearDwellTimer(), this._clearSettleTimer(), this._pending = null, this._phase = "done", this._show(N), e && this._announce(this._summaryText());
+	}
+	_show(e) {
+		let t = this._current;
+		t && !this.noAnimate && (t.mainStep !== null && t.mainStep === e.mainStep ? this._subStepTransition = { leaving: t.subStep } : (this._leaving = t, this._subStepTransition = null), clearTimeout(this._leaveTimer), this._leaveTimer = setTimeout(() => {
+			this._leaving = null, this._subStepTransition = null;
+		}, M)), this._current = e, this._shownAt = Date.now();
+	}
+	_announce(e) {
+		clearTimeout(this._announceTimer), this._announceTimer = setTimeout(() => {
+			this._announcement = e;
+		}, j);
+	}
+	_resetRun() {
+		this._clearTimers(), this._phase = "idle", this._current = null, this._leaving = null, this._subStepTransition = null, this._pending = null, this._announcement = "";
+	}
+	_clearDwellTimer() {
+		clearTimeout(this._dwellTimer), this._dwellTimer = void 0;
+	}
+	_clearSettleTimer() {
+		clearTimeout(this._settleTimer), this._settleTimer = void 0;
+	}
+	_clearTimers() {
+		this._clearDwellTimer(), this._clearSettleTimer(), clearTimeout(this._leaveTimer), clearTimeout(this._announceTimer);
+	}
+	_formatCount(e, t) {
+		return e.replaceAll("{{count}}", this._numberFormat.format(t));
+	}
+	get _numberFormat() {
+		if (!this._numberFormatter) try {
+			this._numberFormatter = new Intl.NumberFormat(this._languageResolver.language);
+		} catch {
+			this._numberFormatter = new Intl.NumberFormat();
+		}
+		return this._numberFormatter;
+	}
+	_summaryText() {
+		let e = this.progress?.children?.length ?? 0, t = this._labels;
+		return this._formatCount(e === 1 ? t.condensedSingular : t.condensedPlural, e);
+	}
+	_setOpen(e) {
+		this.open = e, this.dispatchEvent(new CustomEvent(e ? "luzmo-step-expanded" : "luzmo-step-collapsed", {
+			bubbles: !0,
+			composed: !0,
+			detail: { nodeId: this.progress?.id ?? "" }
+		}));
+	}
+	handleToggle() {
+		this._setOpen(!this.open);
+	}
+	handleKeydown(e) {
+		e.key === "Escape" && this.open && (e.preventDefault(), this._setOpen(!1));
+	}
+	_statusLabel(e) {
+		let t = this._labels;
+		switch (e) {
+			case "inProgress": return t.stepInProgress;
+			case "success": return t.stepCompleted;
+			case "error": return t.stepFailed;
+			default: return t.stepPending;
+		}
+	}
+	_renderStatusIcon(e) {
+		return e ? a`<span
+        class="status-icon status-icon-failed"
+        aria-hidden="true"
+        >${m(u)}</span
+      >` : this._phase === "running" ? a`<span class="status-icon" aria-hidden="true"
+        ><span class="spinner"></span
+      ></span>` : a`<span
+      class="status-icon status-icon-finished"
+      aria-hidden="true"
+      >${m(f)}</span
+    >`;
+	}
+	_renderContent({ mainStep: e, subStep: t }, n = null) {
+		if (e === null) return a`<span class="main-step">${this._summaryText()}</span>`;
+		let r = n?.leaving ?? null;
+		return a`<span class="main-step">${e}</span>
+      <span class="sub-step"
+        ><span class="sub-step-texts"
+          >${r === null ? o : a`<span class="sub-step-text leaving" aria-hidden="true"
+                  >${r}</span
+                >`}${t === null ? o : _(t, a`<span
+                    class=${h({
+			"sub-step-text": !0,
+			entering: n !== null
+		})}
+                    >${t}</span
+                  >`)}</span
+        ></span
+      >`;
+	}
+	_renderStepMarker(e) {
+		return a`<span
+      class="step-marker"
+      role="img"
+      aria-label=${this._statusLabel(e)}
+      >${e === "error" ? m(p) : a`<span class="step-dot"></span>`}</span
+    >`;
+	}
+	_renderSubstep(e) {
+		return a`<li
+      class=${h({
+			substep: !0,
+			[`substep-${e.status}`]: !0
+		})}
+    >
+      ${e.status === "error" ? a`<span
+              class="substep-icon"
+              role="img"
+              aria-label=${this._labels.stepFailed}
+              >${m(p)}</span
+            >` : o}<span class="substep-label"
+        >${E(e, this.locale)}</span
+      >
+      ${e.children?.length ? this._renderSubsteps(e.children) : o}
+    </li>`;
+	}
+	_renderSubsteps(e) {
+		return a`<ul class="substeps">
+      ${g(e, (e) => e.id, (e) => this._renderSubstep(e))}
+    </ul>`;
+	}
+	_renderStep(e, t) {
+		return a`<li
+      class=${h({
+			step: !0,
+			[`step-${e.status}`]: !0
+		})}
+    >
+      ${this._renderStepMarker(e.status)}
+      <span class="step-label"
+        >${E(e, this.locale)}</span
+      >
+      ${t && e.children?.length ? this._renderSubsteps(e.children) : o}
+    </li>`;
+	}
+	_renderDetails() {
+		let e = this.displayMode !== "compact";
+		return a`<div id="details" class="details">
+      <ol class="steps">
+        ${g(this.progress?.children ?? [], (e) => e.id, (t) => this._renderStep(t, e))}
+      </ol>
+    </div>`;
+	}
+	render() {
+		if (this._phase === "idle" || !this._current) return o;
+		let e = C(this.progress), t = this._labels, n = this._phase === "running" && !this.noAnimate;
+		return a`
+      <button
+        type="button"
+        class="summary"
+        data-state=${this._phase}
+        aria-expanded=${this.open ? "true" : "false"}
+        aria-controls=${this.open ? "details" : o}
+        @click=${this.handleToggle}
+        @keydown=${this.handleKeydown}
+      >
+        ${this._renderStatusIcon(e > 0 || this.progress?.status === "error")}
+        <span class=${h({
+			headline: !0,
+			shimmer: n
+		})}>
+          ${this._leaving ? a`<span class="headline-text leaving" aria-hidden="true"
+                  >${this._renderContent(this._leaving)}</span
+                >` : o}
+          ${_(this._current.mainStep ?? N, a`<span
+              class=${h({
+			"headline-text": !0,
+			entering: this._leaving !== null
+		})}
+              >${this._renderContent(this._current, this._subStepTransition)}</span
+            >`)}
+        </span>
+        ${e > 0 ? a`<span class="failed-count"
+                >${this._formatCount(e === 1 ? t.failedSingular : t.failedPlural, e)}</span
+              >` : o}
+        <span class="chevron" aria-hidden="true"
+          >${m(d)}</span
+        >
+      </button>
+      ${this.open ? this._renderDetails() : o}
+      <span class="visually-hidden" role="status">${this._announcement}</span>
+    `;
+	}
+};
+//#endregion
+//#region src/components/progress-steps/index.ts
+t([c({ attribute: !1 })], F.prototype, "progress", void 0), t([c({
+	type: String,
+	reflect: !0
+})], F.prototype, "locale", void 0), t([c({
+	type: Boolean,
+	reflect: !0
+})], F.prototype, "collapsed", void 0), t([c({
+	type: String,
+	attribute: "display-mode",
+	reflect: !0
+})], F.prototype, "displayMode", void 0), t([c({
+	type: Boolean,
+	reflect: !0
+})], F.prototype, "condensed", void 0), t([c({ attribute: !1 })], F.prototype, "labels", void 0), t([c({
+	type: Boolean,
+	attribute: "no-animate",
+	reflect: !0
+})], F.prototype, "noAnimate", void 0), t([c({
+	type: Boolean,
+	reflect: !0
+})], F.prototype, "open", void 0), t([l()], F.prototype, "_phase", void 0), t([l()], F.prototype, "_current", void 0), t([l()], F.prototype, "_leaving", void 0), t([l()], F.prototype, "_subStepTransition", void 0), t([l()], F.prototype, "_announcement", void 0), typeof customElements < "u" && !customElements.get("luzmo-progress-steps") && customElements.define("luzmo-progress-steps", F);
+//#endregion
+export { O as n, F as t };