@fabric-msft/fabric-web 7.0.0 → 7.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dts/components/card/card.d.ts +0 -5
- package/dts/components/card/card.d.ts.map +1 -1
- package/dts/components/carousel/carousel.d.ts +6 -42
- package/dts/components/carousel/carousel.d.ts.map +1 -1
- package/dts/components/carousel/carousel.styles.d.ts.map +1 -1
- package/dts/components/carousel/carousel.template.d.ts.map +1 -1
- package/dts/components/carousel/define.d.ts.map +1 -1
- package/dts/components/carousel-nav/carousel-nav.d.ts +10 -0
- package/dts/components/carousel-nav/carousel-nav.d.ts.map +1 -1
- package/dts/components/carousel-nav/carousel-nav.template.d.ts.map +1 -1
- package/dts/components/carousel-viewport/carousel-viewport.d.ts +34 -0
- package/dts/components/carousel-viewport/carousel-viewport.d.ts.map +1 -0
- package/dts/components/carousel-viewport/carousel-viewport.definition.d.ts +9 -0
- package/dts/components/carousel-viewport/carousel-viewport.definition.d.ts.map +1 -0
- package/dts/components/carousel-viewport/carousel-viewport.styles.d.ts +7 -0
- package/dts/components/carousel-viewport/carousel-viewport.styles.d.ts.map +1 -0
- package/dts/components/carousel-viewport/carousel-viewport.template.d.ts +9 -0
- package/dts/components/carousel-viewport/carousel-viewport.template.d.ts.map +1 -0
- package/dts/components/carousel-viewport/define.d.ts +2 -0
- package/dts/components/carousel-viewport/define.d.ts.map +1 -0
- package/dts/components/carousel-viewport/index.d.ts +5 -0
- package/dts/components/carousel-viewport/index.d.ts.map +1 -0
- package/dts/components/dynamic-tab/define.d.ts +2 -0
- package/dts/components/dynamic-tab/define.d.ts.map +1 -0
- package/dts/components/dynamic-tab/dynamic-tab.d.ts +142 -0
- package/dts/components/dynamic-tab/dynamic-tab.d.ts.map +1 -0
- package/dts/components/dynamic-tab/dynamic-tab.definition.d.ts +10 -0
- package/dts/components/dynamic-tab/dynamic-tab.definition.d.ts.map +1 -0
- package/dts/components/dynamic-tab/dynamic-tab.options.d.ts +10 -0
- package/dts/components/dynamic-tab/dynamic-tab.options.d.ts.map +1 -0
- package/dts/components/dynamic-tab/dynamic-tab.styles.d.ts +6 -0
- package/dts/components/dynamic-tab/dynamic-tab.styles.d.ts.map +1 -0
- package/dts/components/dynamic-tab/dynamic-tab.template.d.ts +13 -0
- package/dts/components/dynamic-tab/dynamic-tab.template.d.ts.map +1 -0
- package/dts/components/dynamic-tab/index.d.ts +6 -0
- package/dts/components/dynamic-tab/index.d.ts.map +1 -0
- package/dts/components/dynamic-tab-list/define.d.ts +2 -0
- package/dts/components/dynamic-tab-list/define.d.ts.map +1 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.d.ts +360 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.d.ts.map +1 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.definition.d.ts +7 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.definition.d.ts.map +1 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.options.d.ts +24 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.options.d.ts.map +1 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.styles.d.ts +6 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.styles.d.ts.map +1 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.template.d.ts +13 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.template.d.ts.map +1 -0
- package/dts/components/dynamic-tab-list/index.d.ts +7 -0
- package/dts/components/dynamic-tab-list/index.d.ts.map +1 -0
- package/dts/components/empty-state/define.d.ts +2 -0
- package/dts/components/empty-state/define.d.ts.map +1 -0
- package/dts/components/empty-state/empty-state.d.ts +32 -0
- package/dts/components/empty-state/empty-state.d.ts.map +1 -0
- package/dts/components/empty-state/empty-state.definition.d.ts +10 -0
- package/dts/components/empty-state/empty-state.definition.d.ts.map +1 -0
- package/dts/components/empty-state/empty-state.styles.d.ts +6 -0
- package/dts/components/empty-state/empty-state.styles.d.ts.map +1 -0
- package/dts/components/empty-state/empty-state.template.d.ts +9 -0
- package/dts/components/empty-state/empty-state.template.d.ts.map +1 -0
- package/dts/components/empty-state/index.d.ts +5 -0
- package/dts/components/empty-state/index.d.ts.map +1 -0
- package/dts/components/field/field.d.ts +44 -3
- package/dts/components/field/field.d.ts.map +1 -1
- package/dts/components/menu/index.d.ts +2 -2
- package/dts/components/menu/index.d.ts.map +1 -1
- package/dts/components/menu/menu.d.ts +17 -1
- package/dts/components/menu/menu.d.ts.map +1 -1
- package/dts/components/menu/menu.options.d.ts +15 -0
- package/dts/components/menu/menu.options.d.ts.map +1 -1
- package/dts/components/menu/menu.positioning.d.ts +8 -2
- package/dts/components/menu/menu.positioning.d.ts.map +1 -1
- package/dts/components/menu/menu.styles.d.ts.map +1 -1
- package/dts/components/menu-button/menu-button.d.ts +2 -2
- package/dts/components/menu-button/menu-button.definition.d.ts.map +1 -1
- package/dts/components/menu-button/menu-button.styles.d.ts +11 -0
- package/dts/components/menu-button/menu-button.styles.d.ts.map +1 -0
- package/dts/components/menu-item/menu-item.styles.d.ts.map +1 -1
- package/dts/components/menu-list/menu-list.styles.d.ts.map +1 -1
- package/dts/components/modal/define.d.ts +4 -0
- package/dts/components/modal/define.d.ts.map +1 -0
- package/dts/components/modal/index.d.ts +9 -0
- package/dts/components/modal/index.d.ts.map +1 -0
- package/dts/components/modal/modal.d.ts +209 -0
- package/dts/components/modal/modal.d.ts.map +1 -0
- package/dts/components/modal/modal.definition.d.ts +9 -0
- package/dts/components/modal/modal.definition.d.ts.map +1 -0
- package/dts/components/modal/modal.events.d.ts +26 -0
- package/dts/components/modal/modal.events.d.ts.map +1 -0
- package/dts/components/modal/modal.options.d.ts +15 -0
- package/dts/components/modal/modal.options.d.ts.map +1 -0
- package/dts/components/modal/modal.styles.d.ts +10 -0
- package/dts/components/modal/modal.styles.d.ts.map +1 -0
- package/dts/components/modal/modal.template.d.ts +12 -0
- package/dts/components/modal/modal.template.d.ts.map +1 -0
- package/dts/components/modal-fre-item/define.d.ts +2 -0
- package/dts/components/modal-fre-item/define.d.ts.map +1 -0
- package/dts/components/modal-fre-item/index.d.ts +3 -0
- package/dts/components/modal-fre-item/index.d.ts.map +1 -0
- package/dts/components/modal-fre-item/modal-fre-item.d.ts +65 -0
- package/dts/components/modal-fre-item/modal-fre-item.d.ts.map +1 -0
- package/dts/components/modal-fre-item/modal-fre-item.definition.d.ts +10 -0
- package/dts/components/modal-fre-item/modal-fre-item.definition.d.ts.map +1 -0
- package/dts/components/modal-fre-item/modal-fre-item.styles.d.ts +7 -0
- package/dts/components/modal-fre-item/modal-fre-item.styles.d.ts.map +1 -0
- package/dts/components/modal-fre-item/modal-fre-item.template.d.ts +11 -0
- package/dts/components/modal-fre-item/modal-fre-item.template.d.ts.map +1 -0
- package/dts/components/radio-group/radio-group.d.ts +15 -0
- package/dts/components/radio-group/radio-group.d.ts.map +1 -1
- package/dts/components/slider/slider.d.ts +2 -0
- package/dts/components/slider/slider.d.ts.map +1 -1
- package/dts/components/slider/slider.definition.d.ts.map +1 -1
- package/dts/components/slider/slider.styles.d.ts +10 -0
- package/dts/components/slider/slider.styles.d.ts.map +1 -0
- package/dts/components/slider/slider.template.d.ts +4 -0
- package/dts/components/slider/slider.template.d.ts.map +1 -0
- package/dts/components/styles/patterns/patterns.d.ts +8 -0
- package/dts/components/styles/patterns/patterns.d.ts.map +1 -0
- package/dts/index.d.ts +7 -0
- package/dts/index.d.ts.map +1 -1
- package/dts/util/a11y-playwright-utils.d.ts +7 -0
- package/dts/util/a11y-playwright-utils.d.ts.map +1 -0
- package/dts/util/carousel-controller.d.ts +120 -0
- package/dts/util/carousel-controller.d.ts.map +1 -0
- package/dts/util/icons.d.ts +15 -0
- package/dts/util/icons.d.ts.map +1 -1
- package/dts/util/index.d.ts +1 -0
- package/dts/util/index.d.ts.map +1 -1
- package/esm/components/accordion-menu-panel/accordion-menu-panel.styles.js +1 -1
- package/esm/components/card/card.js +0 -5
- package/esm/components/card/card.js.map +1 -1
- package/esm/components/card-header/card-header.styles.js +2 -2
- package/esm/components/card-header/card-header.styles.js.map +1 -1
- package/esm/components/carousel/carousel.js +30 -98
- package/esm/components/carousel/carousel.js.map +1 -1
- package/esm/components/carousel/carousel.styles.js +2 -2
- package/esm/components/carousel/carousel.styles.js.map +1 -1
- package/esm/components/carousel/carousel.template.js +3 -3
- package/esm/components/carousel/carousel.template.js.map +1 -1
- package/esm/components/carousel/define.js +5 -3
- package/esm/components/carousel/define.js.map +1 -1
- package/esm/components/carousel-item/carousel-item.template.js +1 -1
- package/esm/components/carousel-item/carousel-item.template.js.map +1 -1
- package/esm/components/carousel-nav/carousel-nav.js +12 -0
- package/esm/components/carousel-nav/carousel-nav.js.map +1 -1
- package/esm/components/carousel-nav/carousel-nav.styles.js +1 -0
- package/esm/components/carousel-nav/carousel-nav.template.js +4 -3
- package/esm/components/carousel-nav/carousel-nav.template.js.map +1 -1
- package/esm/components/carousel-nav-item/carousel-nav-item.styles.js +1 -0
- package/esm/components/carousel-viewport/carousel-viewport.definition.js +21 -0
- package/esm/components/carousel-viewport/carousel-viewport.definition.js.map +1 -0
- package/esm/components/carousel-viewport/carousel-viewport.js +37 -0
- package/esm/components/carousel-viewport/carousel-viewport.js.map +1 -0
- package/esm/components/carousel-viewport/carousel-viewport.styles.js +11 -0
- package/esm/components/carousel-viewport/carousel-viewport.styles.js.map +1 -0
- package/esm/components/carousel-viewport/carousel-viewport.template.js +15 -0
- package/esm/components/carousel-viewport/carousel-viewport.template.js.map +1 -0
- package/esm/components/carousel-viewport/define.js +4 -0
- package/esm/components/carousel-viewport/define.js.map +1 -0
- package/esm/components/carousel-viewport/index.js +5 -0
- package/esm/components/carousel-viewport/index.js.map +1 -0
- package/esm/components/dynamic-tab/define.js +4 -0
- package/esm/components/dynamic-tab/define.js.map +1 -0
- package/esm/components/dynamic-tab/dynamic-tab.definition.js +27 -0
- package/esm/components/dynamic-tab/dynamic-tab.definition.js.map +1 -0
- package/esm/components/dynamic-tab/dynamic-tab.js +232 -0
- package/esm/components/dynamic-tab/dynamic-tab.js.map +1 -0
- package/esm/components/dynamic-tab/dynamic-tab.options.js +11 -0
- package/esm/components/dynamic-tab/dynamic-tab.options.js.map +1 -0
- package/esm/components/dynamic-tab/dynamic-tab.styles.js +13 -0
- package/esm/components/dynamic-tab/dynamic-tab.styles.js.map +1 -0
- package/esm/components/dynamic-tab/dynamic-tab.template.js +18 -0
- package/esm/components/dynamic-tab/dynamic-tab.template.js.map +1 -0
- package/esm/components/dynamic-tab/index.js +6 -0
- package/esm/components/dynamic-tab/index.js.map +1 -0
- package/esm/components/dynamic-tab-list/define.js +12 -0
- package/esm/components/dynamic-tab-list/define.js.map +1 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.definition.js +19 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.definition.js.map +1 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.js +788 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.js.map +1 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.options.js +19 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.options.js.map +1 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.styles.js +11 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.styles.js.map +1 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.template.js +41 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.template.js.map +1 -0
- package/esm/components/dynamic-tab-list/index.js +6 -0
- package/esm/components/dynamic-tab-list/index.js.map +1 -0
- package/esm/components/empty-state/define.js +4 -0
- package/esm/components/empty-state/define.js.map +1 -0
- package/esm/components/empty-state/empty-state.definition.js +22 -0
- package/esm/components/empty-state/empty-state.definition.js.map +1 -0
- package/esm/components/empty-state/empty-state.js +33 -0
- package/esm/components/empty-state/empty-state.js.map +1 -0
- package/esm/components/empty-state/empty-state.styles.js +11 -0
- package/esm/components/empty-state/empty-state.styles.js.map +1 -0
- package/esm/components/empty-state/empty-state.template.js +12 -0
- package/esm/components/empty-state/empty-state.template.js.map +1 -0
- package/esm/components/empty-state/index.js +5 -0
- package/esm/components/empty-state/index.js.map +1 -0
- package/esm/components/field/field.js +91 -5
- package/esm/components/field/field.js.map +1 -1
- package/esm/components/filter-pill/filter-pill.styles.js +1 -0
- package/esm/components/menu/index.js +1 -1
- package/esm/components/menu/index.js.map +1 -1
- package/esm/components/menu/menu.js +30 -2
- package/esm/components/menu/menu.js.map +1 -1
- package/esm/components/menu/menu.options.js +11 -1
- package/esm/components/menu/menu.options.js.map +1 -1
- package/esm/components/menu/menu.positioning.js +32 -30
- package/esm/components/menu/menu.positioning.js.map +1 -1
- package/esm/components/menu/menu.styles.js +2 -1
- package/esm/components/menu/menu.styles.js.map +1 -1
- package/esm/components/menu-button/menu-button.definition.js +5 -2
- package/esm/components/menu-button/menu-button.definition.js.map +1 -1
- package/esm/components/menu-button/menu-button.js +2 -2
- package/esm/components/menu-button/menu-button.styles.js +18 -0
- package/esm/components/menu-button/menu-button.styles.js.map +1 -0
- package/esm/components/menu-item/menu-item.styles.js +1 -1
- package/esm/components/menu-item/menu-item.styles.js.map +1 -1
- package/esm/components/menu-list/menu-list.styles.js +2 -2
- package/esm/components/menu-list/menu-list.styles.js.map +1 -1
- package/esm/components/modal/define.js +9 -0
- package/esm/components/modal/define.js.map +1 -0
- package/esm/components/modal/index.js +7 -0
- package/esm/components/modal/index.js.map +1 -0
- package/esm/components/modal/modal.definition.js +29 -0
- package/esm/components/modal/modal.definition.js.map +1 -0
- package/esm/components/modal/modal.events.js +11 -0
- package/esm/components/modal/modal.events.js.map +1 -0
- package/esm/components/modal/modal.js +369 -0
- package/esm/components/modal/modal.js.map +1 -0
- package/esm/components/modal/modal.options.js +10 -0
- package/esm/components/modal/modal.options.js.map +1 -0
- package/esm/components/modal/modal.styles.js +14 -0
- package/esm/components/modal/modal.styles.js.map +1 -0
- package/esm/components/modal/modal.template.js +23 -0
- package/esm/components/modal/modal.template.js.map +1 -0
- package/esm/components/modal-fre-item/define.js +4 -0
- package/esm/components/modal-fre-item/define.js.map +1 -0
- package/esm/components/modal-fre-item/index.js +3 -0
- package/esm/components/modal-fre-item/index.js.map +1 -0
- package/esm/components/modal-fre-item/modal-fre-item.definition.js +27 -0
- package/esm/components/modal-fre-item/modal-fre-item.definition.js.map +1 -0
- package/esm/components/modal-fre-item/modal-fre-item.js +72 -0
- package/esm/components/modal-fre-item/modal-fre-item.js.map +1 -0
- package/esm/components/modal-fre-item/modal-fre-item.styles.js +11 -0
- package/esm/components/modal-fre-item/modal-fre-item.styles.js.map +1 -0
- package/esm/components/modal-fre-item/modal-fre-item.template.js +16 -0
- package/esm/components/modal-fre-item/modal-fre-item.template.js.map +1 -0
- package/esm/components/radio-group/radio-group.js +20 -1
- package/esm/components/radio-group/radio-group.js.map +1 -1
- package/esm/components/simple-table/simple-table.styles.js +1 -0
- package/esm/components/slider/slider.definition.js +4 -3
- package/esm/components/slider/slider.definition.js.map +1 -1
- package/esm/components/slider/slider.js +2 -0
- package/esm/components/slider/slider.js.map +1 -1
- package/esm/components/slider/slider.styles.js +24 -0
- package/esm/components/slider/slider.styles.js.map +1 -0
- package/esm/components/slider/slider.template.js +17 -0
- package/esm/components/slider/slider.template.js.map +1 -0
- package/esm/components/styles/patterns/patterns.js +11 -0
- package/esm/components/styles/patterns/patterns.js.map +1 -0
- package/esm/index.js +25 -0
- package/esm/index.js.map +1 -1
- package/esm/util/a11y-playwright-utils.js +11 -0
- package/esm/util/a11y-playwright-utils.js.map +1 -0
- package/esm/util/carousel-controller.js +153 -0
- package/esm/util/carousel-controller.js.map +1 -0
- package/esm/util/icons.js +16 -1
- package/esm/util/icons.js.map +1 -1
- package/esm/util/index.js +1 -0
- package/esm/util/index.js.map +1 -1
- package/index.d.ts +2125 -957
- package/index.d.ts.map +1 -1
- package/index.js +6812 -4700
- package/index.js.map +1 -1
- package/index.min.js +108 -88
- package/index.min.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.options.js","sourceRoot":"","sources":["../../../../src/components/menu/menu.options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;CACN,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,eAAe,CAAC,IAAI;IAC1B,IAAI,EAAE,eAAe,CAAC,IAAI;CAClB,CAAC"}
|
|
1
|
+
{"version":3,"file":"menu.options.js","sourceRoot":"","sources":["../../../../src/components/menu/menu.options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;CACN,CAAC;AAQX;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,KAAK;CACF,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,eAAe,CAAC,IAAI;IAC1B,IAAI,EAAE,eAAe,CAAC,IAAI;CAClB,CAAC"}
|
|
@@ -1,38 +1,33 @@
|
|
|
1
|
-
import { MenuPositions } from './menu.options.js';
|
|
1
|
+
import { MenuPositions, MenuAlignments } from './menu.options.js';
|
|
2
2
|
import { FlexiblePositionStrategy } from '../../util/positioning/flexible-position-strategy.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
|
-
* Convert a menu
|
|
5
|
+
* Convert a menu position + alignment pair to a {@link ConnectedPosition}.
|
|
6
|
+
* Unknown alignment values (possible via raw HTML attributes that bypass the
|
|
7
|
+
* TypeScript types) coerce to `start` so the JS strategy matches the CSS
|
|
8
|
+
* default rule, which also falls back to start alignment when the
|
|
9
|
+
* `menu-alignment="end"` selector doesn't match.
|
|
6
10
|
* @internal
|
|
7
11
|
*/
|
|
8
|
-
function menuShorthandToPosition(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
overlayX: "start",
|
|
22
|
-
overlayY: "top"
|
|
23
|
-
};
|
|
24
|
-
default:
|
|
25
|
-
return {
|
|
26
|
-
originX: "start",
|
|
27
|
-
originY: "bottom",
|
|
28
|
-
overlayX: "start",
|
|
29
|
-
overlayY: "top"
|
|
30
|
-
};
|
|
31
|
-
}
|
|
12
|
+
function menuShorthandToPosition(position, alignment) {
|
|
13
|
+
const horizontal = alignment === MenuAlignments.end ? "end" : "start";
|
|
14
|
+
return position === MenuPositions.above ? {
|
|
15
|
+
originX: horizontal,
|
|
16
|
+
originY: "top",
|
|
17
|
+
overlayX: horizontal,
|
|
18
|
+
overlayY: "bottom"
|
|
19
|
+
} : {
|
|
20
|
+
originX: horizontal,
|
|
21
|
+
originY: "bottom",
|
|
22
|
+
overlayX: horizontal,
|
|
23
|
+
overlayY: "top"
|
|
24
|
+
};
|
|
32
25
|
}
|
|
33
26
|
/**
|
|
34
27
|
* Positioning manager for menu component.
|
|
35
28
|
* Delegates all coordinate-based positioning to {@link FlexiblePositionStrategy}.
|
|
29
|
+
* Only {@link MenuPosition} is flipped by `reposition-mode="auto"`;
|
|
30
|
+
* {@link MenuAlignment} is authored by the consumer and is honored as-is.
|
|
36
31
|
* @internal
|
|
37
32
|
*/
|
|
38
33
|
class MenuPositioning {
|
|
@@ -42,6 +37,12 @@ class MenuPositioning {
|
|
|
42
37
|
get position() {
|
|
43
38
|
return this._position;
|
|
44
39
|
}
|
|
40
|
+
set alignment(value) {
|
|
41
|
+
this._alignment = value;
|
|
42
|
+
}
|
|
43
|
+
get alignment() {
|
|
44
|
+
return this._alignment;
|
|
45
|
+
}
|
|
45
46
|
/**
|
|
46
47
|
* Updates the overflow boundary reference used for collision detection.
|
|
47
48
|
*/
|
|
@@ -52,18 +53,19 @@ class MenuPositioning {
|
|
|
52
53
|
var _a;
|
|
53
54
|
this.positionStrategy = null;
|
|
54
55
|
this._position = MenuPositions.below;
|
|
56
|
+
this._alignment = MenuAlignments.start;
|
|
55
57
|
this.menuReference = options.menuReference;
|
|
56
58
|
this.anchorReference = options.anchorReference;
|
|
57
59
|
this.overflowBoundaryReference = (_a = options.overflowBoundaryReference) !== null && _a !== void 0 ? _a : null;
|
|
58
60
|
}
|
|
59
61
|
/**
|
|
60
62
|
* Build the ordered list of candidate positions.
|
|
61
|
-
* The original position is always the first entry, followed by
|
|
63
|
+
* The original position is always the first entry, followed by its
|
|
64
|
+
* vertical opposite (same alignment).
|
|
62
65
|
*/
|
|
63
66
|
buildPositionCandidates() {
|
|
64
|
-
const
|
|
65
|
-
|
|
66
|
-
return [menuShorthandToPosition(original), ...allPositionValues.filter(s => s !== original).map(s => menuShorthandToPosition(s))];
|
|
67
|
+
const opposite = this._position === MenuPositions.above ? MenuPositions.below : MenuPositions.above;
|
|
68
|
+
return [menuShorthandToPosition(this._position, this._alignment), menuShorthandToPosition(opposite, this._alignment)];
|
|
67
69
|
}
|
|
68
70
|
/**
|
|
69
71
|
* Create a new immutable FlexiblePositionStrategy from current state.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.positioning.js","sourceRoot":"","sources":["../../../../src/components/menu/menu.positioning.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"menu.positioning.js","sourceRoot":"","sources":["../../../../src/components/menu/menu.positioning.ts"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,8 @@ const styles = css`
|
|
|
8
8
|
${display("inline-block")}
|
|
9
9
|
|
|
10
10
|
:host{position:relative}::slotted([data-menu-list]){margin:0;max-height:var(--menu-max-height,auto);overflow-y:auto;position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:1}::slotted([data-menu-list][popover]){position:fixed;inset:auto}:host(:not([reposition-mode="auto"])) ::slotted([data-menu-list][popover]){inset-inline-start:anchor(start);inset-inline-end:auto;inset-block-start:anchor(bottom);inset-block-end:auto}:host([menu-position="above"]:not([reposition-mode="auto"]))
|
|
11
|
-
::slotted([data-menu-list][popover]){inset-block-start:auto;inset-block-end:anchor(top)}
|
|
11
|
+
::slotted([data-menu-list][popover]){inset-block-start:auto;inset-block-end:anchor(top)}:host([menu-alignment="end"]:not([reposition-mode="auto"]))
|
|
12
|
+
::slotted([data-menu-list][popover]){inset-inline-start:auto;inset-inline-end:anchor(end)}::slotted([data-menu-list]:not(.menu-open)){display:none}:host([split]){display:inline-flex}:host([split]) ::slotted([slot="primary-action"]){border-inline-end:${strokeWidthThin} solid ${colorNeutralStroke1};border-start-end-radius:0;border-end-end-radius:0;z-index:1}:host([split]) ::slotted([slot="primary-action"]:focus-visible){z-index:1}:host([split]) ::slotted([slot="primary-action"][appearance="primary"]){border-inline-end:${strokeWidthThin} solid
|
|
12
13
|
${colorNeutralForegroundInverted}}:host([split]) ::slotted([slot="trigger"]){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;
|
|
13
14
|
|
|
14
15
|
export { styles };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.styles.js","sourceRoot":"","sources":["../../../../src/components/menu/menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,8BAA8B,EAC9B,mBAAmB,EACnB,OAAO,EACP,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,cAAc,CAAC
|
|
1
|
+
{"version":3,"file":"menu.styles.js","sourceRoot":"","sources":["../../../../src/components/menu/menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,8BAA8B,EAC9B,mBAAmB,EACnB,OAAO,EACP,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAmDF,eAAe,UAAU,mBAAmB;;;;;;;;;;;;yBAY5C,eAAe;QAChC,8BAA8B;;;;;;;;CAQrC,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { MenuButtonTemplate } from '@fluentui/web-components';
|
|
2
2
|
import { MenuButton } from './menu-button.js';
|
|
3
|
+
import { styles } from './menu-button.styles.js';
|
|
3
4
|
import { DesignSystem } from '../design-system.js';
|
|
4
5
|
|
|
5
6
|
/**
|
|
@@ -7,6 +8,8 @@ import { DesignSystem } from '../design-system.js';
|
|
|
7
8
|
*
|
|
8
9
|
* Uses Fluent UI's MenuButtonTemplate which includes the chevron icon,
|
|
9
10
|
* rather than a custom template, to maintain consistency with Fluent UI.
|
|
11
|
+
* Uses Fabric styles that extend Fluent UI's Menu Button styles to remove
|
|
12
|
+
* the chevron icon when the `icon-only` attribute is set.
|
|
10
13
|
*/
|
|
11
14
|
/**
|
|
12
15
|
*
|
|
@@ -17,7 +20,7 @@ import { DesignSystem } from '../design-system.js';
|
|
|
17
20
|
const definition = MenuButton.compose({
|
|
18
21
|
name: `${DesignSystem.prefix}-menu-button`,
|
|
19
22
|
template: MenuButtonTemplate,
|
|
20
|
-
styles
|
|
23
|
+
styles,
|
|
21
24
|
shadowOptions: {
|
|
22
25
|
mode: DesignSystem.shadowRootMode
|
|
23
26
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-button.definition.js","sourceRoot":"","sources":["../../../../src/components/menu-button/menu-button.definition.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"menu-button.definition.js","sourceRoot":"","sources":["../../../../src/components/menu-button/menu-button.definition.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;GAKG;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"}
|
|
@@ -16,7 +16,7 @@ import { MenuButton as MenuButton$1 } from '@fluentui/web-components';
|
|
|
16
16
|
* @attr {MenuButtonAppearances | undefined} appearance - Indicates the styled appearance of the button.
|
|
17
17
|
* @attr {MenuButtonShape | undefined} shape - The shape of the button.
|
|
18
18
|
* @attr {MenuButtonSize | undefined} size - The size of the button.
|
|
19
|
-
* @attr {boolean | undefined} icon-only - Indicates that the button should only display as an icon with no text content.
|
|
19
|
+
* @attr {boolean | undefined} icon-only - Indicates that the button should only display as an icon with no text content. When set, the built-in chevron icon is removed.
|
|
20
20
|
* @attr {boolean | undefined} autofocus - Indicates the button should be focused when the page is loaded.
|
|
21
21
|
* @attr {boolean | undefined} disabled-focusable - Indicates that the button is focusable while disabled.
|
|
22
22
|
* @attr {number | undefined} tabindex - Sets that the button tabindex attribute.
|
|
@@ -33,7 +33,7 @@ import { MenuButton as MenuButton$1 } from '@fluentui/web-components';
|
|
|
33
33
|
* @prop {MenuButtonAppearances | undefined} appearance - Indicates the styled appearance of the button.
|
|
34
34
|
* @prop {MenuButtonShape | undefined} shape - The shape of the button.
|
|
35
35
|
* @prop {MenuButtonSize | undefined} size - The size of the button.
|
|
36
|
-
* @prop {boolean | undefined} iconOnly - Indicates that the button should only display as an icon with no text content.
|
|
36
|
+
* @prop {boolean | undefined} iconOnly - Indicates that the button should only display as an icon with no text content. When set, the built-in chevron icon is removed.
|
|
37
37
|
* @prop {boolean | undefined} autofocus - Indicates the button should be focused when the page is loaded.
|
|
38
38
|
* @prop {boolean | undefined} disabledFocusable - Indicates that the button is focusable while disabled.
|
|
39
39
|
* @prop {number | undefined} tabindex - Sets that the button tabindex attribute.
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { css } from '@microsoft/fast-element';
|
|
2
|
+
import { MenuButtonStyles } from '@fluentui/web-components';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Fabric Menu Button styles.
|
|
6
|
+
*
|
|
7
|
+
* Extends Fluent UI's Menu Button styles and removes the built-in chevron
|
|
8
|
+
* icon when the `icon-only` attribute is set, since an icon-only menu button
|
|
9
|
+
* has no label text for the chevron to accompany.
|
|
10
|
+
*
|
|
11
|
+
* @public
|
|
12
|
+
*/
|
|
13
|
+
const styles = css`
|
|
14
|
+
${MenuButtonStyles}
|
|
15
|
+
|
|
16
|
+
:host([icon-only]) slot[name="end"]{display:none}`;
|
|
17
|
+
|
|
18
|
+
export { styles };
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;;CAKnB,CAAC"}
|
|
@@ -9,7 +9,7 @@ import { dangerState, disabledState, checkedState, submenuState } from '../style
|
|
|
9
9
|
const styles = css`
|
|
10
10
|
${display("grid")}
|
|
11
11
|
|
|
12
|
-
:host{--indent:0;align-items:center;background:${colorNeutralBackground1};border-radius:${borderRadiusMedium};color:${colorNeutralForeground2};
|
|
12
|
+
:host{--indent:0;align-items:center;background:${colorNeutralBackground1};border-radius:${borderRadiusMedium};color:${colorNeutralForeground2};cursor:pointer;flex-shrink:0;font:${fontWeightRegular} ${fontSizeBase300} / ${lineHeightBase300}
|
|
13
13
|
${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}
|
|
14
14
|
${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`
|
|
15
15
|
:host(${disabledState}),:host(${disabledState}) ::slotted([slot="start"]),:host(${disabledState}) ::slotted([slot="end"]){color:GrayText}`));
|
|
@@ -1 +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
|
|
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;;;;YAIxB,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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
|
-
import {
|
|
2
|
+
import { colorNeutralBackground1, colorTransparentStroke, borderRadiusMedium, shadow16, spacingHorizontalXS, spacingHorizontalXXS, display } from '@fluentui/web-components';
|
|
3
3
|
|
|
4
4
|
/** MenuList styles
|
|
5
5
|
* @public
|
|
@@ -7,6 +7,6 @@ import { spacingHorizontalXXXL, colorNeutralBackground1, colorTransparentStroke,
|
|
|
7
7
|
const styles = css`
|
|
8
8
|
${display("flex")}
|
|
9
9
|
|
|
10
|
-
:host{flex-direction:column;height:fit-content;
|
|
10
|
+
:host{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}}`;
|
|
11
11
|
|
|
12
12
|
export { styles };
|
|
@@ -1 +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,
|
|
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,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;wBAMK,uBAAuB;wBACvB,sBAAsB;qBACzB,kBAAkB;kBACrB,QAAQ;eACX,mBAAmB;eACnB,oBAAoB;;CAElC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { definition } from "./modal.definition.js";
|
|
2
|
+
import { modalFreItemDefinition } from "../modal-fre-item/modal-fre-item.definition.js";
|
|
3
|
+
import { DesignSystem } from "../design-system.js";
|
|
4
|
+
import "../dialog/define.js";
|
|
5
|
+
import "../carousel-nav/define.js";
|
|
6
|
+
import "../carousel-nav-item/define.js";
|
|
7
|
+
definition.define(DesignSystem.registry);
|
|
8
|
+
modalFreItemDefinition.define(DesignSystem.registry);
|
|
9
|
+
//# sourceMappingURL=define.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { Modal } from "./modal.js";
|
|
2
|
+
export { ModalFreItem } from "../modal-fre-item/modal-fre-item.js";
|
|
3
|
+
export { definition as ModalDefinition } from "./modal.definition.js";
|
|
4
|
+
export { modalFreItemDefinition as ModalFreItemDefinition } from "../modal-fre-item/modal-fre-item.definition.js";
|
|
5
|
+
export { ModalModes } from "./modal.options.js";
|
|
6
|
+
export { ModalEventNames } from "./modal.events.js";
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { definition as definition$3 } from '../button/button.definition.js';
|
|
2
|
+
import { definition as definition$2 } from '../carousel-nav/carousel-nav.definition.js';
|
|
3
|
+
import { definition as definition$1 } from '../carousel-nav-item/carousel-nav-item.definition.js';
|
|
4
|
+
import { definition as definition$4 } from '../dialog/dialog.definition.js';
|
|
5
|
+
import { DesignSystem } from '../design-system.js';
|
|
6
|
+
import { composeDefinitions, fromFAST } from '../../util/element-definition.js';
|
|
7
|
+
import { Modal } from './modal.js';
|
|
8
|
+
import { styles } from './modal.styles.js';
|
|
9
|
+
import { template } from './modal.template.js';
|
|
10
|
+
|
|
11
|
+
/** @internal */
|
|
12
|
+
const ModalDefinition = Modal.compose({
|
|
13
|
+
name: `${DesignSystem.prefix}-modal`,
|
|
14
|
+
template,
|
|
15
|
+
styles,
|
|
16
|
+
shadowOptions: {
|
|
17
|
+
mode: DesignSystem.shadowRootMode
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
/**
|
|
21
|
+
* Composed element definition for `<fabric-modal>`, and all direct dependencies.
|
|
22
|
+
*
|
|
23
|
+
* @public
|
|
24
|
+
* @remarks
|
|
25
|
+
* HTML Element: `<fabric-modal>`
|
|
26
|
+
*/
|
|
27
|
+
const definition = composeDefinitions(fromFAST(ModalDefinition), fromFAST(definition$4), fromFAST(definition$3), fromFAST(definition$2), fromFAST(definition$1));
|
|
28
|
+
|
|
29
|
+
export { definition };
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|