@vonage/vivid 5.16.0 → 5.18.0

package/lib/country-group/country-group.template.d.ts

@@ -0,0 +1,3 @@
+import { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
+import { CountryGroup } from './country-group';
+export declare const CountryGroupTemplate: (context: VividElementDefinitionContext) => import('@microsoft/fast-element').ViewTemplate<CountryGroup, any>;

package/lib/country-group/definition.d.ts

@@ -0,0 +1,3 @@
+import { CountryGroup } from './country-group';
+export declare const registerCountryGroup: (prefix?: string) => void;
+export { CountryGroup as VwcCountryGroupElement };

package/lib/country-group/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/country-group/locale.d.ts

@@ -0,0 +1,3 @@
+export interface CountryGroupLocale {
+    ariaLabelPrefix: string;
+}

package/lib/date-picker/date-picker.d.ts

@@ -48,6 +48,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _onMonthKeydown(month: import('../../shared/datetime/month').Month, event: KeyboardEvent): boolean;
     _onMonthFocus(month: import('../../shared/datetime/month').Month): void;
     get _tabbableMonth(): import('../../shared/datetime/month').Month | null;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;
@@ -973,6 +974,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _onTextFieldInput(event: Event): void;
     _isPresentationValueInvalid(): boolean;
     _onClearClick(): void;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;
@@ -1927,6 +1929,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _onMonthKeydown(month: import('../../shared/datetime/month').Month, event: KeyboardEvent): boolean;
     _onMonthFocus(month: import('../../shared/datetime/month').Month): void;
     get _tabbableMonth(): import('../../shared/datetime/month').Month | null;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;
@@ -2880,6 +2883,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _onMonthKeydown(month: import('../../shared/datetime/month').Month, event: KeyboardEvent): boolean;
     _onMonthFocus(month: import('../../shared/datetime/month').Month): void;
     get _tabbableMonth(): import('../../shared/datetime/month').Month | null;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;

package/lib/date-range-picker/date-range-picker.d.ts

@@ -49,6 +49,7 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     _onMonthKeydown(month: import('../../shared/datetime/month').Month, event: KeyboardEvent): boolean;
     _onMonthFocus(month: import('../../shared/datetime/month').Month): void;
     get _tabbableMonth(): import('../../shared/datetime/month').Month | null;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;
@@ -1002,6 +1003,7 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     _onMonthKeydown(month: import('../../shared/datetime/month').Month, event: KeyboardEvent): boolean;
     _onMonthFocus(month: import('../../shared/datetime/month').Month): void;
     get _tabbableMonth(): import('../../shared/datetime/month').Month | null;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;

package/lib/date-time-picker/date-time-picker.d.ts

@@ -35,6 +35,7 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     _onTextFieldInput: ((event: Event) => void) & ((event: Event) => void);
     _isPresentationValueInvalid(): boolean;
     _onClearClick: (() => void) & (() => void);
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;
@@ -985,6 +986,7 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     _onMonthKeydown(month: import('../../shared/datetime/month').Month, event: KeyboardEvent): boolean;
     _onMonthFocus(month: import('../../shared/datetime/month').Month): void;
     get _tabbableMonth(): import('../../shared/datetime/month').Month | null;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;
@@ -1910,6 +1912,7 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     _onTextFieldInput(event: Event): void;
     _isPresentationValueInvalid(): boolean;
     _onClearClick(): void;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;
@@ -2860,6 +2863,7 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     _onMonthKeydown(month: import('../../shared/datetime/month').Month, event: KeyboardEvent): boolean;
     _onMonthFocus(month: import('../../shared/datetime/month').Month): void;
     get _tabbableMonth(): import('../../shared/datetime/month').Month | null;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;
@@ -3776,10 +3780,6 @@ export declare class DateTimePicker extends DateTimePicker_base {
     max: string;
     maxTime: string;
     maxDate: string;
-    get _resolvedMinDate(): string;
-    get _resolvedMaxDate(): string;
-    get _resolvedMinTime(): string;
-    get _resolvedMaxTime(): string;
     constructor();
 }
 export {};

package/lib/dial-pad/dial-pad.d.ts

@@ -1,9 +1,12 @@
+import { Size } from '../enums.js';
+import { ExtractFromEnum } from '../../shared/utils/enums';
 import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export type DialPadSize = ExtractFromEnum<Size, Size.Condensed | Size.Normal>;
 declare const DialPad_base: {
     new (...args: any[]): {
-        get locale(): import('../../shared/localization/Locale').Locale;
+        get locale(): import('../../shared/localization/Locale.js').Locale;
         connectedCallback(): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.js').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback(): void;
@@ -419,6 +422,7 @@ export declare class DialPad extends DialPad_base {
     callActive: boolean;
     noCall: boolean;
     noInput: boolean;
+    size?: DialPadSize;
     endCallButtonLabel: string | null;
     callButtonLabel: string | null;
     deleteAriaLabel: string | null;

package/lib/dialog/dialog.d.ts

@@ -833,7 +833,6 @@ export declare class Dialog extends Dialog_base {
     scrollableBody: boolean;
     set returnValue(value: string);
     get returnValue(): string;
-    get _showDismissButton(): boolean;
     close(): void;
     show(): void;
     showModal(): void;

package/lib/flag/definition.d.ts

@@ -0,0 +1,3 @@
+import { Flag } from './flag';
+export declare const registerFlag: (prefix?: string) => void;
+export { Flag as VwcFlagElement };

package/lib/flag/flag.d.ts

@@ -0,0 +1,8 @@
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export declare class Flag extends VividElement {
+    #private;
+    code?: string;
+    label?: string;
+    size?: -6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5;
+}
+export { Flag as VwcFlagElement };

package/lib/flag/flag.template.d.ts

@@ -0,0 +1,3 @@
+import { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
+import { Flag } from './flag';
+export declare const flagTemplate: (context: VividElementDefinitionContext) => import('@microsoft/fast-element').ViewTemplate<Flag, any>;

package/lib/flag/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/icon/icon.d.ts

@@ -1,7 +1,6 @@
-import { Connotation } from '../enums';
 import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 import { ExtractFromEnum } from '../../shared/utils/enums';
-export declare const resolveIcon: (iconId: string | undefined, signal: AbortSignal) => Promise<string>;
+import { Connotation } from '../enums';
 export type IconConnotation = ExtractFromEnum<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Information | Connotation.Announcement>;
 export declare class Icon extends VividElement {
     #private;

package/lib/menu/menu.d.ts

@@ -844,6 +844,5 @@ export declare class Menu extends Menu_base {
     positionStrategy?: Strategy;
     open: boolean;
     openChanged(_: boolean, newValue: boolean): void;
-    _onFocusout: (e: FocusEvent) => void;
 }
 export {};

package/lib/option/option.d.ts

@@ -843,7 +843,6 @@ export declare class ListboxOption extends ListboxOption_base {
     textSecondary?: string;
     get form(): HTMLFormElement | null;
     matchedText?: string;
-    get _hasMatchedText(): boolean;
     connotation?: OptionConnotation;
     tagConnotation?: OptionTagConnotation;
     constructor(text?: string, value?: string, defaultSelected?: boolean, selected?: boolean);

package/lib/rich-text-editor/rte/exports.d.ts

@@ -22,6 +22,7 @@ export { RteAtomFeature } from './features/atom';
 export { RteInputRuleFeature } from './features/input-rule';
 export { RteKeyboardShortcutsFeature } from './features/keyboard-shortcuts';
 export { RteSuggestFeature } from './features/suggest';
+export { RteCharacterCountFeature } from './features/character-count';
 export { RteHtmlParser } from './html-parser';
 export { RteHtmlSerializer } from './html-serializer';
 export type { RteInstance } from './instance';

package/lib/rich-text-editor/rte/features/alignment.d.ts

@@ -1,4 +1,4 @@
-import { Command, EditorState } from 'prosemirror-state';
+import { EditorState, Command } from 'prosemirror-state';
 import { RteFeatureImpl, TextblockAttrContribution, ToolbarItemContribution } from '../feature';
 type Alignment = 'left' | 'center' | 'right';
 export declare class RteAlignmentFeatureImpl extends RteFeatureImpl {

package/lib/rich-text-editor/rte/features/character-count.d.ts

@@ -0,0 +1,21 @@
+import { Plugin } from 'prosemirror-state';
+import { RteFeatureImpl } from '../feature';
+import { RteInstanceImpl } from '../instance';
+import { RteCharacterCountPublicInterface } from '../public-interface';
+export type RteCharacterCountConfig = {
+    limit?: number;
+};
+export declare class RteCharacterCountFeatureImpl extends RteFeatureImpl {
+    protected config?: RteCharacterCountConfig | undefined;
+    name: string;
+    constructor(config?: RteCharacterCountConfig | undefined);
+    getPlugins(): {
+        priority: number;
+        featureName: string;
+        value: Plugin<any>;
+    }[];
+    getPublicInterface(rte: RteInstanceImpl): RteCharacterCountPublicInterface;
+}
+export declare const RteCharacterCountFeature: {
+    new (config?: RteCharacterCountConfig | undefined): {};
+};

package/lib/rich-text-editor/rte/features/font-size-picker.d.ts

@@ -1,4 +1,4 @@
-import { Command, EditorState } from 'prosemirror-state';
+import { EditorState, Command } from 'prosemirror-state';
 import { RteInstanceImpl } from '../instance';
 import { RteFeatureImpl, SchemaContribution, ToolbarItemContribution } from '../feature';
 export interface FontSizeOption {

package/lib/rich-text-editor/rte/features/internal/basic-text-blocks.d.ts

@@ -1,5 +1,5 @@
 import { NodeSpec } from 'prosemirror-model';
-import { Command, EditorState } from 'prosemirror-state';
+import { EditorState, Command } from 'prosemirror-state';
 import { PluginContribution, RteFeatureImpl } from '../../feature';
 import { RteInstanceImpl } from '../../instance';
 import { TextblockAttrs } from '../../utils/textblock-attrs';

package/lib/rich-text-editor/rte/features/keyboard-shortcuts.d.ts

@@ -1,5 +1,5 @@
 import { PluginContribution, RteFeatureImpl } from '../feature';
-import { RteInstance, RteInstanceImpl } from '../instance';
+import { RteInstanceImpl, RteInstance } from '../instance';
 export type KeyboardShortcutHandler = (rteInstance: RteInstance) => boolean;
 export interface RteKeyboardShortcutsFeatureOptions {
     shortcuts: Record<string, KeyboardShortcutHandler>;

package/lib/rich-text-editor/rte/features/text-color-picker.d.ts

@@ -1,4 +1,4 @@
-import { Command, EditorState } from 'prosemirror-state';
+import { EditorState, Command } from 'prosemirror-state';
 import { RteFeatureImpl, SchemaContribution, ToolbarItemContribution } from '../feature';
 export interface TextColorOnBlock {
     node: string;

package/lib/rich-text-editor/rte/public-interface.d.ts

@@ -2,6 +2,7 @@ import { Constructor } from '../../../shared/utils/mixins';
 import { RteBase } from './features/base';
 import { RteFeature } from './feature';
 import { RteToolbarFeature } from './features/toolbar';
+import { RteCharacterCountFeature } from './features/character-count';
 export declare function getPublicInterface(facade: Constructor<RteFeature>): unknown;
 export interface RteBasePublicInterface {
     disabled: boolean;
@@ -11,3 +12,8 @@ export interface RteToolbarPublicInterface {
     hidden: boolean;
 }
 export declare function getPublicInterface(facade: typeof RteToolbarFeature): RteToolbarPublicInterface;
+export interface RteCharacterCountPublicInterface {
+    readonly characters: number;
+    readonly limit: number | undefined;
+}
+export declare function getPublicInterface(facade: typeof RteCharacterCountFeature): RteCharacterCountPublicInterface;

package/lib/searchable-select/option-tag.d.ts

@@ -1,8 +1,9 @@
 import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-import { Connotation, Shape } from '../enums';
+import { Connotation, Shape, Size } from '../enums';
 import { ExtractFromEnum } from '../../shared/utils/enums';
 export type OptionTagShape = ExtractFromEnum<Shape, Shape.Rounded | Shape.Pill>;
 export type OptionTagConnotation = ExtractFromEnum<Connotation, Connotation.Accent | Connotation.CTA>;
+export type OptionTagSize = ExtractFromEnum<Size, Size.Condensed | Size.Normal>;
 declare const OptionTag_base: {
     new (...args: any[]): {
         get locale(): import('../../shared/localization/Locale').Locale;
@@ -419,6 +420,6 @@ export declare class OptionTag extends OptionTag_base {
     removable: boolean;
     disabled: boolean;
     hasIconPlaceholder: boolean;
-    _onClickRemove(): void;
+    scale?: OptionTagSize;
 }
 export {};

package/lib/searchable-select/searchable-select.d.ts

@@ -1,9 +1,10 @@
-import { Appearance, Shape } from '../enums';
+import { Appearance, Shape, Size } from '../enums';
 import { ListboxOption } from '../option/option';
 import { ExtractFromEnum } from '../../shared/utils/enums';
 import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export type SearchableSelectAppearance = ExtractFromEnum<Appearance, Appearance.Fieldset | Appearance.Ghost>;
 export type SearchableSelectShape = ExtractFromEnum<Shape, Shape.Rounded | Shape.Pill>;
+export type SearchableSelectSize = ExtractFromEnum<Size, Size.Condensed | Size.Normal>;
 declare const SearchableSelect_base: {
     new (...args: any[]): {
         _contextualHelpSlottedContent?: HTMLElement[];
@@ -3847,6 +3848,7 @@ export declare class SearchableSelect extends SearchableSelect_base {
     #private;
     appearance?: SearchableSelectAppearance;
     shape?: SearchableSelectShape;
+    scale?: SearchableSelectSize;
     fixedDropdown: boolean;
     placeholder: string | undefined;
     open: boolean;

package/lib/table/definition.d.ts

@@ -4,5 +4,6 @@ import { TableBody } from './table-body';
 import { TableRow } from './table-row';
 import { TableHeaderCell } from './table-header-cell';
 import { TableCell } from './table-cell';
+import { TableSortingButton } from './table-sorting-button';
 export declare const registerTable: (prefix?: string) => void;
-export { Table as VwcTableElement, TableHead as VwcTableHeadElement, TableBody as VwcTableBodyElement, TableRow as VwcTableRowElement, TableHeaderCell as VwcTableHeaderCellElement, TableCell as VwcTableCellElement, };
+export { Table as VwcTableElement, TableHead as VwcTableHeadElement, TableBody as VwcTableBodyElement, TableRow as VwcTableRowElement, TableHeaderCell as VwcTableHeaderCellElement, TableCell as VwcTableCellElement, TableSortingButton as VwcTableSortingButtonElement, };

package/lib/table/table-header-cell.d.ts

@@ -408,5 +408,8 @@ declare const TableHeaderCell_base: {
     };
 } & typeof VividElement;
 export declare class TableHeaderCell extends TableHeaderCell_base {
+    #private;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
 }
 export {};