@vonage/vivid 4.5.0 → 4.6.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/custom-elements.json +1091 -187
- package/elevation/index.cjs +1 -1
- package/elevation/index.js +1 -1
- package/index.cjs +62 -56
- package/index.js +20 -19
- package/lib/components.d.ts +1 -0
- package/lib/menu/menu.d.ts +2 -1
- package/lib/number-field/number-field.d.ts +3 -1
- package/lib/searchable-select/definition.d.ts +4 -0
- package/lib/searchable-select/locale.d.ts +6 -0
- package/lib/searchable-select/option-tag.d.ts +14 -0
- package/lib/searchable-select/option-tag.template.d.ts +4 -0
- package/lib/searchable-select/searchable-select.d.ts +29 -0
- package/lib/searchable-select/searchable-select.form-associated.d.ts +10 -0
- package/lib/searchable-select/searchable-select.template.d.ts +4 -0
- package/lib/select/select.d.ts +3 -1
- package/lib/tab/locale.d.ts +3 -0
- package/lib/tab/tab.d.ts +5 -1
- package/lib/tag/definition.d.ts +1 -0
- package/lib/text-field/text-field.d.ts +3 -1
- package/locales/de-DE.cjs +12 -0
- package/locales/de-DE.js +12 -0
- package/locales/en-GB.cjs +12 -0
- package/locales/en-GB.js +12 -0
- package/locales/en-US.cjs +12 -0
- package/locales/en-US.js +12 -0
- package/locales/ja-JP.cjs +12 -0
- package/locales/ja-JP.js +12 -0
- package/locales/zh-CN.cjs +12 -0
- package/locales/zh-CN.js +12 -0
- package/package.json +1 -1
- package/popup/index.cjs +1 -1
- package/popup/index.js +1 -1
- package/searchable-select/index.cjs +5 -0
- package/searchable-select/index.js +3 -0
- package/select/index.cjs +1 -1
- package/select/index.js +1 -1
- package/selectable-box/index.cjs +1 -1
- package/selectable-box/index.js +1 -1
- package/shared/definition11.cjs +1 -1
- package/shared/definition11.js +1 -1
- package/shared/definition14.cjs +1 -1
- package/shared/definition14.js +1 -1
- package/shared/definition16.cjs +1 -1
- package/shared/definition16.js +1 -1
- package/shared/definition18.cjs +2 -2
- package/shared/definition18.js +2 -2
- package/shared/definition19.cjs +2 -2
- package/shared/definition19.js +2 -2
- package/shared/definition20.cjs +14 -34
- package/shared/definition20.js +14 -34
- package/shared/definition21.cjs +1 -1
- package/shared/definition21.js +1 -1
- package/shared/definition26.cjs +1 -1
- package/shared/definition26.js +1 -1
- package/shared/definition29.cjs +4 -0
- package/shared/definition29.js +4 -0
- package/shared/definition30.cjs +2 -1
- package/shared/definition30.js +2 -1
- package/shared/definition35.cjs +12 -7
- package/shared/definition35.js +12 -7
- package/shared/definition36.cjs +50 -207
- package/shared/definition36.js +51 -207
- package/shared/definition4.cjs +1 -1
- package/shared/definition4.js +1 -1
- package/shared/definition42.cjs +1 -1
- package/shared/definition42.js +1 -1
- package/shared/definition43.cjs +993 -645
- package/shared/definition43.js +989 -642
- package/shared/definition44.cjs +723 -112
- package/shared/definition44.js +722 -111
- package/shared/definition45.cjs +121 -80
- package/shared/definition45.js +119 -78
- package/shared/definition46.cjs +81 -614
- package/shared/definition46.js +80 -612
- package/shared/definition47.cjs +608 -114
- package/shared/definition47.js +606 -113
- package/shared/definition48.cjs +116 -134
- package/shared/definition48.js +115 -133
- package/shared/definition49.cjs +149 -19
- package/shared/definition49.js +148 -18
- package/shared/definition5.cjs +1 -1
- package/shared/definition5.js +1 -1
- package/shared/definition50.cjs +21 -82
- package/shared/definition50.js +20 -81
- package/shared/definition51.cjs +77 -539
- package/shared/definition51.js +76 -538
- package/shared/definition52.cjs +568 -28
- package/shared/definition52.js +567 -27
- package/shared/definition53.cjs +28 -123
- package/shared/definition53.js +26 -122
- package/shared/definition54.cjs +115 -295
- package/shared/definition54.js +114 -294
- package/shared/definition55.cjs +251 -311
- package/shared/definition55.js +251 -311
- package/shared/definition56.cjs +299 -780
- package/shared/definition56.js +298 -779
- package/shared/definition57.cjs +800 -102
- package/shared/definition57.js +799 -101
- package/shared/definition58.cjs +92 -63
- package/shared/definition58.js +91 -62
- package/shared/definition59.cjs +117 -75
- package/shared/definition59.js +116 -74
- package/shared/definition60.cjs +70 -285
- package/shared/definition60.js +71 -286
- package/shared/definition61.cjs +274 -66146
- package/shared/definition61.js +273 -66145
- package/shared/definition62.cjs +66160 -27
- package/shared/definition62.js +66158 -25
- package/shared/definition63.cjs +24 -1952
- package/shared/definition63.js +23 -1950
- package/shared/definition64.cjs +1976 -0
- package/shared/definition64.js +1971 -0
- package/shared/listbox-option.cjs +204 -0
- package/shared/listbox-option.js +201 -0
- package/shared/listbox.cjs +3 -3
- package/shared/listbox.js +1 -1
- package/shared/localization/Locale.d.ts +4 -0
- package/shared/presentationDate.cjs +2 -2
- package/shared/presentationDate.js +2 -2
- package/shared/scrollIntoView.cjs +51 -0
- package/shared/scrollIntoView.js +49 -0
- package/shared/slider.template.cjs +1 -1
- package/shared/slider.template.js +1 -1
- package/shared/text-field.cjs +1 -1
- package/shared/text-field.js +1 -1
- package/shared/utils/scrollIntoView.d.ts +1 -0
- package/side-drawer/index.cjs +1 -1
- package/side-drawer/index.js +1 -1
- package/slider/index.cjs +1 -1
- package/slider/index.js +1 -1
- package/split-button/index.cjs +1 -1
- package/split-button/index.js +1 -1
- package/styles/core/all.css +1 -1
- package/styles/core/theme.css +1 -1
- package/styles/core/typography.css +1 -1
- package/styles/tokens/theme-dark.css +4 -4
- package/styles/tokens/theme-light.css +4 -4
- package/styles/tokens/vivid-2-compat.css +1 -1
- package/switch/index.cjs +1 -1
- package/switch/index.js +1 -1
- package/tab/index.cjs +1 -1
- package/tab/index.js +1 -1
- package/tab-panel/index.cjs +1 -1
- package/tab-panel/index.js +1 -1
- package/tabs/index.cjs +1 -1
- package/tabs/index.js +1 -1
- package/tag/index.cjs +1 -1
- package/tag/index.js +1 -1
- package/tag-group/index.cjs +1 -1
- package/tag-group/index.js +1 -1
- package/text-area/index.cjs +1 -1
- package/text-area/index.js +1 -1
- package/text-field/index.cjs +1 -1
- package/text-field/index.js +1 -1
- package/time-picker/index.cjs +1 -1
- package/time-picker/index.js +1 -1
- package/toggletip/index.cjs +1 -1
- package/toggletip/index.js +1 -1
- package/tooltip/index.cjs +1 -1
- package/tooltip/index.js +1 -1
- package/tree-item/index.cjs +1 -1
- package/tree-item/index.js +1 -1
- package/tree-view/index.cjs +1 -1
- package/tree-view/index.js +1 -1
- package/video-player/index.cjs +1 -1
- package/video-player/index.js +1 -1
- package/vivid.api.json +295 -0
- package/api-extractor.json +0 -25
- package/tsdoc-metadata.json +0 -11
package/elevation/index.cjs
CHANGED
package/elevation/index.js
CHANGED
package/index.cjs
CHANGED
|
@@ -66,6 +66,7 @@ const definition$V = require('./shared/definition58.cjs');
|
|
|
66
66
|
const definition$W = require('./shared/definition59.cjs');
|
|
67
67
|
const definition$X = require('./shared/definition60.cjs');
|
|
68
68
|
const definition$Y = require('./shared/definition61.cjs');
|
|
69
|
+
const definition$Z = require('./shared/definition62.cjs');
|
|
69
70
|
|
|
70
71
|
|
|
71
72
|
|
|
@@ -212,59 +213,64 @@ exports.registerRadio = definition$E.registerRadio;
|
|
|
212
213
|
exports.rangeSliderDefinition = definition$F.rangeSliderDefinition;
|
|
213
214
|
exports.rangeSliderRegistries = definition$F.rangeSliderRegistries;
|
|
214
215
|
exports.registerRangeSlider = definition$F.registerRangeSlider;
|
|
215
|
-
exports.
|
|
216
|
-
exports.
|
|
217
|
-
exports.
|
|
218
|
-
exports.
|
|
219
|
-
exports.
|
|
220
|
-
exports.
|
|
221
|
-
exports.
|
|
222
|
-
exports.
|
|
223
|
-
exports.
|
|
224
|
-
exports.
|
|
225
|
-
exports.
|
|
226
|
-
exports.
|
|
227
|
-
exports.
|
|
228
|
-
exports.
|
|
229
|
-
exports.
|
|
230
|
-
exports.
|
|
231
|
-
exports.
|
|
232
|
-
exports.
|
|
233
|
-
exports.
|
|
234
|
-
exports.
|
|
235
|
-
exports.
|
|
236
|
-
exports.
|
|
237
|
-
exports.
|
|
238
|
-
exports.
|
|
239
|
-
exports.
|
|
240
|
-
exports.
|
|
241
|
-
exports.
|
|
242
|
-
exports.
|
|
243
|
-
exports.
|
|
244
|
-
exports.
|
|
245
|
-
exports.
|
|
246
|
-
exports.
|
|
247
|
-
exports.
|
|
248
|
-
exports.
|
|
249
|
-
exports.
|
|
250
|
-
exports.
|
|
251
|
-
exports.
|
|
252
|
-
exports.
|
|
253
|
-
exports.
|
|
254
|
-
exports.
|
|
255
|
-
exports.
|
|
256
|
-
exports.
|
|
257
|
-
exports.
|
|
258
|
-
exports.
|
|
259
|
-
exports.
|
|
260
|
-
exports.
|
|
261
|
-
exports.
|
|
262
|
-
exports.
|
|
263
|
-
exports.
|
|
264
|
-
exports.
|
|
265
|
-
exports.
|
|
266
|
-
exports.
|
|
267
|
-
exports.
|
|
268
|
-
exports.
|
|
269
|
-
exports.
|
|
270
|
-
exports.
|
|
216
|
+
exports.optionTagDefinition = definition$G.optionTagDefinition;
|
|
217
|
+
exports.registerSearchableSelect = definition$G.registerSearchableSelect;
|
|
218
|
+
exports.searchableSelectDefinition = definition$G.searchableSelectDefinition;
|
|
219
|
+
exports.searchableSelectRegistries = definition$G.searchableSelectRegistries;
|
|
220
|
+
exports.registerSelect = definition$H.registerSelect;
|
|
221
|
+
exports.selectDefinition = definition$H.selectDefinition;
|
|
222
|
+
exports.selectRegistries = definition$H.selectRegistries;
|
|
223
|
+
exports.registerSelectableBox = definition$I.registerSelectableBox;
|
|
224
|
+
exports.selectableBoxDefinition = definition$I.selectableBoxDefinition;
|
|
225
|
+
exports.selectableBoxRegistries = definition$I.selectableBoxRegistries;
|
|
226
|
+
exports.registerSideDrawer = definition$J.registerSideDrawer;
|
|
227
|
+
exports.sideDrawerDefinition = definition$J.sideDrawerDefinition;
|
|
228
|
+
exports.sideDrawerRegistries = definition$J.sideDrawerRegistries;
|
|
229
|
+
exports.registerSlider = definition$K.registerSlider;
|
|
230
|
+
exports.sliderDefinition = definition$K.sliderDefinition;
|
|
231
|
+
exports.sliderRegistries = definition$K.sliderRegistries;
|
|
232
|
+
exports.registerSplitButton = definition$L.registerSplitButton;
|
|
233
|
+
exports.splitButtonDefinition = definition$L.splitButtonDefinition;
|
|
234
|
+
exports.splitButtonRegistries = definition$L.splitButtonRegistries;
|
|
235
|
+
exports.registerSwitch = definition$M.registerSwitch;
|
|
236
|
+
exports.switchDefinition = definition$M.switchDefinition;
|
|
237
|
+
exports.switchRegistries = definition$M.switchRegistries;
|
|
238
|
+
exports.registerTabPanel = definition$N.registerTabPanel;
|
|
239
|
+
exports.tabPanelDefinition = definition$N.tabPanelDefinition;
|
|
240
|
+
exports.tabPanelRegistries = definition$N.tabPanelRegistries;
|
|
241
|
+
exports.registerTab = definition$O.registerTab;
|
|
242
|
+
exports.tabDefinition = definition$O.tabDefinition;
|
|
243
|
+
exports.tabRegistries = definition$O.tabRegistries;
|
|
244
|
+
exports.registerTabs = definition$P.registerTabs;
|
|
245
|
+
exports.tabsDefinition = definition$P.tabsDefinition;
|
|
246
|
+
exports.tabsRegistries = definition$P.tabsRegistries;
|
|
247
|
+
exports.registerTagGroup = definition$Q.registerTagGroup;
|
|
248
|
+
exports.tagGroupDefinition = definition$Q.tagGroupDefinition;
|
|
249
|
+
exports.tagGroupRegistries = definition$Q.tagGroupRegistries;
|
|
250
|
+
exports.registerTag = definition$R.registerTag;
|
|
251
|
+
exports.tagDefinition = definition$R.tagDefinition;
|
|
252
|
+
exports.tagRegistries = definition$R.tagRegistries;
|
|
253
|
+
exports.registerTextArea = definition$S.registerTextArea;
|
|
254
|
+
exports.textAreaDefinition = definition$S.textAreaDefinition;
|
|
255
|
+
exports.textAreaRegistries = definition$S.textAreaRegistries;
|
|
256
|
+
exports.registerTextField = definition$T.registerTextField;
|
|
257
|
+
exports.textFieldDefinition = definition$T.textFieldDefinition;
|
|
258
|
+
exports.textFieldRegistries = definition$T.textFieldRegistries;
|
|
259
|
+
exports.registerTimePicker = definition$U.registerTimePicker;
|
|
260
|
+
exports.timePickerDefinition = definition$U.timePickerDefinition;
|
|
261
|
+
exports.timePickerRegistries = definition$U.timePickerRegistries;
|
|
262
|
+
exports.registerToggletip = definition$V.registerToggletip;
|
|
263
|
+
exports.toggletipDefinition = definition$V.toggletipDefinition;
|
|
264
|
+
exports.toggletipRegistries = definition$V.toggletipRegistries;
|
|
265
|
+
exports.registerTooltip = definition$W.registerTooltip;
|
|
266
|
+
exports.tooltipDefinition = definition$W.tooltipDefinition;
|
|
267
|
+
exports.tooltipRegistries = definition$W.tooltipRegistries;
|
|
268
|
+
exports.registerTreeItem = definition$X.registerTreeItem;
|
|
269
|
+
exports.treeItemDefinition = definition$X.treeItemDefinition;
|
|
270
|
+
exports.treeItemRegistries = definition$X.treeItemRegistries;
|
|
271
|
+
exports.registerTreeView = definition$Y.registerTreeView;
|
|
272
|
+
exports.treeViewDefinition = definition$Y.treeViewDefinition;
|
|
273
|
+
exports.treeViewRegistries = definition$Y.treeViewRegistries;
|
|
274
|
+
exports.registerVideoPlayer = definition$Z.registerVideoPlayer;
|
|
275
|
+
exports.videoPlayerDefinition = definition$Z.videoPlayerDefinition;
|
|
276
|
+
exports.videoPlayerRegistries = definition$Z.videoPlayerRegistries;
|
package/index.js
CHANGED
|
@@ -43,22 +43,23 @@ export { p as progressDefinition, a as progressRegistries, r as registerProgress
|
|
|
43
43
|
export { r as radioGroupDefinition, a as radioGroupRegistries, b as registerRadioGroup } from './shared/definition40.js';
|
|
44
44
|
export { r as radioDefinition, a as radioRegistries, b as registerRadio } from './shared/definition41.js';
|
|
45
45
|
export { r as rangeSliderDefinition, a as rangeSliderRegistries, b as registerRangeSlider } from './shared/definition42.js';
|
|
46
|
-
export { r as
|
|
47
|
-
export { r as
|
|
48
|
-
export { r as
|
|
49
|
-
export { r as
|
|
50
|
-
export { r as
|
|
51
|
-
export { r as
|
|
52
|
-
export { r as
|
|
53
|
-
export { r as
|
|
54
|
-
export { r as
|
|
55
|
-
export { r as
|
|
56
|
-
export { r as
|
|
57
|
-
export { r as
|
|
58
|
-
export { r as
|
|
59
|
-
export { r as
|
|
60
|
-
export { r as
|
|
61
|
-
export { r as
|
|
62
|
-
export { r as
|
|
63
|
-
export { r as
|
|
64
|
-
export { r as
|
|
46
|
+
export { o as optionTagDefinition, r as registerSearchableSelect, s as searchableSelectDefinition, a as searchableSelectRegistries } from './shared/definition43.js';
|
|
47
|
+
export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition44.js';
|
|
48
|
+
export { r as registerSelectableBox, s as selectableBoxDefinition, a as selectableBoxRegistries } from './shared/definition45.js';
|
|
49
|
+
export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition46.js';
|
|
50
|
+
export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition47.js';
|
|
51
|
+
export { r as registerSplitButton, s as splitButtonDefinition, a as splitButtonRegistries } from './shared/definition48.js';
|
|
52
|
+
export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition49.js';
|
|
53
|
+
export { r as registerTabPanel, t as tabPanelDefinition, a as tabPanelRegistries } from './shared/definition50.js';
|
|
54
|
+
export { r as registerTab, t as tabDefinition, a as tabRegistries } from './shared/definition51.js';
|
|
55
|
+
export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition52.js';
|
|
56
|
+
export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition53.js';
|
|
57
|
+
export { r as registerTag, t as tagDefinition, a as tagRegistries } from './shared/definition54.js';
|
|
58
|
+
export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition55.js';
|
|
59
|
+
export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition56.js';
|
|
60
|
+
export { r as registerTimePicker, t as timePickerDefinition, a as timePickerRegistries } from './shared/definition57.js';
|
|
61
|
+
export { r as registerToggletip, t as toggletipDefinition, a as toggletipRegistries } from './shared/definition58.js';
|
|
62
|
+
export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition59.js';
|
|
63
|
+
export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition60.js';
|
|
64
|
+
export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition61.js';
|
|
65
|
+
export { r as registerVideoPlayer, v as videoPlayerDefinition, a as videoPlayerRegistries } from './shared/definition62.js';
|
package/lib/components.d.ts
CHANGED
|
@@ -40,6 +40,7 @@ export * from './progress/definition';
|
|
|
40
40
|
export * from './radio-group/definition';
|
|
41
41
|
export * from './radio/definition';
|
|
42
42
|
export * from './range-slider/definition';
|
|
43
|
+
export * from './searchable-select/definition';
|
|
43
44
|
export * from './select/definition';
|
|
44
45
|
export * from './selectable-box/definition';
|
|
45
46
|
export * from './side-drawer/definition';
|
package/lib/menu/menu.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Menu as FastMenu } from '@microsoft/fast-foundation';
|
|
2
|
-
import type { Placement } from '@floating-ui/dom';
|
|
2
|
+
import type { Placement, Strategy } from '@floating-ui/dom';
|
|
3
3
|
import { type Anchored } from '../../shared/patterns/anchored';
|
|
4
4
|
export declare class Menu extends FastMenu {
|
|
5
5
|
#private;
|
|
@@ -7,6 +7,7 @@ export declare class Menu extends FastMenu {
|
|
|
7
7
|
placement?: Placement;
|
|
8
8
|
trigger?: 'auto' | 'legacy' | 'off';
|
|
9
9
|
autoDismiss: boolean;
|
|
10
|
+
positionStrategy?: Strategy;
|
|
10
11
|
open: boolean;
|
|
11
12
|
openChanged(_: boolean, newValue: boolean): void;
|
|
12
13
|
constructor();
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { DelegatesARIATextbox } from '@microsoft/fast-foundation';
|
|
2
|
-
import type { Appearance, Shape } from '../enums';
|
|
2
|
+
import type { Appearance, Shape, Size } from '../enums';
|
|
3
3
|
import { AffixIcon, type ErrorText, type FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText, Localized } from '../../shared/patterns';
|
|
4
4
|
import { FormAssociatedNumberField } from './number-field.form-associated';
|
|
5
5
|
export type NumberFieldAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
|
|
6
6
|
export type NumberFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
|
|
7
|
+
export type NumberFieldSize = Extract<Size, Size.Condensed | Size.Normal>;
|
|
7
8
|
export declare class NumberField extends FormAssociatedNumberField {
|
|
8
9
|
#private;
|
|
9
10
|
readOnly: boolean;
|
|
@@ -13,6 +14,7 @@ export declare class NumberField extends FormAssociatedNumberField {
|
|
|
13
14
|
maxlength: number;
|
|
14
15
|
minlength: number;
|
|
15
16
|
size: number;
|
|
17
|
+
scale?: NumberFieldSize;
|
|
16
18
|
step: number;
|
|
17
19
|
stepChanged(_: number, next: number): void;
|
|
18
20
|
max: number;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
2
|
+
export declare const optionTagDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
3
|
+
export declare const searchableSelectDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
4
|
+
export declare const registerSearchableSelect: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
+
import { Shape } from '../enums';
|
|
3
|
+
import { Localized } from '../../shared/patterns';
|
|
4
|
+
export type OptionTagShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
|
|
5
|
+
export declare class OptionTag extends FoundationElement {
|
|
6
|
+
shape?: OptionTagShape;
|
|
7
|
+
label?: string;
|
|
8
|
+
removable: boolean;
|
|
9
|
+
disabled: boolean;
|
|
10
|
+
hasIconPlaceholder: boolean;
|
|
11
|
+
_onClickRemove(): void;
|
|
12
|
+
}
|
|
13
|
+
export interface OptionTag extends Localized {
|
|
14
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { OptionTag } from './option-tag';
|
|
4
|
+
export declare const optionTagTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<OptionTag>;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Appearance, Shape } from '../enums';
|
|
2
|
+
import { AffixIconWithTrailing, type ErrorText, type FormElement, FormElementHelperText, FormElementSuccessText, Localized } from '../../shared/patterns';
|
|
3
|
+
import type { ListboxOption } from '../option/option';
|
|
4
|
+
import { FormAssociatedSearchableSelect } from './searchable-select.form-associated';
|
|
5
|
+
export type SearchableSelectAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
|
|
6
|
+
export type SearchableSelectShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
|
|
7
|
+
export declare class SearchableSelect extends FormAssociatedSearchableSelect {
|
|
8
|
+
#private;
|
|
9
|
+
appearance?: SearchableSelectAppearance;
|
|
10
|
+
shape?: SearchableSelectShape;
|
|
11
|
+
fixedDropdown: boolean;
|
|
12
|
+
placeholder: string | undefined;
|
|
13
|
+
open: boolean;
|
|
14
|
+
multiple: boolean;
|
|
15
|
+
externalTags: boolean;
|
|
16
|
+
maxLines: number | null;
|
|
17
|
+
values: string[];
|
|
18
|
+
initialValues: string[];
|
|
19
|
+
get selectedIndex(): number;
|
|
20
|
+
set selectedIndex(index: number);
|
|
21
|
+
get options(): ListboxOption[];
|
|
22
|
+
get selectedOptions(): ListboxOption[];
|
|
23
|
+
clearable: boolean;
|
|
24
|
+
setFormValue: (value: File | string | FormData | null, state?: File | string | FormData | null) => void;
|
|
25
|
+
connectedCallback(): void;
|
|
26
|
+
disconnectedCallback(): void;
|
|
27
|
+
}
|
|
28
|
+
export interface SearchableSelect extends AffixIconWithTrailing, FormElement, FormElementHelperText, ErrorText, FormElementSuccessText, Localized {
|
|
29
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FormAssociated, FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
+
declare class _SearchableSelect extends FoundationElement {
|
|
3
|
+
}
|
|
4
|
+
interface _SearchableSelect extends FormAssociated {
|
|
5
|
+
}
|
|
6
|
+
declare const FormAssociatedSearchableSelect_base: typeof _SearchableSelect;
|
|
7
|
+
export declare class FormAssociatedSearchableSelect extends FormAssociatedSearchableSelect_base {
|
|
8
|
+
proxy: HTMLInputElement;
|
|
9
|
+
}
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import { type ElementDefinitionContext, type FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { SearchableSelect } from './searchable-select';
|
|
4
|
+
export declare const SearchableSelectTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<SearchableSelect>;
|
package/lib/select/select.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { Select as FoundationSelect } from '@microsoft/fast-foundation';
|
|
2
2
|
import { AffixIconWithTrailing, type ErrorText, type FormElement, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
|
|
3
|
-
import type { Appearance, Shape } from '../enums';
|
|
3
|
+
import type { Appearance, Shape, Size } from '../enums';
|
|
4
4
|
export type SelectAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
|
|
5
5
|
export type SelectShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
|
|
6
|
+
export type SelectSize = Extract<Size, Size.Condensed | Size.Normal>;
|
|
6
7
|
export declare class Select extends FoundationSelect {
|
|
8
|
+
scale?: SelectSize;
|
|
7
9
|
appearance?: SelectAppearance;
|
|
8
10
|
shape?: SelectShape;
|
|
9
11
|
fixedDropdown: boolean;
|
package/lib/tab/tab.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Tab as FoundationTab } from '@microsoft/fast-foundation';
|
|
2
2
|
import { AffixIconWithTrailing } from '../../shared/patterns/affix';
|
|
3
|
+
import { Localized } from '../../shared/patterns';
|
|
3
4
|
import type { Connotation, Shape } from '../enums.js';
|
|
4
5
|
export type TabConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
|
|
5
6
|
export type TabShape = Extract<Shape, Shape.Rounded | Shape.Sharp>;
|
|
@@ -7,8 +8,11 @@ export declare class Tab extends FoundationTab {
|
|
|
7
8
|
connotation?: TabConnotation;
|
|
8
9
|
shape?: TabShape;
|
|
9
10
|
label?: string;
|
|
11
|
+
removable: boolean;
|
|
10
12
|
tabIndex: number;
|
|
11
13
|
ariaSelected: string | null;
|
|
14
|
+
_handleCloseClick(e: Event): void;
|
|
15
|
+
_onKeyDown(e: KeyboardEvent): boolean;
|
|
12
16
|
}
|
|
13
|
-
export interface Tab extends AffixIconWithTrailing {
|
|
17
|
+
export interface Tab extends Localized, AffixIconWithTrailing {
|
|
14
18
|
}
|
package/lib/tag/definition.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
2
2
|
export type { TagConnotation, TagAppearance, TagShape } from './tag';
|
|
3
3
|
export declare const tagDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
4
|
+
export declare const tagRegistries: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
|
|
4
5
|
export declare const registerTag: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import { TextField as FoundationTextfield } from '@microsoft/fast-foundation';
|
|
2
|
-
import type { Appearance, Shape } from '../enums';
|
|
2
|
+
import type { Appearance, Shape, Size } from '../enums';
|
|
3
3
|
import { AffixIcon, type ErrorText, type FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
|
|
4
4
|
export type TextFieldAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
|
|
5
5
|
export type TextFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
|
|
6
|
+
export type TextFieldSize = Extract<Size, Size.Condensed | Size.Normal>;
|
|
6
7
|
export declare class TextField extends FoundationTextfield {
|
|
7
8
|
#private;
|
|
8
9
|
appearance?: TextFieldAppearance;
|
|
9
10
|
shape?: TextFieldShape;
|
|
10
11
|
autoComplete?: string;
|
|
12
|
+
scale?: TextFieldSize;
|
|
11
13
|
leadingActionItemsSlottedContent?: HTMLElement[];
|
|
12
14
|
connectedCallback(): void;
|
|
13
15
|
disconnectedCallback(): void;
|
package/locales/de-DE.cjs
CHANGED
|
@@ -323,6 +323,18 @@ const deDE = {
|
|
|
323
323
|
digitAsteriskLabel: "*",
|
|
324
324
|
digitZeroLabel: "0",
|
|
325
325
|
digitHashtagLabel: "#"
|
|
326
|
+
},
|
|
327
|
+
tab: {
|
|
328
|
+
dismissButtonLabel: "Drücken Sie die ENTF-Taste, um diese Registerkarte zu schließen"
|
|
329
|
+
},
|
|
330
|
+
searchableSelect: {
|
|
331
|
+
clearButtonLabel: "Löschen",
|
|
332
|
+
noOptionsMessage: "Keine Optionen",
|
|
333
|
+
noMatchesMessage: "Keine Optionen gefunden",
|
|
334
|
+
removeTagButtonLabel: (
|
|
335
|
+
/* istanbul ignore next */
|
|
336
|
+
(label) => `${label} entfernen`
|
|
337
|
+
)
|
|
326
338
|
}
|
|
327
339
|
};
|
|
328
340
|
|
package/locales/de-DE.js
CHANGED
|
@@ -321,6 +321,18 @@ const deDE = {
|
|
|
321
321
|
digitAsteriskLabel: "*",
|
|
322
322
|
digitZeroLabel: "0",
|
|
323
323
|
digitHashtagLabel: "#"
|
|
324
|
+
},
|
|
325
|
+
tab: {
|
|
326
|
+
dismissButtonLabel: "Drücken Sie die ENTF-Taste, um diese Registerkarte zu schließen"
|
|
327
|
+
},
|
|
328
|
+
searchableSelect: {
|
|
329
|
+
clearButtonLabel: "Löschen",
|
|
330
|
+
noOptionsMessage: "Keine Optionen",
|
|
331
|
+
noMatchesMessage: "Keine Optionen gefunden",
|
|
332
|
+
removeTagButtonLabel: (
|
|
333
|
+
/* istanbul ignore next */
|
|
334
|
+
(label) => `${label} entfernen`
|
|
335
|
+
)
|
|
324
336
|
}
|
|
325
337
|
};
|
|
326
338
|
|
package/locales/en-GB.cjs
CHANGED
|
@@ -155,6 +155,18 @@ const enGB = {
|
|
|
155
155
|
digitAsteriskLabel: "*",
|
|
156
156
|
digitZeroLabel: "0",
|
|
157
157
|
digitHashtagLabel: "#"
|
|
158
|
+
},
|
|
159
|
+
tab: {
|
|
160
|
+
dismissButtonLabel: "Press the DELETE key to close this tab"
|
|
161
|
+
},
|
|
162
|
+
searchableSelect: {
|
|
163
|
+
clearButtonLabel: "Clear",
|
|
164
|
+
noOptionsMessage: "No options",
|
|
165
|
+
noMatchesMessage: "No options found",
|
|
166
|
+
removeTagButtonLabel: (
|
|
167
|
+
/* istanbul ignore next */
|
|
168
|
+
(label) => `Remove ${label}`
|
|
169
|
+
)
|
|
158
170
|
}
|
|
159
171
|
};
|
|
160
172
|
|
package/locales/en-GB.js
CHANGED
|
@@ -153,6 +153,18 @@ const enGB = {
|
|
|
153
153
|
digitAsteriskLabel: "*",
|
|
154
154
|
digitZeroLabel: "0",
|
|
155
155
|
digitHashtagLabel: "#"
|
|
156
|
+
},
|
|
157
|
+
tab: {
|
|
158
|
+
dismissButtonLabel: "Press the DELETE key to close this tab"
|
|
159
|
+
},
|
|
160
|
+
searchableSelect: {
|
|
161
|
+
clearButtonLabel: "Clear",
|
|
162
|
+
noOptionsMessage: "No options",
|
|
163
|
+
noMatchesMessage: "No options found",
|
|
164
|
+
removeTagButtonLabel: (
|
|
165
|
+
/* istanbul ignore next */
|
|
166
|
+
(label) => `Remove ${label}`
|
|
167
|
+
)
|
|
156
168
|
}
|
|
157
169
|
};
|
|
158
170
|
|
package/locales/en-US.cjs
CHANGED
|
@@ -323,6 +323,18 @@ const enUS = {
|
|
|
323
323
|
digitAsteriskLabel: "*",
|
|
324
324
|
digitZeroLabel: "0",
|
|
325
325
|
digitHashtagLabel: "#"
|
|
326
|
+
},
|
|
327
|
+
tab: {
|
|
328
|
+
dismissButtonLabel: "Press the DELETE key to close this tab"
|
|
329
|
+
},
|
|
330
|
+
searchableSelect: {
|
|
331
|
+
clearButtonLabel: "Clear",
|
|
332
|
+
noOptionsMessage: "No options",
|
|
333
|
+
noMatchesMessage: "No options found",
|
|
334
|
+
removeTagButtonLabel: (
|
|
335
|
+
/* istanbul ignore next */
|
|
336
|
+
(label) => `Remove ${label}`
|
|
337
|
+
)
|
|
326
338
|
}
|
|
327
339
|
};
|
|
328
340
|
|
package/locales/en-US.js
CHANGED
|
@@ -321,6 +321,18 @@ const enUS = {
|
|
|
321
321
|
digitAsteriskLabel: "*",
|
|
322
322
|
digitZeroLabel: "0",
|
|
323
323
|
digitHashtagLabel: "#"
|
|
324
|
+
},
|
|
325
|
+
tab: {
|
|
326
|
+
dismissButtonLabel: "Press the DELETE key to close this tab"
|
|
327
|
+
},
|
|
328
|
+
searchableSelect: {
|
|
329
|
+
clearButtonLabel: "Clear",
|
|
330
|
+
noOptionsMessage: "No options",
|
|
331
|
+
noMatchesMessage: "No options found",
|
|
332
|
+
removeTagButtonLabel: (
|
|
333
|
+
/* istanbul ignore next */
|
|
334
|
+
(label) => `Remove ${label}`
|
|
335
|
+
)
|
|
324
336
|
}
|
|
325
337
|
};
|
|
326
338
|
|
package/locales/ja-JP.cjs
CHANGED
|
@@ -322,6 +322,18 @@ const jaJP = {
|
|
|
322
322
|
digitAsteriskLabel: "*",
|
|
323
323
|
digitZeroLabel: "0",
|
|
324
324
|
digitHashtagLabel: "#"
|
|
325
|
+
},
|
|
326
|
+
tab: {
|
|
327
|
+
dismissButtonLabel: "このタブを閉じるにはDELETEキーを押してください"
|
|
328
|
+
},
|
|
329
|
+
searchableSelect: {
|
|
330
|
+
clearButtonLabel: "クリア",
|
|
331
|
+
noOptionsMessage: "オプションがありません",
|
|
332
|
+
noMatchesMessage: "オプションが見つかりません",
|
|
333
|
+
removeTagButtonLabel: (
|
|
334
|
+
/* istanbul ignore next */
|
|
335
|
+
(label) => `${label}を削除`
|
|
336
|
+
)
|
|
325
337
|
}
|
|
326
338
|
};
|
|
327
339
|
|
package/locales/ja-JP.js
CHANGED
|
@@ -320,6 +320,18 @@ const jaJP = {
|
|
|
320
320
|
digitAsteriskLabel: "*",
|
|
321
321
|
digitZeroLabel: "0",
|
|
322
322
|
digitHashtagLabel: "#"
|
|
323
|
+
},
|
|
324
|
+
tab: {
|
|
325
|
+
dismissButtonLabel: "このタブを閉じるにはDELETEキーを押してください"
|
|
326
|
+
},
|
|
327
|
+
searchableSelect: {
|
|
328
|
+
clearButtonLabel: "クリア",
|
|
329
|
+
noOptionsMessage: "オプションがありません",
|
|
330
|
+
noMatchesMessage: "オプションが見つかりません",
|
|
331
|
+
removeTagButtonLabel: (
|
|
332
|
+
/* istanbul ignore next */
|
|
333
|
+
(label) => `${label}を削除`
|
|
334
|
+
)
|
|
323
335
|
}
|
|
324
336
|
};
|
|
325
337
|
|
package/locales/zh-CN.cjs
CHANGED
|
@@ -324,6 +324,18 @@ const zhCN = {
|
|
|
324
324
|
digitAsteriskLabel: "*",
|
|
325
325
|
digitZeroLabel: "0",
|
|
326
326
|
digitHashtagLabel: "#"
|
|
327
|
+
},
|
|
328
|
+
tab: {
|
|
329
|
+
dismissButtonLabel: "按 DELETE 键关闭此选项卡"
|
|
330
|
+
},
|
|
331
|
+
searchableSelect: {
|
|
332
|
+
clearButtonLabel: "清除",
|
|
333
|
+
noOptionsMessage: "没有选项",
|
|
334
|
+
noMatchesMessage: "未找到选项",
|
|
335
|
+
removeTagButtonLabel: (
|
|
336
|
+
/* istanbul ignore next */
|
|
337
|
+
(label) => `${label} 删除`
|
|
338
|
+
)
|
|
327
339
|
}
|
|
328
340
|
};
|
|
329
341
|
|
package/locales/zh-CN.js
CHANGED
|
@@ -322,6 +322,18 @@ const zhCN = {
|
|
|
322
322
|
digitAsteriskLabel: "*",
|
|
323
323
|
digitZeroLabel: "0",
|
|
324
324
|
digitHashtagLabel: "#"
|
|
325
|
+
},
|
|
326
|
+
tab: {
|
|
327
|
+
dismissButtonLabel: "按 DELETE 键关闭此选项卡"
|
|
328
|
+
},
|
|
329
|
+
searchableSelect: {
|
|
330
|
+
clearButtonLabel: "清除",
|
|
331
|
+
noOptionsMessage: "没有选项",
|
|
332
|
+
noMatchesMessage: "未找到选项",
|
|
333
|
+
removeTagButtonLabel: (
|
|
334
|
+
/* istanbul ignore next */
|
|
335
|
+
(label) => `${label} 删除`
|
|
336
|
+
)
|
|
325
337
|
}
|
|
326
338
|
};
|
|
327
339
|
|
package/package.json
CHANGED
package/popup/index.cjs
CHANGED
package/popup/index.js
CHANGED