@fabric-msft/fabric-web 7.2.0 → 7.4.0

package/esm/components/menu-button/menu-button.styles.js

@@ -0,0 +1,18 @@
+import { css } from '@microsoft/fast-element';
+import { MenuButtonStyles } from '@fluentui/web-components';
+
+/**
+ * Fabric Menu Button styles.
+ *
+ * Extends Fluent UI's Menu Button styles and removes the built-in chevron
+ * icon when the `icon-only` attribute is set, since an icon-only menu button
+ * has no label text for the chevron to accompany.
+ *
+ * @public
+ */
+const styles = css`
+  ${MenuButtonStyles}
+
+  :host{white-space:normal}:host([icon-only]) slot[name="end"]{display:none}`;
+
+export { styles };

package/esm/components/menu-button/menu-button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button.styles.js","sourceRoot":"","sources":["../../../../src/components/menu-button/menu-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,gBAAgB;;;;;;;;;CASnB,CAAC"}

package/esm/components/menu-item/menu-item.styles.js

@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { colorNeutralBackground1, borderRadiusMedium, colorNeutralForeground2, fontWeightRegular, fontSizeBase300, lineHeightBase300, fontFamilyBase, spacingHorizontalXS, spacingHorizontalXL, spacingHorizontalMNudge, colorNeutralBackground1Hover, colorNeutralForeground2Hover, colorNeutralBackground1Selected, colorNeutralForeground2Pressed, colorCompoundBrandForeground1Pressed, colorStatusDangerForeground1, colorNeutralBackgroundDisabled, colorNeutralForegroundDisabled, strokeWidthThick, colorStrokeFocus2, spacingHorizontalXXS, colorNeutralForeground3, fontSizeBase200, lineHeightBase200, display, forcedColorsStylesheetBehavior } from '@fluentui/web-components';
+import { colorNeutralBackground1, borderRadiusMedium, colorNeutralForeground2, fontWeightRegular, fontSizeBase300, lineHeightBase300, fontFamilyBase, spacingHorizontalXS, spacingHorizontalXL, spacingHorizontalXXXL, spacingHorizontalMNudge, colorNeutralBackground1Hover, colorNeutralForeground2Hover, colorNeutralBackground1Selected, colorNeutralForeground2Pressed, colorCompoundBrandForeground1Pressed, colorStatusDangerForeground1, colorNeutralBackgroundDisabled, colorNeutralForegroundDisabled, strokeWidthThick, colorStrokeFocus2, spacingHorizontalXXS, colorNeutralForeground3, fontSizeBase200, lineHeightBase200, display, forcedColorsStylesheetBehavior } from '@fluentui/web-components';
 import { sizeVerticalXXXL, sizeHorizontalXL } from '@fabric-msft/theme';
 import { dangerState, disabledState, checkedState, submenuState } from '../styles/states/states.js';
 
