@vonage/vivid 5.23.1 → 5.24.0

package/dial-pad/index.js

@@ -11,9 +11,9 @@ import { r as m, t as h } from "../bundled/definition3.js";
 import { i as g, t as _ } from "../bundled/definition6.js";
 import { n as v, r as y } from "../bundled/definition12.js";
 //#region src/lib/dial-pad/dial-pad.scss?inline
-var b = ":host{inline-size:230px;margin:16px;display:inline-block}.base{box-sizing:border-box;grid-template-rows:80px 1fr auto;display:grid}.base.no-input{grid-template-rows:1fr auto}.digits{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:16px;inline-size:100%;display:grid}.phone-field{grid-column:1/-1;align-self:flex-start}.digit-btn{--_appearance-color-text:var(--_connotation-color-firm-all);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--_connotation-color-pale)}@media (hover:hover){.digit-btn:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm-all);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--_connotation-color-firm-all)}}.digit-btn.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm-all);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--_connotation-color-firm-all)}.digit-btn:disabled,.digit-btn.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-100)}.digit-btn{--_connotation-color-contrast:var(--vvd-dial-pad-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-soft:var(--vvd-dial-pad-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-pale:var(--vvd-dial-pad-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-fierce:var(--vvd-dial-pad-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-firm-all:var(--vvd-dial-pad-accent-firm-all,var(--vvd-color-neutral-600));--_connotation-color-faint:var(--vvd-dial-pad-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-dim:var(--vvd-dial-pad-accent-dim,var(--vvd-color-neutral-200));--vvd-button-accent-firm:var(--_appearance-color-text);box-shadow:0 0 0 1px var(--_appearance-color-outline);border-radius:16px;flex-direction:column;inline-size:100%;display:flex;overflow:hidden}.digit-btn:not(.disabled) .digit-btn-num{color:var(--vvd-color-canvas-text)}.digit-btn:focus-within{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}.call-btn{grid-column:1/-1;margin-block-start:32px}.base.size-condensed{grid-template-rows:60px 1fr auto}.base.size-condensed .digits{grid-template-rows:repeat(4,.85fr);gap:8px}.base.size-condensed .call-btn{margin-block-start:12px}.base.size-condensed .digit-btn-num{padding-top:6px}", x = class extends e(a) {
+var b = ":host{inline-size:230px;margin:16px;display:inline-block}.base{box-sizing:border-box;grid-template-rows:80px 1fr auto;display:grid}.base.no-input{grid-template-rows:1fr auto}.digits{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:16px;inline-size:100%;display:grid}.phone-field{grid-column:1/-1;align-self:flex-start}.digit-btn{--_appearance-color-text:var(--_connotation-color-firm-all);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--_connotation-color-pale)}@media (hover:hover){.digit-btn:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm-all);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--_connotation-color-firm-all)}}.digit-btn.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm-all);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--_connotation-color-firm-all)}.digit-btn:disabled,.digit-btn.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-100)}.digit-btn{--_connotation-color-contrast:var(--vvd-dial-pad-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-soft:var(--vvd-dial-pad-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-pale:var(--vvd-dial-pad-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-fierce:var(--vvd-dial-pad-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-firm-all:var(--vvd-dial-pad-accent-firm-all,var(--vvd-color-neutral-600));--_connotation-color-faint:var(--vvd-dial-pad-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-dim:var(--vvd-dial-pad-accent-dim,var(--vvd-color-neutral-200));--vvd-button-accent-firm:var(--_appearance-color-text);box-shadow:0 0 0 1px var(--_appearance-color-outline);border-radius:16px;flex-direction:column;inline-size:100%;display:flex;overflow:hidden}.digit-btn:not(.disabled) .digit-btn-num{color:var(--vvd-color-canvas-text)}.digit-btn:focus-within{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}.call-btn{grid-column:1/-1;margin-block-start:32px}.base.size-condensed{grid-template-rows:60px 1fr auto}.base.size-condensed .digits{grid-template-rows:repeat(4,.85fr);gap:8px}.base.size-condensed .call-btn{margin-block-start:12px}.base.size-condensed .digit-btn-num{padding-top:6px}.base.size-condensed.no-letters .digit-btn-num{padding-top:0}", x = class extends e(a) {
 	constructor(...e) {
-		super(...e), this.helperText = null, this.placeholder = null, this.value = "", this.pattern = "^[0-9#*]*$", this.disabled = !1, this.pending = !1, this.callActive = !1, this.noCall = !1, this.noInput = !1, this.endCallButtonLabel = null, this.callButtonLabel = null, this.deleteAriaLabel = null, this._longPressTimeoutId = null, this._suppressNextClick = !1, this._keyboardLongPressCompleted = !1, this._onDial = () => {
+		super(...e), this.helperText = null, this.placeholder = null, this.value = "", this.pattern = "^[0-9#*]*$", this.disabled = !1, this.pending = !1, this.callActive = !1, this.noCall = !1, this.noInput = !1, this.noLetters = !1, this.endCallButtonLabel = null, this.callButtonLabel = null, this.deleteAriaLabel = null, this._longPressTimeoutId = null, this._suppressNextClick = !1, this._keyboardLongPressCompleted = !1, this._onDial = () => {
 			this._textFieldEl.checkValidity() ? this._clearErrorAnnouncement() : this._announceValidationError(this._textFieldEl.errorValidationMessage ?? ""), this.$emit(this.callActive ? "end-call" : "dial");
 		}, this.autofocus = !1, this._errorAnnouncement = "", this._forceAnnouncementToggle = !1;
 	}
@@ -72,34 +72,103 @@ f([r({ attribute: "helper-text" })], x.prototype, "helperText", void 0), f([r],
 })], x.prototype, "noCall", void 0), f([r({
 	mode: "boolean",
 	attribute: "no-input"
-})], x.prototype, "noInput", void 0), f([r], x.prototype, "size", void 0), f([r({ attribute: "end-call-button-label" })], x.prototype, "endCallButtonLabel", void 0), f([r({ attribute: "call-button-label" })], x.prototype, "callButtonLabel", void 0), f([r({ attribute: "delete-aria-label" })], x.prototype, "deleteAriaLabel", void 0), f([r({ mode: "boolean" })], x.prototype, "autofocus", void 0), f([t], x.prototype, "_errorAnnouncement", void 0);
+})], x.prototype, "noInput", void 0), f([r({
+	mode: "boolean",
+	attribute: "no-letters"
+})], x.prototype, "noLetters", void 0), f([r], x.prototype, "size", void 0), f([r({ attribute: "end-call-button-label" })], x.prototype, "endCallButtonLabel", void 0), f([r({ attribute: "call-button-label" })], x.prototype, "callButtonLabel", void 0), f([r({ attribute: "delete-aria-label" })], x.prototype, "deleteAriaLabel", void 0), f([r({ mode: "boolean" })], x.prototype, "autofocus", void 0), f([t], x.prototype, "_errorAnnouncement", void 0);
 //#endregion
 //#region src/lib/dial-pad/dial-pad.template.ts
