@vonage/vivid 5.17.0 → 5.19.0

package/flag/index.js

@@ -0,0 +1,61 @@
+import { D as e, c as t, f as n, s as r, t as i, u as a } from "../bundled/vivid-element.js";
+import { t as o } from "../bundled/when.js";
+import { n as s, r as c } from "../bundled/definition.js";
+import { n as l, r as u, t as d } from "../bundled/numberConverter.js";
+import { t as f } from "../bundled/decorate.js";
+import { t as p } from "../bundled/class-names.js";
+import { t as m } from "../bundled/utils.js";
+//#region src/lib/flag/flag.scss?inline
+var h = ":host{vertical-align:sub;display:inline-block}.control.size--6{--_flag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)) - 1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.control.size--5{--_flag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20))}.control.size--4{--_flag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.control.size--3{--_flag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 12))}.control.size--2{--_flag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.control.size--1{--_flag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 4))}.control.size-0{--_flag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}.control.size-1{--_flag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 4))}.control.size-2{--_flag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8))}.control.size-3{--_flag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 12))}.control.size-4{--_flag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 16))}.control.size-5{--_flag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 20))}.control:not(.size--6,.size--5,.size--4,.size--3,.size--2,.size--1,.size-0,.size-1,.size-2,.size-3,.size-4,.size-5){--_flag-block-size:1em}.control{margin:unset;block-size:var(--_flag-block-size);color:currentColor;contain:strict;inline-size:var(--_flag-block-size);display:flex}svg{block-size:inherit;inline-size:inherit;margin:auto}", g = 500, _ = 2e3, v = class extends i {
+	constructor(...e) {
+		super(...e), this.flagLoaded = !1, this.#e = 0, this.#t = null;
+	}
+	#e;
+	#t;
+	async codeChanged() {
+		let e = ++this.#e;
+		this.#t && this.#t.abort(), this.#t = new AbortController();
+		let t = m(this.code);
+		if (!t) {
+			this._svg = "", this.flagLoaded = !0;
+			return;
+		}
+		this._svg = void 0, this.flagLoaded = !1;
+		let n = setTimeout(() => {
+			/* v8 ignore else -- @preserve */
+			this.#e === e && (this._svg = u, n = setTimeout(() => {
+				/* v8 ignore else -- @preserve */
+				this.#e === e && this._svg === u && (this._svg = void 0);
+			}, _));
+		}, g);
+		try {
+			let n = await l(t, this.#t.signal);
+			/* v8 ignore else -- @preserve */
+			this.#e === e && (this._svg = n);
+		} catch {
+			this.#e === e && (this._svg = void 0);
+		} finally {
+			this.#e === e && (clearTimeout(n), this.flagLoaded = !0);
+		}
+	}
+};
+f([a], v.prototype, "code", void 0), f([a], v.prototype, "label", void 0), f([a({ converter: d })], v.prototype, "size", void 0), f([e], v.prototype, "_svg", void 0), f([e], v.prototype, "flagLoaded", void 0);
+//#endregion
+//#region src/lib/flag/flag.template.ts
+var y = ({ size: e }) => p("control", [`size-${e}`, typeof e == "number"]);
+//#endregion
+//#region src/lib/flag/index.ts
+t(r("flag", v, (e) => {
+	let t = e.tagFor(c), r = (e) => !e.label || e.label.trim().length === 0;
+	return n`
+		<figure
+			class="${y}"
+			?aria-hidden="${(e) => r(e)}"
+			?aria-busy="${(e) => !e?.flagLoaded}"
+		>
+			${o((e) => e?.flagLoaded && e?._svg, (e) => n`${n.partial(e._svg)}`)}
+			<${t} class="label">${(e) => e?.label}</${t}>
+		</figure>
+	`;
+}, [s], { styles: h }))();
+//#endregion

package/header/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition43.cjs");
+const require_definition = require("../unbundled/definition45.cjs");
 exports.VwcHeaderElement = require_definition.Header;
 exports.headerDefinition = require_definition.headerDefinition;
 exports.registerHeader = require_definition.registerHeader;

package/header/definition.js

@@ -1,2 +1,2 @@
-import { n as registerHeader, r as Header, t as headerDefinition } from "../unbundled/definition43.js";
+import { n as registerHeader, r as Header, t as headerDefinition } from "../unbundled/definition45.js";
 export { Header as VwcHeaderElement, headerDefinition, registerHeader };

package/header/index.cjs

