@vonage/vivid 4.31.0 → 5.1.0

package/tree-view/index.cjs

@@ -1,5 +1,13 @@
-'use strict';
-
-const definition = require('../shared/definition63.cjs');
-
-definition.registerTreeView();
+"use strict";const l=require("../bundled/vivid-element.cjs"),n=require("../bundled/definition22.cjs"),m=require("../bundled/host-semantics.cjs"),c=require("../bundled/key-codes.cjs"),h=require("../bundled/dom.cjs"),f=require("../bundled/ref.cjs"),g=require("../bundled/class-names.cjs"),I=require("../bundled/slotted.cjs"),p=".control{position:relative;display:flex;flex-direction:column;gap:4px}";var b=Object.defineProperty,d=(r,e,t,s)=>{for(var i=void 0,a=r.length-1,u;a>=0;a--)(u=r[a])&&(i=u(e,t,i)||i);return i&&b(e,t,i),i};function T(r,e){return h.isHTMLElement(r)?Array.from(r.querySelectorAll(e)).filter(i=>{if(i.parentElement instanceof n.TreeItem){if(i.parentElement.expanded)return!0}else return!0;return!1}):[]}class o extends m.HostSemantics(l.VividElement){constructor(){super(...arguments),this.currentFocused=null,this.handleFocus=e=>{if(this.slottedTreeItems.length>0){if(e.target===this){this.currentFocused!==null&&n.TreeItem.focusItem(this.currentFocused);return}this.contains(e.target)&&(this.setAttribute("tabindex","-1"),this.currentFocused=e.target)}},this.handleBlur=e=>{e.target instanceof HTMLElement&&(e.relatedTarget===null||!this.contains(e.relatedTarget))&&this.setAttribute("tabindex","0")},this.handleKeyDown=e=>{if(this.slottedTreeItems.length<1)return!0;if(!e.defaultPrevented){const t=this.getVisibleNodes();switch(e.key){case c.keyHome:t.length&&n.TreeItem.focusItem(t[0]);return;case c.keyEnd:t.length&&n.TreeItem.focusItem(t[t.length-1]);return;case c.keyArrowLeft:if(e.target&&this.isFocusableElement(e.target)){const s=e.target;s instanceof n.TreeItem&&s.childItemLength()>0&&s.expanded?s.expanded=!1:s instanceof n.TreeItem&&s.parentElement instanceof n.TreeItem&&n.TreeItem.focusItem(s.parentElement)}return!1;case c.keyArrowRight:if(e.target&&this.isFocusableElement(e.target)){const s=e.target;s instanceof n.TreeItem&&s.childItemLength()>0&&!s.expanded?s.expanded=!0:s instanceof n.TreeItem&&s.childItemLength()>0&&this.focusNextNode(1,e.target)}return;case c.keyArrowDown:e.target&&this.isFocusableElement(e.target)&&this.focusNextNode(1,e.target);return;case c.keyArrowUp:e.target&&this.isFocusableElement(e.target)&&this.focusNextNode(-1,e.target);return;case c.keyEnter:this.handleClick(e);return}}return!0},this.handleSelectedChange=e=>{if(!e.defaultPrevented){if(!(e.target instanceof Element)||!n.isTreeItemElement(e.target))return!0;const t=e.target;t.selected?(this.currentSelected&&this.currentSelected!==t&&(this.currentSelected.selected=!1),this.currentSelected=t):!t.selected&&this.currentSelected===t&&(this.currentSelected=null);return}},this.setItems=()=>{const e=this.treeView.querySelector("[selected]");this.currentSelected=e,(this.currentFocused===null||!this.contains(this.currentFocused))&&(this.currentFocused=this.getValidFocusableItem()),this.nested=this.checkForNestedItems(),this.getVisibleNodes().forEach(s=>{n.isTreeItemElement(s)&&(s.nested=this.nested)})},this.isFocusableElement=e=>n.isTreeItemElement(e),this.isSelectedElement=e=>e.selected}slottedTreeItemsChanged(){this.$fastController.isConnected&&this.setItems()}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),l.DOM.queueUpdate(()=>{this.setItems()})}handleClick(e){if(!e.defaultPrevented){if(!(e.target instanceof Element)||!n.isTreeItemElement(e.target))return!0;const t=e.target;t.disabled||(t.selected=!t.selected);return}}focusNextNode(e,t){const s=this.getVisibleNodes();if(s){const i=s[s.indexOf(t)+e];h.isHTMLElement(i)&&n.TreeItem.focusItem(i)}}getValidFocusableItem(){const e=this.getVisibleNodes();let t=e.findIndex(this.isSelectedElement);return t===-1&&(t=e.findIndex(this.isFocusableElement)),t!==-1?e[t]:null}checkForNestedItems(){return this.slottedTreeItems.some(e=>n.isTreeItemElement(e)&&e.querySelector("[data-vvd-component='tree-item']"))}getVisibleNodes(){return T(this,"[data-vvd-component='tree-item']")}}d([l.attr({attribute:"render-collapsed-nodes"})],o.prototype,"renderCollapsedNodes");d([l.observable],o.prototype,"currentSelected");d([l.observable],o.prototype,"slottedTreeItems");const v=r=>g.classNames("control"),E=l.html` <template
+	${f.ref("treeView")}
+	${m.applyHostSemantics({role:"tree"})}
+	@keydown="${(r,e)=>r.handleKeyDown(e.event)}"
+	@focusin="${(r,e)=>r.handleFocus(e.event)}"
+	@focusout="${(r,e)=>r.handleBlur(e.event)}"
+	@click="${(r,e)=>r.handleClick(e.event)}"
+	@selected-change="${(r,e)=>r.handleSelectedChange(e.event)}"
+>
+	<div class="${v}">
+		<slot ${I.slotted("slottedTreeItems")}></slot>
+	</div>
+</template>`,y=l.defineVividComponent("tree-view",o,E,[n.treeItemDefinition],{styles:p}),N=l.createRegisterFunction(y);N();