-var S = class {
-	constructor(e, t, n, r, i) {
-		this.value = e, this.label = t, this.ariaLabel = n, this.icon = r, this.id = i;
+var S = [
+	{
+		value: "1",
+		letters: "\xA0",
+		ariaLabel: "digitOneLabel",
+		icon: "one-solid",
+		id: "btn1"
+	},
+	{
+		value: "2",
+		letters: "ABC",
+		ariaLabel: "digitTwoLabel",
+		icon: "two-solid",
+		id: "btn2"
+	},
+	{
+		value: "3",
+		letters: "DEF",
+		ariaLabel: "digitThreeLabel",
+		icon: "three-solid",
+		id: "btn3"
+	},
+	{
+		value: "4",
+		letters: "GHI",
+		ariaLabel: "digitFourLabel",
+		icon: "four-solid",
+		id: "btn4"
+	},
+	{
+		value: "5",
+		letters: "JKL",
+		ariaLabel: "digitFiveLabel",
+		icon: "five-solid",
+		id: "btn5"
+	},
+	{
+		value: "6",
+		letters: "MNO",
+		ariaLabel: "digitSixLabel",
+		icon: "six-solid",
+		id: "btn6"
+	},
+	{
+		value: "7",
+		letters: "PQRS",
+		ariaLabel: "digitSevenLabel",
+		icon: "seven-solid",
+		id: "btn7"
+	},
+	{
+		value: "8",
+		letters: "TUV",
+		ariaLabel: "digitEightLabel",
+		icon: "eight-solid",
+		id: "btn8"
+	},
+	{
+		value: "9",
+		letters: "WXYZ",
+		ariaLabel: "digitNineLabel",
+		icon: "nine-solid",
+		id: "btn9"
+	},
+	{
+		value: "*",
+		ariaLabel: "digitAsteriskLabel",
+		icon: "asterisk-2-solid",
+		id: "btnAsterisk"
+	},
+	{
+		value: "0",
+		alwaysVisibleLetters: "+",
+		ariaLabel: "digitZeroLabel",
+		icon: "zero-solid",
+		id: "btn0"
+	},
+	{
+		value: "#",
+		ariaLabel: "digitHashtagLabel",
+		icon: "hashtag-solid",
+		id: "btnHashtag"
 	}
-}, C = [
-	new S("1", " ", "digitOneLabel", "one-solid", "btn1"),
-	new S("2", "ABC", "digitTwoLabel", "two-solid", "btn2"),
-	new S("3", "DEF", "digitThreeLabel", "three-solid", "btn3"),
-	new S("4", "GHI", "digitFourLabel", "four-solid", "btn4"),
-	new S("5", "JKL", "digitFiveLabel", "five-solid", "btn5"),
-	new S("6", "MNO", "digitSixLabel", "six-solid", "btn6"),
-	new S("7", "PQRS", "digitSevenLabel", "seven-solid", "btn7"),
-	new S("8", "TUV", "digitEightLabel", "eight-solid", "btn8"),
-	new S("9", "WXYZ", "digitNineLabel", "nine-solid", "btn9"),
-	new S("*", null, "digitAsteriskLabel", "asterisk-2-solid", "btnAsterisk"),
-	new S("0", "+", "digitZeroLabel", "zero-solid", "btn0"),
-	new S("#", null, "digitHashtagLabel", "hashtag-solid", "btnHashtag")
 ];
-function w(e, t) {
+function C(e, t) {
 	if (t.key === "Enter" && !e.pending && !e.disabled && !e.callActive && !e.noCall && e.value.length > 0 && t.target instanceof HTMLInputElement) e._onDial();
 	else if (t.key === " " || t.key === "Space")
  /* v8 ignore else -- @preserve */
 	t.target instanceof HTMLInputElement && (t.preventDefault(), t.repeat || e._startKeyboardLongPress());
 	else {
-		let n = C.findIndex((e) => e.value === t.key);
+		let n = S.findIndex((e) => e.value === t.key);
 		if (n > -1) {
 			let t = e.shadowRoot.querySelector(".digits").children[n];
 			/* v8 ignore else -- @preserve */
@@ -110,38 +179,38 @@ function w(e, t) {
 	}
 	return !0;
 }
-function T(e, t) {
+function w(e, t) {
 	return (t.key === " " || t.key === "Space") && t.target instanceof HTMLInputElement && (t.preventDefault(), !e._endKeyboardLongPress() && !e.disabled && !e.callActive && (e.value += " ", e.$emit("input"), e.$emit("change"))), !0;
 }
-function E(e, { parent: t, event: n }) {
+function T(e, { parent: t, event: n }) {
 	return (n.key === " " || n.key === "Space") && e.value === "0" && (n.preventDefault(), n.repeat || t._startKeyboardLongPress()), !0;
 }
-function D(e, { parent: t, event: n }) {
-	return (n.key === " " || n.key === "Space") && e.value === "0" && (n.preventDefault(), !t._endKeyboardLongPress() && !t.disabled && !t.callActive && M(e, {
+function E(e, { parent: t, event: n }) {
+	return (n.key === " " || n.key === "Space") && e.value === "0" && (n.preventDefault(), !t._endKeyboardLongPress() && !t.disabled && !t.callActive && j(e, {
 		parent: t,
 		event: new MouseEvent("click", { bubbles: !0 })
 	})), !0;
 }
-function O(e) {
+function D(e) {
 	e.value = e._textFieldEl.value;
 }
-function k(e, { event: t }) {
+function O(e, { event: t }) {
 	t.stopImmediatePropagation();
 }
-function A(e) {
+function k(e) {
 	e.value = e.value.slice(0, -1), e.$emit("input"), e.$emit("change"), e.value === "" && e._textFieldEl?.focus();
 }
-function j(e, t) {
+function A(e, t) {
 	return i`<${e} ${c("_textFieldEl")} class="phone-field" internal-part type="tel"
         value="${(e) => e.value}" placeholder="${(e) => e.placeholder}"
             ?disabled="${(e) => e.disabled}" helper-text="${(e) => e.helperText}" pattern="${(e) => e.pattern}"
             aria-label="${(e) => e.locale.dialPad.inputLabel}"
-            @keydown="${(e, t) => w(e, t.event)}"
-            @keyup="${(e, t) => T(e, t.event)}"
-            @input="${O}"
-			@change="${O}"
-			@focus="${k}"
-			@blur="${k}"
+            @keydown="${(e, t) => C(e, t.event)}"
+            @keyup="${(e, t) => w(e, t.event)}"
+            @input="${D}"
+			@change="${D}"
+			@focus="${O}"
+			@blur="${O}"
 			?autofocus="${(e) => e.autofocus}"
 			scale="${(e) => e.size === "condensed" ? "condensed" : "normal"}">
 			>
@@ -152,45 +221,45 @@ function j(e, t) {
 								aria-label="${(e) => e.deleteAriaLabel || e.locale.dialPad.deleteButtonLabel}"
 								appearance='ghost'
 								?disabled="${(e) => e.disabled || e.callActive}"
-								@click="${(e) => A(e)}">
+								@click="${(e) => k(e)}">
             </${t}>`)}
         </${e}>`;
 }
-function M(e, { parent: t, event: n }) {
+function j(e, { parent: t, event: n }) {
 	if (t._suppressNextClick) {
 		t._suppressNextClick = !1;
 		return;
 	}
 	t.value += e.value, t.$emit("keypad-click", n.currentTarget), t.$emit("input"), t.$emit("change");
 }
-function N(e, t) {
+function M(e, t) {
 	return i`
-		${s((e) => C, i`
+		${s((e) => S, i`
 			<${e}
 					  id="${(e) => e.id}"
 					  value="${(e) => e.value}"
 					  stacked
 					  appearance="ghost-light"
 					  shape="pill"
-					  label="${(e) => e.label === "&nbsp;" ? "\xA0" : e.label}"
+					  label="${(e, t) => (t.parent.noLetters ? null : e.letters) ?? e.alwaysVisibleLetters}"
 					  size='condensed'
 					  class="digit-btn"
 						?autofocus="${(e, t) => t.parent.autofocus && t.parent.noInput && t.index === 0}"
-					  aria-label="${(e, t) => t.parent.locale.dialPad[e.ariaLabel]}"
+					  aria-label="${(e, t) => t.parent.noLetters ? e.value : t.parent.locale.dialPad[e.ariaLabel]}"
 					  ?disabled="${(e, t) => t.parent.disabled}"
 					  @pointerdown="${(e, t) => t.parent._startLongPress(e.value, t.event)}"
 					  @pointerup="${(e, t) => t.parent._endLongPress()}"
 					  @pointercancel="${(e, t) => t.parent._cancelLongPress()}"
 					  @pointerleave="${(e, t) => t.parent._cancelLongPress()}"
-					  @keydown="${(e, t) => E(e, {
+					  @keydown="${(e, t) => T(e, {
 		parent: t.parent,
 		event: t.event
 	})}"
-					  @keyup="${(e, t) => D(e, {
+					  @keyup="${(e, t) => E(e, {
 		parent: t.parent,
 		event: t.event
 	})}"
-					  @click="${M}">
+					  @click="${j}">
 					  	<${t} slot="icon"
 									name="${(e) => e.icon}"
 									class="digit-btn-num"></${t}>
@@ -198,7 +267,7 @@ function N(e, t) {
 		`, { positioning: !0 })}
 	`;
 }
-function P(e) {
+function N(e) {
 	return i`<${e} class="call-btn"
         size="${(e) => e.size === "condensed" ? "normal" : "expanded"}"
         appearance="filled"
@@ -210,7 +279,7 @@ function P(e) {
         label="${(e) => e.callActive ? e.endCallButtonLabel || e.locale.dialPad.endCallButtonLabel : e.callButtonLabel || e.locale.dialPad.callButtonLabel}">
     </${e}>`;
 }
-function F(e) {
+function P(e) {
 	return i`<${e} role="alert" aria-atomic="true">
 		${(e) => `${e.locale.dialPad.errorLabel} ${e._errorAnnouncement}`}
 	</${e}>`;
@@ -220,12 +289,12 @@ function F(e) {
 n(o("dial-pad", x, (e) => {
 	let t = e.tagFor(g), n = e.tagFor(m), r = e.tagFor(y), a = e.tagFor(d);
 	return i` <div
-		class="${(e) => p("base", [`size-${e.size}`, !!e.size], ["no-input", e.noInput])}"
+		class="${(e) => p("base", [`size-${e.size}`, !!e.size], ["no-input", e.noInput], ["no-letters", e.noLetters])}"
 	>
-		${l((e) => !e.noInput, j(r, t))}
-		<div class="digits">${N(t, n)}</div>
-		${l((e) => !e.noCall, P(t))}
-		${F(a)}
+		${l((e) => !e.noInput, A(r, t))}
+		<div class="digits">${M(t, n)}</div>
+		${l((e) => !e.noCall, N(t))}
+		${P(a)}
 	</div>`;
 }, [
 	_,

package/dialog/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition40.cjs");
+const require_definition = require("../unbundled/definition41.cjs");
 exports.VwcDialogElement = require_definition.Dialog;
 exports.dialogDefinition = require_definition.dialogDefinition;
 exports.registerDialog = require_definition.registerDialog;

package/dialog/definition.js

@@ -1,2 +1,2 @@
-import { n as registerDialog, r as Dialog, t as dialogDefinition } from "../unbundled/definition40.js";
+import { n as registerDialog, r as Dialog, t as dialogDefinition } from "../unbundled/definition41.js";
 export { Dialog as VwcDialogElement, dialogDefinition, registerDialog };

package/divider/definition.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_divider = require("../unbundled/divider.cjs");
-const require_definition = require("../unbundled/definition35.cjs");
+const require_definition = require("../unbundled/definition36.cjs");
 exports.VwcDividerElement = require_divider.Divider;
 exports.dividerDefinition = require_definition.dividerDefinition;
 exports.registerDivider = require_definition.registerDivider;

package/divider/definition.js

@@ -1,3 +1,3 @@
 import { t as Divider } from "../unbundled/divider.js";
-import { n as registerDivider, t as dividerDefinition } from "../unbundled/definition35.js";
+import { n as registerDivider, t as dividerDefinition } from "../unbundled/definition36.js";
 export { Divider as VwcDividerElement, dividerDefinition, registerDivider };

package/divider/index.cjs

@@ -1 +1 @@
-require(`../bundled/definition19.cjs`).n();
+require(`../bundled/definition20.cjs`).n();

package/divider/index.js

@@ -1,4 +1,4 @@
-import { n as e } from "../bundled/definition19.js";
+import { n as e } from "../bundled/definition20.js";
 //#region src/lib/divider/index.ts
 e();
 //#endregion

package/empty-state/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition41.cjs");
+const require_definition = require("../unbundled/definition42.cjs");
 exports.VwcEmptyStateElement = require_definition.EmptyState;
 exports.emptyStateDefinition = require_definition.emptyStateDefinition;
 exports.registerEmptyState = require_definition.registerEmptyState;

package/empty-state/definition.js

@@ -1,2 +1,2 @@
-import { n as registerEmptyState, r as EmptyState, t as emptyStateDefinition } from "../unbundled/definition41.js";
+import { n as registerEmptyState, r as EmptyState, t as emptyStateDefinition } from "../unbundled/definition42.js";
 export { EmptyState as VwcEmptyStateElement, emptyStateDefinition, registerEmptyState };

package/fab/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition42.cjs");
+const require_definition = require("../unbundled/definition43.cjs");
 exports.VwcFabElement = require_definition.Fab;
 exports.fabDefinition = require_definition.fabDefinition;
 exports.registerFab = require_definition.registerFab;

package/fab/definition.js

@@ -1,2 +1,2 @@
-import { n as registerFab, r as Fab, t as fabDefinition } from "../unbundled/definition42.js";
+import { n as registerFab, r as Fab, t as fabDefinition } from "../unbundled/definition43.js";
 export { Fab as VwcFabElement, fabDefinition, registerFab };

package/file-picker/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/definition44.cjs");
 exports.VwcFilePickerElement = require_definition.FilePicker;
 exports.filePickerDefinition = require_definition.filePickerDefinition;
 exports.registerFilePicker = require_definition.registerFilePicker;

package/file-picker/definition.js

@@ -1,2 +1,2 @@
-import { n as registerFilePicker, r as FilePicker, t as filePickerDefinition } from "../unbundled/definition43.js";
+import { n as registerFilePicker, r as FilePicker, t as filePickerDefinition } from "../unbundled/definition44.js";
 export { FilePicker as VwcFilePickerElement, filePickerDefinition, registerFilePicker };

package/flag/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition33.cjs");
+const require_definition = require("../unbundled/definition34.cjs");
 exports.VwcFlagElement = require_definition.Flag;
 exports.flagDefinition = require_definition.flagDefinition;
 exports.registerFlag = require_definition.registerFlag;

package/flag/definition.js

@@ -1,2 +1,2 @@
-import { n as registerFlag, r as Flag, t as flagDefinition } from "../unbundled/definition33.js";
+import { n as registerFlag, r as Flag, t as flagDefinition } from "../unbundled/definition34.js";
 export { Flag as VwcFlagElement, flagDefinition, registerFlag };

package/header/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition44.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/definition44.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

@@ -3,11 +3,11 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/decorate.c
       <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="${e=>n.t([`vvd-theme-alternate`,e.alternate])}">
-          <section class="header-content">
+        <div class="container" part="${e=>n.t(`container`,[`vvd-theme-alternate`,e.alternate])}">
+          <section class="header-content" part="main">
             <slot></slot>
           </section>
-          <section class="header-content">
+          <section class="header-content" part="action-items">
             <slot name="action-items"></slot>
           </section>
         </div>

package/header/index.js

@@ -21,11 +21,11 @@ a([t({
       <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="${(e) => o(["vvd-theme-alternate", e.alternate])}">
-          <section class="header-content">
+        <div class="container" part="${(e) => o("container", ["vvd-theme-alternate", e.alternate])}">
+          <section class="header-content" part="main">
             <slot></slot>
           </section>
-          <section class="header-content">
+          <section class="header-content" part="action-items">
             <slot name="action-items"></slot>
           </section>
         </div>