@@ -9,9 +9,9 @@ import { dangerState, disabledState, checkedState, submenuState } from '../style
 const styles = css`
   ${display("grid")}
 
-  :host{--indent:0;align-items:center;background:${colorNeutralBackground1};border-radius:${borderRadiusMedium};color:${colorNeutralForeground2};contain:layout;cursor:pointer;flex-shrink:0;font:${fontWeightRegular} ${fontSizeBase300} / ${lineHeightBase300}
-      ${fontFamilyBase};grid-gap:${spacingHorizontalXS};grid-template-columns:${spacingHorizontalXL} ${spacingHorizontalXL} auto ${spacingHorizontalXL};height:${sizeVerticalXXXL};overflow:visible;padding:0 ${spacingHorizontalMNudge}}:host(:hover){background:${colorNeutralBackground1Hover};color:${colorNeutralForeground2Hover}}:host(:active){background-color:${colorNeutralBackground1Selected};color:${colorNeutralForeground2Pressed}}:host(:active) ::slotted([slot="start"]){color:${colorCompoundBrandForeground1Pressed}}:host(${dangerState}){color:${colorStatusDangerForeground1}}:host(${dangerState}) ::slotted([slot="start"]),:host(${dangerState}) ::slotted([slot="end"]){color:${colorStatusDangerForeground1}}:host(${disabledState}){background-color:${colorNeutralBackgroundDisabled};color:${colorNeutralForegroundDisabled}}:host(${disabledState}) ::slotted([slot="start"]),:host(${disabledState}) ::slotted([slot="end"]){color:${colorNeutralForegroundDisabled}}:host(:focus-visible){border-radius:${borderRadiusMedium};outline:${strokeWidthThick} solid ${colorStrokeFocus2}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 ${spacingHorizontalXXS}}:host(:not(${checkedState})) .indicator,:host(:not(${checkedState})) ::slotted([slot="indicator"]),:host(:not(${submenuState})) .submenu-glyph,:host(:not(${submenuState})) ::slotted([slot="submenu-glyph"]){display:none}::slotted([slot="end"]){color:${colorNeutralForeground3};font:${fontWeightRegular} ${fontSizeBase200} / ${lineHeightBase200}
-      ${fontFamilyBase};white-space:nowrap;}:host([data-indent="1"]){--indent:1}:host([data-indent="2"]){--indent:2;grid-template-columns:${spacingHorizontalXL} ${spacingHorizontalXL} auto auto}:host(${submenuState}){grid-template-columns:${spacingHorizontalXL} auto auto ${spacingHorizontalXL}}:host([data-indent="2"]${submenuState}){grid-template-columns:${spacingHorizontalXL} ${spacingHorizontalXL} auto auto ${spacingHorizontalXL}}.indicator,::slotted([slot="indicator"]){grid-column:1 / span 1;width:${sizeHorizontalXL}}::slotted([slot="start"]){display:inline-flex;grid-column:calc(var(--indent)) / span 1}.content{grid-column:calc(var(--indent) + 1) / span 1}::slotted([slot="end"]){grid-column:calc(var(--indent) + 2) / span 1;justify-self:end}.submenu-glyph,::slotted([slot="submenu-glyph"]){grid-column:-2 / span 1;justify-self:end}@layer popover{:host{position:relative}::slotted([popover]){margin:0;max-height:var(--menu-max-height,auto);position:fixed;inset:auto;position-area:inline-end span-block-end;position-try-fallbacks:flip-inline;z-index:1}::slotted([popover]:not(:popover-open)){display:none}::slotted([popover]:popover-open){inset:unset}@supports not (anchor-name:--menu-trigger){::slotted([popover]){position:absolute;align-self:start}}}`.withBehaviors(forcedColorsStylesheetBehavior(css`
+  :host{white-space:normal;--indent:0;align-items:center;background:${colorNeutralBackground1};border-radius:${borderRadiusMedium};color:${colorNeutralForeground2};cursor:pointer;flex-shrink:0;font:${fontWeightRegular} ${fontSizeBase300} / ${lineHeightBase300}
+      ${fontFamilyBase};grid-gap:${spacingHorizontalXS};grid-template-columns:max-content auto auto ${spacingHorizontalXL};height:${sizeVerticalXXXL};min-width:calc(${spacingHorizontalXXXL} * 5);overflow:visible;padding:0 ${spacingHorizontalMNudge}}:host(:hover){background:${colorNeutralBackground1Hover};color:${colorNeutralForeground2Hover}}:host(:active){background-color:${colorNeutralBackground1Selected};color:${colorNeutralForeground2Pressed}}:host(:active) ::slotted([slot="start"]){color:${colorCompoundBrandForeground1Pressed}}:host(${dangerState}){color:${colorStatusDangerForeground1}}:host(${dangerState}) ::slotted([slot="start"]),:host(${dangerState}) ::slotted([slot="end"]){color:${colorStatusDangerForeground1}}:host(${disabledState}){background-color:${colorNeutralBackgroundDisabled};color:${colorNeutralForegroundDisabled}}:host(${disabledState}) ::slotted([slot="start"]),:host(${disabledState}) ::slotted([slot="end"]){color:${colorNeutralForegroundDisabled}}:host(:focus-visible){border-radius:${borderRadiusMedium};outline:${strokeWidthThick} solid ${colorStrokeFocus2}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 ${spacingHorizontalXXS}}:host(:not(${checkedState})) .indicator,:host(:not(${checkedState})) ::slotted([slot="indicator"]),:host(:not(${submenuState})) .submenu-glyph,:host(:not(${submenuState})) ::slotted([slot="submenu-glyph"]){display:none}::slotted([slot="end"]){color:${colorNeutralForeground3};font:${fontWeightRegular} ${fontSizeBase200} / ${lineHeightBase200}
+      ${fontFamilyBase};white-space:nowrap;}:host([data-indent="0"]){--indent:0;grid-template-columns:max-content auto auto ${spacingHorizontalXL}}:host([data-indent="1"]){--indent:1;grid-template-columns:${spacingHorizontalXL} max-content auto ${spacingHorizontalXL}}:host([data-indent="2"]){--indent:2;grid-template-columns:${spacingHorizontalXL} ${spacingHorizontalXL} auto auto}:host([data-indent="2"]${submenuState}){grid-template-columns:${spacingHorizontalXL} ${spacingHorizontalXL} auto auto ${spacingHorizontalXL}}.indicator,::slotted([slot="indicator"]){grid-column:1 / span 1;width:${sizeHorizontalXL}}::slotted([slot="start"]){display:inline-flex;grid-column:calc(var(--indent)) / span 1}.content{grid-column:calc(var(--indent) + 1) / span 1}::slotted([slot="end"]){grid-column:calc(var(--indent) + 2) / span 1;justify-self:end}.submenu-glyph,::slotted([slot="submenu-glyph"]){grid-column:-2 / span 1;justify-self:end}@layer popover{:host{position:relative}::slotted([popover]){margin:0;max-height:var(--menu-max-height,auto);position:fixed;inset:auto;position-area:inline-end span-block-end;position-try-fallbacks:flip-inline;z-index:1}::slotted([popover]:not(:popover-open)){display:none}::slotted([popover]:popover-open){inset:unset}@supports not (anchor-name:--menu-trigger){::slotted([popover]){position:absolute;align-self:start}}}`.withBehaviors(forcedColorsStylesheetBehavior(css`
     :host(${disabledState}),:host(${disabledState}) ::slotted([slot="start"]),:host(${disabledState}) ::slotted([slot="end"]){color:GrayText}`));
 
 export { styles };

package/esm/components/menu-item/menu-item.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.styles.js","sourceRoot":"","sources":["../../../../src/components/menu-item/menu-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,OAAO,EACP,8BAA8B,EAC9B,kBAAkB,EAClB,oCAAoC,EACpC,uBAAuB,EACvB,4BAA4B,EAC5B,+BAA+B,EAC/B,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,uBAAuB,EACvB,8BAA8B,EAC9B,4BAA4B,EAC5B,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,YAAY,EACb,MAAM,4BAA4B,CAAC;AAEpC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;kBAKD,uBAAuB;qBACpB,kBAAkB;aAC1B,uBAAuB;;;;;YAKxB,iBAAiB,IAAI,eAAe,MAAM,iBAAiB;QAC/D,cAAc;gBACN,mBAAmB;6BACN,mBAAmB,IAAI,mBAAmB,SAAS,mBAAmB;cACrF,gBAAgB;;iBAEb,uBAAuB;;;;kBAItB,4BAA4B;aACjC,4BAA4B;;;;wBAIjB,+BAA+B;aAC1C,8BAA8B;;;;aAI9B,oCAAoC;;;UAGvC,WAAW;aACR,4BAA4B;;;UAG/B,WAAW;UACX,WAAW;aACR,4BAA4B;;;UAG/B,aAAa;wBACC,8BAA8B;aACzC,8BAA8B;;;UAGjC,aAAa;UACb,aAAa;aACV,8BAA8B;;;;qBAItB,kBAAkB;eACxB,gBAAgB,UAAU,iBAAiB;;;;;;;iBAOzC,oBAAoB;;;eAGtB,YAAY;eACZ,YAAY;eACZ,YAAY;eACZ,YAAY;;;;;aAKd,uBAAuB;YACxB,iBAAiB,IAAI,eAAe,MAAM,iBAAiB;QAC/D,cAAc;;;;;;;;;;6BAUO,mBAAmB,IAAI,mBAAmB;;;UAG7D,YAAY;6BACO,mBAAmB,cAAc,mBAAmB;;;2BAGtD,YAAY;6BACV,mBAAmB,IAAI,mBAAmB,cAAc,mBAAmB;;;;;;aAM3F,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsD5B,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;YACxB,aAAa;YACb,aAAa;YACb,aAAa;;;GAGtB,CAAC,CACH,CAAC"}
+{"version":3,"file":"menu-item.styles.js","sourceRoot":"","sources":["../../../../src/components/menu-item/menu-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,OAAO,EACP,8BAA8B,EAC9B,kBAAkB,EAClB,oCAAoC,EACpC,uBAAuB,EACvB,4BAA4B,EAC5B,+BAA+B,EAC/B,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,uBAAuB,EACvB,8BAA8B,EAC9B,4BAA4B,EAC5B,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,qBAAqB,EACrB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,YAAY,EACb,MAAM,4BAA4B,CAAC;AAEpC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;kBAMD,uBAAuB;qBACpB,kBAAkB;aAC1B,uBAAuB;;;;YAIxB,iBAAiB,IAAI,eAAe,MAAM,iBAAiB;QAC/D,cAAc;gBACN,mBAAmB;mDACgB,mBAAmB;cACxD,gBAAgB;sBACR,qBAAqB;;iBAE1B,uBAAuB;;;;kBAItB,4BAA4B;aACjC,4BAA4B;;;;wBAIjB,+BAA+B;aAC1C,8BAA8B;;;;aAI9B,oCAAoC;;;UAGvC,WAAW;aACR,4BAA4B;;;UAG/B,WAAW;UACX,WAAW;aACR,4BAA4B;;;UAG/B,aAAa;wBACC,8BAA8B;aACzC,8BAA8B;;;UAGjC,aAAa;UACb,aAAa;aACV,8BAA8B;;;;qBAItB,kBAAkB;eACxB,gBAAgB,UAAU,iBAAiB;;;;;;;iBAOzC,oBAAoB;;;eAGtB,YAAY;eACZ,YAAY;eACZ,YAAY;eACZ,YAAY;;;;;aAKd,uBAAuB;YACxB,iBAAiB,IAAI,eAAe,MAAM,iBAAiB;QAC/D,cAAc;;;;;;mDAM6B,mBAAmB;;;;;6BAKzC,mBAAmB,qBAAqB,mBAAmB;;;;;6BAK3D,mBAAmB,IAAI,mBAAmB;;;2BAG5C,YAAY;6BACV,mBAAmB,IAAI,mBAAmB,cAAc,mBAAmB;;;;;;aAM3F,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsD5B,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;YACxB,aAAa;YACb,aAAa;YACb,aAAa;;;GAGtB,CAAC,CACH,CAAC"}

package/esm/components/menu-list/menu-list.js

@@ -211,11 +211,11 @@ class MenuList extends FASTElement {
   }
   static elementIndent(el) {
     const role = el.getAttribute("role");
-    const startSlot = el.querySelector("[slot=start]");
+    const hasDirectStartSlot = Array.from(el.children).some(child => child.getAttribute("slot") === "start");
     if (role && role !== MenuItemRoles.menuitem) {
-      return startSlot ? 2 : 1;
+      return hasDirectStartSlot ? 2 : 1;
     }
-    return startSlot ? 1 : 0;
+    return hasDirectStartSlot ? 1 : 0;
   }
   setItems() {
     var _a;

package/esm/components/menu-list/menu-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-list.js","sourceRoot":"","sources":["../../../../src/components/menu-list/menu-list.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"menu-list.js","sourceRoot":"","sources":["../../../../src/components/menu-list/menu-list.ts"],"names":[],"mappings":"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"}

package/esm/components/menu-list/menu-list.styles.js

@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { spacingHorizontalXXXL, colorNeutralBackground1, colorTransparentStroke, borderRadiusMedium, shadow16, spacingHorizontalXS, spacingHorizontalXXS, display } from '@fluentui/web-components';
+import { colorNeutralBackground1, colorTransparentStroke, borderRadiusMedium, shadow16, spacingHorizontalXS, spacingHorizontalXXS, display } from '@fluentui/web-components';
 
 /** MenuList styles
  * @public
@@ -7,6 +7,6 @@ import { spacingHorizontalXXXL, colorNeutralBackground1, colorTransparentStroke,
 const styles = css`
   ${display("flex")}
 
-  :host{flex-direction:column;height:fit-content;min-width:calc(${spacingHorizontalXXXL} * 5);width:auto;background-color:${colorNeutralBackground1};border:1px solid ${colorTransparentStroke};border-radius:${borderRadiusMedium};box-shadow:${shadow16};padding:${spacingHorizontalXS};row-gap:${spacingHorizontalXXS}}`;
+  :host{white-space:normal;flex-direction:column;height:fit-content;width:max-content;background-color:${colorNeutralBackground1};border:1px solid ${colorTransparentStroke};border-radius:${borderRadiusMedium};box-shadow:${shadow16};padding:${spacingHorizontalXS};row-gap:${spacingHorizontalXXS}}.default-slot{display:flex;flex-direction:column;inline-size:100%;row-gap:${spacingHorizontalXXS}}::slotted(fabric-menu-item){box-sizing:border-box;inline-size:100%}`;
 
 export { styles };

package/esm/components/menu-list/menu-list.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-list.styles.js","sourceRoot":"","sources":["../../../../src/components/menu-list/menu-list.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,EACtB,QAAQ,EACR,OAAO,EACP,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;sBAKG,qBAAqB;;wBAEnB,uBAAuB;wBACvB,sBAAsB;qBACzB,kBAAkB;kBACrB,QAAQ;eACX,mBAAmB;eACnB,oBAAoB;;CAElC,CAAC"}
+{"version":3,"file":"menu-list.styles.js","sourceRoot":"","sources":["../../../../src/components/menu-list/menu-list.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,EACtB,QAAQ,EACR,OAAO,EACP,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;;wBAOK,uBAAuB;wBACvB,sBAAsB;qBACzB,kBAAkB;kBACrB,QAAQ;eACX,mBAAmB;eACnB,oBAAoB;;;;;;;eAOpB,oBAAoB;;;;;;;CAOlC,CAAC"}

package/esm/components/menu-list/menu-list.template.js

@@ -1,7 +1,7 @@
 import { slotted, html } from '@microsoft/fast-element';
 
 function menuTemplate() {
-  return html`<template slot="${x => x.slot ? x.slot : x.isNestedMenu() ? "submenu" : void 0}" @keydown="${(x, c) => x.handleMenuKeyDown(c.event)}" @focusout="${(x, c) => x.handleFocusOut(c.event)}"><slot ${slotted("items")}></slot></template>`;
+  return html`<template slot="${x => x.slot ? x.slot : x.isNestedMenu() ? "submenu" : void 0}" @keydown="${(x, c) => x.handleMenuKeyDown(c.event)}" @focusout="${(x, c) => x.handleFocusOut(c.event)}"><slot class="default-slot" ${slotted("items")}></slot></template>`;
 }
 const template = menuTemplate();
 

package/esm/components/menu-list/menu-list.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-list.template.js","sourceRoot":"","sources":["../../../../src/components/menu-list/menu-list.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,IAAI,EACJ,OAAO,EACR,MAAM,yBAAyB,CAAC;AAGjC,MAAM,UAAU,YAAY;IAC1B,OAAO,IAAI,CAAG;;cAEF,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;kBAC5D,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAsB,CAAC;mBACtD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAmB,CAAC;;cAEtD,OAAO,CAAC,OAAO,CAAC;;GAE3B,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAkC,YAAY,EAAE,CAAC"}
+{"version":3,"file":"menu-list.template.js","sourceRoot":"","sources":["../../../../src/components/menu-list/menu-list.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,IAAI,EACJ,OAAO,EACR,MAAM,yBAAyB,CAAC;AAGjC,MAAM,UAAU,YAAY;IAC1B,OAAO,IAAI,CAAG;;cAEF,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;kBAC5D,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAsB,CAAC;mBACtD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAmB,CAAC;;mCAEjC,OAAO,CAAC,OAAO,CAAC;;GAEhD,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAkC,YAAY,EAAE,CAAC"}

package/esm/components/message-bar/message-bar.definition.js

@@ -1,6 +1,7 @@
 import { DesignSystem } from '../design-system.js';
 import { MessageBar } from './message-bar.js';
-import { MessageBarStyles, MessageBarTemplate } from '@fluentui/web-components';
+import { MessageBarTemplate } from '@fluentui/web-components';
+import { styles } from './message-bar.styles.js';
 
 /**
  * The Fabric MessageBar Element definition.
@@ -12,7 +13,7 @@ import { MessageBarStyles, MessageBarTemplate } from '@fluentui/web-components';
 const definition = MessageBar.compose({
   name: `${DesignSystem.prefix}-message-bar`,
   template: MessageBarTemplate,
-  styles: MessageBarStyles,
+  styles,
   shadowOptions: {
     mode: DesignSystem.shadowRootMode
   }

package/esm/components/message-bar/message-bar.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-bar.definition.js","sourceRoot":"","sources":["../../../../src/components/message-bar/message-bar.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEhF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,gBAAgB;IACxB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"message-bar.definition.js","sourceRoot":"","sources":["../../../../src/components/message-bar/message-bar.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ,EAAE,kBAAkB;IAC5B,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/message-bar/message-bar.styles.js

@@ -0,0 +1,9 @@
+import { MessageBarStyles } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+
+const styles = css`
+  ${MessageBarStyles}
+
+  :host{white-space:normal}`;
+
+export { styles };

package/esm/components/message-bar/message-bar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/message-bar/message-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,gBAAgB;;;;;CAKnB,CAAC"}

package/esm/components/modal/define.js

@@ -0,0 +1,9 @@
+import { definition } from "./modal.definition.js";
+import { modalFreItemDefinition } from "../modal-fre-item/modal-fre-item.definition.js";
+import { DesignSystem } from "../design-system.js";
+import "../dialog/define.js";
+import "../carousel-nav/define.js";
+import "../carousel-nav-item/define.js";
+definition.define(DesignSystem.registry);
+modalFreItemDefinition.define(DesignSystem.registry);
+//# sourceMappingURL=define.js.map

package/esm/components/modal/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/modal/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,2BAA2B,CAAC;AACnC,OAAO,gCAAgC,CAAC;AAExC,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;AACzC,sBAAsB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/modal/index.js

@@ -0,0 +1,7 @@
+export { Modal } from "./modal.js";
+export { ModalFreItem } from "../modal-fre-item/modal-fre-item.js";
+export { definition as ModalDefinition } from "./modal.definition.js";
+export { modalFreItemDefinition as ModalFreItemDefinition } from "../modal-fre-item/modal-fre-item.definition.js";
+export { ModalModes } from "./modal.options.js";
+export { ModalEventNames } from "./modal.events.js";
+//# sourceMappingURL=index.js.map

package/esm/components/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,sBAAsB,IAAI,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AAClH,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/esm/components/modal/modal.definition.js

@@ -0,0 +1,29 @@
+import { definition as definition$3 } from '../button/button.definition.js';
+import { definition as definition$2 } from '../carousel-nav/carousel-nav.definition.js';
+import { definition as definition$1 } from '../carousel-nav-item/carousel-nav-item.definition.js';
+import { definition as definition$4 } from '../dialog/dialog.definition.js';
+import { DesignSystem } from '../design-system.js';
+import { composeDefinitions, fromFAST } from '../../util/element-definition.js';
+import { Modal } from './modal.js';
+import { styles } from './modal.styles.js';
+import { template } from './modal.template.js';
+
+/** @internal */
+const ModalDefinition = Modal.compose({
+  name: `${DesignSystem.prefix}-modal`,
+  template,
+  styles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
+});
+/**
+ * Composed element definition for `<fabric-modal>`, and all direct dependencies.
+ *
+ * @public
+ * @remarks
+ * HTML Element: `<fabric-modal>`
+ */
+const definition = composeDefinitions(fromFAST(ModalDefinition), fromFAST(definition$4), fromFAST(definition$3), fromFAST(definition$2), fromFAST(definition$1));
+
+export { definition };

package/esm/components/modal/modal.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.definition.js","sourceRoot":"","sources":["../../../../src/components/modal/modal.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACjG,OAAO,EAAE,UAAU,IAAI,yBAAyB,EAAE,MAAM,sDAAsD,CAAC;AAC/G,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,gBAAgB;AAChB,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC;IACpC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,QAAQ;IACpC,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAC1C,QAAQ,CAAC,eAAe,CAAC,EACzB,QAAQ,CAAC,gBAAgB,CAAC,EAC1B,QAAQ,CAAC,gBAAgB,CAAC,EAC1B,QAAQ,CAAC,qBAAqB,CAAC,EAC/B,QAAQ,CAAC,yBAAyB,CAAC,CACpC,CAAC"}

package/esm/components/modal/modal.events.js

@@ -0,0 +1,11 @@
+/**
+ * Event names for the Modal component.
+ * @public
+ */
+const ModalEventNames = {
+  openChange: "open-change",
+  dismiss: "dismiss",
+  stepChange: "step-change"
+};
+
+export { ModalEventNames };

package/esm/components/modal/modal.events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.events.js","sourceRoot":"","sources":["../../../../src/components/modal/modal.events.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,UAAU,EAAE,aAAa;IACzB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,aAAa;CACjB,CAAC"}

package/esm/components/modal/modal.js

@@ -0,0 +1,369 @@
+import { attr, nullableNumberConverter, observable, FASTElement, Observable } from '@microsoft/fast-element';
+import { ModalModes } from './modal.options.js';
+import { ModalEventNames } from './modal.events.js';
+import { CarouselController } from '../../util/carousel-controller.js';
+import { getString } from '@fabric-msft/localization';
+
+var __decorate = globalThis && globalThis.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+    r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+    d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Default button labels sourced from the localization bundle.
+ * @internal
+ */
+const defaultPrimaryLabel = () => getString("Modal_PrimaryAction");
+const defaultNextLabel = () => getString("Modal_Next");
+const defaultDoneLabel = () => getString("Modal_Done");
+const defaultTryLaterLabel = () => getString("Modal_TryLater");
+const defaultBackLabel = () => getString("Modal_Back");
+const defaultDismissLabel = () => getString("Modal_Dismiss");
+/**
+ * @summary A modal dialog with optional FRE (First Run Experience) multi-step wizard mode.
+ * Uses fabric-dialog internally for native backdrop, focus trapping, and Escape key handling.
+ *
+ * @example Default mode
+ * ```html
+ * <fabric-modal open modal-title="Confirm action">
+ *   <h2>Are you sure?</h2>
+ *   <p>This action cannot be undone.</p>
+ * </fabric-modal>
+ * ```
+ *
+ * @example FRE mode
+ * ```html
+ * <fabric-modal mode="fre" open modal-title="Welcome">
+ *   <fabric-modal-fre-item>
+ *     <span slot="title">Step 1</span>
+ *     <span slot="description">First step details.</span>
+ *     <img src="hero1.png" alt="Step 1" />
+ *   </fabric-modal-fre-item>
+ *   <fabric-modal-fre-item>
+ *     <span slot="title">Step 2</span>
+ *     <span slot="description">Second step details.</span>
+ *     <img src="hero2.png" alt="Step 2" />
+ *   </fabric-modal-fre-item>
+ * </fabric-modal>
+ * ```
+ *
+ * @attr {string} mode - Modal mode: "default" or "fre".
+ * @attr {boolean} open - Whether the modal is visible.
+ * @attr {string} modal-title - Accessible label for the modal.
+ * @attr {number} current-step - Active step index (FRE mode).
+ * @attr {string} primary-label - Label for the primary button in default mode (defaults to "OK").
+ * @attr {string} next-label - Label for the "Next" button in FRE mode (defaults to "Next").
+ * @attr {string} done-label - Label for the "Done" button in FRE mode (defaults to "Done").
+ * @attr {string} try-later-label - Label for the secondary button on FRE first step (defaults to "Try Later").
+ * @attr {string} back-label - Label for the secondary "Back" button in FRE mode (defaults to "Back").
+ * @attr {string} dismiss-label - Label for the secondary "Dismiss" button on FRE last step (defaults to "Dismiss").
+ *
+ * @prop {ModalMode} mode - Modal mode.
+ * @prop {boolean} open - Whether the modal is visible.
+ * @prop {string} modalTitle - Accessible label.
+ * @prop {number} currentStep - Active step index (FRE mode).
+ * @prop {number} totalSteps - Total step count (FRE mode, readonly).
+ *
+ * @slot default - Modal content. In FRE mode, accepts fabric-modal-fre-item elements.
+ *
+ * @fires open-change - Fired when open state changes.
+ * @fires dismiss - Fired when the modal is dismissed. Detail includes `{ complete: boolean }` indicating if dismissal was due to FRE wizard completion.
+ * @fires step-change - Fired when the active step changes (FRE mode).
+ *
+ * @extends FASTElement
+ * @tagname fabric-modal
+ * @public
+ */
+class Modal extends FASTElement {
+  constructor() {
+    super(...arguments);
+    /**
+     * Carousel controller for FRE mode.
+     * @internal
+     */
+    this.carouselController = new CarouselController();
+    /**
+     * Modal mode: "default" for simple modal, "fre" for multi-step wizard.
+     * @public
+     */
+    this.mode = ModalModes.default;
+    /**
+     * Whether the modal is visible.
+     * @public
+     */
+    this.open = false;
+    /**
+     * Accessible label for the modal.
+     * @public
+     */
+    this.modalTitle = "";
+    /**
+     * Active step index. Only meaningful in FRE mode.
+     * @public
+     */
+    this.currentStep = 0;
+    /**
+     * Label for the primary button in default mode.
+     * @public
+     */
+    this.primaryLabel = "";
+    /**
+     * Label for the "Next" button in FRE mode.
+     * @public
+     */
+    this.nextLabel = "";
+    /**
+     * Label for the "Done" button in FRE mode.
+     * @public
+     */
+    this.doneLabel = "";
+    /**
+     * Label for the secondary button on FRE first step.
+     * @public
+     */
+    this.tryLaterLabel = "";
+    /**
+     * Label for the secondary "Back" button in FRE mode.
+     * @public
+     */
+    this.backLabel = "";
+    /**
+     * Label for the secondary "Dismiss" button on FRE last step.
+     * @public
+     */
+    this.dismissLabel = "";
+    /**
+     * Slotted items (used in FRE mode to track fre-items, or carousel-items in default).
+     * @internal
+     */
+    this.slottedContent = [];
+    /**
+     * FRE items parsed from slotted content.
+     * @internal
+     */
+    this.freItems = [];
+  }
+  /**
+   * Total step count (FRE mode).
+   * @public
+   * @readonly
+   */
+  get totalSteps() {
+    return this.carouselController.totalItems;
+  }
+  /**
+   * Callback when open changes.
+   * Delegates to the inner fabric-dialog's show/hide.
+   * @internal
+   */
+  openChanged(_oldValue, newValue) {
+    var _a, _b;
+    if (this.dialog) {
+      const dialogOpen = (_b = (_a = this.dialog.dialog) === null || _a === void 0 ? void 0 : _a.open) !== null && _b !== void 0 ? _b : false;
+      if (newValue && !dialogOpen) {
+        this.dialog.show();
+      } else if (!newValue && dialogOpen) {
+        this.dialog.hide();
+      }
+    }
+    if (this.$fastController.isConnected) {
+      this.emitOpenChange(newValue);
+    }
+  }
+  /**
+   * Callback when current-step attribute changes.
+   * Syncs the controller to the attribute value.
+   * @internal
+   */
+  currentStepChanged(_oldValue, newValue) {
+    const numValue = typeof newValue === "string" ? parseInt(newValue, 10) : newValue;
+    if (!isNaN(numValue)) {
+      this.carouselController.scrollToIndex(numValue);
+    }
+  }
+  /**
+   * Callback when slotted content changes.
+   * In FRE mode, extracts fre-items and assigns them directly to the carousel controller.
+   * @internal
+   */
+  slottedContentChanged() {
+    if (this.mode === ModalModes.fre) {
+      this.freItems = this.slottedContent.filter(el => el.tagName === "FABRIC-MODAL-FRE-ITEM");
+      this.carouselController.items = this.freItems;
+      this.carouselController.updateActiveStates();
+    }
+  }
+  /**
+   * Handles the toggle event from the inner fabric-dialog.
+   * Syncs open state when the dialog is closed externally (Escape key, backdrop click).
+   * @internal
+   */
+  handleDialogToggle(event) {
+    var _a;
+    const closed = ((_a = event.detail) === null || _a === void 0 ? void 0 : _a.newState) === "closed";
+    if (closed && this.open) {
+      this.handleDismiss();
+    }
+  }
+  /**
+   * Handles the primary button action.
+   * In default mode: dismisses. In FRE mode: advances step or completes.
+   * @internal
+   */
+  handlePrimaryAction() {
+    if (this.mode === ModalModes.fre) {
+      const isLastStep = this.carouselController.currentIndex >= this.carouselController.totalItems - 1;
+      if (isLastStep) {
+        this.handleDismiss(true);
+      } else {
+        this.carouselController.next();
+      }
+    } else {
+      this.handleDismiss();
+    }
+  }
+  /**
+   * Handles the secondary button action.
+   * In FRE mode: "Try Later" / "Back" / "Dismiss" depending on step.
+   * @internal
+   */
+  handleSecondaryAction() {
+    if (this.mode !== ModalModes.fre) {
+      return;
+    }
+    const isFirstStep = this.carouselController.currentIndex === 0;
+    const isLastStep = this.carouselController.currentIndex >= this.carouselController.totalItems - 1;
+    if (isFirstStep || isLastStep) {
+      this.handleDismiss();
+    } else {
+      this.carouselController.prev();
+    }
+  }
+  /**
+   * Handles dismiss (close button, Escape, backdrop click, or FRE completion).
+   * @param complete - Whether the dismiss was triggered by completing the FRE wizard.
+   * @internal
+   */
+  handleDismiss(complete = false) {
+    this.open = false;
+    const detail = {
+      complete
+    };
+    this.dispatchEvent(new CustomEvent(ModalEventNames.dismiss, {
+      detail,
+      bubbles: true,
+      composed: true
+    }));
+  }
+  /**
+   * Gets the label for the secondary button based on current FRE step.
+   * @internal
+   */
+  get secondaryButtonLabel() {
+    if (this.mode !== ModalModes.fre) {
+      return "";
+    }
+    const isFirstStep = this.carouselController.currentIndex === 0;
+    const isLastStep = this.carouselController.currentIndex >= this.carouselController.totalItems - 1;
+    if (isFirstStep) {
+      return this.tryLaterLabel || defaultTryLaterLabel();
+    }
+    if (isLastStep) {
+      return this.dismissLabel || defaultDismissLabel();
+    }
+    return this.backLabel || defaultBackLabel();
+  }
+  /**
+   * Gets the label for the primary button.
+   * @internal
+   */
+  get primaryButtonLabel() {
+    if (this.mode !== ModalModes.fre) {
+      return this.primaryLabel || defaultPrimaryLabel();
+    }
+    const isLastStep = this.carouselController.currentIndex >= this.carouselController.totalItems - 1;
+    return isLastStep ? this.doneLabel || defaultDoneLabel() : this.nextLabel || defaultNextLabel();
+  }
+  /**
+   * Subscriber implementation for CarouselController changes.
+   * Syncs currentStep attribute and emits step-change event.
+   * @internal
+   */
+  handleChange(source, propertyName) {
+    if (propertyName === "currentIndex" && this.currentStep !== source.currentIndex) {
+      this.currentStep = source.currentIndex;
+      this.emitStepChange();
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    Observable.getNotifier(this.carouselController).subscribe(this, "currentIndex");
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    Observable.getNotifier(this.carouselController).unsubscribe(this, "currentIndex");
+  }
+  /**
+   * Emits open-change event.
+   * @internal
+   */
+  emitOpenChange(open) {
+    this.dispatchEvent(new CustomEvent(ModalEventNames.openChange, {
+      detail: {
+        open
+      },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  /**
+   * Emits step-change event.
+   * @internal
+   */
+  emitStepChange() {
+    this.dispatchEvent(new CustomEvent(ModalEventNames.stepChange, {
+      detail: {
+        currentStep: this.carouselController.currentIndex,
+        totalSteps: this.carouselController.totalItems
+      },
+      bubbles: true,
+      composed: true
+    }));
+  }
+}
+__decorate([attr], Modal.prototype, "mode", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], Modal.prototype, "open", void 0);
+__decorate([attr({
+  attribute: "modal-title"
+})], Modal.prototype, "modalTitle", void 0);
+__decorate([attr({
+  attribute: "current-step",
+  converter: nullableNumberConverter
+})], Modal.prototype, "currentStep", void 0);
+__decorate([attr({
+  attribute: "primary-label"
+})], Modal.prototype, "primaryLabel", void 0);
+__decorate([attr({
+  attribute: "next-label"
+})], Modal.prototype, "nextLabel", void 0);
+__decorate([attr({
+  attribute: "done-label"
+})], Modal.prototype, "doneLabel", void 0);
+__decorate([attr({
+  attribute: "try-later-label"
+})], Modal.prototype, "tryLaterLabel", void 0);
+__decorate([attr({
+  attribute: "back-label"
+})], Modal.prototype, "backLabel", void 0);
+__decorate([attr({
+  attribute: "dismiss-label"
+})], Modal.prototype, "dismissLabel", void 0);
+__decorate([observable], Modal.prototype, "dialog", void 0);
+__decorate([observable], Modal.prototype, "slottedContent", void 0);
+__decorate([observable], Modal.prototype, "freItems", void 0);
+
+export { Modal };