package/tree-view/index.js

@@ -1,3 +1,171 @@
-import { r as registerTreeView } from '../shared/definition63.js';
-
-registerTreeView();
+import { V as h, D as m, a as g, o as u, h as p, c as I, d as b } from "../bundled/vivid-element.js";
+import { T as n, i as l, t as v } from "../bundled/definition22.js";
+import { H as y, a as E } from "../bundled/host-semantics.js";
+import { f as x, c as F, b as N, g as k, h as S, k as T, a as w } from "../bundled/key-codes.js";
+import { i as f } from "../bundled/dom.js";
+import { r as V } from "../bundled/ref.js";
+import { c as C } from "../bundled/class-names.js";
+import { s as $ } from "../bundled/slotted.js";
+const A = ".control{position:relative;display:flex;flex-direction:column;gap:4px}";
+var D = Object.defineProperty, c = (r, e, t, s) => {
+  for (var i = void 0, o = r.length - 1, d; o >= 0; o--)
+    (d = r[o]) && (i = d(e, t, i) || i);
+  return i && D(e, t, i), i;
+};
+function H(r, e) {
+  return f(r) ? Array.from(
+    r.querySelectorAll(e)
+  ).filter((i) => {
+    if (i.parentElement instanceof n) {
+      if (i.parentElement.expanded) return !0;
+    } else
+      return !0;
+    return !1;
+  }) : [];
+}
+class a extends y(h) {
+  constructor() {
+    super(...arguments), this.currentFocused = null, this.handleFocus = (e) => {
+      if (this.slottedTreeItems.length > 0) {
+        if (e.target === this) {
+          this.currentFocused !== null && n.focusItem(this.currentFocused);
+          return;
+        }
+        this.contains(e.target) && (this.setAttribute("tabindex", "-1"), this.currentFocused = e.target);
+      }
+    }, this.handleBlur = (e) => {
+      e.target instanceof HTMLElement && (e.relatedTarget === null || !this.contains(e.relatedTarget)) && this.setAttribute("tabindex", "0");
+    }, this.handleKeyDown = (e) => {
+      if (this.slottedTreeItems.length < 1)
+        return !0;
+      if (!e.defaultPrevented) {
+        const t = this.getVisibleNodes();
+        switch (e.key) {
+          case w:
+            t.length && n.focusItem(t[0]);
+            return;
+          case T:
+            t.length && n.focusItem(t[t.length - 1]);
+            return;
+          case S:
+            if (e.target && this.isFocusableElement(e.target)) {
+              const s = e.target;
+              s instanceof n && s.childItemLength() > 0 && s.expanded ? s.expanded = !1 : s instanceof n && s.parentElement instanceof n && n.focusItem(s.parentElement);
+            }
+            return !1;
+          case k:
+            if (e.target && this.isFocusableElement(e.target)) {
+              const s = e.target;
+              s instanceof n && s.childItemLength() > 0 && !s.expanded ? s.expanded = !0 : s instanceof n && s.childItemLength() > 0 && this.focusNextNode(1, e.target);
+            }
+            return;
+          case N:
+            e.target && this.isFocusableElement(e.target) && this.focusNextNode(1, e.target);
+            return;
+          case F:
+            e.target && this.isFocusableElement(e.target) && this.focusNextNode(-1, e.target);
+            return;
+          case x:
+            this.handleClick(e);
+            return;
+        }
+      }
+      return !0;
+    }, this.handleSelectedChange = (e) => {
+      if (!e.defaultPrevented) {
+        if (!(e.target instanceof Element) || !l(e.target))
+          return !0;
+        const t = e.target;
+        t.selected ? (this.currentSelected && this.currentSelected !== t && (this.currentSelected.selected = !1), this.currentSelected = t) : !t.selected && this.currentSelected === t && (this.currentSelected = null);
+        return;
+      }
+    }, this.setItems = () => {
+      const e = this.treeView.querySelector("[selected]");
+      this.currentSelected = e, (this.currentFocused === null || !this.contains(this.currentFocused)) && (this.currentFocused = this.getValidFocusableItem()), this.nested = this.checkForNestedItems(), this.getVisibleNodes().forEach((s) => {
+        l(s) && (s.nested = this.nested);
+      });
+    }, this.isFocusableElement = (e) => l(e), this.isSelectedElement = (e) => e.selected;
+  }
+  slottedTreeItemsChanged() {
+    this.$fastController.isConnected && this.setItems();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("tabindex", "0"), m.queueUpdate(() => {
+      this.setItems();
+    });
+  }
+  /**
+   * Handles click events bubbling up
+   *
+   *  @internal
+   */
+  handleClick(e) {
+    if (!e.defaultPrevented) {
+      if (!(e.target instanceof Element) || !l(e.target))
+        return !0;
+      const t = e.target;
+      t.disabled || (t.selected = !t.selected);
+      return;
+    }
+  }
+  /**
+   * Move focus to a tree item based on its offset from the provided item
+   */
+  focusNextNode(e, t) {
+    const s = this.getVisibleNodes();
+    if (s) {
+      const i = s[s.indexOf(t) + e];
+      f(i) && n.focusItem(i);
+    }
+  }
+  /**
+   * checks if there are any nested tree items
+   */
+  getValidFocusableItem() {
+    const e = this.getVisibleNodes();
+    let t = e.findIndex(this.isSelectedElement);
+    return t === -1 && (t = e.findIndex(this.isFocusableElement)), t !== -1 ? e[t] : null;
+  }
+  /**
+   * checks if there are any nested tree items
+   */
+  checkForNestedItems() {
+    return this.slottedTreeItems.some((e) => l(e) && e.querySelector("[data-vvd-component='tree-item']"));
+  }
+  getVisibleNodes() {
+    return H(this, "[data-vvd-component='tree-item']");
+  }
+}
+c([
+  g({ attribute: "render-collapsed-nodes" })
+], a.prototype, "renderCollapsedNodes");
+c([
+  u
+], a.prototype, "currentSelected");
+c([
+  u
+], a.prototype, "slottedTreeItems");
+const L = (r) => C("control"), P = p` <template
+	${V("treeView")}
+	${E({
+  role: "tree"
+})}
+	@keydown="${(r, e) => r.handleKeyDown(e.event)}"
+	@focusin="${(r, e) => r.handleFocus(e.event)}"
+	@focusout="${(r, e) => r.handleBlur(e.event)}"
+	@click="${(r, e) => r.handleClick(e.event)}"
+	@selected-change="${(r, e) => r.handleSelectedChange(e.event)}"
+>
+	<div class="${L}">
+		<slot ${$("slottedTreeItems")}></slot>
+	</div>
+</template>`, _ = b(
+  "tree-view",
+  a,
+  P,
+  [v],
+  {
+    styles: A
+  }
+), q = I(_);
+q();

