@fabric-msft/fabric-web 4.0.0-beta.1 → 5.0.0

package/dist/esm/components/menu-item/menu-item.options.js

@@ -2,42 +2,43 @@
  * Menu items roles.
  * @public
  */
-export const MenuItemRole = {
-    /**
-     * The menu item has a "menuitem" role
-     */
-    menuitem: 'menuitem',
-    /**
-     * The menu item has a "menuitemcheckbox" role
-     */
-    menuitemcheckbox: 'menuitemcheckbox',
-    /**
-     * The menu item has a "menuitemradio" role
-     */
-    menuitemradio: 'menuitemradio',
+const MenuItemRoles = {
+  /**
+   * The menu item has a "menuitem" role
+   */
+  menuitem: "menuitem",
+  /**
+   * The menu item has a "menuitemcheckbox" role
+   */
+  menuitemcheckbox: "menuitemcheckbox",
+  /**
+   * The menu item has a "menuitemradio" role
+   */
+  menuitemradio: "menuitemradio"
 };
 /**
  * @internal
  */
-export const roleForMenuItem = {
-    [MenuItemRole.menuitem]: 'menuitem',
-    [MenuItemRole.menuitemcheckbox]: 'menuitemcheckbox',
-    [MenuItemRole.menuitemradio]: 'menuitemradio',
+const roleForMenuItem = {
+  [MenuItemRoles.menuitem]: "menuitem",
+  [MenuItemRoles.menuitemcheckbox]: "menuitemcheckbox",
+  [MenuItemRoles.menuitemradio]: "menuitemradio"
 };
 /**
  * Menu items roles.
  * @public
  */
-export const MenuGroupRole = {
-    /**
-     * The "group" role
-     */
-    group: 'group',
+const MenuGroupRoles = {
+  /**
+   * The "group" role
+   */
+  group: "group"
 };
 /**
  * @internal
  */
-export const roleForMenuGroup = {
-    [MenuGroupRole.group]: 'group',
+const roleForMenuGroup = {
+  group: MenuGroupRoles.group
 };
-//# sourceMappingURL=menu-item.options.js.map
+
+export { MenuGroupRoles, MenuItemRoles, roleForMenuGroup, roleForMenuItem };

package/dist/esm/components/menu-item/menu-item.options.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.options.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-item/menu-item.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,UAAU;IAEpB;;OAEG;IACH,gBAAgB,EAAE,kBAAkB;IAEpC;;OAEG;IACH,aAAa,EAAE,eAAe;CACtB,CAAC;AAQX;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAExB;IACF,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,UAAU;IACnC,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE,kBAAkB;IACnD,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,eAAe;CAC9C,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,KAAK,EAAE,OAAO;CACN,CAAC;AAQX;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAEzB;IACF,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,OAAO;CAC/B,CAAC"}
+{"version":3,"file":"menu-item.options.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-item/menu-item.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,UAAU;IAEpB;;OAEG;IACH,gBAAgB,EAAE,kBAAkB;IAEpC;;OAEG;IACH,aAAa,EAAE,eAAe;CACtB,CAAC;AAQX;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAExB;IACF,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,UAAU;IACpC,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAAE,kBAAkB;IACpD,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,eAAe;CAC/C,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,KAAK,EAAE,OAAO;CACN,CAAC;AAQX;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAyC;IACpE,KAAK,EAAE,cAAc,CAAC,KAAK;CAC5B,CAAC"}

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

@@ -1,160 +1,17 @@
-import { css } from "@microsoft/fast-element";
-import { display, forcedColorsStylesheetBehavior, borderRadiusMedium, colorCompoundBrandForeground1Pressed, colorNeutralBackground1, colorNeutralBackground1Hover, colorNeutralBackground1Selected, colorNeutralBackgroundDisabled, colorNeutralForeground2, colorNeutralForeground2Hover, colorNeutralForeground2Pressed, colorNeutralForeground3, colorNeutralForegroundDisabled, colorStrokeFocus2, fontFamilyBase, fontSizeBase200, fontSizeBase300, fontWeightRegular, lineHeightBase200, lineHeightBase300 } from "@fluentui/web-components";
-import { checkedState, disabledState, submenuState } from "../styles/states/states";
+import { css } from '@microsoft/fast-element';
+import { display, colorNeutralBackground1, borderRadiusMedium, colorNeutralForeground2, fontWeightRegular, fontSizeBase300, lineHeightBase300, fontFamilyBase, spacingHorizontalXS, spacingHorizontalXL, spacingHorizontalMNudge, colorNeutralBackground1Hover, colorNeutralForeground2Hover, colorNeutralBackground1Selected, colorNeutralForeground2Pressed, colorCompoundBrandForeground1Pressed, colorNeutralBackgroundDisabled, colorNeutralForegroundDisabled, strokeWidthThick, colorStrokeFocus2, spacingHorizontalXXS, colorNeutralForeground3, fontSizeBase200, lineHeightBase200, forcedColorsStylesheetBehavior } from '@fluentui/web-components';
+import { sizeVerticalXXXL, sizeHorizontalXL } from '@fabric-msft/theme';
+import { disabledState, checkedState, submenuState } from '../styles/states/states.js';
+
 /** MenuItem styles
  * @public
  */
-export const styles = css `
+const styles = css`
   ${display("grid")}
 
-  :host {
-    --indent: 0;
-    align-items: center;
-    background: ${colorNeutralBackground1};
-    border-radius: ${borderRadiusMedium};
-    color: ${colorNeutralForeground2};
-    contain: layout;
-    cursor: pointer;
-    /* Prevent shrinking of MenuItems when max-height is applied to MenuList */
-    flex-shrink: 0;
-    font: ${fontWeightRegular} ${fontSizeBase300} / ${lineHeightBase300}
-      ${fontFamilyBase};
-    grid-gap: 4px;
-    grid-template-columns: 20px 20px auto 20px;
-    height: 32px;
-    overflow: visible;
-    padding: 0 10px;
-  }
-
-  :host(:hover) {
-    background: ${colorNeutralBackground1Hover};
-    color: ${colorNeutralForeground2Hover};
-  }
-
-  :host(:active) {
-    background-color: ${colorNeutralBackground1Selected};
-    color: ${colorNeutralForeground2Pressed};
-  }
-
-  :host(:active) ::slotted([slot="start"]) {
-    color: ${colorCompoundBrandForeground1Pressed};
-  }
-
-  :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: 2px solid ${colorStrokeFocus2};
-  }
-
-  .content {
-    white-space: nowrap;
-    flex-grow: 1;
-    grid-column: auto / span 2;
-    padding: 0 2px;
-  }
-
-  :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: 20px 20px auto auto;
-  }
-
-  :host(${submenuState}) {
-    grid-template-columns: 20px auto auto 20px;
-  }
-
-  :host([data-indent="2"]${submenuState}) {
-    grid-template-columns: 20px 20px auto auto 20px;
-  }
-
-  .indicator,
-  ::slotted([slot="indicator"]) {
-    grid-column: 1 / span 1;
-    width: 20px;
-  }
-
-  ::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 {
-      anchor-name: --menu-trigger;
-      position: relative;
-    }
-
-    ::slotted([popover]) {
-      margin: 0;
-      max-height: var(--menu-max-height, auto);
-      position: absolute;
-      position-anchor: --menu-trigger;
-      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;
-    }
+  :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(${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{anchor-name:--menu-trigger;position:relative}::slotted([popover]){margin:0;max-height:var(--menu-max-height,auto);position:absolute;position-anchor:--menu-trigger;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]){align-self:start}}}`.withBehaviors(forcedColorsStylesheetBehavior(css`
+    :host(${disabledState}),:host(${disabledState}) ::slotted([slot="start"]),:host(${disabledState}) ::slotted([slot="end"]){color:GrayText}`));
 
-    /* Fallback for no anchor-positioning */
-    @supports not (anchor-name: --menu-trigger) {
-      ::slotted([popover]) {
-        align-self: start;
-      }
-    }
-  }
-`.withBehaviors(forcedColorsStylesheetBehavior(css `
-    :host(${disabledState}),
-    :host(${disabledState}) ::slotted([slot="start"]),
-    :host(${disabledState}) ::slotted([slot="end"]) {
-      color: GrayText;
-    }
-  `));
-//# sourceMappingURL=menu-item.styles.js.map
+export { styles };

package/dist/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,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,YAAY,EACZ,aAAa,EACb,YAAY,EACb,MAAM,yBAAyB,CAAC;AAEjC;;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;;;;;;;;;kBASJ,4BAA4B;aACjC,4BAA4B;;;;wBAIjB,+BAA+B;aAC1C,8BAA8B;;;;aAI9B,oCAAoC;;;UAGvC,aAAa;wBACC,8BAA8B;aACzC,8BAA8B;;;UAGjC,aAAa;UACb,aAAa;aACV,8BAA8B;;;;qBAItB,kBAAkB;yBACd,iBAAiB;;;;;;;;;;eAU3B,YAAY;eACZ,YAAY;eACZ,YAAY;eACZ,YAAY;;;;;aAKd,uBAAuB;YACxB,iBAAiB,IAAI,eAAe,MAAM,iBAAiB;QAC/D,cAAc;;;;;;;;;;;;;UAaZ,YAAY;;;;2BAIK,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DtC,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,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,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,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"}

package/dist/esm/components/menu-item/menu-item.template.js

@@ -1,32 +1,13 @@
-import { html, slotted } from "@microsoft/fast-element";
-import { staticallyCompose } from "../../util/template-helpers";
-import { endSlotTemplate, startSlotTemplate } from "@fluentui/web-components";
+import { html, slotted } from '@microsoft/fast-element';
+import './menu-item.js';
+
 const Checkmark16Filled = html.partial(`<svg class="indicator" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.05 3.49c.28.3.27.77-.04 1.06l-7.93 7.47A.85.85 0 014.9 12L2.22 9.28a.75.75 0 111.06-1.06l2.24 2.27 7.47-7.04a.75.75 0 011.06.04z" fill="currentColor"></path></svg>`);
 const chevronRight16Filled = html.partial(`<svg class="submenu-glyph" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>`);
-export function menuItemTemplate(options = {}) {
-    return html `
-    <template
-      @keydown="${(x, c) => x.handleMenuItemKeyDown(c.event)}"
-      @click="${(x, c) => x.handleMenuItemClick(c.event)}"
-      @mouseover="${(x, c) => x.handleMouseOver(c.event)}"
-      @mouseout="${(x, c) => x.handleMouseOut(c.event)}"
-      @toggle="${(x, c) => x.toggleHandler(c.event)}"
-    >
-      <slot name="indicator">${staticallyCompose(options.indicator)}</slot>
-      ${startSlotTemplate(options)}
-      <div part="content" class="content">
-        <slot></slot>
-      </div>
-      ${endSlotTemplate(options)}
-      <slot name="submenu-glyph">
-        ${staticallyCompose(options.submenuGlyph)}
-      </slot>
-      <slot name="submenu" ${slotted({ property: "slottedSubmenu" })}></slot>
-    </template>
-  `;
+function menuItemTemplate() {
+  return html`<template><slot name="indicator">${Checkmark16Filled}</slot><slot name="start"></slot><div part="content" class="content"><slot></slot></div><slot name="end"></slot><slot name="submenu-glyph">${chevronRight16Filled}</slot><slot name="submenu" ${slotted({
+    property: "slottedSubmenu"
+  })}></slot></template>`;
 }
-export const template = menuItemTemplate({
-    indicator: Checkmark16Filled,
-    submenuGlyph: chevronRight16Filled
-});
-//# sourceMappingURL=menu-item.template.js.map
+const template = menuItemTemplate();
+
+export { menuItemTemplate, template };

package/dist/esm/components/menu-item/menu-item.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.template.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-item/menu-item.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG9E,MAAM,iBAAiB,GAAG,IAAI,CAAC,OAAO,CACpC,8TAA8T,CAC/T,CAAC;AACF,MAAM,oBAAoB,GAAG,IAAI,CAAC,OAAO,CACvC,wTAAwT,CACzT,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAC9B,UAA2B,EAAE;IAE7B,OAAO,IAAI,CAAG;;kBAEE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,KAAsB,CAAC;gBAC7D,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAmB,CAAC;oBAClD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAmB,CAAC;mBACnD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAmB,CAAC;iBACnD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAoB,CAAC;;+BAEnC,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC;QAC3D,iBAAiB,CAAC,OAAO,CAAC;;;;QAI1B,eAAe,CAAC,OAAO,CAAC;;UAEtB,iBAAiB,CAAC,OAAO,CAAC,YAAY,CAAC;;6BAEpB,OAAO,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;;GAEjE,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAkC,gBAAgB,CAAC;IACtE,SAAS,EAAE,iBAAiB;IAC5B,YAAY,EAAE,oBAAoB;CACnC,CAAC,CAAC"}
+{"version":3,"file":"menu-item.template.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-item/menu-item.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAiB,MAAM,gBAAgB,CAAC;AAE/C,MAAM,iBAAiB,GAAG,IAAI,CAAC,OAAO,CACpC,8TAA8T,CAC/T,CAAC;AACF,MAAM,oBAAoB,GAAG,IAAI,CAAC,OAAO,CACvC,wTAAwT,CACzT,CAAC;AAEF,MAAM,UAAU,gBAAgB;IAC9B,OAAO,IAAI,CAAG;;+BAEe,iBAAiB;;;;;;mCAMb,oBAAoB;6BAC1B,OAAO,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;;GAEjE,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAkC,gBAAgB,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { DesignSystem } from "../design-system";
-import { definition as MenuListDefinition } from "./menu-list.definition";
+import { DesignSystem } from "../design-system.js";
+import { definition as MenuListDefinition } from "./menu-list.definition.js";
 MenuListDefinition.define(DesignSystem.registry);
 //# sourceMappingURL=define.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-list/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC1E,kBAAkB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-list/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,kBAAkB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

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

@@ -1,5 +1,5 @@
-export { MenuList } from "./menu-list";
-export { styles as MenuListStyles } from "./menu-list.styles";
-export { template as MenuListTemplate } from "./menu-list.template";
-export { definition as MenuListDefinition } from "./menu-list.definition";
+export { MenuList } from "./menu-list.js";
+export { styles as MenuListStyles } from "./menu-list.styles.js";
+export { template as MenuListTemplate } from "./menu-list.template.js";
+export { definition as MenuListDefinition } from "./menu-list.definition.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC"}

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

@@ -1,19 +1,21 @@
-import { MenuList } from "./menu-list";
-import { styles } from "./menu-list.styles";
-import { template } from "./menu-list.template";
-import { DesignSystem } from "../design-system";
+import { MenuList } from './menu-list.js';
+import { styles } from './menu-list.styles.js';
+import { template } from './menu-list.template.js';
+import { DesignSystem } from '../design-system.js';
+
 /**
  *
  * @public
  * @remarks
  * HTML Element: <fabric-menu-list>
  */
-export const definition = MenuList.compose({
-    name: `${DesignSystem.prefix}-menu-list`,
-    template,
-    styles,
-    shadowOptions: {
-        mode: DesignSystem.shadowRootMode
-    }
+const definition = MenuList.compose({
+  name: `${DesignSystem.prefix}-menu-list`,
+  template,
+  styles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
 });
-//# sourceMappingURL=menu-list.definition.js.map
+
+export { definition };

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

@@ -1 +1 @@
-{"version":3,"file":"menu-list.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-list/menu-list.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,YAAY;IACxC,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"menu-list.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-list/menu-list.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,YAAY;IACxC,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}