@vonage/vivid 4.24.0 → 4.26.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 +23176 -14463
- package/elevation/index.cjs +1 -1
- package/elevation/index.js +1 -1
- package/index.cjs +112 -150
- package/index.js +37 -35
- package/lib/accordion-item/accordion-item.d.ts +7 -1
- package/lib/action-group/action-group.d.ts +7 -1
- package/lib/alert/alert.d.ts +22 -2
- package/lib/audio-player/audio-player.d.ts +7 -1
- package/lib/badge/badge.d.ts +10 -2
- package/lib/banner/banner.d.ts +28 -3
- package/lib/breadcrumb/breadcrumb.d.ts +7 -1
- package/lib/breadcrumb-item/breadcrumb-item.d.ts +64 -8
- package/lib/button/button.d.ts +733 -8
- package/lib/button/locale.d.ts +3 -0
- package/lib/calendar/calendar.d.ts +2 -0
- package/lib/calendar-event/calendar-event.d.ts +7 -1
- package/lib/card/card.d.ts +394 -2
- package/lib/card/card.template.d.ts +2 -1
- package/lib/checkbox/checkbox.d.ts +1830 -13
- package/lib/combobox/combobox.d.ts +1827 -20
- package/lib/data-grid/data-grid-cell.d.ts +342 -2
- package/lib/data-grid/data-grid-row.d.ts +1 -0
- package/lib/data-grid/data-grid.d.ts +1 -1
- package/lib/data-grid/locale.d.ts +5 -0
- package/lib/date-picker/date-picker.d.ts +1676 -207
- package/lib/date-range-picker/date-range-picker.d.ts +840 -107
- package/lib/date-time-picker/date-time-picker.d.ts +1678 -209
- package/lib/dial-pad/dial-pad.d.ts +9 -1
- package/lib/dialog/dialog.d.ts +15 -2
- package/lib/divider/divider.d.ts +7 -1
- package/lib/fab/fab.d.ts +7 -1
- package/lib/file-picker/file-picker.d.ts +1509 -31
- package/lib/header/header.d.ts +7 -1
- package/lib/icon/icon.d.ts +1 -0
- package/lib/icon/icon.template.d.ts +2 -1
- package/lib/menu/menu.d.ts +17 -8
- package/lib/menu/name.d.ts +1 -0
- package/lib/menu-item/menu-item.d.ts +16 -4
- package/lib/nav/nav.d.ts +7 -1
- package/lib/nav-disclosure/nav-disclosure.d.ts +15 -2
- package/lib/nav-item/nav-item.d.ts +406 -4
- package/lib/note/note.d.ts +7 -1
- package/lib/number-field/locale.d.ts +3 -2
- package/lib/number-field/number-field.d.ts +1859 -38
- package/lib/option/option.d.ts +14 -2
- package/lib/pagination/locale.d.ts +5 -0
- package/lib/pagination/pagination.d.ts +341 -2
- package/lib/popup/popup.d.ts +1 -0
- package/lib/progress/progress.d.ts +7 -1
- package/lib/progress-ring/progress-ring.d.ts +7 -1
- package/lib/radio/radio.d.ts +1137 -4
- package/lib/radio-group/radio-group.d.ts +21 -3
- package/lib/range-slider/range-slider.d.ts +765 -18
- package/lib/rich-text-editor/definition.d.ts +2 -2
- package/lib/rich-text-editor/facades/vivid-prose-mirror.facade.d.ts +3 -1
- package/lib/rich-text-editor/locale.d.ts +1 -0
- package/lib/rich-text-editor/menubar/menubar.d.ts +7 -1
- package/lib/rich-text-editor/rich-text-editor.d.ts +352 -2
- package/lib/searchable-select/option-tag.d.ts +7 -1
- package/lib/searchable-select/searchable-select.d.ts +1859 -38
- package/lib/select/select.d.ts +1844 -29
- package/lib/selectable-box/selectable-box.d.ts +7 -1
- package/lib/slider/slider.d.ts +386 -4
- package/lib/split-button/split-button.d.ts +21 -3
- package/lib/switch/switch.d.ts +387 -4
- package/lib/tab/tab.d.ts +21 -4
- package/lib/tab-panel/tab-panel.d.ts +7 -1
- package/lib/tag/tag.d.ts +14 -2
- package/lib/tag-group/tag-group.d.ts +7 -1
- package/lib/text-area/text-area.d.ts +2174 -19
- package/lib/text-field/text-field.d.ts +2197 -33
- package/lib/time-picker/time-picker.d.ts +839 -106
- package/lib/toggletip/toggletip.d.ts +10 -4
- package/lib/tooltip/tooltip.d.ts +10 -4
- package/lib/tree-item/tree-item.d.ts +14 -2
- package/lib/tree-view/tree-view.d.ts +7 -1
- package/lib/video-player/video-player.d.ts +7 -1
- package/lib/visually-hidden/definition.d.ts +4 -0
- package/lib/visually-hidden/visually-hidden.d.ts +3 -0
- package/lib/visually-hidden/visually-hidden.template.d.ts +3 -0
- package/locales/de-DE.cjs +54 -4
- package/locales/de-DE.js +54 -4
- package/locales/en-GB.cjs +54 -4
- package/locales/en-GB.js +54 -4
- package/locales/en-US.cjs +54 -4
- package/locales/en-US.js +54 -4
- package/locales/ja-JP.cjs +54 -4
- package/locales/ja-JP.js +54 -4
- package/locales/zh-CN.cjs +54 -4
- package/locales/zh-CN.js +54 -4
- package/menu/index.cjs +1 -1
- package/menu/index.js +1 -1
- package/nav/index.cjs +1 -1
- package/nav/index.js +1 -1
- package/nav-disclosure/index.cjs +1 -1
- package/nav-disclosure/index.js +1 -1
- package/nav-item/index.cjs +1 -1
- package/nav-item/index.js +1 -1
- package/note/index.cjs +1 -1
- package/note/index.js +1 -1
- package/number-field/index.cjs +1 -1
- package/number-field/index.js +1 -1
- package/option/index.cjs +1 -1
- package/option/index.js +1 -1
- package/package.json +1 -1
- package/pagination/index.cjs +1 -1
- package/pagination/index.js +1 -1
- package/popup/index.cjs +1 -1
- package/popup/index.js +1 -1
- package/progress/index.cjs +1 -1
- package/progress/index.js +1 -1
- package/progress-ring/index.cjs +1 -1
- package/progress-ring/index.js +1 -1
- package/radio/index.cjs +1 -1
- package/radio/index.js +1 -1
- package/radio-group/index.cjs +1 -1
- package/radio-group/index.js +1 -1
- package/range-slider/index.cjs +1 -1
- package/range-slider/index.js +1 -1
- package/rich-text-editor/index.cjs +1 -1
- package/rich-text-editor/index.js +1 -1
- package/searchable-select/index.cjs +1 -1
- package/searchable-select/index.js +1 -1
- 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/affix.cjs +13 -7
- package/shared/affix.js +13 -8
- package/shared/aria/delegates-aria.d.ts +7 -1
- package/shared/aria/host-semantics.d.ts +7 -1
- package/shared/breadcrumb-item.cjs +2 -5
- package/shared/breadcrumb-item.js +2 -5
- package/shared/button.cjs +13 -11
- package/shared/button.js +13 -11
- package/shared/calendar-picker.template.cjs +3 -3
- package/shared/calendar-picker.template.js +1 -1
- package/shared/char-count.cjs +92 -0
- package/shared/char-count.js +90 -0
- package/shared/definition.cjs +19 -3
- package/shared/definition.js +20 -4
- package/shared/definition10.js +1 -1
- package/shared/definition11.cjs +27 -44
- package/shared/definition11.js +28 -45
- package/shared/definition12.js +1 -1
- package/shared/definition13.cjs +25 -0
- package/shared/definition13.js +26 -1
- package/shared/definition14.cjs +53 -22
- package/shared/definition14.js +54 -23
- package/shared/definition15.cjs +32 -37
- package/shared/definition15.js +31 -37
- package/shared/definition16.cjs +44 -64
- package/shared/definition16.js +43 -64
- package/shared/definition17.cjs +608 -524
- package/shared/definition17.js +604 -520
- package/shared/definition18.cjs +10 -14
- package/shared/definition18.js +9 -14
- package/shared/definition19.cjs +85 -100
- package/shared/definition19.js +75 -91
- package/shared/definition2.js +1 -1
- package/shared/definition20.cjs +15 -20
- package/shared/definition20.js +14 -20
- package/shared/definition21.cjs +24 -5
- package/shared/definition21.js +25 -6
- package/shared/definition22.cjs +12 -6
- package/shared/definition22.js +13 -7
- package/shared/definition23.cjs +5 -38
- package/shared/definition23.js +5 -37
- package/shared/definition24.cjs +2 -7
- package/shared/definition24.js +3 -8
- package/shared/definition25.js +1 -1
- package/shared/definition26.cjs +157 -171
- package/shared/definition26.js +156 -171
- package/shared/definition27.cjs +1 -1
- package/shared/definition27.js +2 -2
- package/shared/definition28.cjs +33 -18
- package/shared/definition28.js +34 -19
- package/shared/definition29.js +1 -1
- package/shared/definition3.cjs +1 -1
- package/shared/definition3.js +2 -2
- package/shared/definition30.cjs +96 -482
- package/shared/definition30.js +99 -482
- package/shared/definition31.cjs +334 -57
- package/shared/definition31.js +333 -56
- package/shared/definition32.cjs +104 -19
- package/shared/definition32.js +105 -20
- package/shared/definition33.cjs +67 -15
- package/shared/definition33.js +66 -14
- package/shared/definition34.cjs +15 -50
- package/shared/definition34.js +14 -49
- package/shared/definition35.cjs +28 -397
- package/shared/definition35.js +27 -397
- package/shared/definition36.cjs +415 -54
- package/shared/definition36.js +415 -55
- package/shared/definition37.cjs +57 -234
- package/shared/definition37.js +57 -233
- package/shared/definition38.cjs +228 -66
- package/shared/definition38.js +227 -65
- package/shared/definition39.cjs +52 -44
- package/shared/definition39.js +51 -43
- package/shared/definition4.cjs +31 -24
- package/shared/definition4.js +33 -26
- package/shared/definition40.cjs +56 -266
- package/shared/definition40.js +55 -265
- package/shared/definition41.cjs +285 -142
- package/shared/definition41.js +285 -142
- package/shared/definition42.cjs +156 -564
- package/shared/definition42.js +156 -565
- package/shared/definition43.cjs +554 -14378
- package/shared/definition43.js +553 -14377
- package/shared/definition44.cjs +14418 -1155
- package/shared/definition44.js +14417 -1156
- package/shared/definition45.cjs +1049 -677
- package/shared/definition45.js +1050 -678
- package/shared/definition46.cjs +848 -113
- package/shared/definition46.js +847 -112
- package/shared/definition47.cjs +125 -90
- package/shared/definition47.js +124 -89
- package/shared/definition48.cjs +88 -455
- package/shared/definition48.js +87 -454
- package/shared/definition49.cjs +466 -109
- package/shared/definition49.js +466 -109
- package/shared/definition5.cjs +8 -7
- package/shared/definition5.js +6 -5
- package/shared/definition50.cjs +106 -106
- package/shared/definition50.js +105 -105
- package/shared/definition51.cjs +136 -15
- package/shared/definition51.js +135 -14
- package/shared/definition52.cjs +16 -115
- package/shared/definition52.js +15 -114
- package/shared/definition53.cjs +78 -412
- package/shared/definition53.js +77 -410
- package/shared/definition54.cjs +445 -23
- package/shared/definition54.js +443 -22
- package/shared/definition55.cjs +22 -136
- package/shared/definition55.js +21 -135
- package/shared/definition56.cjs +95 -291
- package/shared/definition56.js +95 -292
- package/shared/definition57.cjs +192 -480
- package/shared/definition57.js +190 -479
- package/shared/definition58.cjs +411 -24
- package/shared/definition58.js +410 -24
- package/shared/definition59.cjs +27 -144
- package/shared/definition59.js +27 -143
- package/shared/definition6.js +1 -1
- package/shared/definition60.cjs +83 -54
- package/shared/definition60.js +82 -53
- package/shared/definition61.cjs +78 -166
- package/shared/definition61.js +77 -164
- package/shared/definition62.cjs +143 -232
- package/shared/definition62.js +141 -231
- package/shared/definition63.cjs +234 -69417
- package/shared/definition63.js +233 -69416
- package/shared/definition64.cjs +69454 -28
- package/shared/definition64.js +69453 -27
- package/shared/definition65.cjs +28 -2168
- package/shared/definition65.js +27 -2166
- package/shared/definition66.cjs +27 -0
- package/shared/definition66.js +23 -0
- package/shared/definition67.cjs +2203 -0
- package/shared/definition67.js +2198 -0
- package/shared/definition7.cjs +11 -2
- package/shared/definition7.js +12 -3
- package/shared/definition8.cjs +24 -11
- package/shared/definition8.js +26 -13
- package/shared/definition9.cjs +1 -2
- package/shared/definition9.js +2 -3
- package/shared/delegates-aria.js +1 -1
- package/shared/deprecation/replaced-props.d.ts +20 -0
- package/shared/divider.cjs +41 -0
- package/shared/divider.js +38 -0
- package/shared/feedback/feedback-message.d.ts +345 -0
- package/shared/feedback/locale.d.ts +4 -0
- package/{lib/text-anchor/text-anchor.d.ts → shared/feedback/mixins.d.ts} +64 -41
- package/shared/form-associated.cjs +124 -100
- package/shared/form-associated.js +125 -101
- package/shared/form-element.cjs +84 -0
- package/shared/form-element.js +82 -0
- package/shared/foundation/button/button.d.ts +379 -3
- package/shared/foundation/form-associated/form-associated.d.ts +753 -49
- package/shared/foundation/listbox/listbox.d.ts +1 -1
- package/shared/foundation/vivid-element/vivid-element.d.ts +16 -0
- package/shared/host-semantics.js +1 -1
- package/shared/key-codes.js +1 -1
- package/shared/linkable.cjs +70 -0
- package/shared/linkable.js +68 -0
- package/shared/localization/Locale.d.ts +16 -0
- package/shared/mixins.cjs +309 -0
- package/shared/mixins.js +303 -0
- package/shared/patterns/affix.d.ts +18 -3
- package/shared/patterns/anchored.d.ts +20 -8
- package/shared/patterns/char-count/char-count.d.ts +351 -0
- package/shared/patterns/char-count/index.d.ts +1 -0
- package/shared/patterns/char-count/locale.d.ts +4 -0
- package/shared/patterns/form-elements/form-element.d.ts +744 -0
- package/shared/patterns/form-elements/index.d.ts +3 -1
- package/shared/patterns/form-elements/with-error-text.d.ts +1122 -0
- package/shared/patterns/form-elements/with-success-text.d.ts +341 -0
- package/shared/patterns/index.d.ts +2 -0
- package/shared/patterns/linkable.d.ts +394 -0
- package/shared/patterns/localized.d.ts +7 -1
- package/shared/patterns/trapped-focus.d.ts +7 -1
- package/shared/picker-field/mixins/calendar-picker.d.ts +420 -52
- package/shared/picker-field/mixins/calendar-picker.template.d.ts +420 -52
- package/shared/picker-field/mixins/inline-time-picker/inline-time-picker.d.ts +7 -1
- package/shared/picker-field/mixins/min-max-calendar-picker.d.ts +843 -107
- package/shared/picker-field/mixins/single-date-picker.d.ts +1259 -155
- package/shared/picker-field/mixins/single-value-picker.d.ts +417 -49
- package/shared/picker-field/mixins/time-selection-picker.d.ts +842 -106
- package/shared/picker-field/mixins/time-selection-picker.template.d.ts +839 -103
- package/shared/picker-field/picker-field.d.ts +1492 -16
- package/shared/picker-field.template.cjs +26 -35
- package/shared/picker-field.template.js +27 -36
- package/shared/repeat.js +1 -1
- package/shared/slider.template.cjs +1 -1
- package/shared/slider.template.js +1 -1
- package/shared/time-selection-picker.template.cjs +10 -15
- package/shared/time-selection-picker.template.js +10 -16
- package/shared/vivid-element.cjs +63 -4
- package/shared/vivid-element.js +63 -3
- package/shared/with-error-text.cjs +56 -0
- package/shared/with-error-text.js +54 -0
- package/shared/with-success-text.cjs +23 -0
- package/shared/with-success-text.js +21 -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/visually-hidden/index.cjs +5 -0
- package/visually-hidden/index.js +3 -0
- package/vivid.api.json +845 -1503
- package/lib/checkbox/checkbox.form-associated.d.ts +0 -11
- package/lib/file-picker/file-picker.form-associated.d.ts +0 -11
- package/lib/number-field/number-field.form-associated.d.ts +0 -11
- package/lib/radio/radio.form-associated.d.ts +0 -13
- package/lib/range-slider/range-slider.form-associated.d.ts +0 -11
- package/lib/searchable-select/searchable-select.form-associated.d.ts +0 -11
- package/lib/select/select.form-associated.d.ts +0 -11
- package/lib/slider/slider.form-associated.d.ts +0 -11
- package/lib/switch/switch.form-associated.d.ts +0 -11
- package/lib/text-anchor/definition.d.ts +0 -2
- package/lib/text-anchor/text-anchor.template.d.ts +0 -3
- package/lib/text-area/text-area.form-associated.d.ts +0 -11
- package/lib/text-field/text-field.form-associated.d.ts +0 -11
- package/shared/anchor.cjs +0 -49
- package/shared/anchor.js +0 -47
- package/shared/apply-mixins.cjs +0 -23
- package/shared/apply-mixins.js +0 -21
- package/shared/applyMixinsWithObservables.cjs +0 -15
- package/shared/applyMixinsWithObservables.js +0 -13
- package/shared/direction.cjs +0 -17
- package/shared/direction.js +0 -15
- package/shared/form-elements.cjs +0 -209
- package/shared/form-elements.js +0 -202
- package/shared/foundation/anchor/anchor.d.ts +0 -11
- package/shared/foundation/utilities/apply-mixins.d.ts +0 -1
- package/shared/patterns/form-elements/form-elements.d.ts +0 -58
- package/shared/picker-field/picker-field.form-associated.d.ts +0 -11
- package/shared/text-anchor.cjs +0 -38
- package/shared/text-anchor.js +0 -36
- package/shared/text-anchor.template.cjs +0 -35
- package/shared/text-anchor.template.js +0 -33
- package/shared/utils/applyMixinsWithObservables.d.ts +0 -1
- package/text-anchor/index.cjs +0 -17
- package/text-anchor/index.js +0 -15
package/lib/header/header.d.ts
CHANGED
|
@@ -2,10 +2,10 @@ import { VividElement } from '../../shared/foundation/vivid-element/vivid-elemen
|
|
|
2
2
|
declare const Header_base: {
|
|
3
3
|
new (...args: any[]): {
|
|
4
4
|
_vividAriaBehaviour: "delegate";
|
|
5
|
+
connectedCallback(): void;
|
|
5
6
|
specialHandling: boolean;
|
|
6
7
|
readonly $fastController: import("@microsoft/fast-element").Controller;
|
|
7
8
|
$emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
|
|
8
|
-
connectedCallback(): void;
|
|
9
9
|
disconnectedCallback(): void;
|
|
10
10
|
attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
|
|
11
11
|
accessKey: string;
|
|
@@ -328,6 +328,12 @@ declare const Header_base: {
|
|
|
328
328
|
ariaDescription: string | null;
|
|
329
329
|
ariaRowIndexText: string | null;
|
|
330
330
|
ariaRelevant: string | null;
|
|
331
|
+
"__#1@#handleReplacedProp"(replacedProp: {
|
|
332
|
+
newPropertyName: string;
|
|
333
|
+
deprecatedPropertyName: string;
|
|
334
|
+
fromDeprecated: (v: any) => any;
|
|
335
|
+
toDeprecated?: ((v: any) => any) | undefined;
|
|
336
|
+
}): void;
|
|
331
337
|
};
|
|
332
338
|
} & typeof VividElement;
|
|
333
339
|
export declare class Header extends Header_base {
|
package/lib/icon/icon.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ export declare class Icon extends VividElement {
|
|
|
7
7
|
connotation?: IconConnotation;
|
|
8
8
|
size?: -6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5;
|
|
9
9
|
iconLoaded: boolean;
|
|
10
|
+
label?: string;
|
|
10
11
|
name?: string;
|
|
11
12
|
get iconUrl(): string | undefined;
|
|
12
13
|
nameChanged(): Promise<void>;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
+
import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
|
|
1
2
|
import type { Icon } from './icon';
|
|
2
|
-
export declare const iconTemplate: import("@microsoft/fast-element").ViewTemplate<Icon, any>;
|
|
3
|
+
export declare const iconTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Icon, any>;
|
package/lib/menu/menu.d.ts
CHANGED
|
@@ -7,10 +7,10 @@ declare const Menu_base: {
|
|
|
7
7
|
_slottedAnchor?: HTMLElement[] | undefined;
|
|
8
8
|
_slottedAnchorChanged(): void;
|
|
9
9
|
_anchorEl?: HTMLElement | undefined;
|
|
10
|
-
"__#
|
|
11
|
-
"__#
|
|
12
|
-
"__#
|
|
13
|
-
"__#
|
|
10
|
+
"__#9@#updateAnchorEl": () => void;
|
|
11
|
+
"__#9@#observer"?: MutationObserver | undefined;
|
|
12
|
+
"__#9@#observeMissingAnchor": (anchorId: string) => void;
|
|
13
|
+
"__#9@#cleanupObserverIfNeeded": () => void;
|
|
14
14
|
connectedCallback(): void;
|
|
15
15
|
disconnectedCallback(): void;
|
|
16
16
|
specialHandling: boolean;
|
|
@@ -338,14 +338,20 @@ declare const Menu_base: {
|
|
|
338
338
|
ariaDescription: string | null;
|
|
339
339
|
ariaRowIndexText: string | null;
|
|
340
340
|
ariaRelevant: string | null;
|
|
341
|
+
"__#1@#handleReplacedProp"(replacedProp: {
|
|
342
|
+
newPropertyName: string;
|
|
343
|
+
deprecatedPropertyName: string;
|
|
344
|
+
fromDeprecated: (v: any) => any;
|
|
345
|
+
toDeprecated?: ((v: any) => any) | undefined;
|
|
346
|
+
}): void;
|
|
341
347
|
};
|
|
342
348
|
} & {
|
|
343
349
|
new (...args: any[]): {
|
|
344
350
|
_vividAriaBehaviour: "delegate";
|
|
351
|
+
connectedCallback(): void;
|
|
345
352
|
specialHandling: boolean;
|
|
346
353
|
readonly $fastController: import("@microsoft/fast-element").Controller;
|
|
347
354
|
$emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
|
|
348
|
-
connectedCallback(): void;
|
|
349
355
|
disconnectedCallback(): void;
|
|
350
356
|
attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
|
|
351
357
|
accessKey: string;
|
|
@@ -668,6 +674,12 @@ declare const Menu_base: {
|
|
|
668
674
|
ariaDescription: string | null;
|
|
669
675
|
ariaRowIndexText: string | null;
|
|
670
676
|
ariaRelevant: string | null;
|
|
677
|
+
"__#1@#handleReplacedProp"(replacedProp: {
|
|
678
|
+
newPropertyName: string;
|
|
679
|
+
deprecatedPropertyName: string;
|
|
680
|
+
fromDeprecated: (v: any) => any;
|
|
681
|
+
toDeprecated?: ((v: any) => any) | undefined;
|
|
682
|
+
}): void;
|
|
671
683
|
};
|
|
672
684
|
} & typeof VividElement;
|
|
673
685
|
export declare class Menu extends Menu_base {
|
|
@@ -675,7 +687,6 @@ export declare class Menu extends Menu_base {
|
|
|
675
687
|
private menuItems;
|
|
676
688
|
private expandedItem;
|
|
677
689
|
private focusIndex;
|
|
678
|
-
private static focusableElementRoles;
|
|
679
690
|
focus(): void;
|
|
680
691
|
collapseExpandedItem(): void;
|
|
681
692
|
private handleItemFocus;
|
|
@@ -683,8 +694,6 @@ export declare class Menu extends Menu_base {
|
|
|
683
694
|
private removeItemListeners;
|
|
684
695
|
private setItems;
|
|
685
696
|
private domChildren;
|
|
686
|
-
private isMenuItemElement;
|
|
687
|
-
private isFocusableElement;
|
|
688
697
|
private setFocus;
|
|
689
698
|
placement?: Placement;
|
|
690
699
|
trigger?: 'auto' | 'legacy' | 'off';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const menuName = "menu";
|
|
@@ -2,14 +2,15 @@ import { Connotation } from '../enums';
|
|
|
2
2
|
import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
|
|
3
3
|
import type { ExtractFromEnum } from '../../shared/utils/enums';
|
|
4
4
|
import { MenuItemRole } from './menu-item-role';
|
|
5
|
+
type ControlType = 'checkbox' | 'radio';
|
|
5
6
|
export type MenuItemConnotation = ExtractFromEnum<Connotation, Connotation.CTA | Connotation.Accent>;
|
|
6
7
|
declare const MenuItem_base: {
|
|
7
8
|
new (...args: any[]): {
|
|
8
9
|
_vividAriaBehaviour: "host";
|
|
10
|
+
connectedCallback(): void;
|
|
9
11
|
specialHandling: boolean;
|
|
10
12
|
readonly $fastController: import("@microsoft/fast-element").Controller;
|
|
11
13
|
$emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
|
|
12
|
-
connectedCallback(): void;
|
|
13
14
|
disconnectedCallback(): void;
|
|
14
15
|
attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
|
|
15
16
|
accessKey: string;
|
|
@@ -332,16 +333,22 @@ declare const MenuItem_base: {
|
|
|
332
333
|
ariaDescription: string | null;
|
|
333
334
|
ariaRowIndexText: string | null;
|
|
334
335
|
ariaRelevant: string | null;
|
|
336
|
+
"__#1@#handleReplacedProp"(replacedProp: {
|
|
337
|
+
newPropertyName: string;
|
|
338
|
+
deprecatedPropertyName: string;
|
|
339
|
+
fromDeprecated: (v: any) => any;
|
|
340
|
+
toDeprecated?: ((v: any) => any) | undefined;
|
|
341
|
+
}): void;
|
|
335
342
|
};
|
|
336
343
|
} & {
|
|
337
344
|
new (...args: any[]): {
|
|
338
345
|
icon?: string | undefined;
|
|
339
346
|
iconSlottedContent?: HTMLElement[] | undefined;
|
|
347
|
+
connectedCallback(): void;
|
|
340
348
|
specialHandling: boolean;
|
|
341
349
|
_vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
|
|
342
350
|
readonly $fastController: import("@microsoft/fast-element").Controller;
|
|
343
351
|
$emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
|
|
344
|
-
connectedCallback(): void;
|
|
345
352
|
disconnectedCallback(): void;
|
|
346
353
|
attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
|
|
347
354
|
accessKey: string;
|
|
@@ -664,6 +671,12 @@ declare const MenuItem_base: {
|
|
|
664
671
|
ariaDescription: string | null;
|
|
665
672
|
ariaRowIndexText: string | null;
|
|
666
673
|
ariaRelevant: string | null;
|
|
674
|
+
"__#1@#handleReplacedProp"(replacedProp: {
|
|
675
|
+
newPropertyName: string;
|
|
676
|
+
deprecatedPropertyName: string;
|
|
677
|
+
fromDeprecated: (v: any) => any;
|
|
678
|
+
toDeprecated?: ((v: any) => any) | undefined;
|
|
679
|
+
}): void;
|
|
667
680
|
};
|
|
668
681
|
} & typeof VividElement;
|
|
669
682
|
export declare class MenuItem extends MenuItem_base {
|
|
@@ -671,8 +684,8 @@ export declare class MenuItem extends MenuItem_base {
|
|
|
671
684
|
disabled: boolean;
|
|
672
685
|
expanded: boolean;
|
|
673
686
|
role: MenuItemRole;
|
|
687
|
+
controlType?: ControlType;
|
|
674
688
|
checked: boolean;
|
|
675
|
-
private observer;
|
|
676
689
|
private invoke;
|
|
677
690
|
text?: string;
|
|
678
691
|
textSecondary?: string;
|
|
@@ -681,6 +694,5 @@ export declare class MenuItem extends MenuItem_base {
|
|
|
681
694
|
checkedAppearance?: 'normal' | 'tick-only';
|
|
682
695
|
trailingMetaSlottedContent?: HTMLElement[];
|
|
683
696
|
constructor();
|
|
684
|
-
private updateSubmenu;
|
|
685
697
|
}
|
|
686
698
|
export {};
|
package/lib/nav/nav.d.ts
CHANGED
|
@@ -2,10 +2,10 @@ import { VividElement } from '../../shared/foundation/vivid-element/vivid-elemen
|
|
|
2
2
|
declare const Nav_base: {
|
|
3
3
|
new (...args: any[]): {
|
|
4
4
|
_vividAriaBehaviour: "delegate";
|
|
5
|
+
connectedCallback(): void;
|
|
5
6
|
specialHandling: boolean;
|
|
6
7
|
readonly $fastController: import("@microsoft/fast-element").Controller;
|
|
7
8
|
$emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
|
|
8
|
-
connectedCallback(): void;
|
|
9
9
|
disconnectedCallback(): void;
|
|
10
10
|
attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
|
|
11
11
|
accessKey: string;
|
|
@@ -328,6 +328,12 @@ declare const Nav_base: {
|
|
|
328
328
|
ariaDescription: string | null;
|
|
329
329
|
ariaRowIndexText: string | null;
|
|
330
330
|
ariaRelevant: string | null;
|
|
331
|
+
"__#1@#handleReplacedProp"(replacedProp: {
|
|
332
|
+
newPropertyName: string;
|
|
333
|
+
deprecatedPropertyName: string;
|
|
334
|
+
fromDeprecated: (v: any) => any;
|
|
335
|
+
toDeprecated?: ((v: any) => any) | undefined;
|
|
336
|
+
}): void;
|
|
331
337
|
};
|
|
332
338
|
} & typeof VividElement;
|
|
333
339
|
export declare class Nav extends Nav_base {
|
|
@@ -7,11 +7,11 @@ declare const NavDisclosure_base: {
|
|
|
7
7
|
new (...args: any[]): {
|
|
8
8
|
icon?: string | undefined;
|
|
9
9
|
iconSlottedContent?: HTMLElement[] | undefined;
|
|
10
|
+
connectedCallback(): void;
|
|
10
11
|
specialHandling: boolean;
|
|
11
12
|
_vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
|
|
12
13
|
readonly $fastController: import("@microsoft/fast-element").Controller;
|
|
13
14
|
$emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
|
|
14
|
-
connectedCallback(): void;
|
|
15
15
|
disconnectedCallback(): void;
|
|
16
16
|
attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
|
|
17
17
|
accessKey: string;
|
|
@@ -334,14 +334,20 @@ declare const NavDisclosure_base: {
|
|
|
334
334
|
ariaDescription: string | null;
|
|
335
335
|
ariaRowIndexText: string | null;
|
|
336
336
|
ariaRelevant: string | null;
|
|
337
|
+
"__#1@#handleReplacedProp"(replacedProp: {
|
|
338
|
+
newPropertyName: string;
|
|
339
|
+
deprecatedPropertyName: string;
|
|
340
|
+
fromDeprecated: (v: any) => any;
|
|
341
|
+
toDeprecated?: ((v: any) => any) | undefined;
|
|
342
|
+
}): void;
|
|
337
343
|
};
|
|
338
344
|
} & {
|
|
339
345
|
new (...args: any[]): {
|
|
340
346
|
_vividAriaBehaviour: "delegate";
|
|
347
|
+
connectedCallback(): void;
|
|
341
348
|
specialHandling: boolean;
|
|
342
349
|
readonly $fastController: import("@microsoft/fast-element").Controller;
|
|
343
350
|
$emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
|
|
344
|
-
connectedCallback(): void;
|
|
345
351
|
disconnectedCallback(): void;
|
|
346
352
|
attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
|
|
347
353
|
accessKey: string;
|
|
@@ -664,6 +670,12 @@ declare const NavDisclosure_base: {
|
|
|
664
670
|
ariaDescription: string | null;
|
|
665
671
|
ariaRowIndexText: string | null;
|
|
666
672
|
ariaRelevant: string | null;
|
|
673
|
+
"__#1@#handleReplacedProp"(replacedProp: {
|
|
674
|
+
newPropertyName: string;
|
|
675
|
+
deprecatedPropertyName: string;
|
|
676
|
+
fromDeprecated: (v: any) => any;
|
|
677
|
+
toDeprecated?: ((v: any) => any) | undefined;
|
|
678
|
+
}): void;
|
|
667
679
|
};
|
|
668
680
|
} & typeof VividElement;
|
|
669
681
|
export declare class NavDisclosure extends NavDisclosure_base {
|
|
@@ -673,5 +685,6 @@ export declare class NavDisclosure extends NavDisclosure_base {
|
|
|
673
685
|
appearance?: NavDisclosureAppearance;
|
|
674
686
|
connotation?: NavDisclosureConnotation;
|
|
675
687
|
open: boolean;
|
|
688
|
+
current: boolean;
|
|
676
689
|
}
|
|
677
690
|
export {};
|