@fluentui/web-components 3.0.0-beta.21 → 3.0.0-beta.23
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/CHANGELOG.md +22 -2
- package/dist/dts/accordion/accordion.bench.d.ts +3 -0
- package/dist/dts/accordion/accordion.options.d.ts +3 -3
- package/dist/dts/accordion-item/accordion-item.bench.d.ts +3 -0
- package/dist/dts/accordion-item/accordion-item.d.ts +2 -5
- package/dist/dts/accordion-item/accordion-item.options.d.ts +2 -2
- package/dist/dts/accordion-item/accordion-item.template.d.ts +1 -1
- package/dist/dts/accordion-item/index.d.ts +2 -1
- package/dist/dts/anchor-button/anchor-button.bench.d.ts +3 -0
- package/dist/dts/anchor-button/anchor-button.d.ts +1 -1
- package/dist/dts/anchor-button/anchor-button.options.d.ts +4 -4
- package/dist/dts/anchor-button/index.d.ts +3 -2
- package/dist/dts/avatar/avatar.bench.d.ts +3 -0
- package/dist/dts/avatar/avatar.options.d.ts +6 -6
- package/dist/dts/badge/badge.bench.d.ts +3 -0
- package/dist/dts/badge/badge.options.d.ts +5 -5
- package/dist/dts/button/button.bench.d.ts +3 -0
- package/dist/dts/button/button.options.d.ts +6 -6
- package/dist/dts/button/index.d.ts +4 -3
- package/dist/dts/checkbox/checkbox.bench.d.ts +3 -0
- package/dist/dts/checkbox/checkbox.d.ts +1 -4
- package/dist/dts/checkbox/checkbox.options.d.ts +3 -3
- package/dist/dts/checkbox/index.d.ts +4 -3
- package/dist/dts/compound-button/compound-button.bench.d.ts +3 -0
- package/dist/dts/compound-button/compound-button.options.d.ts +3 -3
- package/dist/dts/counter-badge/counter-badge.bench.d.ts +3 -0
- package/dist/dts/counter-badge/counter-badge.options.d.ts +5 -5
- package/dist/dts/dialog/dialog.bench.d.ts +3 -0
- package/dist/dts/dialog/dialog.d.ts +12 -146
- package/dist/dts/dialog/dialog.options.d.ts +2 -2
- package/dist/dts/dialog/index.d.ts +1 -1
- package/dist/dts/dialog-body/define.d.ts +1 -0
- package/dist/dts/dialog-body/dialog-body.bench.d.ts +3 -0
- package/dist/dts/dialog-body/dialog-body.d.ts +14 -0
- package/dist/dts/dialog-body/dialog-body.definition.d.ts +9 -0
- package/dist/dts/dialog-body/dialog-body.styles.d.ts +4 -0
- package/dist/dts/dialog-body/dialog-body.template.d.ts +6 -0
- package/dist/dts/dialog-body/index.d.ts +4 -0
- package/dist/dts/divider/divider.bench.d.ts +3 -0
- package/dist/dts/divider/divider.d.ts +4 -7
- package/dist/dts/divider/divider.options.d.ts +4 -4
- package/dist/dts/form-associated/form-associated.d.ts +4 -4
- package/dist/dts/image/image.bench.d.ts +3 -0
- package/dist/dts/image/image.options.d.ts +2 -2
- package/dist/dts/index-rollup.d.ts +30 -35
- package/dist/dts/index.d.ts +50 -34
- package/dist/dts/label/label.bench.d.ts +3 -0
- package/dist/dts/label/label.d.ts +0 -2
- package/dist/dts/label/label.options.d.ts +2 -2
- package/dist/dts/menu/menu.bench.d.ts +3 -0
- package/dist/dts/menu/menu.d.ts +27 -25
- package/dist/dts/menu-button/index.d.ts +4 -3
- package/dist/dts/menu-button/menu-button.bench.d.ts +3 -0
- package/dist/dts/menu-button/menu-button.options.d.ts +4 -4
- package/dist/dts/menu-item/index.d.ts +4 -3
- package/dist/dts/menu-item/menu-item.bench.d.ts +3 -0
- package/dist/dts/menu-item/menu-item.d.ts +2 -2
- package/dist/dts/menu-item/menu-item.options.d.ts +1 -1
- package/dist/dts/menu-list/menu-list.bench.d.ts +3 -0
- package/dist/dts/patterns/start-end.d.ts +3 -3
- package/dist/dts/progress-bar/index.d.ts +3 -2
- package/dist/dts/progress-bar/progress-bar.bench.d.ts +3 -0
- package/dist/dts/progress-bar/progress-bar.options.d.ts +4 -4
- package/dist/dts/radio/index.d.ts +2 -1
- package/dist/dts/radio/radio.bench.d.ts +3 -0
- package/dist/dts/radio/radio.d.ts +2 -2
- package/dist/dts/radio-group/radio-group.bench.d.ts +3 -0
- package/dist/dts/radio-group/radio-group.options.d.ts +1 -1
- package/dist/dts/slider/index.d.ts +3 -2
- package/dist/dts/slider/slider.bench.d.ts +3 -0
- package/dist/dts/slider/slider.options.d.ts +4 -4
- package/dist/dts/spinner/spinner.bench.d.ts +3 -0
- package/dist/dts/spinner/spinner.d.ts +0 -2
- package/dist/dts/spinner/spinner.options.d.ts +2 -2
- package/dist/dts/switch/index.d.ts +3 -2
- package/dist/dts/switch/switch.bench.d.ts +3 -0
- package/dist/dts/switch/switch.d.ts +1 -2
- package/dist/dts/switch/switch.options.d.ts +1 -1
- package/dist/dts/tab/index.d.ts +4 -3
- package/dist/dts/tab/tab.bench.d.ts +3 -0
- package/dist/dts/tab/tab.d.ts +1 -1
- package/dist/dts/tab/tab.template.d.ts +1 -1
- package/dist/dts/tab-panel/tab-panel.bench.d.ts +3 -0
- package/dist/dts/tabs/index.d.ts +4 -3
- package/dist/dts/tabs/tabs.bench.d.ts +3 -0
- package/dist/dts/tabs/tabs.d.ts +13 -9
- package/dist/dts/tabs/tabs.options.d.ts +4 -4
- package/dist/dts/text/text.bench.d.ts +3 -0
- package/dist/dts/text/text.options.d.ts +4 -4
- package/dist/dts/text-input/text-input.bench.d.ts +3 -0
- package/dist/dts/text-input/text-input.d.ts +0 -3
- package/dist/dts/text-input/text-input.options.d.ts +4 -4
- package/dist/dts/theme/design-tokens.d.ts +1744 -0
- package/dist/dts/theme/set-theme.d.ts +5 -1
- package/dist/dts/toggle-button/index.d.ts +4 -3
- package/dist/dts/toggle-button/toggle-button.bench.d.ts +3 -0
- package/dist/dts/toggle-button/toggle-button.options.d.ts +4 -4
- package/dist/dts/utils/behaviors/match-media-stylesheet-behavior.d.ts +1 -1
- package/dist/dts/utils/display.d.ts +1 -1
- package/dist/dts/utils/template-helpers.d.ts +1 -1
- package/dist/dts/utils/typings.d.ts +1 -1
- package/dist/esm/accordion/accordion.bench.js +30 -0
- package/dist/esm/accordion/accordion.bench.js.map +1 -0
- package/dist/esm/accordion/accordion.options.js +1 -1
- package/dist/esm/accordion-item/accordion-item.bench.js +14 -0
- package/dist/esm/accordion-item/accordion-item.bench.js.map +1 -0
- package/dist/esm/accordion-item/accordion-item.js +0 -1
- package/dist/esm/accordion-item/accordion-item.js.map +1 -1
- package/dist/esm/accordion-item/index.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.bench.js +11 -0
- package/dist/esm/anchor-button/anchor-button.bench.js.map +1 -0
- package/dist/esm/anchor-button/index.js +2 -2
- package/dist/esm/anchor-button/index.js.map +1 -1
- package/dist/esm/avatar/avatar.bench.js +10 -0
- package/dist/esm/avatar/avatar.bench.js.map +1 -0
- package/dist/esm/badge/badge.bench.js +11 -0
- package/dist/esm/badge/badge.bench.js.map +1 -0
- package/dist/esm/button/button.bench.js +11 -0
- package/dist/esm/button/button.bench.js.map +1 -0
- package/dist/esm/button/button.js +26 -26
- package/dist/esm/button/button.js.map +1 -1
- package/dist/esm/button/index.js +3 -3
- package/dist/esm/button/index.js.map +1 -1
- package/dist/esm/checkbox/checkbox.bench.js +11 -0
- package/dist/esm/checkbox/checkbox.bench.js.map +1 -0
- package/dist/esm/checkbox/checkbox.js.map +1 -1
- package/dist/esm/checkbox/index.js +2 -2
- package/dist/esm/checkbox/index.js.map +1 -1
- package/dist/esm/compound-button/compound-button.bench.js +15 -0
- package/dist/esm/compound-button/compound-button.bench.js.map +1 -0
- package/dist/esm/counter-badge/counter-badge.bench.js +11 -0
- package/dist/esm/counter-badge/counter-badge.bench.js.map +1 -0
- package/dist/esm/dialog/dialog.bench.js +11 -0
- package/dist/esm/dialog/dialog.bench.js.map +1 -0
- package/dist/esm/dialog/dialog.js +32 -306
- package/dist/esm/dialog/dialog.js.map +1 -1
- package/dist/esm/dialog/dialog.options.js +1 -1
- package/dist/esm/dialog/dialog.options.js.map +1 -1
- package/dist/esm/dialog/dialog.styles.js +61 -84
- package/dist/esm/dialog/dialog.styles.js.map +1 -1
- package/dist/esm/dialog/dialog.template.js +17 -54
- package/dist/esm/dialog/dialog.template.js.map +1 -1
- package/dist/esm/dialog/index.js +1 -1
- package/dist/esm/dialog/index.js.map +1 -1
- package/dist/esm/dialog-body/define.js +4 -0
- package/dist/esm/dialog-body/define.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.bench.js +11 -0
- package/dist/esm/dialog-body/dialog-body.bench.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.definition.js +17 -0
- package/dist/esm/dialog-body/dialog-body.definition.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.js +22 -0
- package/dist/esm/dialog-body/dialog-body.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.styles.js +79 -0
- package/dist/esm/dialog-body/dialog-body.styles.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.template.js +42 -0
- package/dist/esm/dialog-body/dialog-body.template.js.map +1 -0
- package/dist/esm/dialog-body/index.js +5 -0
- package/dist/esm/dialog-body/index.js.map +1 -0
- package/dist/esm/divider/divider.bench.js +10 -0
- package/dist/esm/divider/divider.bench.js.map +1 -0
- package/dist/esm/divider/divider.js +1 -1
- package/dist/esm/divider/divider.js.map +1 -1
- package/dist/esm/form-associated/form-associated.js +66 -66
- package/dist/esm/form-associated/form-associated.js.map +1 -1
- package/dist/esm/image/image.bench.js +14 -0
- package/dist/esm/image/image.bench.js.map +1 -0
- package/dist/esm/index-rollup.js +30 -35
- package/dist/esm/index-rollup.js.map +1 -1
- package/dist/esm/index.js +34 -33
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/label/label.bench.js +11 -0
- package/dist/esm/label/label.bench.js.map +1 -0
- package/dist/esm/label/label.js.map +1 -1
- package/dist/esm/menu/menu.bench.js +31 -0
- package/dist/esm/menu/menu.bench.js.map +1 -0
- package/dist/esm/menu/menu.js +25 -23
- package/dist/esm/menu/menu.js.map +1 -1
- package/dist/esm/menu-button/index.js +2 -2
- package/dist/esm/menu-button/index.js.map +1 -1
- package/dist/esm/menu-button/menu-button.bench.js +11 -0
- package/dist/esm/menu-button/menu-button.bench.js.map +1 -0
- package/dist/esm/menu-item/index.js +2 -2
- package/dist/esm/menu-item/index.js.map +1 -1
- package/dist/esm/menu-item/menu-item.bench.js +11 -0
- package/dist/esm/menu-item/menu-item.bench.js.map +1 -0
- package/dist/esm/menu-list/menu-list.bench.js +21 -0
- package/dist/esm/menu-list/menu-list.bench.js.map +1 -0
- package/dist/esm/menu-list/menu-list.js +2 -1
- package/dist/esm/menu-list/menu-list.js.map +1 -1
- package/dist/esm/progress-bar/index.js +2 -2
- package/dist/esm/progress-bar/index.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.bench.js +10 -0
- package/dist/esm/progress-bar/progress-bar.bench.js.map +1 -0
- package/dist/esm/radio/index.js +1 -1
- package/dist/esm/radio/index.js.map +1 -1
- package/dist/esm/radio/radio.bench.js +11 -0
- package/dist/esm/radio/radio.bench.js.map +1 -0
- package/dist/esm/radio/radio.js +11 -11
- package/dist/esm/radio/radio.js.map +1 -1
- package/dist/esm/radio-group/radio-group.bench.js +21 -0
- package/dist/esm/radio-group/radio-group.bench.js.map +1 -0
- package/dist/esm/slider/index.js +1 -1
- package/dist/esm/slider/index.js.map +1 -1
- package/dist/esm/slider/slider.bench.js +10 -0
- package/dist/esm/slider/slider.bench.js.map +1 -0
- package/dist/esm/slider/slider.template.js +1 -1
- package/dist/esm/slider/slider.template.js.map +1 -1
- package/dist/esm/spinner/spinner.bench.js +10 -0
- package/dist/esm/spinner/spinner.bench.js.map +1 -0
- package/dist/esm/spinner/spinner.js.map +1 -1
- package/dist/esm/switch/index.js +1 -1
- package/dist/esm/switch/index.js.map +1 -1
- package/dist/esm/switch/switch.bench.js +11 -0
- package/dist/esm/switch/switch.bench.js.map +1 -0
- package/dist/esm/switch/switch.js +5 -5
- package/dist/esm/switch/switch.js.map +1 -1
- package/dist/esm/tab/index.js +2 -2
- package/dist/esm/tab/index.js.map +1 -1
- package/dist/esm/tab/tab.bench.js +11 -0
- package/dist/esm/tab/tab.bench.js.map +1 -0
- package/dist/esm/tab-panel/tab-panel.bench.js +13 -0
- package/dist/esm/tab-panel/tab-panel.bench.js.map +1 -0
- package/dist/esm/tabs/index.js +2 -2
- package/dist/esm/tabs/index.js.map +1 -1
- package/dist/esm/tabs/tabs.bench.js +32 -0
- package/dist/esm/tabs/tabs.bench.js.map +1 -0
- package/dist/esm/tabs/tabs.js +13 -9
- package/dist/esm/tabs/tabs.js.map +1 -1
- package/dist/esm/text/text.bench.js +13 -0
- package/dist/esm/text/text.bench.js.map +1 -0
- package/dist/esm/text-input/text-input.bench.js +10 -0
- package/dist/esm/text-input/text-input.bench.js.map +1 -0
- package/dist/esm/text-input/text-input.js.map +1 -1
- package/dist/esm/theme/design-tokens.js +1744 -0
- package/dist/esm/theme/design-tokens.js.map +1 -1
- package/dist/esm/theme/set-theme.js +5 -1
- package/dist/esm/theme/set-theme.js.map +1 -1
- package/dist/esm/toggle-button/index.js +3 -3
- package/dist/esm/toggle-button/index.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.bench.js +11 -0
- package/dist/esm/toggle-button/toggle-button.bench.js.map +1 -0
- package/dist/web-components.d.ts +1850 -213
- package/dist/web-components.js +1325 -2747
- package/dist/web-components.min.js +253 -255
- package/package.json +19 -3
- package/dist/fluent-web-components.api.json +0 -29683
- package/docs/api-report.md +0 -3212
- package/playwright.config.ts +0 -24
- package/project.json +0 -6
- package/tensile.config.js +0 -22
|
@@ -1,61 +1,24 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
const dismissed16Regular = html.partial(`
|
|
4
|
-
<svg
|
|
5
|
-
fill="currentColor"
|
|
6
|
-
aria-hidden="true"
|
|
7
|
-
width="20"
|
|
8
|
-
height="20"
|
|
9
|
-
viewBox="0 0 20 20"
|
|
10
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
11
|
-
>
|
|
12
|
-
<path
|
|
13
|
-
d="m4.09 4.22.06-.07a.5.5 0 0 1 .63-.06l.07.06L10 9.29l5.15-5.14a.5.5 0 0 1 .63-.06l.07.06c.18.17.2.44.06.63l-.06.07L10.71 10l5.14 5.15c.18.17.2.44.06.63l-.06.07a.5.5 0 0 1-.63.06l-.07-.06L10 10.71l-5.15 5.14a.5.5 0 0 1-.63.06l-.07-.06a.5.5 0 0 1-.06-.63l.06-.07L9.29 10 4.15 4.85a.5.5 0 0 1-.06-.63l.06-.07-.06.07Z"
|
|
14
|
-
fill="currentColor"
|
|
15
|
-
></path>
|
|
16
|
-
</svg>`);
|
|
1
|
+
import { html, ref } from '@microsoft/fast-element';
|
|
2
|
+
import { DialogType } from './dialog.options.js';
|
|
17
3
|
/**
|
|
18
4
|
* Template for the Dialog component
|
|
19
5
|
* @public
|
|
20
6
|
*/
|
|
21
7
|
export const template = html `
|
|
22
|
-
<
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
>
|
|
36
|
-
|
|
37
|
-
<div class="title" part="title">
|
|
38
|
-
<slot name="title"></slot>
|
|
39
|
-
<slot ${slotted({ property: 'titleAction', filter: elements() })} name="title-action"></slot>
|
|
40
|
-
${when(x => x.modalType === DialogModalType.nonModal && x.titleAction.length === 0 && !x.noTitleAction, html `<fluent-button
|
|
41
|
-
tabindex="0"
|
|
42
|
-
part="title-action"
|
|
43
|
-
class="title-action"
|
|
44
|
-
appearance="transparent"
|
|
45
|
-
icon-only
|
|
46
|
-
@click=${x => x.dismiss()}
|
|
47
|
-
${ref('defaultTitleAction')}
|
|
48
|
-
>${dismissed16Regular}</fluent-button
|
|
49
|
-
>`)}
|
|
50
|
-
</div>
|
|
51
|
-
<div class="content" part="content">
|
|
52
|
-
<slot></slot>
|
|
53
|
-
</div>
|
|
54
|
-
<div class="actions" part="actions">
|
|
55
|
-
<slot name="action"></slot>
|
|
56
|
-
</div>
|
|
57
|
-
</div>
|
|
58
|
-
</dialog>
|
|
59
|
-
</template>
|
|
8
|
+
<dialog
|
|
9
|
+
role="${x => (x.type === DialogType.alert ? 'alertdialog' : 'dialog')}"
|
|
10
|
+
type="${x => x.type}"
|
|
11
|
+
class="dialog"
|
|
12
|
+
part="dialog"
|
|
13
|
+
aria-modal="${x => (x.type === DialogType.modal || x.type === DialogType.alert ? 'true' : void 0)}"
|
|
14
|
+
aria-describedby="${x => x.ariaDescribedby}"
|
|
15
|
+
aria-labelledby="${x => x.ariaLabelledby}"
|
|
16
|
+
aria-label="${x => x.ariaLabel}"
|
|
17
|
+
@click="${(x, c) => x.clickHandler(c.event)}"
|
|
18
|
+
@cancel="${(x, c) => (x.type === DialogType.alert ? c.event.preventDefault() : x.hide())}"
|
|
19
|
+
${ref('dialog')}
|
|
20
|
+
>
|
|
21
|
+
<slot></slot>
|
|
22
|
+
</dialog>
|
|
60
23
|
`;
|
|
61
24
|
//# sourceMappingURL=dialog.template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.template.js","sourceRoot":"","sources":["../../../src/dialog/dialog.template.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"dialog.template.js","sourceRoot":"","sources":["../../../src/dialog/dialog.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAEzE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAgC,IAAI,CAAA;;YAE7C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC;YAC7D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;;kBAGL,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;wBAC7E,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;uBACvB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;kBAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;cACpB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;eAC9C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;MACtF,GAAG,CAAC,QAAQ,CAAC;;;;CAIlB,CAAC"}
|
package/dist/esm/dialog/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { Dialog } from './dialog.js';
|
|
2
|
-
export {
|
|
2
|
+
export { DialogType } from './dialog.options.js';
|
|
3
3
|
export { definition as DialogDefinition } from './dialog.definition.js';
|
|
4
4
|
export { template as DialogTemplate } from './dialog.template.js';
|
|
5
5
|
export { styles as DialogStyles } from './dialog.styles.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/dialog-body/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
2
|
+
import { definition } from './dialog-body.definition.js';
|
|
3
|
+
definition.define(FluentDesignSystem.registry);
|
|
4
|
+
const itemRenderer = () => {
|
|
5
|
+
const dialogBody = document.createElement('fluent-dialog-body');
|
|
6
|
+
dialogBody.appendChild(document.createTextNode('DialogBody'));
|
|
7
|
+
return dialogBody;
|
|
8
|
+
};
|
|
9
|
+
export default itemRenderer;
|
|
10
|
+
export { tests } from '../utils/benchmark-wrapper.js';
|
|
11
|
+
//# sourceMappingURL=dialog-body.bench.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog-body.bench.js","sourceRoot":"","sources":["../../../src/dialog-body/dialog-body.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAE/C,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAChE,UAAU,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC;IAE9D,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
2
|
+
import { DialogBody } from './dialog-body.js';
|
|
3
|
+
import { template } from './dialog-body.template.js';
|
|
4
|
+
import { styles } from './dialog-body.styles.js';
|
|
5
|
+
/**
|
|
6
|
+
* The Fluent Dialog Body Element
|
|
7
|
+
*
|
|
8
|
+
* @public
|
|
9
|
+
* @remarks
|
|
10
|
+
* HTML Element: \<fluent-dialog-body\>
|
|
11
|
+
*/
|
|
12
|
+
export const definition = DialogBody.compose({
|
|
13
|
+
name: `${FluentDesignSystem.prefix}-dialog-body`,
|
|
14
|
+
template,
|
|
15
|
+
styles,
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=dialog-body.definition.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog-body.definition.js","sourceRoot":"","sources":["../../../src/dialog-body/dialog-body.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,cAAc;IAChD,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { attr, FASTElement } from '@microsoft/fast-element';
|
|
3
|
+
/**
|
|
4
|
+
* Dialog Body component that extends the FASTElement class.
|
|
5
|
+
*
|
|
6
|
+
* @public
|
|
7
|
+
* @extends FASTElement
|
|
8
|
+
*/
|
|
9
|
+
export class DialogBody extends FASTElement {
|
|
10
|
+
constructor() {
|
|
11
|
+
super(...arguments);
|
|
12
|
+
/**
|
|
13
|
+
* @public
|
|
14
|
+
* Indicates whether the dialog has a title action
|
|
15
|
+
*/
|
|
16
|
+
this.noTitleAction = false;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
__decorate([
|
|
20
|
+
attr({ mode: 'boolean', attribute: 'no-title-action' })
|
|
21
|
+
], DialogBody.prototype, "noTitleAction", void 0);
|
|
22
|
+
//# sourceMappingURL=dialog-body.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog-body.js","sourceRoot":"","sources":["../../../src/dialog-body/dialog-body.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5D;;;;;GAKG;AACH,MAAM,OAAO,UAAW,SAAQ,WAAW;IAA3C;;QACE;;;WAGG;QAEI,kBAAa,GAAY,KAAK,CAAC;IACxC,CAAC;CAAA;AADC;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;iDAClB"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { css } from '@microsoft/fast-element';
|
|
2
|
+
import { display } from '../utils/index.js';
|
|
3
|
+
import { colorNeutralBackground1, colorNeutralForeground1, fontFamilyBase, fontSizeBase300, fontSizeBase500, fontWeightRegular, fontWeightSemibold, lineHeightBase300, lineHeightBase500, spacingHorizontalXXL, spacingVerticalL, spacingVerticalS, spacingVerticalXXL, } from '../theme/design-tokens.js';
|
|
4
|
+
/** Dialog Body styles
|
|
5
|
+
* @public
|
|
6
|
+
*/
|
|
7
|
+
export const styles = css `
|
|
8
|
+
${display('grid')}
|
|
9
|
+
|
|
10
|
+
:host {
|
|
11
|
+
background: ${colorNeutralBackground1};
|
|
12
|
+
box-sizing: border-box;
|
|
13
|
+
gap: ${spacingVerticalS};
|
|
14
|
+
padding: ${spacingVerticalXXL} ${spacingHorizontalXXL};
|
|
15
|
+
container: dialog-body / inline-size;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.title {
|
|
19
|
+
box-sizing: border-box;
|
|
20
|
+
align-items: flex-start;
|
|
21
|
+
background: ${colorNeutralBackground1};
|
|
22
|
+
color: ${colorNeutralForeground1};
|
|
23
|
+
column-gap: 8px;
|
|
24
|
+
display: flex;
|
|
25
|
+
font-family: ${fontFamilyBase};
|
|
26
|
+
font-size: ${fontSizeBase500};
|
|
27
|
+
font-weight: ${fontWeightSemibold};
|
|
28
|
+
inset-block-start: 0;
|
|
29
|
+
justify-content: space-between;
|
|
30
|
+
line-height: ${lineHeightBase500};
|
|
31
|
+
margin-block-end: calc(${spacingVerticalS} * -1);
|
|
32
|
+
margin-block-start: calc(${spacingVerticalXXL} * -1);
|
|
33
|
+
padding-block-end: ${spacingVerticalS};
|
|
34
|
+
padding-block-start: ${spacingVerticalXXL};
|
|
35
|
+
position: sticky;
|
|
36
|
+
z-index: 1;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.content {
|
|
40
|
+
box-sizing: border-box;
|
|
41
|
+
color: ${colorNeutralForeground1};
|
|
42
|
+
font-family: ${fontFamilyBase};
|
|
43
|
+
font-size: ${fontSizeBase300};
|
|
44
|
+
font-weight: ${fontWeightRegular};
|
|
45
|
+
line-height: ${lineHeightBase300};
|
|
46
|
+
min-height: 32px;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.actions {
|
|
50
|
+
box-sizing: border-box;
|
|
51
|
+
background: ${colorNeutralBackground1};
|
|
52
|
+
display: flex;
|
|
53
|
+
flex-direction: column;
|
|
54
|
+
gap: ${spacingVerticalS};
|
|
55
|
+
inset-block-end: 0;
|
|
56
|
+
margin-block-end: calc(${spacingVerticalXXL} * -1);
|
|
57
|
+
padding-block-end: ${spacingVerticalXXL};
|
|
58
|
+
padding-block-start: ${spacingVerticalL};
|
|
59
|
+
position: sticky;
|
|
60
|
+
z-index: 2;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
/* Hide slots if nothing is slotted to remove grid gap */
|
|
64
|
+
:not(:has(:is([slot='title'], [slot='title-action']))) .title:not(:has(.title-action)),
|
|
65
|
+
:not(:has([slot='action'])) .actions {
|
|
66
|
+
display: none;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
@container (min-width: 480px) {
|
|
70
|
+
.actions {
|
|
71
|
+
align-items: center;
|
|
72
|
+
flex-direction: row;
|
|
73
|
+
justify-content: flex-end;
|
|
74
|
+
margin-block-start: calc(${spacingVerticalS} * -1);
|
|
75
|
+
padding-block-start: ${spacingVerticalS};
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
`;
|
|
79
|
+
//# sourceMappingURL=dialog-body.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog-body.styles.js","sourceRoot":"","sources":["../../../src/dialog-body/dialog-body.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,cAAc,EACd,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;kBAGD,uBAAuB;;WAE9B,gBAAgB;eACZ,kBAAkB,IAAI,oBAAoB;;;;;;;kBAOvC,uBAAuB;aAC5B,uBAAuB;;;mBAGjB,cAAc;iBAChB,eAAe;mBACb,kBAAkB;;;mBAGlB,iBAAiB;6BACP,gBAAgB;+BACd,kBAAkB;yBACxB,gBAAgB;2BACd,kBAAkB;;;;;;;aAOhC,uBAAuB;mBACjB,cAAc;iBAChB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;;;;;;kBAMlB,uBAAuB;;;WAG9B,gBAAgB;;6BAEE,kBAAkB;yBACtB,kBAAkB;2BAChB,gBAAgB;;;;;;;;;;;;;;;;iCAgBV,gBAAgB;6BACpB,gBAAgB;;;CAG5C,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { html, ref } from '@microsoft/fast-element';
|
|
2
|
+
import { DialogType } from '../dialog/dialog.options.js';
|
|
3
|
+
const dismissed16Regular = html.partial(`
|
|
4
|
+
<svg
|
|
5
|
+
fill="currentColor"
|
|
6
|
+
aria-hidden="true"
|
|
7
|
+
width="20"
|
|
8
|
+
height="20"
|
|
9
|
+
viewBox="0 0 20 20"
|
|
10
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
11
|
+
>
|
|
12
|
+
<path
|
|
13
|
+
d="m4.09 4.22.06-.07a.5.5 0 0 1 .63-.06l.07.06L10 9.29l5.15-5.14a.5.5 0 0 1 .63-.06l.07.06c.18.17.2.44.06.63l-.06.07L10.71 10l5.14 5.15c.18.17.2.44.06.63l-.06.07a.5.5 0 0 1-.63.06l-.07-.06L10 10.71l-5.15 5.14a.5.5 0 0 1-.63.06l-.07-.06a.5.5 0 0 1-.06-.63l.06-.07L9.29 10 4.15 4.85a.5.5 0 0 1-.06-.63l.06-.07-.06.07Z"
|
|
14
|
+
fill="currentColor"
|
|
15
|
+
></path>
|
|
16
|
+
</svg>`);
|
|
17
|
+
/**
|
|
18
|
+
* Template for the dialog form
|
|
19
|
+
* @public
|
|
20
|
+
*/
|
|
21
|
+
export const template = html `
|
|
22
|
+
<div class="title" part="title">
|
|
23
|
+
<slot name="title"></slot>
|
|
24
|
+
<slot name="title-action">
|
|
25
|
+
<fluent-button
|
|
26
|
+
?hidden=${x => { var _a; return x.noTitleAction || ((_a = x.parentNode) === null || _a === void 0 ? void 0 : _a.type) !== DialogType.nonModal; }}
|
|
27
|
+
tabindex="0"
|
|
28
|
+
part="title-action"
|
|
29
|
+
class="title-action"
|
|
30
|
+
appearance="transparent"
|
|
31
|
+
icon-only
|
|
32
|
+
@click=${x => { var _a; return (_a = x.parentNode) === null || _a === void 0 ? void 0 : _a.hide(); }}
|
|
33
|
+
${ref('defaultTitleAction')}
|
|
34
|
+
>
|
|
35
|
+
${dismissed16Regular}
|
|
36
|
+
</fluent-button>
|
|
37
|
+
</slot>
|
|
38
|
+
</div>
|
|
39
|
+
<div class="content" part="content"><slot></slot></div>
|
|
40
|
+
<div class="actions" part="actions"><slot name="action"></slot></div>
|
|
41
|
+
`;
|
|
42
|
+
//# sourceMappingURL=dialog-body.template.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog-body.template.js","sourceRoot":"","sources":["../../../src/dialog-body/dialog-body.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,kBAAkB,GAAG,IAAI,CAAC,OAAO,CAAC;;;;;;;;;;;;;SAa/B,CAAC,CAAC;AAEX;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAwB,IAAI,CAAA;;;;;kBAK/B,CAAC,CAAC,EAAE,WAAC,OAAA,CAAC,CAAC,aAAa,IAAI,CAAA,MAAA,CAAC,CAAC,UAAU,0CAAE,IAAI,MAAK,UAAU,CAAC,QAAQ,CAAA,EAAA;;;;;;iBAMnE,CAAC,CAAC,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,UAAU,0CAAE,IAAI,EAAE,CAAA,EAAA;UAChC,GAAG,CAAC,oBAAoB,CAAC;;UAEzB,kBAAkB;;;;;;CAM3B,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { DialogBody } from './dialog-body.js';
|
|
2
|
+
export { definition as DialogBodyDefinition } from './dialog-body.definition.js';
|
|
3
|
+
export { template as DialogBodyTemplate } from './dialog-body.template.js';
|
|
4
|
+
export { styles as DialogBodyStyles } from './dialog-body.styles.js';
|
|
5
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dialog-body/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
2
|
+
import { definition } from './divider.definition.js';
|
|
3
|
+
definition.define(FluentDesignSystem.registry);
|
|
4
|
+
const itemRenderer = () => {
|
|
5
|
+
const divider = document.createElement('fluent-divider');
|
|
6
|
+
return divider;
|
|
7
|
+
};
|
|
8
|
+
export default itemRenderer;
|
|
9
|
+
export { tests } from '../utils/benchmark-wrapper.js';
|
|
10
|
+
//# sourceMappingURL=divider.bench.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider.bench.js","sourceRoot":"","sources":["../../../src/divider/divider.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAE/C,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACzD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
|
|
|
2
2
|
import { attr, FASTElement } from '@microsoft/fast-element';
|
|
3
3
|
import { DividerOrientation, DividerRole } from './divider.options.js';
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
5
|
+
* A Divider Custom HTML Element.
|
|
6
6
|
*
|
|
7
7
|
* @remarks
|
|
8
8
|
* A divider groups sections of content to create visual rhythm and hierarchy. Use dividers along with spacing and headers to organize content in your layout.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/divider/divider.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAA0C,kBAAkB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAE/G;;;;;GAKG;AACH,MAAM,OAAO,OAAQ,SAAQ,WAAW;IAAxC;;QACE;;;;;;WAMG;QAEI,SAAI,GAAgB,WAAW,CAAC,SAAS,CAAC;QAEjD;;;;;;WAMG;QAEI,gBAAW,GAAuB,kBAAkB,CAAC,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/divider/divider.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAA0C,kBAAkB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAE/G;;;;;GAKG;AACH,MAAM,OAAO,OAAQ,SAAQ,WAAW;IAAxC;;QACE;;;;;;WAMG;QAEI,SAAI,GAAgB,WAAW,CAAC,SAAS,CAAC;QAEjD;;;;;;WAMG;QAEI,gBAAW,GAAuB,kBAAkB,CAAC,UAAU,CAAC;IAyBzE,CAAC;CAAA;AAnCC;IADC,IAAI;qCAC4C;AAUjD;IADC,IAAI;4CACkE;AAQvE;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;6CACK;AAQ1C;IADC,IAAI;2CACiC;AAQtC;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;sCACH"}
|
|
@@ -14,45 +14,6 @@ const InternalsMap = new WeakMap();
|
|
|
14
14
|
*/
|
|
15
15
|
export function FormAssociated(BaseCtor) {
|
|
16
16
|
const C = class extends BaseCtor {
|
|
17
|
-
constructor(...args) {
|
|
18
|
-
super(...args);
|
|
19
|
-
/**
|
|
20
|
-
* Track whether the value has been changed from the initial value
|
|
21
|
-
*/
|
|
22
|
-
this.dirtyValue = false;
|
|
23
|
-
/**
|
|
24
|
-
* The initial value of the form. This value sets the `value` property
|
|
25
|
-
* only when the `value` property has not been explicitly set.
|
|
26
|
-
*
|
|
27
|
-
* @remarks
|
|
28
|
-
* HTML Attribute: value
|
|
29
|
-
*/
|
|
30
|
-
this.initialValue = '';
|
|
31
|
-
/**
|
|
32
|
-
* Sets the element's disabled state. A disabled element will not be included during form submission.
|
|
33
|
-
*
|
|
34
|
-
* @remarks
|
|
35
|
-
* HTML Attribute: disabled
|
|
36
|
-
*/
|
|
37
|
-
this.disabled = false;
|
|
38
|
-
/**
|
|
39
|
-
* These are events that are still fired by the proxy
|
|
40
|
-
* element based on user / programmatic interaction.
|
|
41
|
-
*
|
|
42
|
-
* The proxy implementation should be transparent to
|
|
43
|
-
* the app author, so block these events from emitting.
|
|
44
|
-
*/
|
|
45
|
-
this.proxyEventsToBlock = ['change', 'click'];
|
|
46
|
-
this.proxyInitialized = false;
|
|
47
|
-
this.required = false;
|
|
48
|
-
this.initialValue = this.initialValue || '';
|
|
49
|
-
if (!this.elementInternals) {
|
|
50
|
-
// When elementInternals is not supported, formResetCallback is
|
|
51
|
-
// bound to an event listener, so ensure the handler's `this`
|
|
52
|
-
// context is correct.
|
|
53
|
-
this.formResetCallback = this.formResetCallback.bind(this);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
17
|
/**
|
|
57
18
|
* Must evaluate to true to enable elementInternals.
|
|
58
19
|
* Feature detects API support and resolve respectively
|
|
@@ -221,6 +182,45 @@ export function FormAssociated(BaseCtor) {
|
|
|
221
182
|
}
|
|
222
183
|
return internals;
|
|
223
184
|
}
|
|
185
|
+
constructor(...args) {
|
|
186
|
+
super(...args);
|
|
187
|
+
/**
|
|
188
|
+
* Track whether the value has been changed from the initial value
|
|
189
|
+
*/
|
|
190
|
+
this.dirtyValue = false;
|
|
191
|
+
/**
|
|
192
|
+
* The initial value of the form. This value sets the `value` property
|
|
193
|
+
* only when the `value` property has not been explicitly set.
|
|
194
|
+
*
|
|
195
|
+
* @remarks
|
|
196
|
+
* HTML Attribute: value
|
|
197
|
+
*/
|
|
198
|
+
this.initialValue = '';
|
|
199
|
+
/**
|
|
200
|
+
* Sets the element's disabled state. A disabled element will not be included during form submission.
|
|
201
|
+
*
|
|
202
|
+
* @remarks
|
|
203
|
+
* HTML Attribute: disabled
|
|
204
|
+
*/
|
|
205
|
+
this.disabled = false;
|
|
206
|
+
/**
|
|
207
|
+
* These are events that are still fired by the proxy
|
|
208
|
+
* element based on user / programmatic interaction.
|
|
209
|
+
*
|
|
210
|
+
* The proxy implementation should be transparent to
|
|
211
|
+
* the app author, so block these events from emitting.
|
|
212
|
+
*/
|
|
213
|
+
this.proxyEventsToBlock = ['change', 'click'];
|
|
214
|
+
this.proxyInitialized = false;
|
|
215
|
+
this.required = false;
|
|
216
|
+
this.initialValue = this.initialValue || '';
|
|
217
|
+
if (!this.elementInternals) {
|
|
218
|
+
// When elementInternals is not supported, formResetCallback is
|
|
219
|
+
// bound to an event listener, so ensure the handler's `this`
|
|
220
|
+
// context is correct.
|
|
221
|
+
this.formResetCallback = this.formResetCallback.bind(this);
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
224
|
/**
|
|
225
225
|
* @internal
|
|
226
226
|
*/
|
|
@@ -376,33 +376,6 @@ export function CheckableFormAssociated(BaseCtor) {
|
|
|
376
376
|
class C extends FormAssociated(BaseCtor) {
|
|
377
377
|
}
|
|
378
378
|
class D extends C {
|
|
379
|
-
constructor(...args) {
|
|
380
|
-
super(args);
|
|
381
|
-
/**
|
|
382
|
-
* Tracks whether the "checked" property has been changed.
|
|
383
|
-
* This is necessary to provide consistent behavior with
|
|
384
|
-
* normal input checkboxes
|
|
385
|
-
*/
|
|
386
|
-
this.dirtyChecked = false;
|
|
387
|
-
/**
|
|
388
|
-
* Provides the default checkedness of the input element
|
|
389
|
-
* Passed down to proxy
|
|
390
|
-
*
|
|
391
|
-
* @public
|
|
392
|
-
* @remarks
|
|
393
|
-
* HTML Attribute: checked
|
|
394
|
-
*/
|
|
395
|
-
this.checkedAttribute = false;
|
|
396
|
-
/**
|
|
397
|
-
* The checked state of the control.
|
|
398
|
-
*
|
|
399
|
-
* @public
|
|
400
|
-
*/
|
|
401
|
-
this.checked = false;
|
|
402
|
-
// Re-initialize dirtyChecked because initialization of other values
|
|
403
|
-
// causes it to become true
|
|
404
|
-
this.dirtyChecked = false;
|
|
405
|
-
}
|
|
406
379
|
checkedAttributeChanged() {
|
|
407
380
|
this.defaultChecked = this.checkedAttribute;
|
|
408
381
|
}
|
|
@@ -435,6 +408,33 @@ export function CheckableFormAssociated(BaseCtor) {
|
|
|
435
408
|
currentCheckedChanged(prev, next) {
|
|
436
409
|
this.checked = this.currentChecked;
|
|
437
410
|
}
|
|
411
|
+
constructor(...args) {
|
|
412
|
+
super(args);
|
|
413
|
+
/**
|
|
414
|
+
* Tracks whether the "checked" property has been changed.
|
|
415
|
+
* This is necessary to provide consistent behavior with
|
|
416
|
+
* normal input checkboxes
|
|
417
|
+
*/
|
|
418
|
+
this.dirtyChecked = false;
|
|
419
|
+
/**
|
|
420
|
+
* Provides the default checkedness of the input element
|
|
421
|
+
* Passed down to proxy
|
|
422
|
+
*
|
|
423
|
+
* @public
|
|
424
|
+
* @remarks
|
|
425
|
+
* HTML Attribute: checked
|
|
426
|
+
*/
|
|
427
|
+
this.checkedAttribute = false;
|
|
428
|
+
/**
|
|
429
|
+
* The checked state of the control.
|
|
430
|
+
*
|
|
431
|
+
* @public
|
|
432
|
+
*/
|
|
433
|
+
this.checked = false;
|
|
434
|
+
// Re-initialize dirtyChecked because initialization of other values
|
|
435
|
+
// causes it to become true
|
|
436
|
+
this.dirtyChecked = false;
|
|
437
|
+
}
|
|
438
438
|
updateForm() {
|
|
439
439
|
const value = this.checked ? this.value : null;
|
|
440
440
|
this.setFormValue(value, value);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-associated.js","sourceRoot":"","sources":["../../../src/form-associated/form-associated.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElG,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,MAAM,aAAa,GAAG,uBAAuB,CAAC;AAE9C,MAAM,mBAAmB,GAAG,kBAAkB,CAAC;AAC/C;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GACnC,mBAAmB,IAAI,MAAM,IAAI,cAAc,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAAC,SAAS,CAAC;AAE3F,MAAM,YAAY,GAAG,IAAI,OAAO,EAAE,CAAC;AAiGnC;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAwC,QAAW;IAC/E,MAAM,CAAC,GAAG,KAAM,SAAQ,QAAQ;
|
|
1
|
+
{"version":3,"file":"form-associated.js","sourceRoot":"","sources":["../../../src/form-associated/form-associated.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElG,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,MAAM,aAAa,GAAG,uBAAuB,CAAC;AAE9C,MAAM,mBAAmB,GAAG,kBAAkB,CAAC;AAC/C;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GACnC,mBAAmB,IAAI,MAAM,IAAI,cAAc,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAAC,SAAS,CAAC;AAE3F,MAAM,YAAY,GAAG,IAAI,OAAO,EAAE,CAAC;AAiGnC;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAwC,QAAW;IAC/E,MAAM,CAAC,GAAG,KAAM,SAAQ,QAAQ;QAS9B;;;;;WAKG;QACI,MAAM,KAAK,cAAc;YAC9B,OAAO,wBAAwB,CAAC;QAClC,CAAC;QAED;;;;WAIG;QACH,IAAW,QAAQ;YACjB,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QACtF,CAAC;QAED;;;;;WAKG;QACH,IAAW,IAAI;YACb,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC9E,CAAC;QAED;;;;;WAKG;QACH,IAAW,iBAAiB;YAC1B,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC;QACxG,CAAC;QAED;;;WAGG;QACH,IAAW,YAAY;YACrB,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QAC9F,CAAC;QAED;;WAEG;QACH,IAAW,MAAM;YACf,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBACzB,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;aAChE;iBAAM,IAAI,IAAI,CAAC,KAAK,YAAY,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,IAAI,CAAC,EAAE,EAAE;gBACnF,8FAA8F;gBAC9F,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;gBACvC,8CAA8C;gBAC9C,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CACzB,IAAI,CAAC,KAAK,CAAC,WAAW,EAAgC,CAAC,gBAAgB,CAAC,SAAS,IAAI,CAAC,EAAE,IAAI,CAAC,CAC/F,CAAC;gBAEF,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;gBAErF,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;aAC9B;iBAAM;gBACL,OAAO,UAAU,CAAC;aACnB;QACH,CAAC;QAkBD;;;;;;;;;WASG;QACI,YAAY,CAAC,QAAgB,EAAE,IAAY;YAChD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YAEvB,IAAI,IAAI,CAAC,KAAK,YAAY,WAAW,EAAE;gBACrC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;aAC/B;YAED,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC;YAE/B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC9B,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,CAAC;QAUM,mBAAmB;YACxB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;QACjC,CAAC;QAWD;;;;;;;;;;WAUG;QACI,mBAAmB,CAAC,QAAgB,EAAE,IAAY;YACvD,kEAAkE;YAClE,+CAA+C;YAC/C,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;gBACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;gBAC/B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;aACzB;QACH,CAAC;QAUD;;;;;;;;;;WAUG;QACI,eAAe,CAAC,QAAiB,EAAE,IAAa;YACrD,IAAI,IAAI,CAAC,KAAK,YAAY,WAAW,EAAE;gBACrC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;aACrC;YAED,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC1E,CAAC;QAUD;;;;;;;;;;WAUG;QACI,WAAW,CAAC,QAAgB,EAAE,IAAY;YAC/C,IAAI,IAAI,CAAC,KAAK,YAAY,WAAW,EAAE;gBACrC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;aAC7B;QACH,CAAC;QAUD;;;;;;;;;;WAUG;QACI,eAAe,CAAC,IAAa,EAAE,IAAa;YACjD,IAAI,IAAI,CAAC,KAAK,YAAY,WAAW,EAAE;gBACrC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;aACrC;YAED,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;YACxE,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,CAAC;QAED;;;WAGG;QACH,IAAY,gBAAgB;YAC1B,IAAI,CAAC,wBAAwB,EAAE;gBAC7B,OAAO,IAAI,CAAC;aACb;YAED,IAAI,SAAS,GAAG,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAEvC,IAAI,CAAC,SAAS,EAAE;gBACd,SAAS,GAAI,IAAY,CAAC,eAAe,EAAE,CAAC;gBAC5C,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;aACnC;YAED,OAAO,SAAS,CAAC;QACnB,CAAC;QAWD,YAAY,GAAG,IAAW;YACxB,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;YA7LjB;;eAEG;YACI,eAAU,GAAY,KAAK,CAAC;YAgDnC;;;;;;eAMG;YACI,iBAAY,GAAW,EAAE,CAAC;YAsBjC;;;;;eAKG;YACI,aAAQ,GAAY,KAAK,CAAC;YA6FjC;;;;;;eAMG;YACO,uBAAkB,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;YA+FzC,qBAAgB,GAAY,KAAK,CAAC;YA1F1C,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC;YAE5C,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;gBAC1B,+DAA+D;gBAC/D,6DAA6D;gBAC7D,sBAAsB;gBACtB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAC5D;QACH,CAAC;QAED;;WAEG;QACI,iBAAiB;YACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;YAE1B,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAEzD,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;gBACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;gBAC/B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;aACzB;YAED,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;gBAC1B,IAAI,CAAC,WAAW,EAAE,CAAC;gBAEnB,IAAI,IAAI,CAAC,IAAI,EAAE;oBACb,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;iBAC7D;aACF;QACH,CAAC;QAED;;WAEG;QACI,oBAAoB;YACzB,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;YAEpG,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI,EAAE;gBACvC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;aAChE;QACH,CAAC;QAED;;WAEG;QACI,aAAa;YAClB,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;QACpG,CAAC;QAED;;;WAGG;QACI,cAAc;YACnB,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QACtG,CAAC;QAED;;;;;;;;WAQG;QACI,WAAW,CAAC,KAAyB,EAAE,OAAgB,EAAE,MAAoB;YAClF,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBACzB,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;aAC3D;iBAAM,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;gBACtC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;aACvC;QACH,CAAC;QAED;;;;WAIG;QACI,oBAAoB,CAAC,QAAiB;YAC3C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC;QAEM,iBAAiB;YACtB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;YAC/B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAC1B,CAAC;QAID;;WAEG;QACI,WAAW;;YAChB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;gBAC1B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;gBAC7B,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;gBAClC,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;gBAEjG,iDAAiD;gBACjD,uDAAuD;gBACvD,oDAAoD;gBACpD,gEAAgE;gBAChE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;gBACpC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;gBACpC,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;oBACjC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;iBAC7B;gBAED,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;oBAClC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;iBAC/B;gBAED,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;gBAE/C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;gBAChD,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;aACpD;YAED,MAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,CAAC,IAAI,CAAC,SAA4B,CAAC,CAAC;YAChE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC;QAED;;WAEG;QACI,WAAW;;YAChB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC7B,MAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,CAAC,IAAI,CAAC,SAA4B,CAAC,CAAC;QAClE,CAAC;QAED,wDAAwD;QACjD,QAAQ,CAAC,MAAoB;YAClC,IAAI,IAAI,CAAC,KAAK,YAAY,WAAW,EAAE;gBACrC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;aAC7E;QACH,CAAC;QAED;;;;WAIG;QACI,YAAY,CAAC,KAAsC,EAAE,KAAuC;YACjG,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBACzB,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC;aAC3D;QACH,CAAC;QAEO,gBAAgB,CAAC,CAAgB;YACvC,QAAQ,CAAC,CAAC,GAAG,EAAE;gBACb,KAAK,QAAQ;oBACX,IAAI,IAAI,CAAC,IAAI,YAAY,eAAe,EAAE;wBACxC,sBAAsB;wBACtB,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,eAAe,CAAuB,CAAC;wBACrF,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,EAAE,CAAC;qBACxB;oBACD,MAAM;aACT;QACH,CAAC;QAED;;;WAGG;QACI,eAAe,CAAC,CAAQ;YAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;QACtB,CAAC;KACF,CAAC;IAEF,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;IAC5E,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;IAClE,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IACnD,UAAU,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAEjC,OAAO,CAAC,CAAC;AACX,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,uBAAuB,CAAwC,QAAW;IAGxF,MAAM,CAAE,SAAQ,cAAc,CAAC,QAAQ,CAAC;KAAG;IAC3C,MAAM,CAAE,SAAQ,CAAC;QAiBP,uBAAuB;YAC7B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAC9C,CAAC;QAID;;WAEG;QACI,qBAAqB;YAC1B,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;gBACtB,6DAA6D;gBAC7D,sEAAsE;gBACtE,+CAA+C;gBAC/C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC;gBACnC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;aAC3B;QACH,CAAC;QAQM,cAAc,CAAC,IAAyB,EAAE,IAAa;YAC5D,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;gBACtB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;aAC1B;YAED,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC;YACnC,IAAI,CAAC,UAAU,EAAE,CAAC;YAElB,IAAI,IAAI,CAAC,KAAK,YAAY,gBAAgB,EAAE;gBAC1C,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;aACnC;YAED,IAAI,IAAI,KAAK,SAAS,EAAE;gBACtB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;aACtB;YAED,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,CAAC;QAUM,qBAAqB,CAAC,IAAyB,EAAE,IAAa;YACnE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC;QACrC,CAAC;QAED,YAAY,GAAG,IAAW;YACxB,KAAK,CAAC,IAAI,CAAC,CAAC;YAzEd;;;;eAIG;YACO,iBAAY,GAAY,KAAK,CAAC;YAExC;;;;;;;eAOG;YACI,qBAAgB,GAAY,KAAK,CAAC;YAoBzC;;;;eAIG;YACI,YAAO,GAAY,KAAK,CAAC;YAmC9B,oEAAoE;YACpE,2BAA2B;YAC3B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC5B,CAAC;QAEO,UAAU;YAChB,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;YAC/C,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAClC,CAAC;QAEM,iBAAiB;YACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;YAC1B,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;QAEM,iBAAiB;YACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;YAC1B,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;YACvC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC5B,CAAC;KACF;IAED,IAAI,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;IACjF,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;IACnG,UAAU,CAAC,CAAC,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;IAC1C,UAAU,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAEnC,OAAO,CAAC,CAAC;AACX,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
2
|
+
import { definition } from './image.definition.js';
|
|
3
|
+
definition.define(FluentDesignSystem.registry);
|
|
4
|
+
const itemRenderer = () => {
|
|
5
|
+
const image = document.createElement('fluent-image');
|
|
6
|
+
const img = document.createElement('img');
|
|
7
|
+
img.setAttribute('src', 'https://picsum.photos/300/100');
|
|
8
|
+
img.setAttribute('alt', 'Placeholder image');
|
|
9
|
+
image.appendChild(img);
|
|
10
|
+
return image;
|
|
11
|
+
};
|
|
12
|
+
export default itemRenderer;
|
|
13
|
+
export { tests } from '../utils/benchmark-wrapper.js';
|
|
14
|
+
//# sourceMappingURL=image.bench.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image.bench.js","sourceRoot":"","sources":["../../../src/image/image.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAE/C,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IACrD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,GAAG,CAAC,YAAY,CAAC,KAAK,EAAE,+BAA+B,CAAC,CAAC;IACzD,GAAG,CAAC,YAAY,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC;IAC7C,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IACvB,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC"}
|