@@ -1,6 +1,6 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/decorate.cjs`),n=require(`../bundled/delegates-aria.cjs`),r=require(`../bundled/class-names.cjs`),i=require(`../bundled/definition7.cjs`);var a=`.base{z-index:1;block-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)));font:var(--vvd-typography-heading-4);inline-size:100%}.base .header-content{align-items:center;column-gap:4px;display:inline-flex}.container{box-sizing:border-box;background-color:var(--header-bg-color,var(--vvd-color-canvas));block-size:inherit;color:var(--vvd-color-canvas-text);justify-content:space-between;column-gap:12px;padding-block:8px;padding-inline:16px;display:flex}.container[part~=vvd-theme-alternate]{color-scheme:var(--vvd-color-scheme)}.app-content{--vvd-header-block-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}`,o=class extends n.t(e.t){constructor(...e){super(...e),this.elevationShadow=!1,this.alternate=!1}};t.t([e.l({attribute:`elevation-shadow`,mode:`boolean`})],o.prototype,`elevationShadow`,void 0),t.t([e.l({mode:`boolean`})],o.prototype,`alternate`,void 0);var s=({alternate:e})=>r.t([`vvd-theme-alternate`,!!e]),c=e.o(`header`,o,t=>{let r=t.tagFor(i.r);return e.d`
-    <${r} dp="4" ?no-shadow=${e=>!e.elevationShadow}>
-      <header class="base" part="base" ${n.n()}>
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/decorate.cjs`),n=require(`../bundled/class-names.cjs`),r=require(`../bundled/delegates-aria.cjs`),i=require(`../bundled/definition7.cjs`);var a=`.base{z-index:1;block-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)));font:var(--vvd-typography-heading-4);inline-size:100%}.base .header-content{align-items:center;column-gap:4px;display:inline-flex}.container{box-sizing:border-box;background-color:var(--header-bg-color,var(--vvd-color-canvas));block-size:inherit;color:var(--vvd-color-canvas-text);justify-content:space-between;column-gap:12px;padding-block:8px;padding-inline:16px;display:flex}.container[part~=vvd-theme-alternate]{color-scheme:var(--vvd-color-scheme)}.app-content{--vvd-header-block-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}`,o=class extends r.t(e.t){constructor(...e){super(...e),this.elevationShadow=!1,this.alternate=!1}};t.t([e.u({attribute:`elevation-shadow`,mode:`boolean`})],o.prototype,`elevationShadow`,void 0),t.t([e.u({mode:`boolean`})],o.prototype,`alternate`,void 0);var s=({alternate:e})=>n.t([`vvd-theme-alternate`,!!e]),c=e.s(`header`,o,t=>{let n=t.tagFor(i.r);return e.f`
+    <${n} dp="4" ?no-shadow=${e=>!e.elevationShadow}>
+      <header class="base" part="base" ${r.n()}>
         <!-- a container is needed to distinguish the surface background color of the
         element from its shadow when applying elevation with alternate -->
         <div class="container" part="${s}">
@@ -12,8 +12,8 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/decorate.c
           </section>
         </div>
       </header>
-    </${r}>
+    </${n}>
     <div class="app-content">
       <slot name="app-content"></slot>
     </div>
-	`},[i.t],{styles:a});e.s(c)();
+	`},[i.t],{styles:a});e.c(c)();

package/header/index.js

@@ -1,28 +1,28 @@
-import { d as e, l as t, o as n, s as r, t as i } from "../bundled/vivid-element.js";
+import { c as e, f as t, s as n, t as r, u as i } from "../bundled/vivid-element.js";
 import { t as a } from "../bundled/decorate.js";
-import { n as o, t as s } from "../bundled/delegates-aria.js";
-import { t as c } from "../bundled/class-names.js";
+import { t as o } from "../bundled/class-names.js";
+import { n as s, t as c } from "../bundled/delegates-aria.js";
 import { r as l, t as u } from "../bundled/definition7.js";
 //#region src/lib/header/header.scss?inline
