@fluentui/web-components 3.0.0-beta.87 → 3.0.0-beta.89
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 +20 -2
- package/dist/dts/tab-panel/tab-panel.d.ts +3 -0
- package/dist/dts/tab-panel/tab-panel.definition.d.ts +3 -0
- package/dist/dts/tab-panel/tab-panel.template.d.ts +3 -0
- package/dist/dts/tabs/tabs.base.d.ts +1 -1
- package/dist/dts/tabs/tabs.d.ts +3 -0
- package/dist/dts/tabs/tabs.definition.d.ts +3 -0
- package/dist/dts/tabs/tabs.template.d.ts +3 -0
- package/dist/esm/tab-panel/define.js +3 -0
- package/dist/esm/tab-panel/define.js.map +1 -1
- package/dist/esm/tab-panel/tab-panel.definition.js +3 -0
- package/dist/esm/tab-panel/tab-panel.definition.js.map +1 -1
- package/dist/esm/tab-panel/tab-panel.js +3 -0
- package/dist/esm/tab-panel/tab-panel.js.map +1 -1
- package/dist/esm/tab-panel/tab-panel.template.js +3 -0
- package/dist/esm/tab-panel/tab-panel.template.js.map +1 -1
- package/dist/esm/tablist/tablist.base.js +3 -2
- package/dist/esm/tablist/tablist.base.js.map +1 -1
- package/dist/esm/tabs/define.js +3 -0
- package/dist/esm/tabs/define.js.map +1 -1
- package/dist/esm/tabs/tabs.base.js +1 -1
- package/dist/esm/tabs/tabs.definition.js +3 -0
- package/dist/esm/tabs/tabs.definition.js.map +1 -1
- package/dist/esm/tabs/tabs.js +3 -0
- package/dist/esm/tabs/tabs.js.map +1 -1
- package/dist/esm/tabs/tabs.template.js +3 -0
- package/dist/esm/tabs/tabs.template.js.map +1 -1
- package/dist/web-components.d.ts +13 -1
- package/dist/web-components.js +3 -2
- package/dist/web-components.min.js +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,30 @@
|
|
|
1
1
|
# Change Log - @fluentui/web-components
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 09 Apr 2025 04:06:30 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [3.0.0-beta.89](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.89)
|
|
8
|
+
|
|
9
|
+
Wed, 09 Apr 2025 04:06:30 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.88..@fluentui/web-components_v3.0.0-beta.89)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- deprecate tabs and tab-panel in favor of tablist ([PR #34206](https://github.com/microsoft/fluentui/pull/34206) by 13071055+chrisdholt@users.noreply.github.com)
|
|
15
|
+
|
|
16
|
+
## [3.0.0-beta.88](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.88)
|
|
17
|
+
|
|
18
|
+
Fri, 21 Mar 2025 04:07:36 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.87..@fluentui/web-components_v3.0.0-beta.88)
|
|
20
|
+
|
|
21
|
+
### Changes
|
|
22
|
+
|
|
23
|
+
- fix: emit change event on tablist only when active tab changed ([PR #34055](https://github.com/microsoft/fluentui/pull/34055) by machi@microsoft.com)
|
|
24
|
+
|
|
7
25
|
## [3.0.0-beta.87](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.87)
|
|
8
26
|
|
|
9
|
-
Thu, 20 Mar 2025 04:
|
|
27
|
+
Thu, 20 Mar 2025 04:07:02 GMT
|
|
10
28
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.86..@fluentui/web-components_v3.0.0-beta.87)
|
|
11
29
|
|
|
12
30
|
### Changes
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import { type ElementViewTemplate } from '@microsoft/fast-element';
|
|
2
2
|
import type { TabPanel } from './tab-panel.js';
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated - Use tablist instead
|
|
5
|
+
*/
|
|
3
6
|
export declare function tabPanelTemplate<T extends TabPanel>(): ElementViewTemplate<T>;
|
|
4
7
|
export declare const template: ElementViewTemplate<TabPanel, any>;
|
package/dist/dts/tabs/tabs.d.ts
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { StartEnd } from '../patterns/index.js';
|
|
2
2
|
import { BaseTabs } from './tabs.base.js';
|
|
3
3
|
import { TabsAppearance, type TabsSize } from './tabs.options.js';
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated - Use tablist instead
|
|
6
|
+
*/
|
|
4
7
|
export declare class Tabs extends BaseTabs {
|
|
5
8
|
/**
|
|
6
9
|
* activeTabData
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { type ElementViewTemplate } from '@microsoft/fast-element';
|
|
2
2
|
import type { Tabs } from './tabs.js';
|
|
3
3
|
import type { TabsOptions } from './tabs.options.js';
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated - Use tablist instead
|
|
6
|
+
*/
|
|
4
7
|
export declare function tabsTemplate<T extends Tabs>(options?: TabsOptions): ElementViewTemplate<T>;
|
|
5
8
|
export declare const template: ElementViewTemplate<Tabs, any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/tab-panel/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/tab-panel/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD;;GAEG;AACH,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}
|
|
@@ -2,6 +2,9 @@ import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
|
2
2
|
import { TabPanel } from './tab-panel.js';
|
|
3
3
|
import { template } from './tab-panel.template.js';
|
|
4
4
|
import { styles } from './tab-panel.styles.js';
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated - Use tablist instead
|
|
7
|
+
*/
|
|
5
8
|
export const definition = TabPanel.compose({
|
|
6
9
|
name: `${FluentDesignSystem.prefix}-tab-panel`,
|
|
7
10
|
template,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-panel.definition.js","sourceRoot":"","sources":["../../../src/tab-panel/tab-panel.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,YAAY;IAC9C,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"tab-panel.definition.js","sourceRoot":"","sources":["../../../src/tab-panel/tab-panel.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,YAAY;IAC9C,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-panel.js","sourceRoot":"","sources":["../../../src/tab-panel/tab-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,OAAO,QAAS,SAAQ,WAAW;CAAG"}
|
|
1
|
+
{"version":3,"file":"tab-panel.js","sourceRoot":"","sources":["../../../src/tab-panel/tab-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD;;GAEG;AACH,MAAM,OAAO,QAAS,SAAQ,WAAW;CAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-panel.template.js","sourceRoot":"","sources":["../../../src/tab-panel/tab-panel.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAGzE,MAAM,UAAU,gBAAgB;IAC9B,OAAO,IAAI,CAAG;;;;GAIb,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"tab-panel.template.js","sourceRoot":"","sources":["../../../src/tab-panel/tab-panel.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAGzE;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAC9B,OAAO,IAAI,CAAG;;;;GAIb,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC"}
|
|
@@ -128,6 +128,9 @@ export class BaseTablist extends FASTElement {
|
|
|
128
128
|
activePanel.hidden = false;
|
|
129
129
|
}
|
|
130
130
|
}
|
|
131
|
+
if (oldValue !== newValue) {
|
|
132
|
+
this.change();
|
|
133
|
+
}
|
|
131
134
|
}
|
|
132
135
|
}
|
|
133
136
|
/**
|
|
@@ -178,7 +181,6 @@ export class BaseTablist extends FASTElement {
|
|
|
178
181
|
this.activetab = tab;
|
|
179
182
|
this.activeid = tabId;
|
|
180
183
|
}
|
|
181
|
-
this.change();
|
|
182
184
|
}
|
|
183
185
|
});
|
|
184
186
|
}
|
|
@@ -191,7 +193,6 @@ export class BaseTablist extends FASTElement {
|
|
|
191
193
|
if (this.activeTabIndex !== this.prevActiveTabIndex) {
|
|
192
194
|
this.activeid = this.tabIds[this.activeTabIndex];
|
|
193
195
|
this.focusTab();
|
|
194
|
-
this.change();
|
|
195
196
|
}
|
|
196
197
|
}
|
|
197
198
|
isHorizontal() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tablist.base.js","sourceRoot":"","sources":["../../../src/tablist/tablist.base.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,UAAU,EACV,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,GACb,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D;;;GAGG;AACH,MAAM,OAAO,WAAY,SAAQ,WAAW;IAA5C;;QACE;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QACnE;;;;;WAKG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAajC;;;;;WAKG;QAEI,gBAAW,GAAuB,kBAAkB,CAAC,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"tablist.base.js","sourceRoot":"","sources":["../../../src/tablist/tablist.base.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/tabs/define.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/tabs/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/tabs/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD;;GAEG;AACH,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}
|
|
@@ -2,6 +2,9 @@ import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
|
2
2
|
import { Tabs } from './tabs.js';
|
|
3
3
|
import { template } from './tabs.template.js';
|
|
4
4
|
import { styles } from './tabs.styles.js';
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated - Use tablist instead
|
|
7
|
+
*/
|
|
5
8
|
export const definition = Tabs.compose({
|
|
6
9
|
name: `${FluentDesignSystem.prefix}-tabs`,
|
|
7
10
|
template,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.definition.js","sourceRoot":"","sources":["../../../src/tabs/tabs.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,OAAO;IACzC,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"tabs.definition.js","sourceRoot":"","sources":["../../../src/tabs/tabs.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,OAAO;IACzC,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
|
package/dist/esm/tabs/tabs.js
CHANGED
|
@@ -4,6 +4,9 @@ import { applyMixins } from '../utils/apply-mixins.js';
|
|
|
4
4
|
import { StartEnd } from '../patterns/index.js';
|
|
5
5
|
import { BaseTabs } from './tabs.base.js';
|
|
6
6
|
import { TabsAppearance, TabsOrientation } from './tabs.options.js';
|
|
7
|
+
/**
|
|
8
|
+
* @deprecated - Use tablist instead
|
|
9
|
+
*/
|
|
7
10
|
export class Tabs extends BaseTabs {
|
|
8
11
|
constructor() {
|
|
9
12
|
super(...arguments);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/tabs/tabs.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/tabs/tabs.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { html, slotted } from '@microsoft/fast-element';
|
|
2
2
|
import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js';
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated - Use tablist instead
|
|
5
|
+
*/
|
|
3
6
|
export function tabsTemplate(options = {}) {
|
|
4
7
|
return html `
|
|
5
8
|
${startSlotTemplate(options)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.template.js","sourceRoot":"","sources":["../../../src/tabs/tabs.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI1E,MAAM,UAAU,YAAY,CAAiB,UAAuB,EAAE;IACpE,OAAO,IAAI,CAAG;MACV,iBAAiB,CAAC,OAAO,CAAC;;yBAEP,OAAO,CAAC,MAAM,CAAC;;MAElC,eAAe,CAAC,OAAO,CAAC;;8BAEA,OAAO,CAAC,WAAW,CAAC;;GAE/C,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"tabs.template.js","sourceRoot":"","sources":["../../../src/tabs/tabs.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI1E;;GAEG;AACH,MAAM,UAAU,YAAY,CAAiB,UAAuB,EAAE;IACpE,OAAO,IAAI,CAAG;MACV,iBAAiB,CAAC,OAAO,CAAC;;yBAEP,OAAO,CAAC,MAAM,CAAC;;MAElC,eAAe,CAAC,OAAO,CAAC;;8BAEA,OAAO,CAAC,WAAW,CAAC;;GAE/C,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC"}
|
package/dist/web-components.d.ts
CHANGED
|
@@ -2461,7 +2461,7 @@ export declare class BaseTablist extends FASTElement {
|
|
|
2461
2461
|
/**
|
|
2462
2462
|
* A Tabs component that wraps a collection of tab and tab panel elements.
|
|
2463
2463
|
*
|
|
2464
|
-
* @
|
|
2464
|
+
* @deprecated - use tablist instead
|
|
2465
2465
|
*/
|
|
2466
2466
|
declare class BaseTabs extends FASTElement {
|
|
2467
2467
|
/**
|
|
@@ -10382,15 +10382,24 @@ export declare const TablistTemplate: ViewTemplate<Tablist, any>;
|
|
|
10382
10382
|
*/
|
|
10383
10383
|
export declare type TabOptions = StartEndOptions<Tab>;
|
|
10384
10384
|
|
|
10385
|
+
/**
|
|
10386
|
+
* @deprecated - Use tablist instead
|
|
10387
|
+
*/
|
|
10385
10388
|
export declare class TabPanel extends FASTElement {
|
|
10386
10389
|
}
|
|
10387
10390
|
|
|
10391
|
+
/**
|
|
10392
|
+
* @deprecated - Use tablist instead
|
|
10393
|
+
*/
|
|
10388
10394
|
export declare const TabPanelDefinition: FASTElementDefinition<typeof TabPanel>;
|
|
10389
10395
|
|
|
10390
10396
|
export declare const TabPanelStyles: ElementStyles;
|
|
10391
10397
|
|
|
10392
10398
|
export declare const TabPanelTemplate: ElementViewTemplate<TabPanel, any>;
|
|
10393
10399
|
|
|
10400
|
+
/**
|
|
10401
|
+
* @deprecated - Use tablist instead
|
|
10402
|
+
*/
|
|
10394
10403
|
export declare class Tabs extends BaseTabs {
|
|
10395
10404
|
/**
|
|
10396
10405
|
* activeTabData
|
|
@@ -10486,6 +10495,9 @@ export declare const TabsAppearance: {
|
|
|
10486
10495
|
|
|
10487
10496
|
export declare type TabsAppearance = ValuesOf<typeof TabsAppearance>;
|
|
10488
10497
|
|
|
10498
|
+
/**
|
|
10499
|
+
* @deprecated - Use tablist instead
|
|
10500
|
+
*/
|
|
10489
10501
|
export declare const TabsDefinition: FASTElementDefinition<typeof Tabs>;
|
|
10490
10502
|
|
|
10491
10503
|
/**
|
package/dist/web-components.js
CHANGED
|
@@ -12255,6 +12255,9 @@ class BaseTablist extends FASTElement {
|
|
|
12255
12255
|
activePanel.hidden = false;
|
|
12256
12256
|
}
|
|
12257
12257
|
}
|
|
12258
|
+
if (oldValue !== newValue) {
|
|
12259
|
+
this.change();
|
|
12260
|
+
}
|
|
12258
12261
|
}
|
|
12259
12262
|
}
|
|
12260
12263
|
/**
|
|
@@ -12304,7 +12307,6 @@ class BaseTablist extends FASTElement {
|
|
|
12304
12307
|
this.activetab = tab;
|
|
12305
12308
|
this.activeid = tabId;
|
|
12306
12309
|
}
|
|
12307
|
-
this.change();
|
|
12308
12310
|
}
|
|
12309
12311
|
});
|
|
12310
12312
|
}
|
|
@@ -12317,7 +12319,6 @@ class BaseTablist extends FASTElement {
|
|
|
12317
12319
|
if (this.activeTabIndex !== this.prevActiveTabIndex) {
|
|
12318
12320
|
this.activeid = this.tabIds[this.activeTabIndex];
|
|
12319
12321
|
this.focusTab();
|
|
12320
|
-
this.change();
|
|
12321
12322
|
}
|
|
12322
12323
|
}
|
|
12323
12324
|
isHorizontal() {
|
|
@@ -528,7 +528,7 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
528
528
|
:host{--tabIndicatorScale:${this.activeTabScale.toString()}}`,this.$fastController.addStyles(this.styles)}activeidChanged(e,t){super.activeidChanged(e,t),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}tabsChanged(){super.tabsChanged(),this.setTabData()}}Os([a],ii.prototype,"appearance",2),Os([a({mode:"boolean"})],ii.prototype,"disabled",2),Os([a],ii.prototype,"size",2),st(ii,rt);function uv(o={}){return g` ${Xe(o)}<div class="tablist" part="tablist" role="tablist"><slot name="tab" ${U("tabs")}></slot></div>${gt(o)}<div class="tabpanel" part="tabpanel"><slot name="tabpanel" ${U("tabpanels")}></slot></div>`}const pv=uv({}),bv=p`
|
|
529
529
|
${C("grid")}
|
|
530
530
|
|
|
531
|
-
:host{box-sizing:border-box;font-family:${x};font-size:${F};line-height:${H};color:${Ee};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${O}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${O}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${O}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${O}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${z}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${O}}.tablist{display:grid;grid-template-rows:auto auto;grid-template-columns:auto;position:relative;width:max-content;align-self:end;box-sizing:border-box}::slotted([slot='start']),::slotted([slot='end']){display:flex;align-self:center}::slotted([slot='start']){margin-inline-end:11px}::slotted([slot='end']){margin-inline-start:11px}.tabpanel{grid-row:2;grid-column-start:1;grid-column-end:4;position:relative}:host([orientation='vertical']){grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr}:host([orientation='vertical']) .tablist{grid-row-start:2;grid-row-end:2;display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr;position:relative;width:max-content;justify-self:end;align-self:flex-start;width:100%}:host([orientation='vertical']) .tabpanel{grid-column:2;grid-row-start:1;grid-row-end:4}:host([orientation='vertical']) ::slotted([slot='end']){grid-row:3}:host([appearance='subtle']) ::slotted(fluent-tab:hover){background-color:${Ro};color:${Kr};fill:${ta}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${Ft};fill:${Ft};color:${_}}:host([size='small']) ::slotted(fluent-tab){font-size:${F};line-height:${H};padding:${Ze} ${le}}:host([size='large']) ::slotted(fluent-tab){font-size:${xe};line-height:${Ie};padding:${Wi} ${be}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${Ma};transition-timing-function:${us}}:host ::slotted(fluent-tab)::after{height:${pe};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${pe};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${pe};border-radius:${Se};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${pe};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${pe};margin-top:auto;transform-origin:left}:host([orientation='vertical']) ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:unset;margin-inline-end:auto;transform-origin:top;width:${pe}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${Ze};padding-bottom:${Ze}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${co};padding-bottom:${co}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${Z};padding-bottom:${Z}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${le};left:${le}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${be};left:${be}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${be};left:${be}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${Ze};bottom:${Ze}}:host([orientation='vertical']) ::slotted(fluent-tab)::after,:host([orientation='vertical']) ::slotted(fluent-tab)::before,:host([orientation='vertical']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${Z};bottom:${Z}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${uo};bottom:${uo}}`,gv=ii.compose({name:`${b.prefix}-tabs`,template:pv,styles:bv});gv.define(b.registry);const fv=o=>o.getAttribute("aria-disabled")==="true",mv=o=>o.hasAttribute("hidden"),pr=o=>!fv(o)&&!mv(o),ml={subtle:"subtle",transparent:"transparent"},vv={small:"small",medium:"medium",large:"large"},xo=Oe;var $v=Object.defineProperty,yv=Object.getOwnPropertyDescriptor,br=(o,e,t,i)=>{for(var r=i>1?void 0:i?yv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&$v(e,t,r),r};class ri extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.disabled=!1,this.orientation=xo.horizontal,this.prevActiveTabIndex=0,this.activeTabIndex=0,this.tabPanelMap=new WeakMap,this.change=()=>{this.$emit("change",this.activetab)},this.handleTabClick=e=>{const t=e.currentTarget;t.nodeType===Node.ELEMENT_NODE&&pr(t)&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(t),this.setComponent())},this.handleTabKeyDown=e=>{const t=Vr(this);switch(e.key){case zo:if(!this.isHorizontal())return;e.preventDefault(),this.adjust(t==="ltr"?-1:1);break;case To:if(!this.isHorizontal())return;e.preventDefault(),this.adjust(t==="ltr"?1:-1);break;case Bo:if(this.isHorizontal())return;e.preventDefault(),this.adjust(-1);break;case Po:if(this.isHorizontal())return;e.preventDefault(),this.adjust(1);break;case _o:e.preventDefault(),this.adjust(-this.activeTabIndex);break;case Oo:e.preventDefault(),this.adjust(this.tabs.filter(i=>pr(i)).length-this.activeTabIndex-1);break}}}disabledChanged(e,t){$(this.elementInternals,"disabled",t)}orientationChanged(e,t){this.elementInternals.ariaOrientation=t??xo.horizontal,y(this.elementInternals,e,t,xo),this.$fastController.isConnected&&this.setTabs()}activeidChanged(e,t){if(this.$fastController.isConnected&&this.tabs.length>0){if(this.prevActiveTabIndex=this.tabs.findIndex(i=>i.id===e),this.setTabs(),e){const i=this.tabs[this.prevActiveTabIndex],r=this.tabPanelMap.get(i);r&&(r.hidden=!0)}if(t&&this.activetab){const i=this.tabPanelMap.get(this.activetab);i&&(i.hidden=!1)}}}tabsChanged(){if(this.$fastController.isConnected&&this.tabs.length>0){this.tabIds=this.getTabIds(),this.setTabs();for(const e of this.tabs){const t=e.getAttribute("aria-controls")??"",r=this.getRootNode().getElementById(t);t&&r&&(r.role??(r.role="tabpanel"),r.hidden=this.activeid!==e.id,this.tabPanelMap.set(e,r))}}}getActiveIndex(){return this.activeid!==void 0?this.tabIds.indexOf(this.activeid)===-1?0:this.tabIds.indexOf(this.activeid):0}setTabs(){this.activeTabIndex=this.getActiveIndex(),this.tabs.forEach((e,t)=>{if(e.slot==="tab"){const i=this.activeTabIndex===t&&pr(e),r=this.tabIds[t];e.setAttribute("id",r),e.setAttribute("aria-selected",i?"true":"false"),e.addEventListener("click",this.handleTabClick),e.addEventListener("keydown",this.handleTabKeyDown),e.setAttribute("tabindex",i&&!this.disabled?"0":"-1"),i&&(this.activetab=e,this.activeid=r),this.change()}})}getTabIds(){return this.tabs.map(e=>e.getAttribute("id")??`tab-${eo()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===xo.horizontal}adjust(e){const t=this.tabs.filter(n=>pr(n)),i=t.indexOf(this.activetab),r=bc(0,t.length-1,i+e),s=this.tabs.indexOf(t[r]);s>-1&&this.activateTabByIndex(this.tabs,s)}activateTabByIndex(e,t){const i=e[t];this.activetab=i,this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=t,i.focus(),this.setComponent()}focusTab(){this.tabs[this.activeTabIndex].focus()}connectedCallback(){super.connectedCallback(),this.tabIds=this.getTabIds(),this.activeTabIndex=this.getActiveIndex()}}br([a({mode:"boolean"})],ri.prototype,"disabled",2),br([a],ri.prototype,"orientation",2),br([a],ri.prototype,"activeid",2),br([m],ri.prototype,"tabs",2);var xv=Object.defineProperty,kv=Object.getOwnPropertyDescriptor,vl=(o,e,t,i)=>{for(var r=i>1?void 0:i?kv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&xv(e,t,r),r};class As extends ri{constructor(){super(...arguments),this.activeTabData={x:0,y:0,height:0,width:0},this.previousActiveTabData={x:0,y:0,height:0,width:0},this.activeTabOffset=0,this.activeTabScale=1,this.appearance=ml.transparent}appearanceChanged(e,t){y(this.elementInternals,e,t,ml)}sizeChanged(e,t){y(this.elementInternals,e,t,vv)}calculateAnimationProperties(e){this.activeTabOffset=this.getTabPosition(e),this.activeTabScale=this.getTabScale(e)}getTabPosition(e){return this.orientation===xo.horizontal?this.previousActiveTabData.x-(e.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(e.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(e){return this.orientation===xo.horizontal?this.previousActiveTabData.width/e.getBoundingClientRect().width:this.previousActiveTabData.height/e.getBoundingClientRect().height}applyUpdatedCSSValues(e){this.calculateAnimationProperties(e),this.setAnimationVars()}animationLoop(e){e.setAttribute("data-animate","false"),this.applyUpdatedCSSValues(e),this.previousActiveTabData=this.activeTabData,this.applyUpdatedCSSValues(e),e.setAttribute("data-animate","true")}setTabData(){if(this.tabs&&this.tabs.length>0){const e=this.tabs,i=(this.activetab||e[0])?.getBoundingClientRect(),r=this.getBoundingClientRect();this.activeTabData={x:i.x-r.x,y:i.y-r.y,height:i.height,width:i.width},this.previousActiveTabData?.x!==this.activeTabData?.x&&this.previousActiveTabData?.y!==this.activeTabData?.y&&(this.previousActiveTabData=this.activeTabData)}}setAnimationVars(){this.style.setProperty("--tabIndicatorOffset",`${this.activeTabOffset}px`),this.style.setProperty("--tabIndicatorScale",`${this.activeTabScale}`)}activeidChanged(e,t){super.activeidChanged(e,t),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}tabsChanged(){super.tabsChanged(),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}}vl([a],As.prototype,"appearance",2),vl([a],As.prototype,"size",2);const wv=g`<template role="tablist"><slot name="tab" ${U("tabs")}></slot></template>`,Cv=p`
|
|
531
|
+
:host{box-sizing:border-box;font-family:${x};font-size:${F};line-height:${H};color:${Ee};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${O}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${O}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${O}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${O}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${z}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${O}}.tablist{display:grid;grid-template-rows:auto auto;grid-template-columns:auto;position:relative;width:max-content;align-self:end;box-sizing:border-box}::slotted([slot='start']),::slotted([slot='end']){display:flex;align-self:center}::slotted([slot='start']){margin-inline-end:11px}::slotted([slot='end']){margin-inline-start:11px}.tabpanel{grid-row:2;grid-column-start:1;grid-column-end:4;position:relative}:host([orientation='vertical']){grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr}:host([orientation='vertical']) .tablist{grid-row-start:2;grid-row-end:2;display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr;position:relative;width:max-content;justify-self:end;align-self:flex-start;width:100%}:host([orientation='vertical']) .tabpanel{grid-column:2;grid-row-start:1;grid-row-end:4}:host([orientation='vertical']) ::slotted([slot='end']){grid-row:3}:host([appearance='subtle']) ::slotted(fluent-tab:hover){background-color:${Ro};color:${Kr};fill:${ta}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${Ft};fill:${Ft};color:${_}}:host([size='small']) ::slotted(fluent-tab){font-size:${F};line-height:${H};padding:${Ze} ${le}}:host([size='large']) ::slotted(fluent-tab){font-size:${xe};line-height:${Ie};padding:${Wi} ${be}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${Ma};transition-timing-function:${us}}:host ::slotted(fluent-tab)::after{height:${pe};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${pe};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${pe};border-radius:${Se};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${pe};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${pe};margin-top:auto;transform-origin:left}:host([orientation='vertical']) ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:unset;margin-inline-end:auto;transform-origin:top;width:${pe}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${Ze};padding-bottom:${Ze}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${co};padding-bottom:${co}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${Z};padding-bottom:${Z}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${le};left:${le}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${be};left:${be}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${be};left:${be}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${Ze};bottom:${Ze}}:host([orientation='vertical']) ::slotted(fluent-tab)::after,:host([orientation='vertical']) ::slotted(fluent-tab)::before,:host([orientation='vertical']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${Z};bottom:${Z}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${uo};bottom:${uo}}`,gv=ii.compose({name:`${b.prefix}-tabs`,template:pv,styles:bv});gv.define(b.registry);const fv=o=>o.getAttribute("aria-disabled")==="true",mv=o=>o.hasAttribute("hidden"),pr=o=>!fv(o)&&!mv(o),ml={subtle:"subtle",transparent:"transparent"},vv={small:"small",medium:"medium",large:"large"},xo=Oe;var $v=Object.defineProperty,yv=Object.getOwnPropertyDescriptor,br=(o,e,t,i)=>{for(var r=i>1?void 0:i?yv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&$v(e,t,r),r};class ri extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.disabled=!1,this.orientation=xo.horizontal,this.prevActiveTabIndex=0,this.activeTabIndex=0,this.tabPanelMap=new WeakMap,this.change=()=>{this.$emit("change",this.activetab)},this.handleTabClick=e=>{const t=e.currentTarget;t.nodeType===Node.ELEMENT_NODE&&pr(t)&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(t),this.setComponent())},this.handleTabKeyDown=e=>{const t=Vr(this);switch(e.key){case zo:if(!this.isHorizontal())return;e.preventDefault(),this.adjust(t==="ltr"?-1:1);break;case To:if(!this.isHorizontal())return;e.preventDefault(),this.adjust(t==="ltr"?1:-1);break;case Bo:if(this.isHorizontal())return;e.preventDefault(),this.adjust(-1);break;case Po:if(this.isHorizontal())return;e.preventDefault(),this.adjust(1);break;case _o:e.preventDefault(),this.adjust(-this.activeTabIndex);break;case Oo:e.preventDefault(),this.adjust(this.tabs.filter(i=>pr(i)).length-this.activeTabIndex-1);break}}}disabledChanged(e,t){$(this.elementInternals,"disabled",t)}orientationChanged(e,t){this.elementInternals.ariaOrientation=t??xo.horizontal,y(this.elementInternals,e,t,xo),this.$fastController.isConnected&&this.setTabs()}activeidChanged(e,t){if(this.$fastController.isConnected&&this.tabs.length>0){if(this.prevActiveTabIndex=this.tabs.findIndex(i=>i.id===e),this.setTabs(),e){const i=this.tabs[this.prevActiveTabIndex],r=this.tabPanelMap.get(i);r&&(r.hidden=!0)}if(t&&this.activetab){const i=this.tabPanelMap.get(this.activetab);i&&(i.hidden=!1)}e!==t&&this.change()}}tabsChanged(){if(this.$fastController.isConnected&&this.tabs.length>0){this.tabIds=this.getTabIds(),this.setTabs();for(const e of this.tabs){const t=e.getAttribute("aria-controls")??"",r=this.getRootNode().getElementById(t);t&&r&&(r.role??(r.role="tabpanel"),r.hidden=this.activeid!==e.id,this.tabPanelMap.set(e,r))}}}getActiveIndex(){return this.activeid!==void 0?this.tabIds.indexOf(this.activeid)===-1?0:this.tabIds.indexOf(this.activeid):0}setTabs(){this.activeTabIndex=this.getActiveIndex(),this.tabs.forEach((e,t)=>{if(e.slot==="tab"){const i=this.activeTabIndex===t&&pr(e),r=this.tabIds[t];e.setAttribute("id",r),e.setAttribute("aria-selected",i?"true":"false"),e.addEventListener("click",this.handleTabClick),e.addEventListener("keydown",this.handleTabKeyDown),e.setAttribute("tabindex",i&&!this.disabled?"0":"-1"),i&&(this.activetab=e,this.activeid=r)}})}getTabIds(){return this.tabs.map(e=>e.getAttribute("id")??`tab-${eo()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab())}isHorizontal(){return this.orientation===xo.horizontal}adjust(e){const t=this.tabs.filter(n=>pr(n)),i=t.indexOf(this.activetab),r=bc(0,t.length-1,i+e),s=this.tabs.indexOf(t[r]);s>-1&&this.activateTabByIndex(this.tabs,s)}activateTabByIndex(e,t){const i=e[t];this.activetab=i,this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=t,i.focus(),this.setComponent()}focusTab(){this.tabs[this.activeTabIndex].focus()}connectedCallback(){super.connectedCallback(),this.tabIds=this.getTabIds(),this.activeTabIndex=this.getActiveIndex()}}br([a({mode:"boolean"})],ri.prototype,"disabled",2),br([a],ri.prototype,"orientation",2),br([a],ri.prototype,"activeid",2),br([m],ri.prototype,"tabs",2);var xv=Object.defineProperty,kv=Object.getOwnPropertyDescriptor,vl=(o,e,t,i)=>{for(var r=i>1?void 0:i?kv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&xv(e,t,r),r};class As extends ri{constructor(){super(...arguments),this.activeTabData={x:0,y:0,height:0,width:0},this.previousActiveTabData={x:0,y:0,height:0,width:0},this.activeTabOffset=0,this.activeTabScale=1,this.appearance=ml.transparent}appearanceChanged(e,t){y(this.elementInternals,e,t,ml)}sizeChanged(e,t){y(this.elementInternals,e,t,vv)}calculateAnimationProperties(e){this.activeTabOffset=this.getTabPosition(e),this.activeTabScale=this.getTabScale(e)}getTabPosition(e){return this.orientation===xo.horizontal?this.previousActiveTabData.x-(e.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(e.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(e){return this.orientation===xo.horizontal?this.previousActiveTabData.width/e.getBoundingClientRect().width:this.previousActiveTabData.height/e.getBoundingClientRect().height}applyUpdatedCSSValues(e){this.calculateAnimationProperties(e),this.setAnimationVars()}animationLoop(e){e.setAttribute("data-animate","false"),this.applyUpdatedCSSValues(e),this.previousActiveTabData=this.activeTabData,this.applyUpdatedCSSValues(e),e.setAttribute("data-animate","true")}setTabData(){if(this.tabs&&this.tabs.length>0){const e=this.tabs,i=(this.activetab||e[0])?.getBoundingClientRect(),r=this.getBoundingClientRect();this.activeTabData={x:i.x-r.x,y:i.y-r.y,height:i.height,width:i.width},this.previousActiveTabData?.x!==this.activeTabData?.x&&this.previousActiveTabData?.y!==this.activeTabData?.y&&(this.previousActiveTabData=this.activeTabData)}}setAnimationVars(){this.style.setProperty("--tabIndicatorOffset",`${this.activeTabOffset}px`),this.style.setProperty("--tabIndicatorScale",`${this.activeTabScale}`)}activeidChanged(e,t){super.activeidChanged(e,t),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}tabsChanged(){super.tabsChanged(),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}}vl([a],As.prototype,"appearance",2),vl([a],As.prototype,"size",2);const wv=g`<template role="tablist"><slot name="tab" ${U("tabs")}></slot></template>`,Cv=p`
|
|
532
532
|
${C("flex")}
|
|
533
533
|
|
|
534
534
|
:host{--tabPaddingInline:inherit;--tabPaddingBlock:inherit;--tabIndicatorInsetInline:0;--tabIndicatorInsetBlock:0;box-sizing:border-box;color:${Ee};flex-direction:row}:host(${P}){flex-direction:column}:host ::slotted([role='tab']){align-items:flex-start}:host ::slotted([slot='tab'][data-animate='true'])::after{transition-property:transform;transition-duration:${Ma};transition-timing-function:${us}}:host ::slotted([slot='tab'])::after{height:${pe};margin-block-start:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host(${P}) ::slotted([slot='tab'])::after{width:${pe};height:unset;margin-block-start:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted([slot='tab'])::before{height:${pe};border-radius:${Se};content:'';inset-inline:var(--tabIndicatorInsetInline);inset-block:var(--tabIndicatorInsetBlock);position:absolute;margin-top:auto}:host ::slotted([slot='tab'])::before{inset-inline:var(--tabIndicatorInsetInline);inset-block:var(--tabIndicatorInsetBlock)}:host ::slotted([slot='tab'][aria-selected='true'])::before{background-color:${O}}:host ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:${pe};margin-block-start:auto;transform-origin:left}:host(${P}) ::slotted([slot='tab'])::before,:host(${P}) ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:unset;width:${pe};margin-inline-end:auto;transform-origin:top}:host(:where(${T},${S})) ::slotted([slot='tab']){padding-inline:var(--tabPaddingInline);padding-block:var(--tabPaddingBlock)}:host(${T}) ::slotted([slot='tab']){--tabPaddingBlock:${Ze};--tabPaddingInline:${le};font-size:${F};line-height:${H}}:host(${S}) ::slotted([slot='tab']){--tabPaddingBlock:${Wi};--tabPaddingInline:${be};font-size:${xe};line-height:${Ie}}:host ::slotted([slot='tab'])::after,:host ::slotted([slot='tab'])::before,:host ::slotted([slot='tab']:hover)::after{inset-inline:var(--tabIndicatorInsetInline)}:host ::slotted([slot='tab']){--tabIndicatorInsetInline:${be}}:host(${T}) ::slotted([slot='tab']){--tabIndicatorInsetInline:${le}}:host(${S}) ::slotted([slot='tab']){--tabIndicatorInsetInline:${be}}:host(${P}) ::slotted([slot='tab']){padding-block:var(--tabPaddingBlock)}:host(${P}) ::slotted([slot='tab']){--tabPaddingBlock:${Z}}:host(${P}${T}) ::slotted([slot='tab']){--tabPaddingBlock:${co}}:host(${P}${S}) ::slotted([slot='tab']){--tabPaddingBlock:${Z}}:host(${P}) ::slotted([slot='tab'])::after,:host(${P}) ::slotted([slot='tab'])::before,:host(${P}) ::slotted([slot='tab']:hover)::after{inset-inline:0;inset-block:var(--tabIndicatorInsetBlock)}:host(${P}){--tabIndicatorInsetBlock:${Z}}:host(${P}${T}){--tabIndicatorInsetBlock:${Ze}}:host(${P}${S}){--tabIndicatorInsetBlock:${uo}}:host(${M}){cursor:not-allowed;color:${O}}:host(${M}) ::slotted([slot='tab']){pointer-events:none;cursor:not-allowed;color:${O}}:host(${M}) ::slotted([slot='tab']:after){background-color:${O}}:host(${M}) ::slotted([slot='tab'][aria-selected='true'])::after{background-color:${O}}:host(${M}) ::slotted([slot='tab']:hover):before{content:unset}:host(${B}) ::slotted([slot='tab']:hover){background-color:${Ro};color:${Kr};fill:${ta}}:host(${B}) ::slotted([slot='tab']:active){background-color:${Ft};fill:${Ft};color:${_}}`,Sv=As.compose({name:`${b.prefix}-tablist`,template:wv,styles:Cv});Sv.define(b.registry);const Iv={small:"small",medium:"medium",large:"large"},si={outline:"outline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Pv=[si.filledLighter,si.filledDarker],gr={none:"none",both:"both",horizontal:"horizontal",vertical:"vertical"};var zv=Object.defineProperty,Tv=Object.getOwnPropertyDescriptor,ve=(o,e,t,i)=>{for(var r=i>1?void 0:i?Tv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&zv(e,t,r),r};class oe extends k{constructor(){super(),this.elementInternals=this.attachInternals(),this.userInteracted=!1,this.preConnectControlEl=document.createElement("textarea"),this.autoResize=!1,this.disabled=!1,this.displayShadow=!1,this.readOnly=!1,this.required=!1,this.resize=gr.none,this.spellcheck=!1}defaultSlottedNodesChanged(){const e=this.getContent();this.defaultValue=e,this.value=e}labelSlottedNodesChanged(){this.labelEl&&(this.labelEl.hidden=!this.labelSlottedNodes.length),this.labelSlottedNodes.forEach(e=>{e.disabled=this.disabled,e.required=this.required})}autoResizeChanged(){this.maybeCreateAutoSizerEl(),$(this.elementInternals,"auto-resize",this.autoResize)}disabledChanged(){this.setDisabledSideEffect(this.disabled)}get form(){return this.elementInternals.form}get labels(){return this.elementInternals.labels}readOnlyChanged(){this.elementInternals.ariaReadOnly=`${!!this.readOnly}`}requiredChanged(){this.elementInternals.ariaRequired=`${!!this.required}`,this.labelSlottedNodes?.length&&this.labelSlottedNodes.forEach(e=>e.required=this.required)}resizeChanged(e,t){y(this.elementInternals,e,t,gr,"resize-"),$(this.elementInternals,"resize",qr(gr,t)&&t!==gr.none)}get textLength(){return this.controlEl.textLength}get type(){return"textarea"}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage||this.controlEl.validationMessage}get willValidate(){return this.elementInternals.willValidate}get defaultValue(){return this.controlEl?.defaultValue??this.preConnectControlEl.defaultValue}set defaultValue(e){const t=this.controlEl??this.preConnectControlEl;t.defaultValue=e,this.controlEl&&!this.userInteracted&&(this.controlEl.value=e)}get value(){return this.controlEl?.value??this.preConnectControlEl.value}set value(e){const t=this.controlEl??this.preConnectControlEl;t.value=e,this.setFormValue(e),this.setValidity()}connectedCallback(){super.connectedCallback(),this.setDefaultValue(),this.maybeCreateAutoSizerEl(),this.bindEvents(),this.observeControlElAttrs()}disconnectedCallback(){super.disconnectedCallback(),this.autoSizerObserver?.disconnect(),this.controlElAttrObserver?.disconnect()}formResetCallback(){this.value=this.defaultValue}formDisabledCallback(e){this.setDisabledSideEffect(e),this.setValidity()}setFormValue(e,t){this.elementInternals.setFormValue(e,e??t)}checkValidity(){return this.elementInternals.checkValidity()}reportValidity(){return this.elementInternals.reportValidity()}setCustomValidity(e){this.elementInternals.setValidity({customError:!!e},e?e.toString():void 0),this.reportValidity()}setValidity(e,t,i){this.$fastController.isConnected&&(this.disabled||this.readOnly?this.elementInternals.setValidity({}):this.elementInternals.setValidity(e??this.controlEl.validity,t??this.controlEl.validationMessage,i??this.controlEl),this.userInteracted&&this.toggleUserValidityState())}select(){this.controlEl.select()}setDefaultValue(){this.defaultValue=this.innerHTML.trim()||this.preConnectControlEl.defaultValue||"",this.value=this.preConnectControlEl.value||this.defaultValue,this.setFormValue(this.value),this.setValidity(),this.preConnectControlEl=null}bindEvents(){this.controlEl.addEventListener("input",()=>this.userInteracted=!0,{once:!0})}getContent(){return this.defaultSlottedNodes.map(e=>{switch(e.nodeType){case Node.ELEMENT_NODE:return e.outerHTML;case Node.TEXT_NODE:return e.textContent.trim();default:return""}}).join("")||""}observeControlElAttrs(){this.controlElAttrObserver=new MutationObserver(()=>{this.setValidity()}),this.controlElAttrObserver.observe(this.controlEl,{attributes:!0,attributeFilter:["disabled","required","readonly","maxlength","minlength"]})}setDisabledSideEffect(e){this.elementInternals.ariaDisabled=`${e}`,this.controlEl&&(this.controlEl.disabled=e),this.labelSlottedNodes?.length&&this.labelSlottedNodes.forEach(t=>t.disabled=this.disabled)}toggleUserValidityState(){$(this.elementInternals,"user-invalid",!this.validity.valid),$(this.elementInternals,"user-valid",this.validity.valid)}maybeCreateAutoSizerEl(){if(!CSS.supports("field-sizing: content")){if(!this.autoResize){this.autoSizerEl?.remove(),this.autoSizerObserver?.disconnect();return}this.autoSizerEl||(this.autoSizerEl=document.createElement("div"),this.autoSizerEl.classList.add("auto-sizer"),this.autoSizerEl.ariaHidden="true"),this.shadowRoot.prepend(this.autoSizerEl),this.autoSizerObserver||(this.autoSizerObserver=new ResizeObserver((e,t)=>{const i=window.getComputedStyle(this).writingMode.startsWith("horizontal")?"height":"width";this.style.getPropertyValue(i)!==""&&(this.autoSizerEl?.remove(),t.disconnect())})),this.autoSizerObserver.observe(this)}}handleControlInput(){this.autoResize&&this.autoSizerEl&&(this.autoSizerEl.textContent=this.value+" "),this.setFormValue(this.value),this.setValidity()}handleControlChange(){this.toggleUserValidityState(),this.$emit("change")}handleControlSelect(){this.$emit("select")}}oe.formAssociated=!0,ve([m],oe.prototype,"defaultSlottedNodes",2),ve([m],oe.prototype,"labelSlottedNodes",2),ve([a],oe.prototype,"autocomplete",2),ve([a({attribute:"auto-resize",mode:"boolean"})],oe.prototype,"autoResize",2),ve([a({attribute:"dirname"})],oe.prototype,"dirName",2),ve([a({mode:"boolean"})],oe.prototype,"disabled",2),ve([a({attribute:"display-shadow",mode:"boolean"})],oe.prototype,"displayShadow",2),ve([a({attribute:"form"})],oe.prototype,"initialForm",2),ve([a({attribute:"maxlength",converter:se})],oe.prototype,"maxLength",2),ve([a({attribute:"minlength",converter:se})],oe.prototype,"minLength",2),ve([a],oe.prototype,"name",2),ve([a],oe.prototype,"placeholder",2),ve([a({attribute:"readonly",mode:"boolean"})],oe.prototype,"readOnly",2),ve([a({mode:"boolean"})],oe.prototype,"required",2),ve([a({mode:"fromView"})],oe.prototype,"resize",2),ve([a({mode:"boolean"})],oe.prototype,"spellcheck",2);var Bv=Object.defineProperty,Ov=Object.getOwnPropertyDescriptor,_s=(o,e,t,i)=>{for(var r=i>1?void 0:i?Ov(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Bv(e,t,r),r};class fr extends oe{constructor(){super(...arguments),this.appearance=si.outline,this.block=!1}labelSlottedNodesChanged(){super.labelSlottedNodesChanged(),this.labelSlottedNodes.forEach(e=>{e.size=this.size})}appearanceChanged(e,t){$(this.elementInternals,e,!1),qr(si,t)?$(this.elementInternals,t,!0):this.appearance=si.outline}blockChanged(){$(this.elementInternals,"block",this.block)}sizeChanged(e,t){y(this.elementInternals,e,t,Iv)}handleChange(e,t){switch(t){case"size":this.labelSlottedNodes.forEach(i=>{i.size=this.size});break;case"appearance":case"displayShadow":this.maybeDisplayShadow();break}}connectedCallback(){super.connectedCallback(),this.maybeDisplayShadow(),f.getNotifier(this).subscribe(this,"appearance"),f.getNotifier(this).subscribe(this,"displayShadow"),f.getNotifier(this).subscribe(this,"size")}disconnectedCallback(){super.disconnectedCallback(),f.getNotifier(this).unsubscribe(this,"appearance"),f.getNotifier(this).unsubscribe(this,"displayShadow"),f.getNotifier(this).unsubscribe(this,"size")}maybeDisplayShadow(){$(this.elementInternals,"display-shadow",this.displayShadow&&Pv.includes(this.appearance))}}_s([a({mode:"fromView"})],fr.prototype,"appearance",2),_s([a({mode:"boolean"})],fr.prototype,"block",2),_s([a],fr.prototype,"size",2);const Av=p`
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/web-components",
|
|
3
3
|
"description": "A library of Fluent Web Components",
|
|
4
|
-
"version": "3.0.0-beta.
|
|
4
|
+
"version": "3.0.0-beta.89",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Microsoft",
|
|
7
7
|
"url": "https://discord.gg/FcSNfg4"
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
"clean": "node ./scripts/clean dist",
|
|
85
85
|
"generate-api": "api-extractor run --local",
|
|
86
86
|
"build": "yarn compile && yarn rollup -c && yarn generate-api",
|
|
87
|
-
"lint": "eslint . --ext .ts",
|
|
87
|
+
"lint": "ESLINT_USE_FLAT_CONFIG=false eslint . --ext .ts",
|
|
88
88
|
"lint:fix": "eslint . --ext .ts --fix",
|
|
89
89
|
"format": "prettier -w src/**/*.{ts,html} --ignore-path ../../.prettierignore",
|
|
90
90
|
"format:check": "yarn format -c",
|