@vonage/vivid 5.25.0 → 5.28.0

package/unbundled/anchored.cjs

@@ -1,4 +1,3 @@
-require("./chunk.cjs");
 const require_decorate = require("./decorate.cjs");
 let _microsoft_fast_element = require("@microsoft/fast-element");
 //#region src/shared/patterns/anchored.ts
@@ -71,6 +70,33 @@ var anchorSlotTemplateFactory = () => _microsoft_fast_element.html`<slot
 		name="anchor"
 		${(0, _microsoft_fast_element.slotted)("_slottedAnchor")}
 	></slot>`;
+/**
+* Reflects the open state of an overlay onto its anchor as `data-expanded`, a
+* styling hook that lets an anchor show a pressed appearance while the overlay
+* is open.
+*
+* Always set `data-expanded` through this helper rather than writing the
+* attribute directly, so that anchors which are themselves Vivid components are
+* notified of the change.
+*/
+function setAnchorExpanded(anchor, expanded) {
+	_microsoft_fast_element.DOM.setAttribute(anchor, "data-expanded", expanded.toString());
+	notifyAnchorExpandedChanged(anchor);
+}
+/**
+* Removes the `data-expanded` styling hook from an element that is no longer
+* used as an anchor.
+*/
+function clearAnchorExpanded(anchor) {
+	_microsoft_fast_element.DOM.setAttribute(anchor, "data-expanded", null);
+	notifyAnchorExpandedChanged(anchor);
+}
+function notifyAnchorExpandedChanged(anchor) {
+	anchor.dispatchEvent(new CustomEvent("_vvd-anchor-expanded-change", {
+		bubbles: false,
+		composed: false
+	}));
+}
 //#endregion
 Object.defineProperty(exports, "Anchored", {
 	enumerable: true,
@@ -84,3 +110,15 @@ Object.defineProperty(exports, "anchorSlotTemplateFactory", {
 		return anchorSlotTemplateFactory;
 	}
 });
+Object.defineProperty(exports, "clearAnchorExpanded", {
+	enumerable: true,
+	get: function() {
+		return clearAnchorExpanded;
+	}
+});
+Object.defineProperty(exports, "setAnchorExpanded", {
+	enumerable: true,
+	get: function() {
+		return setAnchorExpanded;
+	}
+});

package/unbundled/anchored.js

@@ -70,5 +70,32 @@ var anchorSlotTemplateFactory = () => html`<slot
 		name="anchor"
 		${slotted("_slottedAnchor")}
 	></slot>`;
+/**
+* Reflects the open state of an overlay onto its anchor as `data-expanded`, a
+* styling hook that lets an anchor show a pressed appearance while the overlay
+* is open.
+*
+* Always set `data-expanded` through this helper rather than writing the
+* attribute directly, so that anchors which are themselves Vivid components are
+* notified of the change.
+*/
+function setAnchorExpanded(anchor, expanded) {
+	DOM.setAttribute(anchor, "data-expanded", expanded.toString());
+	notifyAnchorExpandedChanged(anchor);
+}
+/**
+* Removes the `data-expanded` styling hook from an element that is no longer
+* used as an anchor.
+*/
+function clearAnchorExpanded(anchor) {
+	DOM.setAttribute(anchor, "data-expanded", null);
+	notifyAnchorExpandedChanged(anchor);
+}
+function notifyAnchorExpandedChanged(anchor) {
+	anchor.dispatchEvent(new CustomEvent("_vvd-anchor-expanded-change", {
+		bubbles: false,
+		composed: false
+	}));
+}
 //#endregion
-export { anchorSlotTemplateFactory as n, Anchored as t };
+export { setAnchorExpanded as i, anchorSlotTemplateFactory as n, clearAnchorExpanded as r, Anchored as t };

package/unbundled/aria-binding-directive.cjs

@@ -1,4 +1,3 @@
-require("./chunk.cjs");
 const require_vivid_element = require("./vivid-element.cjs");
 let _microsoft_fast_element = require("@microsoft/fast-element");
 let _microsoft_fast_web_utilities = require("@microsoft/fast-web-utilities");
@@ -107,7 +106,8 @@ var setAriaAttribute = (target, property, value) => _microsoft_fast_element.DOM.
 var AriaBindingDirective = class extends _microsoft_fast_element.StatelessAttachedAttributeDirective {
 	get propertyBindingBehaviours() {
 		if (!this._propertyBindingBehaviours) this._propertyBindingBehaviours = Object.entries(this.options.boundProperties).map(([property, binding]) => {
-			const attributeBindingDirective = new _microsoft_fast_element.HTMLBindingDirective((0, _microsoft_fast_element.oneWay)(binding instanceof Function ? binding : () => binding));
+			const bindingFn = binding instanceof Function ? binding : () => binding;
+			const attributeBindingDirective = new _microsoft_fast_element.HTMLBindingDirective((0, _microsoft_fast_element.oneWay)(bindingFn));
 			attributeBindingDirective.id = (0, _microsoft_fast_web_utilities.uniqueId)();
 			attributeBindingDirective.targetNodeId = this.targetNodeId;
 			attributeBindingDirective.policy = this.policy;

package/unbundled/aria-binding-directive.js

@@ -106,7 +106,8 @@ var setAriaAttribute = (target, property, value) => DOM.setAttribute(target, ari
 var AriaBindingDirective = class extends StatelessAttachedAttributeDirective {
 	get propertyBindingBehaviours() {
 		if (!this._propertyBindingBehaviours) this._propertyBindingBehaviours = Object.entries(this.options.boundProperties).map(([property, binding]) => {
-			const attributeBindingDirective = new HTMLBindingDirective(oneWay(binding instanceof Function ? binding : () => binding));
+			const bindingFn = binding instanceof Function ? binding : () => binding;
+			const attributeBindingDirective = new HTMLBindingDirective(oneWay(bindingFn));
 			attributeBindingDirective.id = uniqueId();
 			attributeBindingDirective.targetNodeId = this.targetNodeId;
 			attributeBindingDirective.policy = this.policy;

package/unbundled/base-color-picker.cjs

@@ -1,4 +1,3 @@
-require("./chunk.cjs");
 const require_decorate = require("./decorate.cjs");
 const require_form_associated = require("./form-associated.cjs");
 const require_localized = require("./localized.cjs");

package/unbundled/base-progress.cjs

@@ -1,4 +1,3 @@
-require("./chunk.cjs");
 const require_vivid_element = require("./vivid-element.cjs");
 const require_decorate = require("./decorate.cjs");
 let _microsoft_fast_element = require("@microsoft/fast-element");

package/unbundled/breadcrumb-item.cjs

@@ -1,4 +1,3 @@
-require("./chunk.cjs");
 const require_vivid_element = require("./vivid-element.cjs");
 const require_decorate = require("./decorate.cjs");
 const require_linkable = require("./linkable.cjs");

package/unbundled/button.cjs

@@ -1,4 +1,3 @@
-require("./chunk.cjs");
 const require_vivid_element = require("./vivid-element.cjs");
 const require_decorate = require("./decorate.cjs");
 const require_delegates_aria = require("./delegates-aria.cjs");

package/unbundled/calendar-event.cjs

@@ -1,9 +1,25 @@
-require("./chunk.cjs");
 const require_vivid_element = require("./vivid-element.cjs");
 const require_decorate = require("./decorate.cjs");
+const require_component_enum = require("./component-enum.cjs");
 const require_delegates_aria = require("./delegates-aria.cjs");
 let _microsoft_fast_element = require("@microsoft/fast-element");
 //#region src/lib/calendar-event/calendar-event.ts
+/** Types of calendar event connotation. */
+var calendarEventConnotation = require_component_enum.componentEnum([
+	"accent",
+	"cta",
+	"success",
+	"alert",
+	"warning",
+	"information",
+	"announcement"
+], "information");
+/** Types of calendar event appearance. */
+var calendarEventAppearance = require_component_enum.componentEnum([
+	"filled",
+	"duotone",
+	"subtle"
+], "filled");
 /**
 * @public
 * @component calendar-event
@@ -26,3 +42,15 @@ Object.defineProperty(exports, "CalendarEvent", {
 		return CalendarEvent;
 	}
 });
+Object.defineProperty(exports, "calendarEventAppearance", {
+	enumerable: true,
+	get: function() {
+		return calendarEventAppearance;
+	}
+});
+Object.defineProperty(exports, "calendarEventConnotation", {
+	enumerable: true,
+	get: function() {
+		return calendarEventConnotation;
+	}
+});

package/unbundled/calendar-event.js

@@ -1,8 +1,25 @@
 import { t as VividElement } from "./vivid-element.js";
 import { t as __decorate } from "./decorate.js";
+import { t as componentEnum } from "./component-enum.js";
 import { t as DelegatesAria } from "./delegates-aria.js";
 import { attr, nullableNumberConverter } from "@microsoft/fast-element";
 //#region src/lib/calendar-event/calendar-event.ts
+/** Types of calendar event connotation. */
+var calendarEventConnotation = componentEnum([
+	"accent",
+	"cta",
+	"success",
+	"alert",
+	"warning",
+	"information",
+	"announcement"
+], "information");
+/** Types of calendar event appearance. */
+var calendarEventAppearance = componentEnum([
+	"filled",
+	"duotone",
+	"subtle"
+], "filled");
 /**
 * @public
 * @component calendar-event
@@ -19,4 +36,4 @@ __decorate([attr({
 __decorate([attr({ converter: nullableNumberConverter })], CalendarEvent.prototype, "start", void 0);
 __decorate([attr({ converter: nullableNumberConverter })], CalendarEvent.prototype, "duration", void 0);
 //#endregion
-export { CalendarEvent as t };
+export { calendarEventAppearance as n, calendarEventConnotation as r, CalendarEvent as t };