@fluentui/web-components 3.0.0-beta.7 → 3.0.0-beta.8
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 +11 -2
- package/dist/dts/accordion/accordion.d.ts +47 -3
- package/dist/dts/accordion/accordion.definition.d.ts +0 -4
- package/dist/dts/accordion/accordion.options.d.ts +14 -0
- package/dist/dts/accordion/accordion.template.d.ts +4 -0
- package/dist/dts/accordion-item/accordion-item.d.ts +78 -3
- package/dist/dts/accordion-item/accordion-item.definition.d.ts +0 -3
- package/dist/dts/accordion-item/accordion-item.options.d.ts +1 -1
- package/dist/dts/accordion-item/accordion-item.template.d.ts +2 -1
- package/dist/dts/anchor-button/anchor-button.d.ts +116 -4
- package/dist/dts/anchor-button/anchor-button.definition.d.ts +0 -3
- package/dist/dts/anchor-button/anchor-button.options.d.ts +19 -2
- package/dist/dts/anchor-button/anchor-button.template.d.ts +7 -2
- package/dist/dts/avatar/avatar.options.d.ts +1 -1
- package/dist/dts/badge/badge.d.ts +1 -1
- package/dist/dts/badge/badge.definition.d.ts +0 -3
- package/dist/dts/badge/badge.options.d.ts +2 -2
- package/dist/dts/button/button.d.ts +142 -4
- package/dist/dts/button/button.definition.d.ts +0 -3
- package/dist/dts/button/button.form-associated.d.ts +14 -0
- package/dist/dts/button/button.options.d.ts +24 -3
- package/dist/dts/button/button.template.d.ts +2 -0
- package/dist/dts/checkbox/checkbox.d.ts +46 -3
- package/dist/dts/checkbox/checkbox.form-associated.d.ts +14 -0
- package/dist/dts/checkbox/checkbox.options.d.ts +1 -1
- package/dist/dts/checkbox/checkbox.template.d.ts +6 -1
- package/dist/dts/compound-button/compound-button.definition.d.ts +0 -3
- package/dist/dts/compound-button/compound-button.options.d.ts +6 -6
- package/dist/dts/counter-badge/counter-badge.d.ts +1 -1
- package/dist/dts/counter-badge/counter-badge.definition.d.ts +0 -4
- package/dist/dts/counter-badge/counter-badge.options.d.ts +1 -1
- package/dist/dts/dialog/dialog.options.d.ts +1 -1
- package/dist/dts/divider/divider.d.ts +20 -4
- package/dist/dts/divider/divider.options.d.ts +30 -6
- package/dist/dts/divider/divider.template.d.ts +1 -0
- package/dist/dts/form-associated/form-associated.d.ts +178 -0
- package/dist/dts/image/image.options.d.ts +1 -1
- package/dist/dts/label/label.options.d.ts +1 -1
- package/dist/dts/menu-button/menu-button.definition.d.ts +0 -3
- package/dist/dts/menu-button/menu-button.options.d.ts +2 -2
- package/dist/dts/menu-item/menu-item.d.ts +161 -4
- package/dist/dts/menu-item/menu-item.definition.d.ts +0 -4
- package/dist/dts/menu-item/menu-item.options.d.ts +30 -0
- package/dist/dts/menu-item/menu-item.template.d.ts +2 -1
- package/dist/dts/menu-list/menu-list.d.ts +71 -4
- package/dist/dts/menu-list/menu-list.definition.d.ts +0 -4
- package/dist/dts/menu-list/menu-list.template.d.ts +1 -0
- package/dist/dts/patterns/aria-globals.d.ts +189 -0
- package/dist/dts/patterns/index.d.ts +2 -0
- package/dist/dts/patterns/start-end.d.ts +44 -0
- package/dist/dts/progress-bar/base-progress.d.ts +41 -0
- package/dist/dts/progress-bar/progress-bar.d.ts +11 -4
- package/dist/dts/progress-bar/progress-bar.options.d.ts +10 -1
- package/dist/dts/progress-bar/progress-bar.template.d.ts +2 -0
- package/dist/dts/progress-ring/progress-ring.d.ts +15 -0
- package/dist/dts/progress-ring/progress-ring.options.d.ts +9 -0
- package/dist/dts/radio/radio.d.ts +54 -3
- package/dist/dts/radio/radio.form-associated.d.ts +14 -0
- package/dist/dts/radio/radio.template.d.ts +2 -1
- package/dist/dts/radio-group/index.d.ts +0 -1
- package/dist/dts/radio-group/radio-group.d.ts +91 -2
- package/dist/dts/radio-group/radio-group.options.d.ts +17 -0
- package/dist/dts/radio-group/radio-group.template.d.ts +1 -0
- package/dist/dts/slider/slider-utilities.d.ts +5 -0
- package/dist/dts/slider/slider.d.ts +195 -5
- package/dist/dts/slider/slider.form-associated.d.ts +14 -0
- package/dist/dts/slider/slider.options.d.ts +43 -2
- package/dist/dts/slider/slider.template.d.ts +4 -2
- package/dist/dts/spinner/spinner.d.ts +2 -2
- package/dist/dts/spinner/spinner.definition.d.ts +0 -4
- package/dist/dts/spinner/spinner.options.d.ts +1 -1
- package/dist/dts/spinner/spinner.template.d.ts +2 -0
- package/dist/dts/switch/switch.d.ts +34 -2
- package/dist/dts/switch/switch.form-associated.d.ts +14 -0
- package/dist/dts/switch/switch.options.d.ts +1 -1
- package/dist/dts/switch/switch.template.d.ts +2 -1
- package/dist/dts/tab/tab.d.ts +17 -2
- package/dist/dts/tab/tab.template.d.ts +3 -3
- package/dist/dts/tab-panel/tab-panel.d.ts +2 -2
- package/dist/dts/tab-panel/tab-panel.template.d.ts +4 -1
- package/dist/dts/tabs/tabs.d.ts +89 -4
- package/dist/dts/tabs/tabs.options.d.ts +21 -3
- package/dist/dts/tabs/tabs.template.d.ts +5 -1
- package/dist/dts/text/text.options.d.ts +1 -1
- package/dist/dts/text-input/index.d.ts +0 -1
- package/dist/dts/text-input/text-field.form-associated.d.ts +14 -0
- package/dist/dts/text-input/text-input.d.ts +134 -6
- package/dist/dts/text-input/text-input.options.d.ts +32 -1
- package/dist/dts/text-input/text-input.template.d.ts +2 -1
- package/dist/dts/toggle-button/toggle-button.definition.d.ts +0 -2
- package/dist/dts/toggle-button/toggle-button.options.d.ts +2 -2
- package/dist/dts/utils/direction.d.ts +10 -0
- package/dist/dts/utils/index.d.ts +4 -0
- package/dist/dts/utils/template-helpers.d.ts +16 -0
- package/dist/dts/utils/typings.d.ts +6 -0
- package/dist/dts/utils/whitespace-filter.d.ts +12 -0
- package/dist/esm/accordion/accordion.definition.js +0 -4
- package/dist/esm/accordion/accordion.definition.js.map +1 -1
- package/dist/esm/accordion/accordion.js +216 -3
- package/dist/esm/accordion/accordion.js.map +1 -1
- package/dist/esm/accordion/accordion.options.js +9 -0
- package/dist/esm/accordion/accordion.options.js.map +1 -0
- package/dist/esm/accordion/accordion.template.js +11 -1
- package/dist/esm/accordion/accordion.template.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.definition.js +0 -3
- package/dist/esm/accordion-item/accordion-item.definition.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.js +80 -4
- package/dist/esm/accordion-item/accordion-item.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.template.js +47 -2
- package/dist/esm/accordion-item/accordion-item.template.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.definition.js +0 -3
- package/dist/esm/anchor-button/anchor-button.definition.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.js +52 -4
- package/dist/esm/anchor-button/anchor-button.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.options.js +11 -0
- package/dist/esm/anchor-button/anchor-button.options.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.template.js +49 -1
- package/dist/esm/anchor-button/anchor-button.template.js.map +1 -1
- package/dist/esm/badge/badge.definition.js +0 -3
- package/dist/esm/badge/badge.definition.js.map +1 -1
- package/dist/esm/badge/badge.js +1 -1
- package/dist/esm/badge/badge.js.map +1 -1
- package/dist/esm/badge/badge.template.js +2 -2
- package/dist/esm/badge/badge.template.js.map +1 -1
- package/dist/esm/button/button.definition.js +0 -3
- package/dist/esm/button/button.definition.js.map +1 -1
- package/dist/esm/button/button.form-associated.js +14 -0
- package/dist/esm/button/button.form-associated.js.map +1 -0
- package/dist/esm/button/button.js +124 -4
- package/dist/esm/button/button.js.map +1 -1
- package/dist/esm/button/button.options.js +10 -0
- package/dist/esm/button/button.options.js.map +1 -1
- package/dist/esm/button/button.template.js +49 -1
- package/dist/esm/button/button.template.js.map +1 -1
- package/dist/esm/checkbox/checkbox.form-associated.js +14 -0
- package/dist/esm/checkbox/checkbox.form-associated.js.map +1 -0
- package/dist/esm/checkbox/checkbox.js +62 -4
- package/dist/esm/checkbox/checkbox.js.map +1 -1
- package/dist/esm/checkbox/checkbox.template.js +35 -7
- package/dist/esm/checkbox/checkbox.template.js.map +1 -1
- package/dist/esm/compound-button/compound-button.definition.js +0 -3
- package/dist/esm/compound-button/compound-button.definition.js.map +1 -1
- package/dist/esm/compound-button/compound-button.options.js.map +1 -1
- package/dist/esm/compound-button/compound-button.template.js +1 -1
- package/dist/esm/compound-button/compound-button.template.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.definition.js +0 -4
- package/dist/esm/counter-badge/counter-badge.definition.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.js +1 -1
- package/dist/esm/counter-badge/counter-badge.js.map +1 -1
- package/dist/esm/divider/divider.js +29 -4
- package/dist/esm/divider/divider.js.map +1 -1
- package/dist/esm/divider/divider.options.js +14 -5
- package/dist/esm/divider/divider.options.js.map +1 -1
- package/dist/esm/divider/divider.template.js +12 -1
- package/dist/esm/divider/divider.template.js.map +1 -1
- package/dist/esm/form-associated/form-associated.js +458 -0
- package/dist/esm/form-associated/form-associated.js.map +1 -0
- package/dist/esm/menu-button/menu-button.definition.js +0 -3
- package/dist/esm/menu-button/menu-button.definition.js.map +1 -1
- package/dist/esm/menu-button/menu-button.options.js.map +1 -1
- package/dist/esm/menu-button/menu-button.template.js +1 -1
- package/dist/esm/menu-button/menu-button.template.js.map +1 -1
- package/dist/esm/menu-item/menu-item.definition.js +0 -4
- package/dist/esm/menu-item/menu-item.definition.js.map +1 -1
- package/dist/esm/menu-item/menu-item.js +270 -4
- package/dist/esm/menu-item/menu-item.js.map +1 -1
- package/dist/esm/menu-item/menu-item.options.js +27 -0
- package/dist/esm/menu-item/menu-item.options.js.map +1 -0
- package/dist/esm/menu-item/menu-item.template.js +57 -2
- package/dist/esm/menu-item/menu-item.template.js.map +1 -1
- package/dist/esm/menu-list/menu-list.definition.js +0 -4
- package/dist/esm/menu-list/menu-list.definition.js.map +1 -1
- package/dist/esm/menu-list/menu-list.js +265 -10
- package/dist/esm/menu-list/menu-list.js.map +1 -1
- package/dist/esm/menu-list/menu-list.template.js +13 -1
- package/dist/esm/menu-list/menu-list.template.js.map +1 -1
- package/dist/esm/patterns/aria-globals.js +77 -0
- package/dist/esm/patterns/aria-globals.js.map +1 -0
- package/dist/esm/patterns/index.js +3 -0
- package/dist/esm/patterns/index.js.map +1 -0
- package/dist/esm/patterns/start-end.js +29 -0
- package/dist/esm/patterns/start-end.js.map +1 -0
- package/dist/esm/progress-bar/base-progress.js +61 -0
- package/dist/esm/progress-bar/base-progress.js.map +1 -0
- package/dist/esm/progress-bar/progress-bar.js +10 -3
- package/dist/esm/progress-bar/progress-bar.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.options.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.template.js +25 -1
- package/dist/esm/progress-bar/progress-bar.template.js.map +1 -1
- package/dist/esm/progress-ring/progress-ring.js +16 -0
- package/dist/esm/progress-ring/progress-ring.js.map +1 -0
- package/dist/esm/progress-ring/progress-ring.options.js +2 -0
- package/dist/esm/progress-ring/progress-ring.options.js.map +1 -0
- package/dist/esm/radio/radio.form-associated.js +14 -0
- package/dist/esm/radio/radio.form-associated.js.map +1 -0
- package/dist/esm/radio/radio.js +96 -3
- package/dist/esm/radio/radio.js.map +1 -1
- package/dist/esm/radio/radio.template.js +28 -2
- package/dist/esm/radio/radio.template.js.map +1 -1
- package/dist/esm/radio-group/index.js +0 -1
- package/dist/esm/radio-group/index.js.map +1 -1
- package/dist/esm/radio-group/radio-group.js +346 -3
- package/dist/esm/radio-group/radio-group.js.map +1 -1
- package/dist/esm/radio-group/radio-group.options.js +7 -0
- package/dist/esm/radio-group/radio-group.options.js.map +1 -0
- package/dist/esm/radio-group/radio-group.template.js +30 -1
- package/dist/esm/radio-group/radio-group.template.js.map +1 -1
- package/dist/esm/slider/slider-utilities.js +12 -0
- package/dist/esm/slider/slider-utilities.js.map +1 -0
- package/dist/esm/slider/slider.form-associated.js +14 -0
- package/dist/esm/slider/slider.form-associated.js.map +1 -0
- package/dist/esm/slider/slider.js +432 -16
- package/dist/esm/slider/slider.js.map +1 -1
- package/dist/esm/slider/slider.options.js +11 -1
- package/dist/esm/slider/slider.options.js.map +1 -1
- package/dist/esm/slider/slider.template.js +38 -1
- package/dist/esm/slider/slider.template.js.map +1 -1
- package/dist/esm/spinner/spinner.definition.js +0 -4
- package/dist/esm/spinner/spinner.definition.js.map +1 -1
- package/dist/esm/spinner/spinner.js +2 -2
- package/dist/esm/spinner/spinner.js.map +1 -1
- package/dist/esm/spinner/spinner.template.js +27 -1
- package/dist/esm/spinner/spinner.template.js.map +1 -1
- package/dist/esm/switch/switch.form-associated.js +14 -0
- package/dist/esm/switch/switch.form-associated.js.map +1 -0
- package/dist/esm/switch/switch.js +48 -3
- package/dist/esm/switch/switch.js.map +1 -1
- package/dist/esm/switch/switch.template.js +25 -1
- package/dist/esm/switch/switch.template.js.map +1 -1
- package/dist/esm/tab/tab.js +14 -3
- package/dist/esm/tab/tab.js.map +1 -1
- package/dist/esm/tab/tab.template.js +1 -1
- package/dist/esm/tab/tab.template.js.map +1 -1
- package/dist/esm/tab-panel/tab-panel.js +2 -2
- package/dist/esm/tab-panel/tab-panel.js.map +1 -1
- package/dist/esm/tab-panel/tab-panel.template.js +8 -1
- package/dist/esm/tab-panel/tab-panel.template.js.map +1 -1
- package/dist/esm/tabs/tabs.js +278 -5
- package/dist/esm/tabs/tabs.js.map +1 -1
- package/dist/esm/tabs/tabs.options.js +6 -2
- package/dist/esm/tabs/tabs.options.js.map +1 -1
- package/dist/esm/tabs/tabs.template.js +14 -1
- package/dist/esm/tabs/tabs.template.js.map +1 -1
- package/dist/esm/text-input/index.js +0 -1
- package/dist/esm/text-input/index.js.map +1 -1
- package/dist/esm/text-input/text-field.form-associated.js +14 -0
- package/dist/esm/text-input/text-field.form-associated.js.map +1 -0
- package/dist/esm/text-input/text-input.js +167 -7
- package/dist/esm/text-input/text-input.js.map +1 -1
- package/dist/esm/text-input/text-input.options.js +26 -0
- package/dist/esm/text-input/text-input.options.js.map +1 -1
- package/dist/esm/text-input/text-input.template.js +64 -1
- package/dist/esm/text-input/text-input.template.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.definition.js +0 -2
- package/dist/esm/toggle-button/toggle-button.definition.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.options.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.template.js +1 -1
- package/dist/esm/toggle-button/toggle-button.template.js.map +1 -1
- package/dist/esm/utils/direction.js +15 -0
- package/dist/esm/utils/direction.js.map +1 -0
- package/dist/esm/utils/index.js +5 -0
- package/dist/esm/utils/index.js.map +1 -0
- package/dist/esm/utils/template-helpers.js +19 -0
- package/dist/esm/utils/template-helpers.js.map +1 -0
- package/dist/esm/utils/typings.js +3 -0
- package/dist/esm/utils/typings.js.map +1 -0
- package/dist/esm/utils/whitespace-filter.js +13 -0
- package/dist/esm/utils/whitespace-filter.js.map +1 -0
- package/dist/fluent-web-components.api.json +9315 -3940
- package/dist/storybook/711.b5d63aa3.iframe.bundle.js +2 -0
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/main.588112e6.iframe.bundle.js +2 -0
- package/dist/storybook/project.json +1 -1
- package/dist/web-components.d.ts +2194 -241
- package/dist/web-components.js +1964 -3195
- package/dist/web-components.min.js +123 -123
- package/docs/api-report.md +600 -90
- package/package.json +1 -1
- package/dist/storybook/350.e4be85c2.iframe.bundle.js +0 -462
- package/dist/storybook/350.e4be85c2.iframe.bundle.js.map +0 -1
- package/dist/storybook/main.b095c2e8.iframe.bundle.js +0 -2
- /package/dist/storybook/{350.e4be85c2.iframe.bundle.js.LICENSE.txt → 711.b5d63aa3.iframe.bundle.js.LICENSE.txt} +0 -0
- /package/dist/storybook/{main.b095c2e8.iframe.bundle.js.LICENSE.txt → main.588112e6.iframe.bundle.js.LICENSE.txt} +0 -0
|
@@ -1,8 +1,221 @@
|
|
|
1
|
-
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { Observable } from '@microsoft/fast-element';
|
|
8
|
+
import { attr, FASTElement, observable } from '@microsoft/fast-element';
|
|
9
|
+
import { keyArrowDown, keyArrowUp, keyEnd, keyHome, wrapInBounds } from '@microsoft/fast-web-utilities';
|
|
10
|
+
import { AccordionItem } from '../accordion-item/accordion-item.js';
|
|
11
|
+
import { AccordionExpandMode } from './accordion.options.js';
|
|
2
12
|
/**
|
|
3
|
-
*
|
|
13
|
+
* An Accordion Custom HTML Element
|
|
14
|
+
* Implements {@link https://www.w3.org/TR/wai-aria-practices-1.1/#accordion | ARIA Accordion}.
|
|
15
|
+
*
|
|
16
|
+
* @fires change - Fires a custom 'change' event when the active item changes
|
|
17
|
+
* @csspart item - The slot for the accordion items
|
|
4
18
|
* @public
|
|
5
19
|
*/
|
|
6
|
-
export class Accordion extends
|
|
20
|
+
export class Accordion extends FASTElement {
|
|
21
|
+
constructor() {
|
|
22
|
+
super(...arguments);
|
|
23
|
+
/**
|
|
24
|
+
* Controls the expand mode of the Accordion, either allowing
|
|
25
|
+
* single or multiple item expansion.
|
|
26
|
+
* @public
|
|
27
|
+
*
|
|
28
|
+
* @remarks
|
|
29
|
+
* HTML attribute: expand-mode
|
|
30
|
+
*/
|
|
31
|
+
this.expandmode = AccordionExpandMode.multi;
|
|
32
|
+
this.activeItemIndex = 0;
|
|
33
|
+
this.change = () => {
|
|
34
|
+
this.$emit('change', this.activeid);
|
|
35
|
+
};
|
|
36
|
+
this.setItems = () => {
|
|
37
|
+
if (this.slottedAccordionItems.length === 0) {
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
const children = Array.from(this.children);
|
|
41
|
+
this.removeItemListeners(children);
|
|
42
|
+
children.forEach((child) => Observable.getNotifier(child).subscribe(this, 'disabled'));
|
|
43
|
+
this.accordionItems = children.filter(child => !child.hasAttribute('disabled'));
|
|
44
|
+
this.accordionIds = this.getItemIds();
|
|
45
|
+
this.accordionItems.forEach((item, index) => {
|
|
46
|
+
if (item instanceof AccordionItem) {
|
|
47
|
+
item.addEventListener('click', this.activeItemChange);
|
|
48
|
+
item.addEventListener('keydown', this.handleItemKeyDown);
|
|
49
|
+
item.addEventListener('focus', this.handleItemFocus);
|
|
50
|
+
Observable.getNotifier(item).subscribe(this, 'expanded');
|
|
51
|
+
}
|
|
52
|
+
const itemId = this.accordionIds[index];
|
|
53
|
+
item.setAttribute('id', typeof itemId !== 'string' ? `accordion-${index + 1}` : itemId);
|
|
54
|
+
this.activeid = this.accordionIds[this.activeItemIndex];
|
|
55
|
+
});
|
|
56
|
+
if (this.isSingleExpandMode()) {
|
|
57
|
+
const expandedItem = this.findExpandedItem();
|
|
58
|
+
this.setSingleExpandMode(expandedItem);
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
this.removeItemListeners = (oldValue) => {
|
|
62
|
+
oldValue.forEach((item, index) => {
|
|
63
|
+
Observable.getNotifier(item).unsubscribe(this, 'disabled');
|
|
64
|
+
Observable.getNotifier(item).unsubscribe(this, 'expanded');
|
|
65
|
+
item.removeEventListener('click', this.activeItemChange);
|
|
66
|
+
item.removeEventListener('keydown', this.handleItemKeyDown);
|
|
67
|
+
item.removeEventListener('focus', this.handleItemFocus);
|
|
68
|
+
});
|
|
69
|
+
};
|
|
70
|
+
this.activeItemChange = (event) => {
|
|
71
|
+
if (event.defaultPrevented || event.target !== event.currentTarget) {
|
|
72
|
+
return;
|
|
73
|
+
}
|
|
74
|
+
event.preventDefault();
|
|
75
|
+
this.handleExpandedChange(event.target);
|
|
76
|
+
};
|
|
77
|
+
this.handleExpandedChange = (item) => {
|
|
78
|
+
if (item instanceof AccordionItem) {
|
|
79
|
+
this.activeid = item.getAttribute('id');
|
|
80
|
+
if (!this.isSingleExpandMode()) {
|
|
81
|
+
item.expanded = !item.expanded;
|
|
82
|
+
// setSingleExpandMode sets activeItemIndex on its own
|
|
83
|
+
this.activeItemIndex = this.accordionItems.indexOf(item);
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
86
|
+
this.setSingleExpandMode(item);
|
|
87
|
+
}
|
|
88
|
+
this.change();
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
this.handleItemKeyDown = (event) => {
|
|
92
|
+
// only handle the keydown if the event target is the accordion item
|
|
93
|
+
// prevents arrow keys from moving focus to accordion headers when focus is on accordion item panel content
|
|
94
|
+
if (event.target !== event.currentTarget) {
|
|
95
|
+
return;
|
|
96
|
+
}
|
|
97
|
+
this.accordionIds = this.getItemIds();
|
|
98
|
+
switch (event.key) {
|
|
99
|
+
case keyArrowUp:
|
|
100
|
+
event.preventDefault();
|
|
101
|
+
this.adjust(-1);
|
|
102
|
+
break;
|
|
103
|
+
case keyArrowDown:
|
|
104
|
+
event.preventDefault();
|
|
105
|
+
this.adjust(1);
|
|
106
|
+
break;
|
|
107
|
+
case keyHome:
|
|
108
|
+
this.activeItemIndex = 0;
|
|
109
|
+
this.focusItem();
|
|
110
|
+
break;
|
|
111
|
+
case keyEnd:
|
|
112
|
+
this.activeItemIndex = this.accordionItems.length - 1;
|
|
113
|
+
this.focusItem();
|
|
114
|
+
break;
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
this.handleItemFocus = (event) => {
|
|
118
|
+
// update the active item index if the focus moves to an accordion item via a different method other than the up and down arrow key actions
|
|
119
|
+
// only do so if the focus is actually on the accordion item and not on any of its children
|
|
120
|
+
if (event.target === event.currentTarget) {
|
|
121
|
+
const focusedItem = event.target;
|
|
122
|
+
const focusedIndex = (this.activeItemIndex = Array.from(this.accordionItems).indexOf(focusedItem));
|
|
123
|
+
if (this.activeItemIndex !== focusedIndex && focusedIndex !== -1) {
|
|
124
|
+
this.activeItemIndex = focusedIndex;
|
|
125
|
+
this.activeid = this.accordionIds[this.activeItemIndex];
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
};
|
|
129
|
+
}
|
|
130
|
+
expandmodeChanged(prev, next) {
|
|
131
|
+
if (!this.$fastController.isConnected) {
|
|
132
|
+
return;
|
|
133
|
+
}
|
|
134
|
+
const expandedItem = this.findExpandedItem();
|
|
135
|
+
if (!expandedItem) {
|
|
136
|
+
return;
|
|
137
|
+
}
|
|
138
|
+
if (next !== AccordionExpandMode.single) {
|
|
139
|
+
expandedItem === null || expandedItem === void 0 ? void 0 : expandedItem.expandbutton.removeAttribute('aria-disabled');
|
|
140
|
+
}
|
|
141
|
+
else {
|
|
142
|
+
this.setSingleExpandMode(expandedItem);
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
/**
|
|
146
|
+
* @internal
|
|
147
|
+
*/
|
|
148
|
+
slottedAccordionItemsChanged(oldValue, newValue) {
|
|
149
|
+
if (this.$fastController.isConnected) {
|
|
150
|
+
this.setItems();
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
/**
|
|
154
|
+
* @internal
|
|
155
|
+
*/
|
|
156
|
+
handleChange(source, propertyName) {
|
|
157
|
+
if (propertyName === 'disabled') {
|
|
158
|
+
this.setItems();
|
|
159
|
+
}
|
|
160
|
+
else if (propertyName === 'expanded') {
|
|
161
|
+
// we only need to manage single expanded instances
|
|
162
|
+
// such as scenarios where a child is programatically expanded
|
|
163
|
+
if (source.expanded && this.isSingleExpandMode()) {
|
|
164
|
+
this.setSingleExpandMode(source);
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
findExpandedItem() {
|
|
169
|
+
var _a;
|
|
170
|
+
if (this.accordionItems.length === 0) {
|
|
171
|
+
return null;
|
|
172
|
+
}
|
|
173
|
+
return ((_a = this.accordionItems.find((item) => item instanceof AccordionItem && item.expanded)) !== null && _a !== void 0 ? _a : this.accordionItems[0]);
|
|
174
|
+
}
|
|
175
|
+
setSingleExpandMode(expandedItem) {
|
|
176
|
+
if (this.accordionItems.length === 0) {
|
|
177
|
+
return;
|
|
178
|
+
}
|
|
179
|
+
const currentItems = Array.from(this.accordionItems);
|
|
180
|
+
this.activeItemIndex = currentItems.indexOf(expandedItem);
|
|
181
|
+
currentItems.forEach((item, index) => {
|
|
182
|
+
if (item instanceof AccordionItem) {
|
|
183
|
+
if (this.activeItemIndex === index) {
|
|
184
|
+
item.expanded = true;
|
|
185
|
+
item.expandbutton.setAttribute('aria-disabled', 'true');
|
|
186
|
+
}
|
|
187
|
+
else {
|
|
188
|
+
item.expanded = false;
|
|
189
|
+
if (!item.hasAttribute('disabled')) {
|
|
190
|
+
item.expandbutton.removeAttribute('aria-disabled');
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
});
|
|
195
|
+
}
|
|
196
|
+
getItemIds() {
|
|
197
|
+
return this.slottedAccordionItems.map((accordionItem) => {
|
|
198
|
+
return accordionItem.id;
|
|
199
|
+
});
|
|
200
|
+
}
|
|
201
|
+
isSingleExpandMode() {
|
|
202
|
+
return this.expandmode === AccordionExpandMode.single;
|
|
203
|
+
}
|
|
204
|
+
adjust(adjustment) {
|
|
205
|
+
this.activeItemIndex = wrapInBounds(0, this.accordionItems.length - 1, this.activeItemIndex + adjustment);
|
|
206
|
+
this.focusItem();
|
|
207
|
+
}
|
|
208
|
+
focusItem() {
|
|
209
|
+
const element = this.accordionItems[this.activeItemIndex];
|
|
210
|
+
if (element instanceof AccordionItem) {
|
|
211
|
+
element.expandbutton.focus();
|
|
212
|
+
}
|
|
213
|
+
}
|
|
7
214
|
}
|
|
215
|
+
__decorate([
|
|
216
|
+
attr({ attribute: 'expand-mode' })
|
|
217
|
+
], Accordion.prototype, "expandmode", void 0);
|
|
218
|
+
__decorate([
|
|
219
|
+
observable
|
|
220
|
+
], Accordion.prototype, "slottedAccordionItems", void 0);
|
|
8
221
|
//# sourceMappingURL=accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/accordion/accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/accordion/accordion.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.options.js","sourceRoot":"","sources":["../../../src/accordion/accordion.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC"}
|
|
@@ -1,3 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { elements, html, slotted } from '@microsoft/fast-element';
|
|
2
|
+
/**
|
|
3
|
+
* @public
|
|
4
|
+
*/
|
|
5
|
+
export function accordionTemplate() {
|
|
6
|
+
return html `
|
|
7
|
+
<template>
|
|
8
|
+
<slot ${slotted({ property: 'slottedAccordionItems', filter: elements() })}></slot>
|
|
9
|
+
</template>
|
|
10
|
+
`;
|
|
11
|
+
}
|
|
2
12
|
export const template = accordionTemplate();
|
|
3
13
|
//# sourceMappingURL=accordion.template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.template.js","sourceRoot":"","sources":["../../../src/accordion/accordion.template.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"accordion.template.js","sourceRoot":"","sources":["../../../src/accordion/accordion.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAuB,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGvF;;GAEG;AACH,MAAM,UAAU,iBAAiB;IAC/B,OAAO,IAAI,CAAG;;cAEF,OAAO,CAAC,EAAE,QAAQ,EAAE,uBAAuB,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;;GAE7E,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAmC,iBAAiB,EAAE,CAAC"}
|
|
@@ -3,9 +3,6 @@ import { AccordionItem } from './accordion-item.js';
|
|
|
3
3
|
import { styles } from './accordion-item.styles.js';
|
|
4
4
|
import { template } from './accordion-item.template.js';
|
|
5
5
|
/**
|
|
6
|
-
* The Fluent AccordionItem Element. Implements {@link @microsoft/fast-foundation#AccordionItem },
|
|
7
|
-
* {@link @microsoft/fast-foundation#accordionItemTemplate}
|
|
8
|
-
*
|
|
9
6
|
*
|
|
10
7
|
* @public
|
|
11
8
|
* @remarks
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item.definition.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD
|
|
1
|
+
{"version":3,"file":"accordion-item.definition.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC;IAC9C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,iBAAiB;IACnD,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
|
|
@@ -4,14 +4,64 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
4
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
import { attr } from '@microsoft/fast-element';
|
|
8
|
-
import {
|
|
7
|
+
import { attr, FASTElement, nullableNumberConverter } from '@microsoft/fast-element';
|
|
8
|
+
import { uniqueId } from '@microsoft/fast-web-utilities';
|
|
9
|
+
import { StartEnd } from '../patterns/index.js';
|
|
10
|
+
import { applyMixins } from '../utils/apply-mixins.js';
|
|
9
11
|
/**
|
|
10
|
-
*
|
|
12
|
+
*
|
|
13
|
+
* @slot start - Content which can be provided between the heading and the icon
|
|
14
|
+
* @slot end - Content which can be provided between the start slot and icon
|
|
15
|
+
* @slot heading - Content which serves as the accordion item heading and text of the expand button
|
|
16
|
+
* @slot - The default slot for accordion item content
|
|
17
|
+
* @slot expanded-icon - The expanded icon
|
|
18
|
+
* @slot collapsed-icon - The collapsed icon
|
|
19
|
+
* @fires change - Fires a custom 'change' event when the button is invoked
|
|
20
|
+
* @csspart heading - Wraps the button
|
|
21
|
+
* @csspart button - The button which serves to invoke the item
|
|
22
|
+
* @csspart heading-content - Wraps the slot for the heading content within the button
|
|
23
|
+
* @csspart icon - The icon container
|
|
24
|
+
* @csspart region - The wrapper for the accordion item content
|
|
25
|
+
*
|
|
26
|
+
* @public
|
|
11
27
|
*/
|
|
12
|
-
export class AccordionItem extends
|
|
28
|
+
export class AccordionItem extends FASTElement {
|
|
13
29
|
constructor() {
|
|
14
30
|
super(...arguments);
|
|
31
|
+
/**
|
|
32
|
+
* Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the
|
|
33
|
+
* heading element.
|
|
34
|
+
*
|
|
35
|
+
* @defaultValue 2
|
|
36
|
+
* @public
|
|
37
|
+
* @remarks
|
|
38
|
+
* HTML attribute: heading-level
|
|
39
|
+
*/
|
|
40
|
+
this.headinglevel = 2;
|
|
41
|
+
/**
|
|
42
|
+
* Expands or collapses the item.
|
|
43
|
+
*
|
|
44
|
+
* @public
|
|
45
|
+
* @remarks
|
|
46
|
+
* HTML attribute: expanded
|
|
47
|
+
*/
|
|
48
|
+
this.expanded = false;
|
|
49
|
+
/**
|
|
50
|
+
* Disables an accordion item
|
|
51
|
+
*
|
|
52
|
+
* @public
|
|
53
|
+
* @remarks
|
|
54
|
+
* HTML attribute: disabled
|
|
55
|
+
*/
|
|
56
|
+
this.disabled = false;
|
|
57
|
+
/**
|
|
58
|
+
* The item ID
|
|
59
|
+
*
|
|
60
|
+
* @public
|
|
61
|
+
* @remarks
|
|
62
|
+
* HTML Attribute: id
|
|
63
|
+
*/
|
|
64
|
+
this.id = uniqueId('accordion-');
|
|
15
65
|
/**
|
|
16
66
|
* Sets the width of the focus state.
|
|
17
67
|
*
|
|
@@ -20,8 +70,33 @@ export class AccordionItem extends FASTAccordionItem {
|
|
|
20
70
|
* HTML Attribute: block
|
|
21
71
|
*/
|
|
22
72
|
this.block = false;
|
|
73
|
+
/**
|
|
74
|
+
* @internal
|
|
75
|
+
*/
|
|
76
|
+
this.clickHandler = (e) => {
|
|
77
|
+
if (this.disabled) {
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
this.$emit('click', e);
|
|
81
|
+
};
|
|
23
82
|
}
|
|
24
83
|
}
|
|
84
|
+
__decorate([
|
|
85
|
+
attr({
|
|
86
|
+
attribute: 'heading-level',
|
|
87
|
+
mode: 'fromView',
|
|
88
|
+
converter: nullableNumberConverter,
|
|
89
|
+
})
|
|
90
|
+
], AccordionItem.prototype, "headinglevel", void 0);
|
|
91
|
+
__decorate([
|
|
92
|
+
attr({ mode: 'boolean' })
|
|
93
|
+
], AccordionItem.prototype, "expanded", void 0);
|
|
94
|
+
__decorate([
|
|
95
|
+
attr({ mode: 'boolean' })
|
|
96
|
+
], AccordionItem.prototype, "disabled", void 0);
|
|
97
|
+
__decorate([
|
|
98
|
+
attr
|
|
99
|
+
], AccordionItem.prototype, "id", void 0);
|
|
25
100
|
__decorate([
|
|
26
101
|
attr
|
|
27
102
|
], AccordionItem.prototype, "size", void 0);
|
|
@@ -31,4 +106,5 @@ __decorate([
|
|
|
31
106
|
__decorate([
|
|
32
107
|
attr({ attribute: 'expand-icon-position' })
|
|
33
108
|
], AccordionItem.prototype, "expandIconPosition", void 0);
|
|
109
|
+
applyMixins(AccordionItem, StartEnd);
|
|
34
110
|
//# sourceMappingURL=accordion-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAYvD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,OAAO,aAAc,SAAQ,WAAW;IAA9C;;QACE;;;;;;;;WAQG;QAMI,iBAAY,GAA0B,CAAC,CAAC;QAE/C;;;;;;WAMG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAEjC;;;;;;WAMG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAEjC;;;;;;WAMG;QAEI,OAAE,GAAW,QAAQ,CAAC,YAAY,CAAC,CAAC;QAa3C;;;;;;WAMG;QAEI,UAAK,GAAY,KAAK,CAAC;QAkB9B;;WAEG;QACI,iBAAY,GAAG,CAAC,CAAa,EAAE,EAAE;YACtC,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YAED,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QACzB,CAAC,CAAC;IACJ,CAAC;CAAA;AA/EC;IALC,IAAI,CAAC;QACJ,SAAS,EAAE,eAAe;QAC1B,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,uBAAuB;KACnC,CAAC;mDAC6C;AAU/C;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;+CACO;AAUjC;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;+CACO;AAUjC;IADC,IAAI;yCACsC;AAW3C;IADC,IAAI;2CAC2B;AAUhC;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;4CACI;AAW9B;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAAC;yDACgB;AA2B9D,WAAW,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { html } from '@microsoft/fast-element';
|
|
2
|
-
import {
|
|
1
|
+
import { html, ref } from '@microsoft/fast-element';
|
|
2
|
+
import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js';
|
|
3
|
+
import { staticallyCompose } from '../utils/index.js';
|
|
3
4
|
const chevronRight20Filled = html.partial(`<svg
|
|
4
5
|
width="20"
|
|
5
6
|
height="20"
|
|
@@ -26,6 +27,50 @@ const chevronDown20Filled = html.partial(`<svg
|
|
|
26
27
|
fill="currentColor"
|
|
27
28
|
/>
|
|
28
29
|
</svg>`);
|
|
30
|
+
export function accordionItemTemplate(options = {}) {
|
|
31
|
+
return html `
|
|
32
|
+
<div
|
|
33
|
+
class="heading"
|
|
34
|
+
part="heading"
|
|
35
|
+
role="heading"
|
|
36
|
+
aria-level="${x => x.headinglevel}"
|
|
37
|
+
>
|
|
38
|
+
<button
|
|
39
|
+
class="button"
|
|
40
|
+
part="button"
|
|
41
|
+
${ref('expandbutton')}
|
|
42
|
+
?disabled="${x => (x.disabled ? 'true' : void 0)}"
|
|
43
|
+
aria-expanded="${x => x.expanded}"
|
|
44
|
+
aria-controls="${x => x.id}-panel"
|
|
45
|
+
id="${x => x.id}"
|
|
46
|
+
@click="${(x, c) => x.clickHandler(c.event)}"
|
|
47
|
+
>
|
|
48
|
+
<span class="heading-content" part="heading-content">
|
|
49
|
+
<slot name="heading"></slot>
|
|
50
|
+
</span>
|
|
51
|
+
</button>
|
|
52
|
+
${startSlotTemplate(options)}
|
|
53
|
+
${endSlotTemplate(options)}
|
|
54
|
+
<span class="icon" part="icon" aria-hidden="true">
|
|
55
|
+
<slot name="expanded-icon">
|
|
56
|
+
${staticallyCompose(options.expandedIcon)}
|
|
57
|
+
</slot>
|
|
58
|
+
<slot name="collapsed-icon">
|
|
59
|
+
${staticallyCompose(options.collapsedIcon)}
|
|
60
|
+
</slot>
|
|
61
|
+
<span>
|
|
62
|
+
</div>
|
|
63
|
+
<div
|
|
64
|
+
class="region"
|
|
65
|
+
part="region"
|
|
66
|
+
id="${x => x.id}-panel"
|
|
67
|
+
role="region"
|
|
68
|
+
aria-labelledby="${x => x.id}"
|
|
69
|
+
>
|
|
70
|
+
<slot></slot>
|
|
71
|
+
</div>
|
|
72
|
+
`;
|
|
73
|
+
}
|
|
29
74
|
/**
|
|
30
75
|
* The template for the fluent-accordion component.
|
|
31
76
|
* @public
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item.template.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"accordion-item.template.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGtD,MAAM,oBAAoB,GAAG,IAAI,CAAC,OAAO,CAAC;;;;;;;;;;;;OAYnC,CAAC,CAAC;AAET,MAAM,mBAAmB,GAAG,IAAI,CAAC,OAAO,CAAC;;;;;;;;;;;;OAYlC,CAAC,CAAC;AAET,MAAM,UAAU,qBAAqB,CACnC,UAAgC,EAAE;IAElC,OAAO,IAAI,CAAG;;;;;wBAKQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;;;;;gBAK3B,GAAG,CAAC,cAAc,CAAC;2BACR,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;+BAC/B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;+BACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;oBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;wBACL,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;;;;;;YAM3D,iBAAiB,CAAC,OAAO,CAAC;YAC1B,eAAe,CAAC,OAAO,CAAC;;;oBAGhB,iBAAiB,CAAC,OAAO,CAAC,YAAY,CAAC;;;oBAGvC,iBAAiB,CAAC,OAAO,CAAC,aAAa,CAAC;;;;;;;gBAO5C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;;6BAEI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;;;;CAIrC,CAAC;AACF,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAuC,qBAAqB,CAAC;IAChF,aAAa,EAAE,oBAAoB;IACnC,YAAY,EAAE,mBAAmB;CAClC,CAAC,CAAC"}
|
|
@@ -3,9 +3,6 @@ import { AnchorButton } from './anchor-button.js';
|
|
|
3
3
|
import { styles } from './anchor-button.styles.js';
|
|
4
4
|
import { template } from './anchor-button.template.js';
|
|
5
5
|
/**
|
|
6
|
-
* The Fluent Anchor Button Element. Implements {@link @microsoft/fast-foundation#Anchor },
|
|
7
|
-
* {@link @microsoft/fast-foundation#anchorTemplate}
|
|
8
|
-
*
|
|
9
6
|
* @public
|
|
10
7
|
* @remarks
|
|
11
8
|
* HTML Element: \<fluent-anchor-button\>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"anchor-button.definition.js","sourceRoot":"","sources":["../../../src/anchor-button/anchor-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD
|
|
1
|
+
{"version":3,"file":"anchor-button.definition.js","sourceRoot":"","sources":["../../../src/anchor-button/anchor-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC;IAC7C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,gBAAgB;IAClD,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,cAAc,EAAE,IAAI;KACrB;CACF,CAAC,CAAC"}
|
|
@@ -4,13 +4,22 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
4
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
import { attr } from '@microsoft/fast-element';
|
|
8
|
-
import {
|
|
7
|
+
import { attr, FASTElement, observable } from '@microsoft/fast-element';
|
|
8
|
+
import { ARIAGlobalStatesAndProperties, StartEnd } from '../patterns/index.js';
|
|
9
|
+
import { applyMixins } from '../utils/apply-mixins.js';
|
|
9
10
|
/**
|
|
10
|
-
*
|
|
11
|
+
* An Anchor Custom HTML Element.
|
|
12
|
+
* Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element }.
|
|
13
|
+
*
|
|
14
|
+
* @slot start - Content which can be provided before the anchor content
|
|
15
|
+
* @slot end - Content which can be provided after the anchor content
|
|
16
|
+
* @slot - The default slot for anchor content
|
|
17
|
+
* @csspart control - The anchor element
|
|
18
|
+
* @csspart content - The element wrapping anchor content
|
|
19
|
+
*
|
|
11
20
|
* @public
|
|
12
21
|
*/
|
|
13
|
-
export class AnchorButton extends
|
|
22
|
+
export class AnchorButton extends FASTElement {
|
|
14
23
|
constructor() {
|
|
15
24
|
super(...arguments);
|
|
16
25
|
/**
|
|
@@ -77,6 +86,33 @@ export class AnchorButton extends FASTAnchor {
|
|
|
77
86
|
this.removeEventListener('click', this.handleDisabledFocusableClick);
|
|
78
87
|
}
|
|
79
88
|
}
|
|
89
|
+
__decorate([
|
|
90
|
+
attr
|
|
91
|
+
], AnchorButton.prototype, "download", void 0);
|
|
92
|
+
__decorate([
|
|
93
|
+
attr
|
|
94
|
+
], AnchorButton.prototype, "href", void 0);
|
|
95
|
+
__decorate([
|
|
96
|
+
attr
|
|
97
|
+
], AnchorButton.prototype, "hreflang", void 0);
|
|
98
|
+
__decorate([
|
|
99
|
+
attr
|
|
100
|
+
], AnchorButton.prototype, "ping", void 0);
|
|
101
|
+
__decorate([
|
|
102
|
+
attr
|
|
103
|
+
], AnchorButton.prototype, "referrerpolicy", void 0);
|
|
104
|
+
__decorate([
|
|
105
|
+
attr
|
|
106
|
+
], AnchorButton.prototype, "rel", void 0);
|
|
107
|
+
__decorate([
|
|
108
|
+
attr
|
|
109
|
+
], AnchorButton.prototype, "target", void 0);
|
|
110
|
+
__decorate([
|
|
111
|
+
attr
|
|
112
|
+
], AnchorButton.prototype, "type", void 0);
|
|
113
|
+
__decorate([
|
|
114
|
+
observable
|
|
115
|
+
], AnchorButton.prototype, "defaultSlottedContent", void 0);
|
|
80
116
|
__decorate([
|
|
81
117
|
attr
|
|
82
118
|
], AnchorButton.prototype, "appearance", void 0);
|
|
@@ -95,4 +131,16 @@ __decorate([
|
|
|
95
131
|
__decorate([
|
|
96
132
|
attr({ attribute: 'disabled-focusable', mode: 'boolean' })
|
|
97
133
|
], AnchorButton.prototype, "disabledFocusable", void 0);
|
|
134
|
+
/**
|
|
135
|
+
* Includes ARIA states and properties relating to the ARIA link role
|
|
136
|
+
*
|
|
137
|
+
* @public
|
|
138
|
+
*/
|
|
139
|
+
export class DelegatesARIALink {
|
|
140
|
+
}
|
|
141
|
+
__decorate([
|
|
142
|
+
attr({ attribute: 'aria-expanded' })
|
|
143
|
+
], DelegatesARIALink.prototype, "ariaExpanded", void 0);
|
|
144
|
+
applyMixins(DelegatesARIALink, ARIAGlobalStatesAndProperties);
|
|
145
|
+
applyMixins(AnchorButton, StartEnd, DelegatesARIALink);
|
|
98
146
|
//# sourceMappingURL=anchor-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"anchor-button.js","sourceRoot":"","sources":["../../../src/anchor-button/anchor-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"anchor-button.js","sourceRoot":"","sources":["../../../src/anchor-button/anchor-button.ts"],"names":[],"mappings":"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"}
|
|
@@ -14,4 +14,15 @@ export const AnchorButtonShape = ButtonShape;
|
|
|
14
14
|
* @public
|
|
15
15
|
*/
|
|
16
16
|
export const AnchorButtonSize = ButtonSize;
|
|
17
|
+
/**
|
|
18
|
+
* Anchor target values.
|
|
19
|
+
*
|
|
20
|
+
* @public
|
|
21
|
+
*/
|
|
22
|
+
export const AnchorTarget = {
|
|
23
|
+
_self: '_self',
|
|
24
|
+
_blank: '_blank',
|
|
25
|
+
_parent: '_parent',
|
|
26
|
+
_top: '_top',
|
|
27
|
+
};
|
|
17
28
|
//# sourceMappingURL=anchor-button.options.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"anchor-button.options.js","sourceRoot":"","sources":["../../../src/anchor-button/anchor-button.options.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"anchor-button.options.js","sourceRoot":"","sources":["../../../src/anchor-button/anchor-button.options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAIxF;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,gBAAgB,CAAC;AAQvD;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;AAQ7C;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAU3C;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;CACJ,CAAC"}
|