@ni/nimble-components 17.0.8 → 17.2.0
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/dist/all-components-bundle.js +455 -162
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +1529 -1438
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/all-components.d.ts +2 -0
- package/dist/esm/all-components.js +2 -0
- package/dist/esm/all-components.js.map +1 -1
- package/dist/esm/anchor-tab/index.d.ts +20 -0
- package/dist/esm/anchor-tab/index.js +31 -0
- package/dist/esm/anchor-tab/index.js.map +1 -0
- package/dist/esm/{tab → anchor-tab}/styles.d.ts +0 -0
- package/dist/esm/anchor-tab/styles.js +13 -0
- package/dist/esm/anchor-tab/styles.js.map +1 -0
- package/dist/esm/anchor-tab/template.d.ts +4 -0
- package/dist/esm/anchor-tab/template.js +19 -0
- package/dist/esm/anchor-tab/template.js.map +1 -0
- package/dist/esm/anchor-tabs/index.d.ts +58 -0
- package/dist/esm/anchor-tabs/index.js +214 -0
- package/dist/esm/anchor-tabs/index.js.map +1 -0
- package/dist/esm/anchor-tabs/styles.d.ts +1 -0
- package/dist/esm/anchor-tabs/styles.js +20 -0
- package/dist/esm/anchor-tabs/styles.js.map +1 -0
- package/dist/esm/anchor-tabs/template.d.ts +4 -0
- package/dist/esm/anchor-tabs/template.js +10 -0
- package/dist/esm/anchor-tabs/template.js.map +1 -0
- package/dist/esm/patterns/tab/styles.d.ts +1 -0
- package/dist/esm/{tab → patterns/tab}/styles.js +17 -7
- package/dist/esm/patterns/tab/styles.js.map +1 -0
- package/dist/esm/spinner/styles.js +3 -2
- package/dist/esm/spinner/styles.js.map +1 -1
- package/dist/esm/tab/index.js +1 -1
- package/dist/esm/tab/index.js.map +1 -1
- package/dist/esm/theme-provider/design-token-comments.js +3 -0
- package/dist/esm/theme-provider/design-token-comments.js.map +1 -1
- package/dist/esm/theme-provider/design-token-names.d.ts +1 -0
- package/dist/esm/theme-provider/design-token-names.js +4 -0
- package/dist/esm/theme-provider/design-token-names.js.map +1 -1
- package/dist/esm/theme-provider/design-tokens.d.ts +3 -0
- package/dist/esm/theme-provider/design-tokens.js +3 -0
- package/dist/esm/theme-provider/design-tokens.js.map +1 -1
- package/dist/tokens-internal.scss +18 -0
- package/dist/tokens.scss +9 -0
- package/package.json +1 -1
- package/dist/esm/tab/styles.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"all-components.js","sourceRoot":"","sources":["../../src/all-components.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,UAAU,CAAC;AAClB,OAAO,iBAAiB,CAAC;AACzB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,cAAc,CAAC;AACtB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,CAAC;AAClB,OAAO,eAAe,CAAC;AACvB,OAAO,YAAY,CAAC;AACpB,OAAO,YAAY,CAAC;AACpB,OAAO,UAAU,CAAC;AAClB,OAAO,UAAU,CAAC;AAClB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,eAAe,CAAC;AACvB,OAAO,QAAQ,CAAC;AAChB,OAAO,eAAe,CAAC;AACvB,OAAO,aAAa,CAAC;AACrB,OAAO,gBAAgB,CAAC;AACxB,OAAO,SAAS,CAAC;AACjB,OAAO,eAAe,CAAC;AACvB,OAAO,UAAU,CAAC;AAClB,OAAO,WAAW,CAAC;AACnB,OAAO,UAAU,CAAC;AAClB,OAAO,OAAO,CAAC;AACf,OAAO,aAAa,CAAC;AACrB,OAAO,SAAS,CAAC;AACjB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,QAAQ,CAAC;AAChB,OAAO,gBAAgB,CAAC;AACxB,OAAO,aAAa,CAAC;AACrB,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,iBAAiB,CAAC;AACzB,OAAO,WAAW,CAAC;AACnB,OAAO,WAAW,CAAC;AACnB,OAAO,aAAa,CAAC;AACrB,OAAO,aAAa,CAAC;AACrB,OAAO,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"all-components.js","sourceRoot":"","sources":["../../src/all-components.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,UAAU,CAAC;AAClB,OAAO,iBAAiB,CAAC;AACzB,OAAO,cAAc,CAAC;AACtB,OAAO,eAAe,CAAC;AACvB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,cAAc,CAAC;AACtB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,CAAC;AAClB,OAAO,eAAe,CAAC;AACvB,OAAO,YAAY,CAAC;AACpB,OAAO,YAAY,CAAC;AACpB,OAAO,UAAU,CAAC;AAClB,OAAO,UAAU,CAAC;AAClB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,eAAe,CAAC;AACvB,OAAO,QAAQ,CAAC;AAChB,OAAO,eAAe,CAAC;AACvB,OAAO,aAAa,CAAC;AACrB,OAAO,gBAAgB,CAAC;AACxB,OAAO,SAAS,CAAC;AACjB,OAAO,eAAe,CAAC;AACvB,OAAO,UAAU,CAAC;AAClB,OAAO,WAAW,CAAC;AACnB,OAAO,UAAU,CAAC;AAClB,OAAO,OAAO,CAAC;AACf,OAAO,aAAa,CAAC;AACrB,OAAO,SAAS,CAAC;AACjB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,QAAQ,CAAC;AAChB,OAAO,gBAAgB,CAAC;AACxB,OAAO,aAAa,CAAC;AACrB,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,iBAAiB,CAAC;AACzB,OAAO,WAAW,CAAC;AACnB,OAAO,WAAW,CAAC;AACnB,OAAO,aAAa,CAAC;AACrB,OAAO,aAAa,CAAC;AACrB,OAAO,aAAa,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { FoundationElementDefinition, StartEndOptions } from '@microsoft/fast-foundation';
|
|
2
|
+
import { AnchorBase } from '../anchor-base';
|
|
3
|
+
declare global {
|
|
4
|
+
interface HTMLElementTagNameMap {
|
|
5
|
+
'nimble-anchor-tab': AnchorTab;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
export declare type TabOptions = FoundationElementDefinition & StartEndOptions;
|
|
9
|
+
/**
|
|
10
|
+
* A nimble-styled link tab
|
|
11
|
+
*/
|
|
12
|
+
export declare class AnchorTab extends AnchorBase {
|
|
13
|
+
/**
|
|
14
|
+
* When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information.
|
|
15
|
+
* @public
|
|
16
|
+
* @remarks
|
|
17
|
+
* HTML Attribute: disabled
|
|
18
|
+
*/
|
|
19
|
+
disabled: boolean;
|
|
20
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { attr } from '@microsoft/fast-element';
|
|
3
|
+
import { DesignSystem } from '@microsoft/fast-foundation';
|
|
4
|
+
import { AnchorBase } from '../anchor-base';
|
|
5
|
+
import { styles } from './styles';
|
|
6
|
+
import { template } from './template';
|
|
7
|
+
/**
|
|
8
|
+
* A nimble-styled link tab
|
|
9
|
+
*/
|
|
10
|
+
export class AnchorTab extends AnchorBase {
|
|
11
|
+
constructor() {
|
|
12
|
+
super(...arguments);
|
|
13
|
+
/**
|
|
14
|
+
* When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information.
|
|
15
|
+
* @public
|
|
16
|
+
* @remarks
|
|
17
|
+
* HTML Attribute: disabled
|
|
18
|
+
*/
|
|
19
|
+
this.disabled = false;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
__decorate([
|
|
23
|
+
attr({ mode: 'boolean' })
|
|
24
|
+
], AnchorTab.prototype, "disabled", void 0);
|
|
25
|
+
const nimbleAnchorTab = AnchorTab.compose({
|
|
26
|
+
baseName: 'anchor-tab',
|
|
27
|
+
template,
|
|
28
|
+
styles
|
|
29
|
+
});
|
|
30
|
+
DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleAnchorTab());
|
|
31
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor-tab/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,YAAY,EAGf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAUtC;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,UAAU;IAAzC;;QACI;;;;;WAKG;QAEI,aAAQ,GAAG,KAAK,CAAC;IAC5B,CAAC;CAAA;AADG;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;2CACF;AAG5B,MAAM,eAAe,GAAG,SAAS,CAAC,OAAO,CAAC;IACtC,QAAQ,EAAE,YAAY;IACtB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC,CAAC"}
|
|
File without changes
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { css } from '@microsoft/fast-element';
|
|
2
|
+
import { styles as tabStyles } from '../patterns/tab/styles';
|
|
3
|
+
export const styles = css `
|
|
4
|
+
${tabStyles}
|
|
5
|
+
|
|
6
|
+
a {
|
|
7
|
+
text-decoration: none;
|
|
8
|
+
color: inherit;
|
|
9
|
+
cursor: inherit;
|
|
10
|
+
outline: none;
|
|
11
|
+
}
|
|
12
|
+
`;
|
|
13
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor-tab/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAE7D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,SAAS;;;;;;;;CAQd,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { FoundationElementTemplate } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { AnchorTab, TabOptions } from '.';
|
|
4
|
+
export declare const template: FoundationElementTemplate<ViewTemplate<AnchorTab>, TabOptions>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { html } from '@microsoft/fast-element';
|
|
2
|
+
export const template = () => html `
|
|
3
|
+
<template slot="anchortab" role="tab" aria-disabled="${x => x.disabled}">
|
|
4
|
+
<a
|
|
5
|
+
download="${x => x.download}"
|
|
6
|
+
href=${x => (x.disabled ? null : x.href)}
|
|
7
|
+
hreflang="${x => x.hreflang}"
|
|
8
|
+
ping="${x => x.ping}"
|
|
9
|
+
referrerpolicy="${x => x.referrerpolicy}"
|
|
10
|
+
rel="${x => x.rel}"
|
|
11
|
+
target="${x => x.target}"
|
|
12
|
+
type="${x => x.type}"
|
|
13
|
+
tabindex="-1"
|
|
14
|
+
>
|
|
15
|
+
<slot></slot>
|
|
16
|
+
</a>
|
|
17
|
+
</template>
|
|
18
|
+
`;
|
|
19
|
+
//# sourceMappingURL=template.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/anchor-tab/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAgB,MAAM,yBAAyB,CAAC;AAI7D,MAAM,CAAC,MAAM,QAAQ,GAGjB,GAAG,EAAE,CAAC,IAAI,CAAW;2DACkC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;wBAElD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;mBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;wBAC5B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;oBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;8BACD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;mBAChC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;sBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;oBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;;;;;CAM9B,CAAC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { StartEndOptions, FoundationElementDefinition, FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'nimble-anchor-tabs': AnchorTabs;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export declare type TabsOptions = FoundationElementDefinition & StartEndOptions;
|
|
8
|
+
/**
|
|
9
|
+
* A nimble-styled set of anchor tabs
|
|
10
|
+
*/
|
|
11
|
+
export declare class AnchorTabs extends FoundationElement {
|
|
12
|
+
/**
|
|
13
|
+
* The id of the active tab
|
|
14
|
+
*
|
|
15
|
+
* @public
|
|
16
|
+
* @remarks
|
|
17
|
+
* HTML Attribute: activeid
|
|
18
|
+
*/
|
|
19
|
+
activeid?: string;
|
|
20
|
+
/**
|
|
21
|
+
* @internal
|
|
22
|
+
*/
|
|
23
|
+
tabs: HTMLElement[];
|
|
24
|
+
/**
|
|
25
|
+
* A reference to the active tab
|
|
26
|
+
* @public
|
|
27
|
+
*/
|
|
28
|
+
activetab?: HTMLElement;
|
|
29
|
+
/**
|
|
30
|
+
* A reference to the tablist div
|
|
31
|
+
* @internal
|
|
32
|
+
*/
|
|
33
|
+
tablist: HTMLElement;
|
|
34
|
+
private tabIds;
|
|
35
|
+
/**
|
|
36
|
+
* @internal
|
|
37
|
+
*/
|
|
38
|
+
activeidChanged(_oldValue: string, _newValue: string): void;
|
|
39
|
+
/**
|
|
40
|
+
* @internal
|
|
41
|
+
*/
|
|
42
|
+
tabsChanged(): void;
|
|
43
|
+
/**
|
|
44
|
+
* @internal
|
|
45
|
+
*/
|
|
46
|
+
connectedCallback(): void;
|
|
47
|
+
private readonly isDisabledElement;
|
|
48
|
+
private readonly isFocusableElement;
|
|
49
|
+
private readonly setTabs;
|
|
50
|
+
private getTabIds;
|
|
51
|
+
private readonly handleTabClick;
|
|
52
|
+
private readonly handleTabKeyDown;
|
|
53
|
+
private focusFirstOrLast;
|
|
54
|
+
private readonly adjustForward;
|
|
55
|
+
private readonly adjustBackward;
|
|
56
|
+
private readonly focusTabByIndex;
|
|
57
|
+
private getTabAnchor;
|
|
58
|
+
}
|
|
@@ -0,0 +1,214 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
// Based on:
|
|
3
|
+
// https://github.com/microsoft/fast/blob/6bce27d0b2d654650b8751bf055f5e3b5a4f9250/packages/web-components/fast-foundation/src/tabs/tabs.ts
|
|
4
|
+
// The code is heavily modified such that a diff against the original is useless.
|
|
5
|
+
// Primary differences are:
|
|
6
|
+
// - Reimplemented active tab indicator and removed attribute to disable it
|
|
7
|
+
// - Separated tab focus and tab selection, i.e. can focus a different tab than the selected one
|
|
8
|
+
// - Removed everything related to tab panels
|
|
9
|
+
// - Removed support for vertical tab orientation
|
|
10
|
+
// - Removed change event
|
|
11
|
+
// - Conforms to our linter rules
|
|
12
|
+
import { attr, observable } from '@microsoft/fast-element';
|
|
13
|
+
import { keyArrowLeft, keyArrowRight, keyEnd, keyEnter, keyHome, keySpace, uniqueId } from '@microsoft/fast-web-utilities';
|
|
14
|
+
import { DesignSystem, StartEnd, applyMixins, FoundationElement } from '@microsoft/fast-foundation';
|
|
15
|
+
import { styles } from './styles';
|
|
16
|
+
import { template } from './template';
|
|
17
|
+
/**
|
|
18
|
+
* A nimble-styled set of anchor tabs
|
|
19
|
+
*/
|
|
20
|
+
export class AnchorTabs extends FoundationElement {
|
|
21
|
+
constructor() {
|
|
22
|
+
super(...arguments);
|
|
23
|
+
this.tabIds = [];
|
|
24
|
+
this.isDisabledElement = (el) => {
|
|
25
|
+
return el.getAttribute('aria-disabled') === 'true';
|
|
26
|
+
};
|
|
27
|
+
this.isFocusableElement = (el) => {
|
|
28
|
+
return !this.isDisabledElement(el);
|
|
29
|
+
};
|
|
30
|
+
this.setTabs = () => {
|
|
31
|
+
const gridHorizontalProperty = 'gridColumn';
|
|
32
|
+
const gridVerticalProperty = 'gridRow';
|
|
33
|
+
this.activetab = undefined;
|
|
34
|
+
let firstFocusableTab;
|
|
35
|
+
this.tabs.forEach((tab, index) => {
|
|
36
|
+
const tabId = this.tabIds[index];
|
|
37
|
+
const isActiveTab = this.activeid === tabId;
|
|
38
|
+
if (!firstFocusableTab && this.isFocusableElement(tab)) {
|
|
39
|
+
firstFocusableTab = tab;
|
|
40
|
+
}
|
|
41
|
+
const isTabStop = this.activeid === tabId && this.isFocusableElement(tab);
|
|
42
|
+
tab.setAttribute('id', tabId);
|
|
43
|
+
tab.setAttribute('aria-selected', isActiveTab ? 'true' : 'false');
|
|
44
|
+
tab.removeEventListener('click', this.handleTabClick);
|
|
45
|
+
tab.addEventListener('click', this.handleTabClick);
|
|
46
|
+
tab.removeEventListener('keydown', this.handleTabKeyDown);
|
|
47
|
+
tab.addEventListener('keydown', this.handleTabKeyDown);
|
|
48
|
+
tab.setAttribute('tabindex', isTabStop ? '0' : '-1');
|
|
49
|
+
if (isActiveTab) {
|
|
50
|
+
this.activetab = tab;
|
|
51
|
+
}
|
|
52
|
+
tab.style[gridVerticalProperty] = '';
|
|
53
|
+
tab.style[gridHorizontalProperty] = `${index + 1}`;
|
|
54
|
+
});
|
|
55
|
+
if (firstFocusableTab
|
|
56
|
+
&& (!this.activetab || !this.isFocusableElement(this.activetab))) {
|
|
57
|
+
firstFocusableTab.setAttribute('tabindex', '0');
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
this.handleTabClick = (event) => {
|
|
61
|
+
const selectedTab = event.currentTarget;
|
|
62
|
+
if (selectedTab.nodeType === 1
|
|
63
|
+
&& this.isFocusableElement(selectedTab)) {
|
|
64
|
+
this.tabs.forEach((tab) => {
|
|
65
|
+
tab.setAttribute('tabindex', tab === selectedTab ? '0' : '-1');
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
this.handleTabKeyDown = (event) => {
|
|
70
|
+
let anchor;
|
|
71
|
+
switch (event.key) {
|
|
72
|
+
case keyArrowLeft:
|
|
73
|
+
event.preventDefault();
|
|
74
|
+
this.adjustBackward();
|
|
75
|
+
break;
|
|
76
|
+
case keyArrowRight:
|
|
77
|
+
event.preventDefault();
|
|
78
|
+
this.adjustForward();
|
|
79
|
+
break;
|
|
80
|
+
case keyHome:
|
|
81
|
+
event.preventDefault();
|
|
82
|
+
this.focusFirstOrLast(false);
|
|
83
|
+
break;
|
|
84
|
+
case keyEnd:
|
|
85
|
+
event.preventDefault();
|
|
86
|
+
this.focusFirstOrLast(true);
|
|
87
|
+
break;
|
|
88
|
+
case keySpace:
|
|
89
|
+
case keyEnter:
|
|
90
|
+
event.preventDefault();
|
|
91
|
+
this.getTabAnchor(event.target).click();
|
|
92
|
+
break;
|
|
93
|
+
case 'ContextMenu':
|
|
94
|
+
event.preventDefault();
|
|
95
|
+
anchor = this.getTabAnchor(event.target);
|
|
96
|
+
anchor.focus();
|
|
97
|
+
anchor.dispatchEvent(new KeyboardEvent('keydown', {
|
|
98
|
+
key: event.key,
|
|
99
|
+
bubbles: false
|
|
100
|
+
}));
|
|
101
|
+
break;
|
|
102
|
+
default:
|
|
103
|
+
// do nothing
|
|
104
|
+
}
|
|
105
|
+
};
|
|
106
|
+
this.adjustForward = () => {
|
|
107
|
+
const group = this.tabs;
|
|
108
|
+
let index = 0;
|
|
109
|
+
const focusedTab = group.find(x => x === document.activeElement);
|
|
110
|
+
index = focusedTab ? group.indexOf(focusedTab) + 1 : 1;
|
|
111
|
+
if (index === group.length) {
|
|
112
|
+
index = 0;
|
|
113
|
+
}
|
|
114
|
+
while (index < group.length && group.length > 1) {
|
|
115
|
+
if (this.isFocusableElement(group[index])) {
|
|
116
|
+
this.focusTabByIndex(group, index);
|
|
117
|
+
break;
|
|
118
|
+
}
|
|
119
|
+
else if (focusedTab && index === group.indexOf(focusedTab)) {
|
|
120
|
+
break;
|
|
121
|
+
}
|
|
122
|
+
else if (index + 1 >= group.length) {
|
|
123
|
+
index = 0;
|
|
124
|
+
}
|
|
125
|
+
else {
|
|
126
|
+
index += 1;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
};
|
|
130
|
+
this.adjustBackward = () => {
|
|
131
|
+
const group = this.tabs;
|
|
132
|
+
let index = 0;
|
|
133
|
+
const focusedTab = group.find(x => x === document.activeElement);
|
|
134
|
+
index = focusedTab ? group.indexOf(focusedTab) - 1 : 0;
|
|
135
|
+
index = index < 0 ? group.length - 1 : index;
|
|
136
|
+
while (index >= 0 && group.length > 1) {
|
|
137
|
+
if (this.isFocusableElement(group[index])) {
|
|
138
|
+
this.focusTabByIndex(group, index);
|
|
139
|
+
break;
|
|
140
|
+
}
|
|
141
|
+
else if (index - 1 < 0) {
|
|
142
|
+
index = group.length - 1;
|
|
143
|
+
}
|
|
144
|
+
else {
|
|
145
|
+
index -= 1;
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
};
|
|
149
|
+
this.focusTabByIndex = (group, index) => {
|
|
150
|
+
const focusedTab = group[index];
|
|
151
|
+
focusedTab.focus();
|
|
152
|
+
this.tabs.forEach((tab) => {
|
|
153
|
+
tab.setAttribute('tabindex', tab === focusedTab ? '0' : '-1');
|
|
154
|
+
});
|
|
155
|
+
};
|
|
156
|
+
}
|
|
157
|
+
/**
|
|
158
|
+
* @internal
|
|
159
|
+
*/
|
|
160
|
+
activeidChanged(_oldValue, _newValue) {
|
|
161
|
+
if (this.$fastController.isConnected) {
|
|
162
|
+
this.setTabs();
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
/**
|
|
166
|
+
* @internal
|
|
167
|
+
*/
|
|
168
|
+
tabsChanged() {
|
|
169
|
+
if (this.$fastController.isConnected) {
|
|
170
|
+
this.tabIds = this.getTabIds();
|
|
171
|
+
this.setTabs();
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
/**
|
|
175
|
+
* @internal
|
|
176
|
+
*/
|
|
177
|
+
connectedCallback() {
|
|
178
|
+
super.connectedCallback();
|
|
179
|
+
this.tabIds = this.getTabIds();
|
|
180
|
+
}
|
|
181
|
+
getTabIds() {
|
|
182
|
+
return this.tabs.map((tab) => {
|
|
183
|
+
return tab.getAttribute('id') ?? `tab-${uniqueId()}`;
|
|
184
|
+
});
|
|
185
|
+
}
|
|
186
|
+
focusFirstOrLast(focusLast) {
|
|
187
|
+
const focusableTabs = this.tabs.filter(t => !this.isDisabledElement(t));
|
|
188
|
+
const focusableIndex = focusLast ? focusableTabs.length - 1 : 0;
|
|
189
|
+
const index = this.tabs.indexOf(focusableTabs[focusableIndex]);
|
|
190
|
+
if (index > -1) {
|
|
191
|
+
this.focusTabByIndex(this.tabs, index);
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
getTabAnchor(tab) {
|
|
195
|
+
return tab.shadowRoot.querySelector('a');
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
__decorate([
|
|
199
|
+
attr
|
|
200
|
+
], AnchorTabs.prototype, "activeid", void 0);
|
|
201
|
+
__decorate([
|
|
202
|
+
observable
|
|
203
|
+
], AnchorTabs.prototype, "tabs", void 0);
|
|
204
|
+
applyMixins(AnchorTabs, StartEnd);
|
|
205
|
+
const nimbleAnchorTabs = AnchorTabs.compose({
|
|
206
|
+
baseName: 'anchor-tabs',
|
|
207
|
+
template,
|
|
208
|
+
styles,
|
|
209
|
+
shadowOptions: {
|
|
210
|
+
delegatesFocus: false
|
|
211
|
+
}
|
|
212
|
+
});
|
|
213
|
+
DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleAnchorTabs());
|
|
214
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor-tabs/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("@microsoft/fast-element").ElementStyles;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { css } from '@microsoft/fast-element';
|
|
2
|
+
import { display } from '@microsoft/fast-foundation';
|
|
3
|
+
export const styles = css `
|
|
4
|
+
${display('grid')}
|
|
5
|
+
|
|
6
|
+
:host {
|
|
7
|
+
box-sizing: border-box;
|
|
8
|
+
grid-template-columns: auto auto 1fr;
|
|
9
|
+
grid-template-rows: auto 1fr;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.tablist {
|
|
13
|
+
display: grid;
|
|
14
|
+
grid-template-rows: auto auto;
|
|
15
|
+
grid-template-columns: auto;
|
|
16
|
+
width: max-content;
|
|
17
|
+
align-self: end;
|
|
18
|
+
}
|
|
19
|
+
`;
|
|
20
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor-tabs/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;CAepB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import { FoundationElementTemplate } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { AnchorTabs, TabsOptions } from '.';
|
|
4
|
+
export declare const template: FoundationElementTemplate<ViewTemplate<AnchorTabs>, TabsOptions>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { html, ref, slotted } from '@microsoft/fast-element';
|
|
2
|
+
import { endSlotTemplate, startSlotTemplate } from '@microsoft/fast-foundation';
|
|
3
|
+
export const template = (context, definition) => html `
|
|
4
|
+
${startSlotTemplate(context, definition)}
|
|
5
|
+
<div ${ref('tablist')} class="tablist" part="tablist" role="tablist">
|
|
6
|
+
<slot name="anchortab" ${slotted('tabs')}></slot>
|
|
7
|
+
</div>
|
|
8
|
+
${endSlotTemplate(context, definition)}
|
|
9
|
+
`;
|
|
10
|
+
//# sourceMappingURL=template.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/anchor-tabs/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAgB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EACH,eAAe,EAEf,iBAAiB,EACpB,MAAM,4BAA4B,CAAC;AAGpC,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAY;MACvC,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;WACjC,GAAG,CAAC,SAAS,CAAC;iCACQ,OAAO,CAAC,MAAM,CAAC;;MAE1C,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC;CACzC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("@microsoft/fast-element").ElementStyles;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
2
|
import { display } from '@microsoft/fast-foundation';
|
|
3
|
-
import { bodyFont, borderHoverColor, borderWidth, bodyFontColor, bodyDisabledFontColor, controlHeight, fillHoverColor, fillHoverSelectedColor, standardPadding, smallDelay } from '
|
|
4
|
-
import { focusVisible } from '
|
|
3
|
+
import { bodyFont, borderHoverColor, borderWidth, bodyFontColor, bodyDisabledFontColor, controlHeight, fillHoverColor, fillHoverSelectedColor, standardPadding, smallDelay } from '../../theme-provider/design-tokens';
|
|
4
|
+
import { focusVisible } from '../../utilities/style/focus';
|
|
5
5
|
export const styles = css `
|
|
6
6
|
${display('inline-flex')}
|
|
7
7
|
|
|
@@ -24,12 +24,12 @@ export const styles = css `
|
|
|
24
24
|
background-color: ${fillHoverColor};
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
:host(:
|
|
28
|
-
|
|
27
|
+
:host(:hover[aria-selected='true']) {
|
|
28
|
+
background-color: ${fillHoverSelectedColor};
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
:host(:focus
|
|
32
|
-
|
|
31
|
+
:host(:focus) {
|
|
32
|
+
outline: none;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
:host(${focusVisible}) {
|
|
@@ -46,7 +46,7 @@ export const styles = css `
|
|
|
46
46
|
background: none;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
slot {
|
|
49
|
+
slot:not([name]) {
|
|
50
50
|
display: block;
|
|
51
51
|
padding: calc(${standardPadding} / 2) ${standardPadding}
|
|
52
52
|
calc(${standardPadding} / 2 - ${borderWidth});
|
|
@@ -93,8 +93,18 @@ export const styles = css `
|
|
|
93
93
|
}
|
|
94
94
|
}
|
|
95
95
|
|
|
96
|
+
:host(${focusVisible})::after {
|
|
97
|
+
width: 100%;
|
|
98
|
+
border-bottom-width: var(--ni-private-focus-indicator-width);
|
|
99
|
+
}
|
|
100
|
+
|
|
96
101
|
:host([aria-selected='true'])::after {
|
|
97
102
|
width: 100%;
|
|
103
|
+
border-bottom-width: var(--ni-private-active-indicator-width);
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
:host([aria-selected='true'][disabled])::after {
|
|
107
|
+
border-bottom-color: rgba(${borderHoverColor}, 0.3);
|
|
98
108
|
}
|
|
99
109
|
`;
|
|
100
110
|
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/patterns/tab/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,eAAe,EACf,UAAU,EACb,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE3D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;;gBAKZ,QAAQ;kBACN,aAAa;iBACd,aAAa;;;;;;;;;;;4BAWF,cAAc;;;;4BAId,sBAAsB;;;;;;;YAOtC,YAAY;;;;;;;;;;iBAUP,qBAAqB;;;;;;wBAMd,eAAe,SAAS,eAAe;mBAC5C,eAAe,UAAU,WAAW;;;;;;;;;;;;yBAY9B,gBAAgB;;4BAEb,UAAU;;;;;;;;;YAS1B,YAAY;;;;;;;;;;yBAUC,gBAAgB;;4BAEb,UAAU;;;;;;;;;YAS1B,YAAY;;;;;;;;;;;oCAWY,gBAAgB;;CAEnD,CAAC"}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
2
|
import { display } from '@microsoft/fast-foundation';
|
|
3
3
|
import { Black15, Black91, White } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
|
|
4
|
+
import { spinnerSmallHeight } from '../theme-provider/design-tokens';
|
|
4
5
|
import { Theme } from '../theme-provider/types';
|
|
5
6
|
import { themeBehavior } from '../utilities/style/theme';
|
|
6
7
|
export const styles = css `
|
|
7
8
|
${display('inline-flex')}
|
|
8
9
|
|
|
9
10
|
:host {
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
height: ${spinnerSmallHeight};
|
|
12
|
+
aspect-ratio: 1 / 1;
|
|
12
13
|
}
|
|
13
14
|
|
|
14
15
|
div.container {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/spinner/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,OAAO,EACP,OAAO,EACP,KAAK,EACR,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/spinner/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,OAAO,EACP,OAAO,EACP,KAAK,EACR,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;kBAGV,kBAAkB;;;;;;;UAO1B;AACE;;;;;;GAMG;AACH,EACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgHP,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8DAEmD,OAAO;SAC5D,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;8DAEmD,OAAO;;SAE5D,CACJ,EACD,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8DAEmD,KAAK;;SAE1D,CACJ,CACJ,CAAC"}
|
package/dist/esm/tab/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tab/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,GAAG,IAAI,aAAa,EACpB,WAAW,IAAI,QAAQ,EAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tab/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,GAAG,IAAI,aAAa,EACpB,WAAW,IAAI,QAAQ,EAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAQhD;;GAEG;AACH,MAAM,OAAO,GAAI,SAAQ,aAAa;CAAG;AAEzC,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC;IAC1B,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,aAAa;IACxB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC"}
|
|
@@ -27,6 +27,9 @@ export const comments = {
|
|
|
27
27
|
iconSize: 'Standard layout height for all icons',
|
|
28
28
|
groupHeaderTextTransform: 'CSS text-transform string to use for headers',
|
|
29
29
|
drawerWidth: 'TODO: delete when able',
|
|
30
|
+
spinnerSmallHeight: 'Small height (16px) for a spinner component',
|
|
31
|
+
spinnerMediumHeight: 'Medium height (32px) for a spinner component',
|
|
32
|
+
spinnerLargeHeight: 'Large height (64px) for a spinner component',
|
|
30
33
|
smallDelay: 'Elements with small transition areas, such as icons and selection controls, have short durations.',
|
|
31
34
|
mediumDelay: 'Elements with larger transition areas, such as bottom sheets and expanding chips, have slightly longer durations.',
|
|
32
35
|
largeDelay: 'Animated elements that traverse a large portion of the screen have the longest durations.',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-token-comments.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-comments.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"design-token-comments.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-comments.ts"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,7 @@ export declare const tokenNames: {
|
|
|
10
10
|
export declare const styleNameFromTokenName: (tokenName: string) => string;
|
|
11
11
|
export declare const cssPropertyFromTokenName: (tokenName: string) => string;
|
|
12
12
|
export declare const scssPropertyFromTokenName: (tokenName: string) => string;
|
|
13
|
+
export declare const scssPropertySetterMarkdown: (tokenName: string, cssProperty: string) => string;
|
|
13
14
|
export declare const scssInternalPropertyFromTokenName: (tokenName: string) => string;
|
|
14
15
|
export declare const scssInternalPropertySetterMarkdown: (tokenName: string, property: string) => string;
|
|
15
16
|
declare const tokenSuffixes: readonly ["RgbPartialColor", "FontColor", "FontLineHeight", "FontWeight", "FontSize", "TextTransform", "FontFamily", "BoxShadow", "Font", "Size", "Width", "Height", "Delay", "Padding", "Color"];
|
|
@@ -31,6 +31,9 @@ export const tokenNames = {
|
|
|
31
31
|
iconSize: 'icon-size',
|
|
32
32
|
groupHeaderTextTransform: 'group-header-text-transform',
|
|
33
33
|
drawerWidth: 'drawer-width',
|
|
34
|
+
spinnerSmallHeight: 'spinner-small-height',
|
|
35
|
+
spinnerMediumHeight: 'spinner-medium-height',
|
|
36
|
+
spinnerLargeHeight: 'spinner-large-height',
|
|
34
37
|
smallDelay: 'small-delay',
|
|
35
38
|
mediumDelay: 'medium-delay',
|
|
36
39
|
largeDelay: 'large-delay',
|
|
@@ -204,6 +207,7 @@ const prefix = 'ni-nimble';
|
|
|
204
207
|
export const styleNameFromTokenName = (tokenName) => `${prefix}-${tokenName}`;
|
|
205
208
|
export const cssPropertyFromTokenName = (tokenName) => `--${prefix}-${tokenName}`;
|
|
206
209
|
export const scssPropertyFromTokenName = (tokenName) => `$${prefix}-${tokenName}`;
|
|
210
|
+
export const scssPropertySetterMarkdown = (tokenName, cssProperty) => `\`${cssProperty}: $${prefix}-${tokenName};\``;
|
|
207
211
|
export const scssInternalPropertyFromTokenName = (tokenName) => `$${prefix}-internal-${tokenName}`;
|
|
208
212
|
export const scssInternalPropertySetterMarkdown = (tokenName, property) => `\`#{$${prefix}-internal-${tokenName}}: ${property};\``;
|
|
209
213
|
// Order of suffixes in the array matter, as we want single word suffixes after the multi-word ones
|