package/{shared → unbundled}/affix.cjs

@@ -1,8 +1,7 @@
 'use strict';
 
-const definition = require('./definition28.cjs');
-const slotted = require('./slotted.cjs');
-const vividElement = require('./vivid-element.cjs');
+const fastElement = require('@microsoft/fast-element');
+const icon_definition = require('../icon/definition.cjs');
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -17,10 +16,10 @@ const AffixIcon = (Base) => {
   class AffixIconElement extends Base {
   }
   __decorateClass([
-    vividElement.attr
+    fastElement.attr
   ], AffixIconElement.prototype, "icon");
   __decorateClass([
-    vividElement.observable
+    fastElement.observable
   ], AffixIconElement.prototype, "iconSlottedContent");
   return AffixIconElement;
 };
@@ -32,7 +31,7 @@ const AffixIconWithTrailing = (Base) => {
     }
   }
   __decorateClass([
-    vividElement.attr({
+    fastElement.attr({
       mode: "boolean",
       attribute: "icon-trailing"
     })
@@ -46,21 +45,21 @@ const IconWrapper = {
 const IconAriaHidden = {
   Hidden: "true"};
 const affixIconTemplateFactory = (context) => {
-  const iconTag = context.tagFor(definition.Icon);
+  const iconTag = context.tagFor(icon_definition.VwcIconElement);
   return (icon, slottedState = IconWrapper.Span, ariaHidden = IconAriaHidden.Hidden, announcement = { label: "", announceOnUpdate: false }) => {
     if (!icon && !slottedState) {
-      return vividElement.html`<slot
+      return fastElement.html`<slot
 				name="icon"
 				aria-hidden="${() => ariaHidden}"
-				${slotted.slotted("iconSlottedContent")}
+				${fastElement.slotted("iconSlottedContent")}
 			></slot>`;
     }
     if (!icon && slottedState) {
       return null;
     }
-    const iconTemplate = vividElement.html`<${iconTag} :name="${() => icon}" :label="${() => announcement?.label || void 0}"></${iconTag}>`;
+    const iconTemplate = fastElement.html`<${iconTag} :name="${() => icon}" :label="${() => announcement?.label || void 0}"></${iconTag}>`;
     const wrapperTag = slottedState ? "span" : "slot";
-    return vividElement.html`<${wrapperTag}
+    return fastElement.html`<${wrapperTag}
 					class="${() => slottedState ? "icon" : void 0}"
 					:name="${() => slottedState ? void 0 : "icon"}"
 					aria-hidden="${() => announcement?.label ? false : ariaHidden}"

package/{shared → unbundled}/affix.js

@@ -1,6 +1,5 @@
-import { I as Icon } from './definition28.js';
-import { s as slotted } from './slotted.js';
-import { a as attr, o as observable, h as html } from './vivid-element.js';
+import { attr, observable, slotted, html } from '@microsoft/fast-element';
+import { VwcIconElement as Icon } from '../icon/definition.js';
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {

package/{shared → unbundled}/anchored.cjs

@@ -1,7 +1,6 @@
 'use strict';
 
-const vividElement = require('./vivid-element.cjs');
-const slotted = require('./slotted.cjs');
+const fastElement = require('@microsoft/fast-element');
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -27,7 +26,7 @@ const Anchored = (Base) => {
       const isOccupied = Boolean(
         this._slottedAnchor && this._slottedAnchor.length > 0
       );
-      vividElement.DOM.setBooleanAttribute(
+      fastElement.DOM.setBooleanAttribute(
         this,
         "slotted-anchor",
         isOccupied
@@ -79,19 +78,19 @@ const Anchored = (Base) => {
     }
   }
   __decorateClass([
-    vividElement.attr
+    fastElement.attr
   ], AnchoredElement.prototype, "anchor");
   __decorateClass([
-    vividElement.observable
+    fastElement.observable
   ], AnchoredElement.prototype, "_slottedAnchor");
   __decorateClass([
-    vividElement.observable
+    fastElement.observable
   ], AnchoredElement.prototype, "_anchorEl");
   return AnchoredElement;
 };
-const anchorSlotTemplateFactory = () => vividElement.html`<slot
+const anchorSlotTemplateFactory = () => fastElement.html`<slot
 		name="anchor"
-		${slotted.slotted("_slottedAnchor")}
+		${fastElement.slotted("_slottedAnchor")}
 	></slot>`;
 
 exports.Anchored = Anchored;

package/{shared → unbundled}/anchored.js

@@ -1,5 +1,4 @@
-import { a as attr, o as observable, h as html, D as DOM } from './vivid-element.js';
-import { s as slotted } from './slotted.js';
+import { attr, observable, slotted, html, DOM } from '@microsoft/fast-element';
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {

package/{shared → unbundled}/attribute-binding-behaviour.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const vividElement = require('./vivid-element.cjs');
+const fastElement = require('@microsoft/fast-element');
 
 class AttributeBindingBehavior {
   constructor(target, binding, isBindingVolatile, attributeName) {
@@ -15,7 +15,7 @@ class AttributeBindingBehavior {
     this.source = source;
     this.context = context;
     if (!this.bindingObserver) {
-      this.bindingObserver = vividElement.Observable.binding(
+      this.bindingObserver = fastElement.Observable.binding(
         this.binding,
         this,
         this.isBindingVolatile
@@ -34,7 +34,7 @@ class AttributeBindingBehavior {
     );
   }
   updateTarget(value) {
-    vividElement.DOM.setAttribute(this.target, this.attributeName, value);
+    fastElement.DOM.setAttribute(this.target, this.attributeName, value);
   }
 }
 

package/{shared → unbundled}/attribute-binding-behaviour.js

@@ -1,4 +1,4 @@
-import { O as Observable, D as DOM } from './vivid-element.js';
+import { Observable, DOM } from '@microsoft/fast-element';
 
 class AttributeBindingBehavior {
   constructor(target, binding, isBindingVolatile, attributeName) {

package/{shared → unbundled}/base-progress.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+const fastElement = require('@microsoft/fast-element');
 const vividElement = require('./vivid-element.cjs');
 
 var __defProp = Object.defineProperty;
@@ -57,22 +58,22 @@ class BaseProgress extends vividElement.VividElement {
 }
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  vividElement.attr({ converter: vividElement.nullableNumberConverter })
+  fastElement.attr({ converter: fastElement.nullableNumberConverter })
 ], BaseProgress.prototype, "value");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  vividElement.attr({ converter: vividElement.nullableNumberConverter })
+  fastElement.attr({ converter: fastElement.nullableNumberConverter })
 ], BaseProgress.prototype, "min");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  vividElement.attr({ converter: vividElement.nullableNumberConverter })
+  fastElement.attr({ converter: fastElement.nullableNumberConverter })
 ], BaseProgress.prototype, "max");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  vividElement.attr({ mode: "boolean" })
+  fastElement.attr({ mode: "boolean" })
 ], BaseProgress.prototype, "paused");
 __decorateClass([
-  vividElement.observable
+  fastElement.observable
 ], BaseProgress.prototype, "percentComplete");
 
 exports.BaseProgress = BaseProgress;

package/{shared → unbundled}/base-progress.js

@@ -1,4 +1,5 @@
-import { a as attr, n as nullableNumberConverter, o as observable, V as VividElement } from './vivid-element.js';
+import { attr, nullableNumberConverter, observable } from '@microsoft/fast-element';
+import { V as VividElement } from './vivid-element.js';
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {

package/{shared → unbundled}/breadcrumb-item.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+const fastElement = require('@microsoft/fast-element');
 const vividElement = require('./vivid-element.cjs');
 const linkable = require('./linkable.cjs');
 
@@ -19,10 +20,10 @@ class BreadcrumbItem extends linkable.Linkable(vividElement.VividElement) {
   }
 }
 __decorateClass([
-  vividElement.attr
+  fastElement.attr
 ], BreadcrumbItem.prototype, "text");
 __decorateClass([
-  vividElement.observable
+  fastElement.observable
 ], BreadcrumbItem.prototype, "separator");
 
 exports.BreadcrumbItem = BreadcrumbItem;

package/{shared → unbundled}/breadcrumb-item.js

@@ -1,4 +1,5 @@
-import { V as VividElement, a as attr, o as observable } from './vivid-element.js';
+import { attr, observable } from '@microsoft/fast-element';
+import { V as VividElement } from './vivid-element.js';
 import { L as Linkable } from './linkable.js';
 
 var __defProp = Object.defineProperty;

package/{shared → unbundled}/button.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+const fastElement = require('@microsoft/fast-element');
 const delegatesAria = require('./delegates-aria.cjs');
 const vividElement = require('./vivid-element.cjs');
 const formAssociated = require('./form-associated.cjs');
@@ -119,7 +120,7 @@ class VividFoundationButton extends delegatesAria.DelegatesAria(
     this.proxy.setAttribute("type", this.type);
     this.handleUnsupportedDelegatesFocus();
     if (this.autofocus) {
-      vividElement.DOM.queueUpdate(() => {
+      fastElement.DOM.queueUpdate(() => {
         this.focus();
       });
     }
@@ -144,28 +145,28 @@ class VividFoundationButton extends delegatesAria.DelegatesAria(
   }
 }
 __decorateClass([
-  vividElement.attr({ mode: "boolean" })
+  fastElement.attr({ mode: "boolean" })
 ], VividFoundationButton.prototype, "autofocus");
 __decorateClass([
-  vividElement.attr({ attribute: "form" })
+  fastElement.attr({ attribute: "form" })
 ], VividFoundationButton.prototype, "formId");
 __decorateClass([
-  vividElement.attr
+  fastElement.attr
 ], VividFoundationButton.prototype, "formaction");
 __decorateClass([
-  vividElement.attr
+  fastElement.attr
 ], VividFoundationButton.prototype, "formenctype");
 __decorateClass([
-  vividElement.attr
+  fastElement.attr
 ], VividFoundationButton.prototype, "formmethod");
 __decorateClass([
-  vividElement.attr({ mode: "boolean" })
+  fastElement.attr({ mode: "boolean" })
 ], VividFoundationButton.prototype, "formnovalidate");
 __decorateClass([
-  vividElement.attr
+  fastElement.attr
 ], VividFoundationButton.prototype, "formtarget");
 __decorateClass([
-  vividElement.attr
+  fastElement.attr
 ], VividFoundationButton.prototype, "type");
 
 exports.VividFoundationButton = VividFoundationButton;

package/{shared → unbundled}/button.js

@@ -1,5 +1,6 @@
+import { DOM, attr } from '@microsoft/fast-element';
 import { D as DelegatesAria } from './delegates-aria.js';
-import { V as VividElement, D as DOM, a as attr } from './vivid-element.js';
+import { V as VividElement } from './vivid-element.js';
 import { F as FormAssociated } from './form-associated.js';
 
 var __defProp = Object.defineProperty;

package/{shared → unbundled}/calendar-event.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+const fastElement = require('@microsoft/fast-element');
 const vividElement = require('./vivid-element.cjs');
 const delegatesAria = require('./delegates-aria.cjs');
 
@@ -16,25 +17,25 @@ class CalendarEvent extends delegatesAria.DelegatesAria(vividElement.VividElemen
   // TODO should be converted to allowed range
 }
 __decorateClass([
-  vividElement.attr
+  fastElement.attr
 ], CalendarEvent.prototype, "heading");
 __decorateClass([
-  vividElement.attr
+  fastElement.attr
 ], CalendarEvent.prototype, "description");
 __decorateClass([
-  vividElement.attr
+  fastElement.attr
 ], CalendarEvent.prototype, "connotation");
 __decorateClass([
-  vividElement.attr
+  fastElement.attr
 ], CalendarEvent.prototype, "appearance");
 __decorateClass([
-  vividElement.attr({ converter: vividElement.nullableNumberConverter, attribute: "overlap-count" })
+  fastElement.attr({ converter: fastElement.nullableNumberConverter, attribute: "overlap-count" })
 ], CalendarEvent.prototype, "overlapCount");
 __decorateClass([
-  vividElement.attr({ converter: vividElement.nullableNumberConverter })
+  fastElement.attr({ converter: fastElement.nullableNumberConverter })
 ], CalendarEvent.prototype, "start");
 __decorateClass([
-  vividElement.attr({ converter: vividElement.nullableNumberConverter })
+  fastElement.attr({ converter: fastElement.nullableNumberConverter })
 ], CalendarEvent.prototype, "duration");
 
 exports.CalendarEvent = CalendarEvent;

package/{shared → unbundled}/calendar-event.js

@@ -1,4 +1,5 @@
-import { V as VividElement, a as attr, n as nullableNumberConverter } from './vivid-element.js';
+import { attr, nullableNumberConverter } from '@microsoft/fast-element';
+import { V as VividElement } from './vivid-element.js';
 import { D as DelegatesAria } from './delegates-aria.js';
 
 var __defProp = Object.defineProperty;