@instructure/ui-tabs 11.7.10 → 11.7.11-snapshot-4
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 +7 -0
- package/es/Tabs/v2/Tab/index.js +21 -2
- package/es/Tabs/v2/Tab/props.js +1 -1
- package/es/Tabs/v2/index.js +195 -85
- package/es/Tabs/v2/props.js +1 -1
- package/lib/Tabs/v2/Tab/index.js +21 -2
- package/lib/Tabs/v2/Tab/props.js +1 -1
- package/lib/Tabs/v2/index.js +194 -84
- package/lib/Tabs/v2/props.js +1 -1
- package/package.json +16 -16
- package/src/Tabs/v2/README.md +57 -1
- package/src/Tabs/v2/Tab/index.tsx +16 -2
- package/src/Tabs/v2/Tab/props.ts +7 -0
- package/src/Tabs/v2/index.tsx +227 -124
- package/src/Tabs/v2/props.ts +10 -1
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Tabs/v2/Tab/index.d.ts +6 -0
- package/types/Tabs/v2/Tab/index.d.ts.map +1 -1
- package/types/Tabs/v2/Tab/props.d.ts +5 -0
- package/types/Tabs/v2/Tab/props.d.ts.map +1 -1
- package/types/Tabs/v2/index.d.ts +25 -13
- package/types/Tabs/v2/index.d.ts.map +1 -1
- package/types/Tabs/v2/props.d.ts +8 -0
- package/types/Tabs/v2/props.d.ts.map +1 -1
|
@@ -17,6 +17,7 @@ declare class Tab extends Component<TabsTabProps> {
|
|
|
17
17
|
controls: string;
|
|
18
18
|
isDisabled?: boolean;
|
|
19
19
|
isSelected?: boolean;
|
|
20
|
+
isTabbable?: boolean;
|
|
20
21
|
onClick?: (event: React.MouseEvent<ViewOwnProps>, tabData: {
|
|
21
22
|
index: number;
|
|
22
23
|
id: string;
|
|
@@ -25,6 +26,10 @@ declare class Tab extends Component<TabsTabProps> {
|
|
|
25
26
|
index: number;
|
|
26
27
|
id: string;
|
|
27
28
|
}) => void;
|
|
29
|
+
onFocus?: (event: React.FocusEvent<ViewOwnProps>, tabData: {
|
|
30
|
+
index: number;
|
|
31
|
+
id: string;
|
|
32
|
+
}) => void;
|
|
28
33
|
children?: import("@instructure/shared-types").Renderable;
|
|
29
34
|
isOverflowScroll?: boolean;
|
|
30
35
|
})[];
|
|
@@ -37,6 +42,7 @@ declare class Tab extends Component<TabsTabProps> {
|
|
|
37
42
|
componentDidUpdate(): void;
|
|
38
43
|
handleClick: (event: React.MouseEvent<ViewOwnProps>) => void;
|
|
39
44
|
handleKeyDown: (event: React.KeyboardEvent<ViewOwnProps>) => void;
|
|
45
|
+
handleFocus: (event: React.FocusEvent<ViewOwnProps>) => void;
|
|
40
46
|
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
41
47
|
}
|
|
42
48
|
export default Tab;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Tabs/v2/Tab/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAM/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C;;;;;GAKG;AACH,cACM,GAAI,SAAQ,SAAS,CAAC,YAAY,CAAC;IACvC,MAAM,CAAC,WAAW,SAAQ;IAC1B,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Tabs/v2/Tab/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAM/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C;;;;;GAKG;AACH,cACM,GAAI,SAAQ,SAAS,CAAC,YAAY,CAAC;IACvC,MAAM,CAAC,WAAW,SAAQ;IAC1B,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;SAAe;IAElC,MAAM,CAAC,YAAY;QACjB,OAAO;QACP,UAAU;QACV,UAAU;MACX;IAED,iBAAiB,SAEhB;IAED,kBAAkB,SAEjB;IAED,WAAW,UAAW,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,UAUnD;IAED,aAAa,UAAW,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,UAUxD;IAED,WAAW,UAAW,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,UAUnD;IAED,MAAM,qDAiCL;CACF;eAEc,GAAG;AAClB,OAAO,EAAE,GAAG,EAAE,CAAA"}
|
|
@@ -10,6 +10,7 @@ type TabsTabOwnProps = {
|
|
|
10
10
|
controls: string;
|
|
11
11
|
isDisabled?: boolean;
|
|
12
12
|
isSelected?: boolean;
|
|
13
|
+
isTabbable?: boolean;
|
|
13
14
|
onClick?: (event: React.MouseEvent<ViewOwnProps>, tabData: {
|
|
14
15
|
index: number;
|
|
15
16
|
id: string;
|
|
@@ -18,6 +19,10 @@ type TabsTabOwnProps = {
|
|
|
18
19
|
index: number;
|
|
19
20
|
id: string;
|
|
20
21
|
}) => void;
|
|
22
|
+
onFocus?: (event: React.FocusEvent<ViewOwnProps>, tabData: {
|
|
23
|
+
index: number;
|
|
24
|
+
id: string;
|
|
25
|
+
}) => void;
|
|
21
26
|
children?: Renderable;
|
|
22
27
|
/**
|
|
23
28
|
* Whether tabOverflow prop in Tabs is set to 'scroll'.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Tabs/v2/Tab/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAChF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAE/D,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,EACrC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KACnC,IAAI,CAAA;IACT,SAAS,CAAC,EAAE,CACV,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,EACxC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KACnC,IAAI,CAAA;IACT,QAAQ,CAAC,EAAE,UAAU,CAAA;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,YAAY,GAAG,eAAe,GACjC,cAAc,CAAC,UAAU,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,GACtE,mBAAmB,CAAC,eAAe,CAAC,CAAA;AAEtC,KAAK,YAAY,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA;AAEzC,QAAA,MAAM,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Tabs/v2/Tab/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAChF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAE/D,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,EACrC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KACnC,IAAI,CAAA;IACT,SAAS,CAAC,EAAE,CACV,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,EACxC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KACnC,IAAI,CAAA;IACT,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,EACrC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KACnC,IAAI,CAAA;IACT,QAAQ,CAAC,EAAE,UAAU,CAAA;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,YAAY,GAAG,eAAe,GACjC,cAAc,CAAC,UAAU,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,GACtE,mBAAmB,CAAC,eAAe,CAAC,CAAA;AAEtC,KAAK,YAAY,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA;AAEzC,QAAA,MAAM,YAAY,EAAE,eAanB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
package/types/Tabs/v2/index.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { Component, ComponentElement } from 'react';
|
|
2
2
|
import type { ViewOwnProps } from '@instructure/ui-view/latest';
|
|
3
|
-
import { Focusable } from '@instructure/ui-focusable';
|
|
4
3
|
import { Tab } from './Tab/index.js';
|
|
5
4
|
import { Panel } from './Panel/index.js';
|
|
6
5
|
import type { TabsProps, TabsState } from './props';
|
|
@@ -8,6 +7,14 @@ import type { TabsTabProps } from './Tab/props';
|
|
|
8
7
|
import type { TabsPanelProps } from './Panel/props';
|
|
9
8
|
type TabChild = ComponentElement<TabsTabProps, any>;
|
|
10
9
|
type PanelChild = ComponentElement<TabsPanelProps, Panel>;
|
|
10
|
+
type TabDescriptor = {
|
|
11
|
+
index: number;
|
|
12
|
+
tabDomId: string;
|
|
13
|
+
panelDomId: string;
|
|
14
|
+
isDisabled: boolean;
|
|
15
|
+
isSelected: boolean;
|
|
16
|
+
panel: PanelChild;
|
|
17
|
+
};
|
|
11
18
|
/**
|
|
12
19
|
---
|
|
13
20
|
category: components
|
|
@@ -34,16 +41,17 @@ declare class Tabs extends Component<TabsProps, TabsState> {
|
|
|
34
41
|
elementRef?: (element: Element | null) => void;
|
|
35
42
|
tabOverflow?: 'stack' | 'scroll';
|
|
36
43
|
shouldFocusOnRender?: boolean;
|
|
44
|
+
activationMode?: 'auto' | 'manual';
|
|
37
45
|
})[];
|
|
38
46
|
static defaultProps: {
|
|
39
47
|
variant: string;
|
|
40
48
|
shouldFocusOnRender: boolean;
|
|
41
49
|
tabOverflow: string;
|
|
50
|
+
activationMode: string;
|
|
42
51
|
};
|
|
43
52
|
static Panel: typeof Panel;
|
|
44
53
|
static Tab: typeof Tab;
|
|
45
54
|
private _tabList;
|
|
46
|
-
private _focusable;
|
|
47
55
|
private _tabListPosition?;
|
|
48
56
|
private _debounced?;
|
|
49
57
|
private _resizeListener?;
|
|
@@ -57,22 +65,26 @@ declare class Tabs extends Component<TabsProps, TabsState> {
|
|
|
57
65
|
cancelScrollOverflow(): void;
|
|
58
66
|
getOverlayWidth(): number;
|
|
59
67
|
showActiveTabIfOverlayed(activeTabEl: Element | null): void;
|
|
68
|
+
get isRtl(): boolean;
|
|
60
69
|
handleTabClick: TabsTabProps['onClick'];
|
|
61
70
|
handleTabKeyDown: TabsTabProps['onKeyDown'];
|
|
71
|
+
handleTabFocus: TabsTabProps['onFocus'];
|
|
72
|
+
handleTabListBlur: (event: React.FocusEvent) => void;
|
|
62
73
|
handleResize: () => void;
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
}): void;
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
+
/**
|
|
75
|
+
* The single source of truth for tab order, ids and state.
|
|
76
|
+
*/
|
|
77
|
+
getTabs(): TabDescriptor[];
|
|
78
|
+
getNextTab(tabs: TabDescriptor[], startIndex: number, step: -1 | 0 | 1): TabDescriptor | undefined;
|
|
79
|
+
getEdgeTab(tabs: TabDescriptor[], edge: 'first' | 'last'): TabDescriptor | undefined;
|
|
80
|
+
getRovingTabId(tabs: TabDescriptor[]): string | undefined;
|
|
81
|
+
fireOnChange(event: React.MouseEvent<ViewOwnProps> | React.KeyboardEvent<ViewOwnProps>, { index, panel, tabDomId }: TabDescriptor): void;
|
|
82
|
+
scrollTabIntoView(tabDomId: string): void;
|
|
83
|
+
createTab(tab: TabDescriptor, isTabbable: boolean): TabChild;
|
|
84
|
+
clonePanel(tab: TabDescriptor, activePanel?: PanelChild): PanelChild;
|
|
74
85
|
handleTabListRef: (el: Element | null) => void;
|
|
75
86
|
focus(): void;
|
|
87
|
+
focusTab(tabDomId?: string): void;
|
|
76
88
|
handleScroll: (event: React.UIEvent<ViewOwnProps> & React.UIEvent<HTMLElement>) => void;
|
|
77
89
|
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
78
90
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Tabs/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAGL,SAAS,EACT,gBAAgB,EAEjB,MAAM,OAAO,CAAA;AAKd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Tabs/v2/index.tsx"],"names":[],"mappings":"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"}
|
package/types/Tabs/v2/props.d.ts
CHANGED
|
@@ -51,6 +51,13 @@ type TabsOwnProps = {
|
|
|
51
51
|
*/
|
|
52
52
|
tabOverflow?: 'stack' | 'scroll';
|
|
53
53
|
shouldFocusOnRender?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* With `auto`, arrow keys select a tab as soon as focus reaches it. With
|
|
56
|
+
* `manual`, arrow keys only move focus and Enter or Space selects the focused
|
|
57
|
+
* tab. Screen readers that reserve the arrow keys for their own cursor
|
|
58
|
+
* (VoiceOver) need `manual`.
|
|
59
|
+
*/
|
|
60
|
+
activationMode?: 'auto' | 'manual';
|
|
54
61
|
};
|
|
55
62
|
type PropKeys = keyof TabsOwnProps;
|
|
56
63
|
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
@@ -63,6 +70,7 @@ type TabsState = {
|
|
|
63
70
|
withTabListOverflow: boolean;
|
|
64
71
|
showStartOverLay: boolean;
|
|
65
72
|
showEndOverLay: boolean;
|
|
73
|
+
focusedTabId?: string;
|
|
66
74
|
};
|
|
67
75
|
declare const allowedProps: AllowedPropKeys;
|
|
68
76
|
export type { TabsProps, TabsState, TabsStyle };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Tabs/v2/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,sBAAsB,CAAA;AAC7E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAC3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAE/D,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,CACnB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,EACzE,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,KACpC,IAAI,CAAA;IACT,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAChC,mBAAmB,CAAC,EAAE,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Tabs/v2/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,sBAAsB,CAAA;AAC7E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAC3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAE/D,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,CACnB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,EACzE,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,KACpC,IAAI,CAAA;IACT,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAChC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CACnC,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,SAAS,GAAG,YAAY,GAC3B,iCAAiC,GACjC,wBAAwB,GACxB,cAAc,CAAC,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,EAAE,SAAS,CAAC,GAChE,mBAAmB,CAAC,YAAY,CAAC,CAAA;AAEnC,KAAK,SAAS,GAAG,cAAc,CAC3B,MAAM,GACN,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,oBAAoB,GACpB,kBAAkB,CACrB,GAAG;IACF,yBAAyB,EAAE,MAAM,CAAA;IACjC,2BAA2B,EAAE,MAAM,CAAA;CACpC,CAAA;AAED,KAAK,SAAS,GAAG;IACf,mBAAmB,EAAE,OAAO,CAAA;IAC5B,gBAAgB,EAAE,OAAO,CAAA;IACzB,cAAc,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAgBnB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,CAAA"}
|