-var d = ".base{z-index:1;block-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)));font:var(--vvd-typography-heading-4);inline-size:100%}.base .header-content{align-items:center;column-gap:4px;display:inline-flex}.container{box-sizing:border-box;background-color:var(--header-bg-color,var(--vvd-color-canvas));block-size:inherit;color:var(--vvd-color-canvas-text);justify-content:space-between;column-gap:12px;padding-block:8px;padding-inline:16px;display:flex}.container[part~=vvd-theme-alternate]{color-scheme:var(--vvd-color-scheme)}.app-content{--vvd-header-block-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}", f = class extends s(i) {
+var d = ".base{z-index:1;block-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)));font:var(--vvd-typography-heading-4);inline-size:100%}.base .header-content{align-items:center;column-gap:4px;display:inline-flex}.container{box-sizing:border-box;background-color:var(--header-bg-color,var(--vvd-color-canvas));block-size:inherit;color:var(--vvd-color-canvas-text);justify-content:space-between;column-gap:12px;padding-block:8px;padding-inline:16px;display:flex}.container[part~=vvd-theme-alternate]{color-scheme:var(--vvd-color-scheme)}.app-content{--vvd-header-block-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}", f = class extends c(r) {
 	constructor(...e) {
 		super(...e), this.elevationShadow = !1, this.alternate = !1;
 	}
 };
-a([t({
+a([i({
 	attribute: "elevation-shadow",
 	mode: "boolean"
-})], f.prototype, "elevationShadow", void 0), a([t({ mode: "boolean" })], f.prototype, "alternate", void 0);
+})], f.prototype, "elevationShadow", void 0), a([i({ mode: "boolean" })], f.prototype, "alternate", void 0);
 //#endregion
 //#region src/lib/header/header.template.ts
-var p = ({ alternate: e }) => c(["vvd-theme-alternate", !!e]);
+var p = ({ alternate: e }) => o(["vvd-theme-alternate", !!e]);
 //#endregion
 //#region src/lib/header/index.ts
-r(n("header", f, (t) => {
-	let n = t.tagFor(l);
-	return e`
+e(n("header", f, (e) => {
+	let n = e.tagFor(l);
+	return t`
     <${n} dp="4" ?no-shadow=${(e) => !e.elevationShadow}>
-      <header class="base" part="base" ${o()}>
+      <header class="base" part="base" ${s()}>
         <!-- a container is needed to distinguish the surface background color of the
         element from its shadow when applying elevation with alternate -->
         <div class="container" part="${p}">

package/icon/index.cjs

@@ -1 +1 @@
-require(`../bundled/vivid-element.cjs`),require(`../bundled/definition2.cjs`).n();
+require(`../bundled/definition2.cjs`).n();

package/icon/index.js

@@ -1,4 +1,3 @@
-import "../bundled/vivid-element.js";
 import { n as e } from "../bundled/definition2.js";
 //#region src/lib/icon/index.ts
 e();

package/index.cjs

@@ -37,9 +37,9 @@ const require_definition$29 = require("./unbundled/definition33.cjs");
 const require_definition$30 = require("./unbundled/definition34.cjs");
 const require_definition$31 = require("./unbundled/definition35.cjs");
 const require_definition$32 = require("./unbundled/definition36.cjs");
-const require_time_selection_picker_template = require("./unbundled/time-selection-picker.template.cjs");
 const require_definition$33 = require("./unbundled/definition37.cjs");
 const require_definition$34 = require("./unbundled/definition38.cjs");
+const require_time_selection_picker_template = require("./unbundled/time-selection-picker.template.cjs");
 const require_definition$35 = require("./unbundled/definition39.cjs");
 const require_definition$36 = require("./unbundled/definition40.cjs");
 const require_definition$37 = require("./unbundled/definition41.cjs");
@@ -77,6 +77,8 @@ const require_definition$68 = require("./unbundled/definition72.cjs");
 const require_definition$69 = require("./unbundled/definition73.cjs");
 const require_definition$70 = require("./unbundled/definition74.cjs");
 const require_definition$71 = require("./unbundled/definition75.cjs");
+const require_definition$72 = require("./unbundled/definition76.cjs");
+const require_definition$73 = require("./unbundled/definition77.cjs");
 exports.AccordionExpandMode = require_definition$2.AccordionExpandMode;
 exports.Appearance = require_enums.Appearance;
 exports.AriaLive = require_enums.AriaLive;
@@ -88,37 +90,37 @@ exports.MediaSkipBy = require_enums.MediaSkipBy;
 exports.MenuItemRole = require_definition$8.MenuItemRole;
 exports.Position = require_enums.Position;
 exports.Role = require_enums.Role;
-exports.RteAlignmentFeature = require_definition$52.RteAlignmentFeature;
-exports.RteAtomFeature = require_definition$52.RteAtomFeature;
-exports.RteBase = require_definition$52.RteBase;
-exports.RteBoldFeature = require_definition$52.RteBoldFeature;
-exports.RteCharacterCountFeature = require_definition$52.RteCharacterCountFeature;
-exports.RteConfig = require_definition$52.RteConfig;
-exports.RteDropHandlerFeature = require_definition$52.RteDropHandlerFeature;
-exports.RteFileHandlerFeature = require_definition$52.RteFileHandlerFeature;
-exports.RteFontSizePickerFeature = require_definition$52.RteFontSizePickerFeature;
-exports.RteHardBreakFeature = require_definition$52.RteHardBreakFeature;
-exports.RteHtmlParser = require_definition$52.RteHtmlParser;
-exports.RteHtmlSerializer = require_definition$52.RteHtmlSerializer;
-exports.RteInlineImageFeature = require_definition$52.RteInlineImageFeature;
-exports.RteInputRuleFeature = require_definition$52.RteInputRuleFeature;
-exports.RteItalicFeature = require_definition$52.RteItalicFeature;
-exports.RteKeyboardShortcutsFeature = require_definition$52.RteKeyboardShortcutsFeature;
-exports.RteLinkFeature = require_definition$52.RteLinkFeature;
-exports.RteListFeature = require_definition$52.RteListFeature;
-exports.RteMonospaceFeature = require_definition$52.RteMonospaceFeature;
-exports.RtePlaceholderFeature = require_definition$52.RtePlaceholderFeature;
-exports.RteStrikethroughFeature = require_definition$52.RteStrikethroughFeature;
-exports.RteSuggestFeature = require_definition$52.RteSuggestFeature;
-exports.RteTextBlockPickerFeature = require_definition$52.RteTextBlockPickerFeature;
-exports.RteTextColorPickerFeature = require_definition$52.RteTextColorPickerFeature;
-exports.RteToolbarButtonFeature = require_definition$52.RteToolbarButtonFeature;
-exports.RteToolbarFeature = require_definition$52.RteToolbarFeature;
-exports.RteUnderlineFeature = require_definition$52.RteUnderlineFeature;
+exports.RteAlignmentFeature = require_definition$54.RteAlignmentFeature;
+exports.RteAtomFeature = require_definition$54.RteAtomFeature;
+exports.RteBase = require_definition$54.RteBase;
+exports.RteBoldFeature = require_definition$54.RteBoldFeature;
+exports.RteCharacterCountFeature = require_definition$54.RteCharacterCountFeature;
+exports.RteConfig = require_definition$54.RteConfig;
+exports.RteDropHandlerFeature = require_definition$54.RteDropHandlerFeature;
+exports.RteFileHandlerFeature = require_definition$54.RteFileHandlerFeature;
+exports.RteFontSizePickerFeature = require_definition$54.RteFontSizePickerFeature;
+exports.RteHardBreakFeature = require_definition$54.RteHardBreakFeature;
+exports.RteHtmlParser = require_definition$54.RteHtmlParser;
+exports.RteHtmlSerializer = require_definition$54.RteHtmlSerializer;
+exports.RteInlineImageFeature = require_definition$54.RteInlineImageFeature;
+exports.RteInputRuleFeature = require_definition$54.RteInputRuleFeature;
+exports.RteItalicFeature = require_definition$54.RteItalicFeature;
+exports.RteKeyboardShortcutsFeature = require_definition$54.RteKeyboardShortcutsFeature;
+exports.RteLinkFeature = require_definition$54.RteLinkFeature;
+exports.RteListFeature = require_definition$54.RteListFeature;
+exports.RteMonospaceFeature = require_definition$54.RteMonospaceFeature;
+exports.RtePlaceholderFeature = require_definition$54.RtePlaceholderFeature;
+exports.RteStrikethroughFeature = require_definition$54.RteStrikethroughFeature;
+exports.RteSuggestFeature = require_definition$54.RteSuggestFeature;
+exports.RteTextBlockPickerFeature = require_definition$54.RteTextBlockPickerFeature;
+exports.RteTextColorPickerFeature = require_definition$54.RteTextColorPickerFeature;
+exports.RteToolbarButtonFeature = require_definition$54.RteToolbarButtonFeature;
+exports.RteToolbarFeature = require_definition$54.RteToolbarFeature;
+exports.RteUnderlineFeature = require_definition$54.RteUnderlineFeature;
 exports.Shape = require_enums.Shape;
 exports.Size = require_enums.Size;
 exports.Sticky = require_enums.Sticky;
-exports.TabsGutters = require_definition$64.TabsGutters;
+exports.TabsGutters = require_definition$66.TabsGutters;
 exports.VwcAccordionElement = require_definition$2.Accordion;
 exports.VwcAccordionItemElement = require_definition$1.AccordionItem;
 exports.VwcActionGroupElement = require_definition$3.ActionGroup;
@@ -138,67 +140,69 @@ exports.VwcColorPickerElement = require_definition$24.ColorPicker;
 exports.VwcComboboxElement = require_definition$26.Combobox;
 exports.VwcContextualHelpElement = require_definition$21.ContextualHelp;
 exports.VwcCountryElement = require_definition$27.Country;
-exports.VwcDataGridCellElement = require_definition$28.DataGridCell;
-exports.VwcDataGridElement = require_definition$28.DataGrid;
-exports.VwcDataGridRowElement = require_definition$28.DataGridRow;
-exports.VwcDatePickerElement = require_definition$31.DatePicker;
-exports.VwcDateRangePickerElement = require_definition$32.DateRangePicker;
-exports.VwcDateTimePickerElement = require_definition$33.DateTimePicker;
-exports.VwcDialPadElement = require_definition$34.DialPad;
-exports.VwcDialogElement = require_definition$35.Dialog;
+exports.VwcCountryGroupElement = require_definition$28.CountryGroup;
+exports.VwcDataGridCellElement = require_definition$30.DataGridCell;
+exports.VwcDataGridElement = require_definition$30.DataGrid;
+exports.VwcDataGridRowElement = require_definition$30.DataGridRow;
+exports.VwcDatePickerElement = require_definition$33.DatePicker;
+exports.VwcDateRangePickerElement = require_definition$34.DateRangePicker;
+exports.VwcDateTimePickerElement = require_definition$35.DateTimePicker;
+exports.VwcDialPadElement = require_definition$36.DialPad;
+exports.VwcDialogElement = require_definition$37.Dialog;
 exports.VwcDividerElement = require_divider.Divider;
-exports.VwcEmptyStateElement = require_definition$36.EmptyState;
-exports.VwcFabElement = require_definition$37.Fab;
-exports.VwcFilePickerElement = require_definition$38.FilePicker;
-exports.VwcHeaderElement = require_definition$39.Header;
+exports.VwcEmptyStateElement = require_definition$38.EmptyState;
+exports.VwcFabElement = require_definition$39.Fab;
+exports.VwcFilePickerElement = require_definition$40.FilePicker;
+exports.VwcFlagElement = require_definition$29.Flag;
+exports.VwcHeaderElement = require_definition$41.Header;
 exports.VwcIconElement = require_definition.Icon;
-exports.VwcLayoutElement = require_definition$40.Layout;
+exports.VwcLayoutElement = require_definition$42.Layout;
 exports.VwcMenuElement = require_definition$9.Menu;
 exports.VwcMenuItemElement = require_definition$8.MenuItem;
-exports.VwcNavDisclosureElement = require_definition$41.NavDisclosure;
-exports.VwcNavElement = require_definition$43.Nav;
-exports.VwcNavItemElement = require_definition$42.NavItem;
-exports.VwcNoteElement = require_definition$44.Note;
-exports.VwcNumberFieldElement = require_definition$45.NumberField;
+exports.VwcNavDisclosureElement = require_definition$43.NavDisclosure;
+exports.VwcNavElement = require_definition$45.Nav;
+exports.VwcNavItemElement = require_definition$44.NavItem;
+exports.VwcNoteElement = require_definition$46.Note;
+exports.VwcNumberFieldElement = require_definition$47.NumberField;
 exports.VwcOptionElement = require_definition$25.ListboxOption;
-exports.VwcPaginationElement = require_definition$46.Pagination;
-exports.VwcPopoverElement = require_definition$47.Popover;
-exports.VwcProgressElement = require_definition$48.Progress;
+exports.VwcPaginationElement = require_definition$48.Pagination;
+exports.VwcPopoverElement = require_definition$49.Popover;
+exports.VwcProgressElement = require_definition$50.Progress;
 exports.VwcProgressRingElement = require_definition$4.ProgressRing;
-exports.VwcRadioElement = require_definition$49.Radio;
-exports.VwcRadioGroupElement = require_definition$50.RadioGroup;
-exports.VwcRangeSliderElement = require_definition$51.RangeSlider;
-exports.VwcRichTextEditorElement = require_definition$52.RichTextEditor;
-exports.VwcRichTextViewElement = require_definition$54.RichTextView;
-exports.VwcSearchableSelectElement = require_definition$55.SearchableSelect;
-exports.VwcSelectElement = require_definition$53.Select;
-exports.VwcSelectableBoxElement = require_definition$56.SelectableBox;
-exports.VwcSideDrawerElement = require_definition$57.SideDrawer;
-exports.VwcSimpleColorPickerElement = require_definition$58.SimpleColorPicker;
+exports.VwcRadioElement = require_definition$51.Radio;
+exports.VwcRadioGroupElement = require_definition$52.RadioGroup;
+exports.VwcRangeSliderElement = require_definition$53.RangeSlider;
+exports.VwcRichTextEditorElement = require_definition$54.RichTextEditor;
+exports.VwcRichTextViewElement = require_definition$56.RichTextView;
+exports.VwcSearchableSelectElement = require_definition$57.SearchableSelect;
+exports.VwcSelectElement = require_definition$55.Select;
+exports.VwcSelectableBoxElement = require_definition$58.SelectableBox;
+exports.VwcSideDrawerElement = require_definition$59.SideDrawer;
+exports.VwcSimpleColorPickerElement = require_definition$60.SimpleColorPicker;
 exports.VwcSliderElement = require_definition$7.Slider;
-exports.VwcSplitButtonElement = require_definition$59.SplitButton;
-exports.VwcStatusElement = require_definition$60.Status;
-exports.VwcSwitchElement = require_definition$61.Switch;
-exports.VwcTabElement = require_definition$63.Tab;
-exports.VwcTabPanelElement = require_definition$62.TabPanel;
-exports.VwcTableBodyElement = require_definition$29.TableBody;
-exports.VwcTableCellElement = require_definition$29.TableCell;
-exports.VwcTableElement = require_definition$29.Table;
-exports.VwcTableHeadElement = require_definition$29.TableHead;
-exports.VwcTableHeaderCellElement = require_definition$29.TableHeaderCell;
-exports.VwcTableRowElement = require_definition$29.TableRow;
-exports.VwcTableSortingButtonElement = require_definition$29.TableSortingButton;
-exports.VwcTabsElement = require_definition$64.Tabs;
-exports.VwcTagElement = require_definition$66.Tag;
-exports.VwcTagGroupElement = require_definition$65.TagGroup;
-exports.VwcTextAreaElement = require_definition$67.TextArea;
+exports.VwcSplitButtonElement = require_definition$61.SplitButton;
+exports.VwcStatusElement = require_definition$62.Status;
+exports.VwcSwitchElement = require_definition$63.Switch;
+exports.VwcTabElement = require_definition$65.Tab;
+exports.VwcTabPanelElement = require_definition$64.TabPanel;
+exports.VwcTableBodyElement = require_definition$31.TableBody;
+exports.VwcTableCellElement = require_definition$31.TableCell;
+exports.VwcTableElement = require_definition$31.Table;
+exports.VwcTableHeadElement = require_definition$31.TableHead;
+exports.VwcTableHeaderCellElement = require_definition$31.TableHeaderCell;
+exports.VwcTableRowElement = require_definition$31.TableRow;
+exports.VwcTableSortingButtonElement = require_definition$31.TableSortingButton;
+exports.VwcTabsElement = require_definition$66.Tabs;
+exports.VwcTagElement = require_definition$68.Tag;
+exports.VwcTagGroupElement = require_definition$67.TagGroup;
+exports.VwcTextAreaElement = require_definition$69.TextArea;
 exports.VwcTextFieldElement = require_definition$22.TextField;
 exports.VwcTimePickerElement = require_time_selection_picker_template.TimePicker;
 exports.VwcToggletipElement = require_definition$20.Toggletip;
 exports.VwcTooltipElement = require_definition$23.Tooltip;
-exports.VwcTreeItemElement = require_definition$69.TreeItem;
-exports.VwcTreeViewElement = require_definition$70.TreeView;
-exports.VwcVideoPlayerElement = require_definition$71.VideoPlayer;
+exports.VwcTreeItemElement = require_definition$71.TreeItem;
+exports.VwcTreeViewElement = require_definition$72.TreeView;
+exports.VwcVideoPlayerElement = require_definition$73.VideoPlayer;
 exports.accordionDefinition = require_definition$2.accordionDefinition;
 exports.accordionItemDefinition = require_definition$1.accordionItemDefinition;
 exports.actionGroupDefinition = require_definition$3.actionGroupDefinition;
@@ -218,36 +222,38 @@ exports.colorPickerDefinition = require_definition$24.colorPickerDefinition;
 exports.comboboxDefinition = require_definition$26.comboboxDefinition;
 exports.contextualHelpDefinition = require_definition$21.contextualHelpDefinition;
 exports.countryDefinition = require_definition$27.countryDefinition;
-exports.dataGridCellDefinition = require_definition$28.dataGridCellDefinition;
-exports.dataGridDefinition = require_definition$28.dataGridDefinition;
-exports.dataGridRowDefinition = require_definition$28.dataGridRowDefinition;
-exports.datePickerDefinition = require_definition$31.datePickerDefinition;
-exports.dateRangePickerDefinition = require_definition$32.dateRangePickerDefinition;
-exports.dateTimePickerDefinition = require_definition$33.dateTimePickerDefinition;
-exports.dialPadDefinition = require_definition$34.dialPadDefinition;
-exports.dialogDefinition = require_definition$35.dialogDefinition;
-exports.dividerDefinition = require_definition$30.dividerDefinition;
-exports.emptyStateDefinition = require_definition$36.emptyStateDefinition;
-exports.fabDefinition = require_definition$37.fabDefinition;
-exports.filePickerDefinition = require_definition$38.filePickerDefinition;
-exports.headerDefinition = require_definition$39.headerDefinition;
+exports.countryGroupDefinition = require_definition$28.countryGroupDefinition;
+exports.dataGridCellDefinition = require_definition$30.dataGridCellDefinition;
+exports.dataGridDefinition = require_definition$30.dataGridDefinition;
+exports.dataGridRowDefinition = require_definition$30.dataGridRowDefinition;
+exports.datePickerDefinition = require_definition$33.datePickerDefinition;
+exports.dateRangePickerDefinition = require_definition$34.dateRangePickerDefinition;
+exports.dateTimePickerDefinition = require_definition$35.dateTimePickerDefinition;
+exports.dialPadDefinition = require_definition$36.dialPadDefinition;
+exports.dialogDefinition = require_definition$37.dialogDefinition;
+exports.dividerDefinition = require_definition$32.dividerDefinition;
+exports.emptyStateDefinition = require_definition$38.emptyStateDefinition;
+exports.fabDefinition = require_definition$39.fabDefinition;
+exports.filePickerDefinition = require_definition$40.filePickerDefinition;
+exports.flagDefinition = require_definition$29.flagDefinition;
+exports.headerDefinition = require_definition$41.headerDefinition;
 exports.iconDefinition = require_definition.iconDefinition;
-exports.layoutDefinition = require_definition$40.layoutDefinition;
+exports.layoutDefinition = require_definition$42.layoutDefinition;
 exports.listboxOptionDefinition = require_definition$25.listboxOptionDefinition;
 exports.menuDefinition = require_definition$9.menuDefinition;
 exports.menuItemDefinition = require_definition$8.menuItemDefinition;
-exports.navDefinition = require_definition$43.navDefinition;
-exports.navDisclosureDefinition = require_definition$41.navDisclosureDefinition;
-exports.navItemDefinition = require_definition$42.navItemDefinition;
-exports.noteDefinition = require_definition$44.noteDefinition;
-exports.numberFieldDefinition = require_definition$45.numberFieldDefinition;
-exports.paginationDefinition = require_definition$46.paginationDefinition;
-exports.popoverDefinition = require_definition$47.popoverDefinition;
-exports.progressDefinition = require_definition$48.progressDefinition;
+exports.navDefinition = require_definition$45.navDefinition;
+exports.navDisclosureDefinition = require_definition$43.navDisclosureDefinition;
+exports.navItemDefinition = require_definition$44.navItemDefinition;
+exports.noteDefinition = require_definition$46.noteDefinition;
+exports.numberFieldDefinition = require_definition$47.numberFieldDefinition;
+exports.paginationDefinition = require_definition$48.paginationDefinition;
+exports.popoverDefinition = require_definition$49.popoverDefinition;
+exports.progressDefinition = require_definition$50.progressDefinition;
 exports.progressRingDefinition = require_definition$4.progressRingDefinition;
-exports.radioDefinition = require_definition$49.radioDefinition;
-exports.radioGroupDefinition = require_definition$50.radioGroupDefinition;
-exports.rangeSliderDefinition = require_definition$51.rangeSliderDefinition;
+exports.radioDefinition = require_definition$51.radioDefinition;
+exports.radioGroupDefinition = require_definition$52.radioGroupDefinition;
+exports.rangeSliderDefinition = require_definition$53.rangeSliderDefinition;
 exports.registerAccordion = require_definition$2.registerAccordion;
 exports.registerAccordionItem = require_definition$1.registerAccordionItem;
 exports.registerActionGroup = require_definition$3.registerActionGroup;
@@ -267,87 +273,89 @@ exports.registerColorPicker = require_definition$24.registerColorPicker;
 exports.registerCombobox = require_definition$26.registerCombobox;
 exports.registerContextualHelp = require_definition$21.registerContextualHelp;
 exports.registerCountry = require_definition$27.registerCountry;
-exports.registerDataGrid = require_definition$28.registerDataGrid;
-exports.registerDatePicker = require_definition$31.registerDatePicker;
-exports.registerDateRangePicker = require_definition$32.registerDateRangePicker;
-exports.registerDateTimePicker = require_definition$33.registerDateTimePicker;
-exports.registerDialPad = require_definition$34.registerDialPad;
-exports.registerDialog = require_definition$35.registerDialog;
-exports.registerDivider = require_definition$30.registerDivider;
-exports.registerEmptyState = require_definition$36.registerEmptyState;
-exports.registerFab = require_definition$37.registerFab;
-exports.registerFilePicker = require_definition$38.registerFilePicker;
-exports.registerHeader = require_definition$39.registerHeader;
+exports.registerCountryGroup = require_definition$28.registerCountryGroup;
+exports.registerDataGrid = require_definition$30.registerDataGrid;
+exports.registerDatePicker = require_definition$33.registerDatePicker;
+exports.registerDateRangePicker = require_definition$34.registerDateRangePicker;
+exports.registerDateTimePicker = require_definition$35.registerDateTimePicker;
+exports.registerDialPad = require_definition$36.registerDialPad;
+exports.registerDialog = require_definition$37.registerDialog;
+exports.registerDivider = require_definition$32.registerDivider;
+exports.registerEmptyState = require_definition$38.registerEmptyState;
+exports.registerFab = require_definition$39.registerFab;
+exports.registerFilePicker = require_definition$40.registerFilePicker;
+exports.registerFlag = require_definition$29.registerFlag;
+exports.registerHeader = require_definition$41.registerHeader;
 exports.registerIcon = require_definition.registerIcon;
-exports.registerLayout = require_definition$40.registerLayout;
+exports.registerLayout = require_definition$42.registerLayout;
 exports.registerMenu = require_definition$9.registerMenu;
 exports.registerMenuItem = require_definition$8.registerMenuItem;
-exports.registerNav = require_definition$43.registerNav;
-exports.registerNavDisclosure = require_definition$41.registerNavDisclosure;
-exports.registerNavItem = require_definition$42.registerNavItem;
-exports.registerNote = require_definition$44.registerNote;
-exports.registerNumberField = require_definition$45.registerNumberField;
+exports.registerNav = require_definition$45.registerNav;
+exports.registerNavDisclosure = require_definition$43.registerNavDisclosure;
+exports.registerNavItem = require_definition$44.registerNavItem;
+exports.registerNote = require_definition$46.registerNote;
+exports.registerNumberField = require_definition$47.registerNumberField;
 exports.registerOption = require_definition$25.registerOption;
-exports.registerPagination = require_definition$46.registerPagination;
-exports.registerPopover = require_definition$47.registerPopover;
-exports.registerProgress = require_definition$48.registerProgress;
+exports.registerPagination = require_definition$48.registerPagination;
+exports.registerPopover = require_definition$49.registerPopover;
+exports.registerProgress = require_definition$50.registerProgress;
 exports.registerProgressRing = require_definition$4.registerProgressRing;
-exports.registerRadio = require_definition$49.registerRadio;
-exports.registerRadioGroup = require_definition$50.registerRadioGroup;
-exports.registerRangeSlider = require_definition$51.registerRangeSlider;
-exports.registerRichTextEditor = require_definition$52.registerRichTextEditor;
-exports.registerRichTextView = require_definition$54.registerRichTextView;
-exports.registerSearchableSelect = require_definition$55.registerSearchableSelect;
-exports.registerSelect = require_definition$53.registerSelect;
-exports.registerSelectableBox = require_definition$56.registerSelectableBox;
-exports.registerSideDrawer = require_definition$57.registerSideDrawer;
-exports.registerSimpleColorPicker = require_definition$58.registerSimpleColorPicker;
+exports.registerRadio = require_definition$51.registerRadio;
+exports.registerRadioGroup = require_definition$52.registerRadioGroup;
+exports.registerRangeSlider = require_definition$53.registerRangeSlider;
+exports.registerRichTextEditor = require_definition$54.registerRichTextEditor;
+exports.registerRichTextView = require_definition$56.registerRichTextView;
+exports.registerSearchableSelect = require_definition$57.registerSearchableSelect;
+exports.registerSelect = require_definition$55.registerSelect;
+exports.registerSelectableBox = require_definition$58.registerSelectableBox;
+exports.registerSideDrawer = require_definition$59.registerSideDrawer;
+exports.registerSimpleColorPicker = require_definition$60.registerSimpleColorPicker;
 exports.registerSlider = require_definition$7.registerSlider;
-exports.registerSplitButton = require_definition$59.registerSplitButton;
-exports.registerStatus = require_definition$60.registerStatus;
-exports.registerSwitch = require_definition$61.registerSwitch;
-exports.registerTab = require_definition$63.registerTab;
-exports.registerTabPanel = require_definition$62.registerTabPanel;
-exports.registerTable = require_definition$29.registerTable;
-exports.registerTabs = require_definition$64.registerTabs;
-exports.registerTag = require_definition$66.registerTag;
-exports.registerTagGroup = require_definition$65.registerTagGroup;
-exports.registerTextArea = require_definition$67.registerTextArea;
+exports.registerSplitButton = require_definition$61.registerSplitButton;
+exports.registerStatus = require_definition$62.registerStatus;
+exports.registerSwitch = require_definition$63.registerSwitch;
+exports.registerTab = require_definition$65.registerTab;
+exports.registerTabPanel = require_definition$64.registerTabPanel;
+exports.registerTable = require_definition$31.registerTable;
+exports.registerTabs = require_definition$66.registerTabs;
+exports.registerTag = require_definition$68.registerTag;
+exports.registerTagGroup = require_definition$67.registerTagGroup;
+exports.registerTextArea = require_definition$69.registerTextArea;
 exports.registerTextField = require_definition$22.registerTextField;
-exports.registerTimePicker = require_definition$68.registerTimePicker;
+exports.registerTimePicker = require_definition$70.registerTimePicker;
 exports.registerToggletip = require_definition$20.registerToggletip;
 exports.registerTooltip = require_definition$23.registerTooltip;
-exports.registerTreeItem = require_definition$69.registerTreeItem;
-exports.registerTreeView = require_definition$70.registerTreeView;
-exports.registerVideoPlayer = require_definition$71.registerVideoPlayer;
-exports.richTextEditorDefinition = require_definition$52.richTextEditorDefinition;
-exports.richTextViewDefinition = require_definition$54.richTextViewDefinition;
-exports.selectDefinition = require_definition$53.selectDefinition;
-exports.selectableBoxDefinition = require_definition$56.selectableBoxDefinition;
+exports.registerTreeItem = require_definition$71.registerTreeItem;
+exports.registerTreeView = require_definition$72.registerTreeView;
+exports.registerVideoPlayer = require_definition$73.registerVideoPlayer;
+exports.richTextEditorDefinition = require_definition$54.richTextEditorDefinition;
+exports.richTextViewDefinition = require_definition$56.richTextViewDefinition;
+exports.selectDefinition = require_definition$55.selectDefinition;
+exports.selectableBoxDefinition = require_definition$58.selectableBoxDefinition;
 exports.setLocale = require_localized.setLocale;
-exports.sideDrawerDefinition = require_definition$57.sideDrawerDefinition;
-exports.simpleColorPickerDefinition = require_definition$58.simpleColorPickerDefinition;
+exports.sideDrawerDefinition = require_definition$59.sideDrawerDefinition;
+exports.simpleColorPickerDefinition = require_definition$60.simpleColorPickerDefinition;
 exports.sliderDefinition = require_definition$7.sliderDefinition;
-exports.splitButtonDefinition = require_definition$59.splitButtonDefinition;
-exports.statusDefinition = require_definition$60.statusDefinition;
-exports.switchDefinition = require_definition$61.switchDefinition;
-exports.tabDefinition = require_definition$63.tabDefinition;
-exports.tabPanelDefinition = require_definition$62.tabPanelDefinition;
-exports.tableBodyDefinition = require_definition$29.tableBodyDefinition;
-exports.tableCellDefinition = require_definition$29.tableCellDefinition;
-exports.tableDefinition = require_definition$29.tableDefinition;
-exports.tableHeadDefinition = require_definition$29.tableHeadDefinition;
-exports.tableHeaderCellDefinition = require_definition$29.tableHeaderCellDefinition;
-exports.tableRowDefinition = require_definition$29.tableRowDefinition;
-exports.tableSortingButtonDefinition = require_definition$29.tableSortingButtonDefinition;
-exports.tabsDefinition = require_definition$64.tabsDefinition;
-exports.tagDefinition = require_definition$66.tagDefinition;
-exports.tagGroupDefinition = require_definition$65.tagGroupDefinition;
-exports.textAreaDefinition = require_definition$67.textAreaDefinition;
+exports.splitButtonDefinition = require_definition$61.splitButtonDefinition;
+exports.statusDefinition = require_definition$62.statusDefinition;
+exports.switchDefinition = require_definition$63.switchDefinition;
+exports.tabDefinition = require_definition$65.tabDefinition;
+exports.tabPanelDefinition = require_definition$64.tabPanelDefinition;
+exports.tableBodyDefinition = require_definition$31.tableBodyDefinition;
+exports.tableCellDefinition = require_definition$31.tableCellDefinition;
+exports.tableDefinition = require_definition$31.tableDefinition;
+exports.tableHeadDefinition = require_definition$31.tableHeadDefinition;
+exports.tableHeaderCellDefinition = require_definition$31.tableHeaderCellDefinition;
+exports.tableRowDefinition = require_definition$31.tableRowDefinition;
+exports.tableSortingButtonDefinition = require_definition$31.tableSortingButtonDefinition;
+exports.tabsDefinition = require_definition$66.tabsDefinition;
+exports.tagDefinition = require_definition$68.tagDefinition;
+exports.tagGroupDefinition = require_definition$67.tagGroupDefinition;
+exports.textAreaDefinition = require_definition$69.textAreaDefinition;
 exports.textFieldDefinition = require_definition$22.textFieldDefinition;
-exports.timePickerDefinition = require_definition$68.timePickerDefinition;
+exports.timePickerDefinition = require_definition$70.timePickerDefinition;
 exports.toggletipDefinition = require_definition$20.toggletipDefinition;
 exports.tooltipDefinition = require_definition$23.tooltipDefinition;
-exports.treeItemDefinition = require_definition$69.treeItemDefinition;
-exports.treeViewDefinition = require_definition$70.treeViewDefinition;
-exports.videoPlayerDefinition = require_definition$71.videoPlayerDefinition;
+exports.treeItemDefinition = require_definition$71.treeItemDefinition;
+exports.treeViewDefinition = require_definition$72.treeViewDefinition;
+exports.videoPlayerDefinition = require_definition$73.videoPlayerDefinition;