@vonage/vivid 5.15.1 → 5.17.0

package/bundled/host-semantics.js

@@ -1,71 +1,48 @@
-import { g as h, j as d, S as u, k as b, H as p } from "./vivid-element.js";
-import { A as g } from "./attribute-binding-behaviour.js";
-class m {
-  constructor(t, e) {
-    this.target = null, this.bindingBehaviours = [], this.target = t, this.boundProperties = e.boundProperties;
-  }
-  bind(t) {
-    const e = t.source;
-    if (this.target !== e)
-      throw new Error("Target element must be the same as the source element");
-    this.bindPropertiesToTarget(e, this.boundProperties, this.target);
-  }
-  bindPropertiesToTarget(t, e, o) {
-    for (const [i, r] of Object.entries(e)) {
-      const a = r instanceof Function ? r : (c) => c[i] ?? r;
-      this.bindingBehaviours.push(
-        new g(
-          o,
-          h(a),
-          !0,
-          d(i)
-        )
-      );
-    }
-    for (const i of this.bindingBehaviours)
-      i.bind({
-        source: t,
-        context: t.$fastController.context
-      });
-  }
-  // private releasePropertyBindings(source: HostSemanticsElement) {
-  // 	for (const behavior of this.bindingBehaviours) {
-  // 		(behavior as any).unbind();
-  // 	}
-  // 	this.bindingBehaviours = [];
-  // }
-}
-class n extends u {
-  constructor(t) {
-    super("vvd-host-semantics"), this.boundProperties = t, this.targetNodeId = "";
-  }
-  bind(t) {
-    const e = t.targets[this.targetNodeId];
-    new m(
-      e,
-      // Pass the target element as target
-      {
-        boundProperties: this.boundProperties,
-        forwardedProperties: new Set(
-          b.filter((i) => !(i in this.boundProperties))
-        )
-      }
-    ).bind(t);
-  }
-}
-p.define(n);
-function l(s = {}) {
-  return new n(s);
-}
-const P = (s) => {
-  class t extends s {
-    constructor() {
-      super(...arguments), this._vividAriaBehaviour = "host";
-    }
-  }
-  return t;
+import { h as e, i as t, m as n, r, x as i } from "./vivid-element.js";
+import { t as a } from "./attribute-binding-behaviour.js";
+//#region src/shared/aria/host-semantics-behavior.ts
+var o = class {
+	constructor(e, t) {
+		this.target = null, this.bindingBehaviours = [], this.target = e, this.boundProperties = t.boundProperties;
+	}
+	bind(e) {
+		let t = e.source;
+		if (this.target !== t) throw Error("Target element must be the same as the source element");
+		this.bindPropertiesToTarget(t, this.boundProperties, this.target);
+	}
+	bindPropertiesToTarget(e, t, n) {
+		for (let [e, o] of Object.entries(t)) {
+			let t = o instanceof Function ? o : (t) => t[e] ?? o;
+			this.bindingBehaviours.push(new a(n, i(t), !0, r(e)));
+		}
+		for (let t of this.bindingBehaviours) t.bind({
+			source: e,
+			context: e.$fastController.context
+		});
+	}
+}, s = class extends e {
+	constructor(e) {
+		super("vvd-host-semantics"), this.boundProperties = e, this.targetNodeId = "";
+	}
+	bind(e) {
+		let n = e.targets[this.targetNodeId];
+		new o(n, {
+			boundProperties: this.boundProperties,
+			forwardedProperties: new Set(t.filter((e) => !(e in this.boundProperties)))
+		}).bind(e);
+	}
 };
-export {
-  P as H,
-  l as a
+n.define(s);
+function c(e = {}) {
+	return new s(e);
+}
+var l = (e) => {
+	class t extends e {
+		constructor(...e) {
+			super(...e), this._vividAriaBehaviour = "host";
+		}
+	}
+	return t;
 };
+//#endregion
+export { c as n, l as t };

package/bundled/key-codes.cjs

@@ -1 +1 @@
-"use strict";const e="ArrowDown",o="ArrowLeft",n="ArrowRight",k="ArrowUp";const y="Enter",r="Escape",t="Home";const c="PageDown",s="PageUp";exports.keyArrowDown=e;exports.keyArrowLeft=o;exports.keyArrowRight=n;exports.keyArrowUp=k;exports.keyEnd="End";exports.keyEnter=y;exports.keyEscape=r;exports.keyFunction2="F2";exports.keyHome=t;exports.keyPageDown=c;exports.keyPageUp=s;exports.keySpace=" ";exports.keyTab="Tab";
+var e=`ArrowDown`,t=`ArrowLeft`,n=`ArrowRight`,r=`ArrowUp`,i=`Enter`,a=`Escape`,o=`Home`,s=`PageDown`,c=`PageUp`;Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/bundled/key-codes.js

@@ -1,16 +1,4 @@
-const o = "ArrowDown", e = "ArrowLeft", s = "ArrowRight", a = "ArrowUp", n = "End", t = "Enter", r = "Escape", c = "Home", k = "F2", y = "PageDown", w = "PageUp", p = " ", A = "Tab";
-export {
-  c as a,
-  o as b,
-  a as c,
-  r as d,
-  k as e,
-  t as f,
-  s as g,
-  e as h,
-  y as i,
-  w as j,
-  n as k,
-  p as l,
-  A as m
-};
+//#region ../../node_modules/.pnpm/@microsoft+fast-web-utilities@6.0.0/node_modules/@microsoft/fast-web-utilities/dist/key-codes.js
+var e = "ArrowDown", t = "ArrowLeft", n = "ArrowRight", r = "ArrowUp", i = "Enter", a = "Escape", o = "Home", s = "PageDown", c = "PageUp";
+//#endregion
+export { i as a, s as c, r as i, c as l, t as n, a as o, n as r, o as s, e as t };

package/bundled/linkable.cjs

@@ -1,5 +1,5 @@
-"use strict";const s=require("./delegates-aria.cjs"),t=require("./vivid-element.cjs"),f=require("./ref.cjs");var d=Object.defineProperty,o=(l,r,p,i)=>{for(var a=void 0,n=l.length-1,e;n>=0;n--)(e=l[n])&&(a=e(r,p,a)||a);return a&&d(r,p,a),a};const y=l=>{class r extends s.DelegatesAria(l){constructor(){super(...arguments),this._renderLinkElement=(i,a,n)=>t.html`<a
-				class="${a}"
+const e=require(`./vivid-element.cjs`),t=require(`./ref.cjs`),n=require(`./decorate.cjs`),r=require(`./delegates-aria.cjs`);var i=i=>{class a extends r.t(i){constructor(...n){super(...n),this._renderLinkElement=(n,i,a)=>e.d`<a
+				class="${i}"
 				download="${e=>e.download}"
 				href="${e=>e.href}"
 				hreflang="${e=>e.hreflang}"
@@ -8,8 +8,8 @@
 				rel="${e=>e.rel}"
 				target="${e=>e.target}"
 				type="${e=>e.type}"
-				${f.ref("control")}
-				${s.delegateAria(n)}
+				${t.t(`control`)}
+				${r.n(a)}
 			>
-				${i}
-			</a>`}}return o([t.attr],r.prototype,"download"),o([t.attr],r.prototype,"href"),o([t.attr],r.prototype,"hreflang"),o([t.attr],r.prototype,"ping"),o([t.attr],r.prototype,"referrerpolicy"),o([t.attr],r.prototype,"rel"),o([t.attr],r.prototype,"target"),o([t.attr],r.prototype,"type"),r};exports.Linkable=y;
+				${n}
+			</a>`}}return n.t([e.l],a.prototype,`download`,void 0),n.t([e.l],a.prototype,`href`,void 0),n.t([e.l],a.prototype,`hreflang`,void 0),n.t([e.l],a.prototype,`ping`,void 0),n.t([e.l],a.prototype,`referrerpolicy`,void 0),n.t([e.l],a.prototype,`rel`,void 0),n.t([e.l],a.prototype,`target`,void 0),n.t([e.l],a.prototype,`type`,void 0),a};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/bundled/linkable.js

@@ -1,49 +1,29 @@
-import { D as f, d as i } from "./delegates-aria.js";
-import { a as o, h as y } from "./vivid-element.js";
-import { r as d } from "./ref.js";
-var g = Object.defineProperty, p = (n, e, l, s) => {
-  for (var t = void 0, a = n.length - 1, r; a >= 0; a--)
-    (r = n[a]) && (t = r(e, l, t) || t);
-  return t && g(e, l, t), t;
-};
-const c = (n) => {
-  class e extends f(n) {
-    constructor() {
-      super(...arguments), this._renderLinkElement = (s, t, a) => y`<a
-				class="${t}"
-				download="${(r) => r.download}"
-				href="${(r) => r.href}"
-				hreflang="${(r) => r.hreflang}"
-				ping="${(r) => r.ping}"
-				referrerpolicy="${(r) => r.referrerpolicy}"
-				rel="${(r) => r.rel}"
-				target="${(r) => r.target}"
-				type="${(r) => r.type}"
-				${d("control")}
+import { d as e, l as t } from "./vivid-element.js";
+import { t as n } from "./ref.js";
+import { t as r } from "./decorate.js";
+import { n as i, t as a } from "./delegates-aria.js";
+//#region src/shared/patterns/linkable.ts
+var o = (o) => {
+	class s extends a(o) {
+		constructor(...t) {
+			super(...t), this._renderLinkElement = (t, r, a) => e`<a
+				class="${r}"
+				download="${(e) => e.download}"
+				href="${(e) => e.href}"
+				hreflang="${(e) => e.hreflang}"
+				ping="${(e) => e.ping}"
+				referrerpolicy="${(e) => e.referrerpolicy}"
+				rel="${(e) => e.rel}"
+				target="${(e) => e.target}"
+				type="${(e) => e.type}"
+				${n("control")}
 				${i(a)}
 			>
-				${s}
+				${t}
 			</a>`;
-    }
-  }
-  return p([
-    o
-  ], e.prototype, "download"), p([
-    o
-  ], e.prototype, "href"), p([
-    o
-  ], e.prototype, "hreflang"), p([
-    o
-  ], e.prototype, "ping"), p([
-    o
-  ], e.prototype, "referrerpolicy"), p([
-    o
-  ], e.prototype, "rel"), p([
-    o
-  ], e.prototype, "target"), p([
-    o
-  ], e.prototype, "type"), e;
-};
-export {
-  c as L
+		}
+	}
+	return r([t], s.prototype, "download", void 0), r([t], s.prototype, "href", void 0), r([t], s.prototype, "hreflang", void 0), r([t], s.prototype, "ping", void 0), r([t], s.prototype, "referrerpolicy", void 0), r([t], s.prototype, "rel", void 0), r([t], s.prototype, "target", void 0), r([t], s.prototype, "type", void 0), s;
 };
+//#endregion
+export { o as t };

package/bundled/listbox.cjs

@@ -1 +1 @@
-"use strict";const p=require("./definition12.cjs"),o=require("./vivid-element.cjs"),d=require("./key-codes.cjs"),u=require("./strings.cjs");function f(r,e){let t=r.length;for(;t--;)if(e(r[t],t,r))return t;return-1}var x=Object.defineProperty,a=(r,e,t,i)=>{for(var s=void 0,n=r.length-1,h;n>=0;n--)(h=r[n])&&(s=h(e,t,s)||s);return s&&x(e,t,s),s};const l=class c extends o.VividElement{constructor(){super(...arguments),this._options=[],this.selectedIndex=-1,this.selectedOptions=[],this.shouldSkipFocus=!1,this.typeaheadBuffer="",this.typeaheadExpired=!0,this.typeaheadTimeout=-1,this._activeDescendant=null}get firstSelectedOption(){return this.selectedOptions[0]??null}get length(){return this.options.length}get options(){return o.Observable.track(this,"options"),this._options}set options(e){const t=this._options;if(this._options=e,o.Observable.notify(this,"options"),this.$fastController.isConnected){const i=this._newDefaultSelectedIndex(t,e,this.selectedIndex);i!==null&&(this.selectedIndex=i)}}static{this.slottedOptionFilter=e=>p.isListboxOption(e)&&!e.hidden}static{this.TYPE_AHEAD_TIMEOUT_MS=1e3}clickHandler(e){const t=e.target.closest("option,[role=option],[data-vvd-component=option]");if(t&&!t.disabled)return this.selectedIndex=this.options.indexOf(t),!0}focusAndScrollOptionIntoView(e=this.firstSelectedOption){this.contains(document.activeElement)&&e!==null&&(e.focus(),requestAnimationFrame(()=>{e.scrollIntoView({block:"nearest"})}))}focusinHandler(e){!this.shouldSkipFocus&&e.target===e.currentTarget&&(this.setSelectedOptions(),this.focusAndScrollOptionIntoView()),this.shouldSkipFocus=!1}getTypeaheadMatches(){const e=this.typeaheadBuffer.replace(/[.*+\-?^${}()|[\]\\]/g,"\\$&"),t=new RegExp(`^${e}`,"gi");return this.options.filter(i=>i.text.trim().match(t))}getNextSelectableIndex(e){const t=this.options.reduce((i,s,n)=>!i&&!s.disabled&&n>=e?s:i,null);return this.options.indexOf(t)}getPreviousSelectableIndex(e){const t=this.options.reduceRight((i,s,n)=>!i&&!s.disabled&&n<=e?s:i,null);return this.options.indexOf(t)}handleChange(e,t){t==="selected"&&(c.slottedOptionFilter(e)&&(this.selectedIndex=this.options.indexOf(e)),this.setSelectedOptions())}handleTypeAhead(e){this.typeaheadTimeout&&window.clearTimeout(this.typeaheadTimeout),this.typeaheadTimeout=window.setTimeout(()=>this.typeaheadExpired=!0,c.TYPE_AHEAD_TIMEOUT_MS),this.typeaheadBuffer=`${this.typeaheadExpired?"":this.typeaheadBuffer}${e}`}keydownHandler(e){if(this.disabled)return!0;this.shouldSkipFocus=!1;const t=e.key;switch(t){case d.keyHome:{e.shiftKey||(e.preventDefault(),this.selectFirstOption());break}case d.keyArrowDown:{e.shiftKey||(e.preventDefault(),this.selectNextOption());break}case d.keyArrowUp:{e.shiftKey||(e.preventDefault(),this.selectPreviousOption());break}case d.keyEnd:{e.preventDefault(),this.selectLastOption();break}case d.keyTab:return this.focusAndScrollOptionIntoView(),!0;case d.keyEnter:case d.keyEscape:return!0;case d.keySpace:if(this.typeaheadExpired)return!0;default:return t.length===1&&this.handleTypeAhead(`${t}`),!0}}mousedownHandler(e){return this.shouldSkipFocus=!this.contains(document.activeElement),!0}selectedIndexChanged(e,t){const i=this._validSelectedIndex(t);if(t!==i){this.selectedIndex=i;return}this.setSelectedOptions()}_validSelectedIndex(e){return e>this.options.length-1||e<-1?-1:e}selectedOptionsChanged(e,t){const i=t.filter(c.slottedOptionFilter);this.options.forEach(s=>{const n=o.Observable.getNotifier(s);n.unsubscribe(this,"selected"),s.selected=i.includes(s),n.subscribe(this,"selected")})}selectFirstOption(){this.disabled||(this.selectedIndex=this.options.findIndex(e=>!e.disabled))}selectLastOption(){this.disabled||(this.selectedIndex=f(this.options,e=>!e.disabled))}selectNextOption(){if(!this.disabled&&this.selectedIndex<this.options.length-1){const e=this.getNextSelectableIndex(this.selectedIndex+1);e!==-1&&(this.selectedIndex=e)}}selectPreviousOption(){if(!this.disabled&&this.selectedIndex>0){const e=this.getPreviousSelectableIndex(this.selectedIndex-1);e!==-1&&(this.selectedIndex=e)}}_newDefaultSelectedIndex(e,t,i){for(const[s,n]of t.entries())if(this._isDefaultSelected(n)&&!e.includes(n))return s;return null}_isDefaultSelected(e){return e.defaultSelected}setSelectedOptions(){this.selectedOptions=this.selectedIndex!==-1?[this.options[this.selectedIndex]]:[],this._activeDescendant=this.firstSelectedOption?.id??"",this.focusAndScrollOptionIntoView()}slottedOptionsChanged(e,t){this.options=t.reduce((s,n)=>(p.isListboxOption(n)&&s.push(n),s),[]);const i=`${this.options.length}`;this.options.forEach((s,n)=>{s.id||(s.id=u.uniqueId("option-")),s.ariaPosInSet=`${n+1}`,s.ariaSetSize=i})}typeaheadBufferChanged(e,t){if(this.$fastController.isConnected){const i=this.getTypeaheadMatches();if(i.length){const s=this.options.indexOf(i[0]);s>-1&&(this.selectedIndex=s)}this.typeaheadExpired=!1}}};a([o.attr({mode:"boolean"})],l.prototype,"disabled");a([o.observable],l.prototype,"selectedIndex");a([o.observable],l.prototype,"selectedOptions");a([o.observable],l.prototype,"slottedOptions");a([o.observable],l.prototype,"typeaheadBuffer");a([o.observable],l.prototype,"_activeDescendant");let b=l;exports.Listbox=b;
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./key-codes.cjs`),r=require(`./strings.cjs`),i=require(`./definition17.cjs`);function a(e,t){let n=e.length;for(;n--;)if(t(e[n],n,e))return n;return-1}var o=class t extends e.t{constructor(...e){super(...e),this._options=[],this.selectedIndex=-1,this.selectedOptions=[],this.shouldSkipFocus=!1,this.typeaheadBuffer=``,this.typeaheadExpired=!0,this.typeaheadTimeout=-1,this._activeDescendant=null}get firstSelectedOption(){return this.selectedOptions[0]??null}get length(){return this.options.length}get options(){return e.w.track(this,`options`),this._options}set options(t){let n=this._options;if(this._options=t,e.w.notify(this,`options`),this.$fastController.isConnected){let e=this._newDefaultSelectedIndex(n,t,this.selectedIndex);e!==null&&(this.selectedIndex=e)}}static{this.slottedOptionFilter=e=>i.i(e)&&!e.hidden}static{this.TYPE_AHEAD_TIMEOUT_MS=1e3}clickHandler(e){let t=e.target.closest(`option,[role=option],[data-vvd-component=option]`);if(t&&!t.disabled)return this.selectedIndex=this.options.indexOf(t),!0}focusAndScrollOptionIntoView(e=this.firstSelectedOption){this.contains(document.activeElement)&&e!==null&&(e.focus(),requestAnimationFrame(()=>{e.scrollIntoView({block:`nearest`})}))}focusinHandler(e){!this.shouldSkipFocus&&e.target===e.currentTarget&&(this.setSelectedOptions(),this.focusAndScrollOptionIntoView()),this.shouldSkipFocus=!1}getTypeaheadMatches(){let e=this.typeaheadBuffer.replace(/[.*+\-?^${}()|[\]\\]/g,`\\$&`),t=RegExp(`^${e}`,`gi`);return this.options.filter(e=>e.text.trim().match(t))}getNextSelectableIndex(e){let t=this.options.reduce((t,n,r)=>!t&&!n.disabled&&r>=e?n:t,null);return this.options.indexOf(t)}getPreviousSelectableIndex(e){let t=this.options.reduceRight((t,n,r)=>!t&&!n.disabled&&r<=e?n:t,null);return this.options.indexOf(t)}handleChange(e,n){switch(n){case`selected`:t.slottedOptionFilter(e)&&(this.selectedIndex=this.options.indexOf(e)),this.setSelectedOptions();break}}handleTypeAhead(e){this.typeaheadTimeout&&window.clearTimeout(this.typeaheadTimeout),this.typeaheadTimeout=window.setTimeout(()=>this.typeaheadExpired=!0,t.TYPE_AHEAD_TIMEOUT_MS),this.typeaheadBuffer=`${this.typeaheadExpired?``:this.typeaheadBuffer}${e}`}keydownHandler(e){if(this.disabled)return!0;this.shouldSkipFocus=!1;let t=e.key;switch(t){case n.s:e.shiftKey||(e.preventDefault(),this.selectFirstOption());break;case n.t:e.shiftKey||(e.preventDefault(),this.selectNextOption());break;case n.i:e.shiftKey||(e.preventDefault(),this.selectPreviousOption());break;case`End`:e.preventDefault(),this.selectLastOption();break;case`Tab`:return this.focusAndScrollOptionIntoView(),!0;case n.a:case n.o:return!0;case` `:if(this.typeaheadExpired)return!0;default:return t.length===1&&this.handleTypeAhead(`${t}`),!0}}mousedownHandler(e){return this.shouldSkipFocus=!this.contains(document.activeElement),!0}selectedIndexChanged(e,t){let n=this._validSelectedIndex(t);if(t!==n){this.selectedIndex=n;return}this.setSelectedOptions()}_validSelectedIndex(e){return e>this.options.length-1||e<-1?-1:e}selectedOptionsChanged(n,r){let i=r.filter(t.slottedOptionFilter);this.options.forEach(t=>{let n=e.w.getNotifier(t);n.unsubscribe(this,`selected`),t.selected=i.includes(t),n.subscribe(this,`selected`)})}selectFirstOption(){this.disabled||(this.selectedIndex=this.options.findIndex(e=>!e.disabled))}selectLastOption(){this.disabled||(this.selectedIndex=a(this.options,e=>!e.disabled))}selectNextOption(){if(!this.disabled&&this.selectedIndex<this.options.length-1){let e=this.getNextSelectableIndex(this.selectedIndex+1);e!==-1&&(this.selectedIndex=e)}}selectPreviousOption(){if(!this.disabled&&this.selectedIndex>0){let e=this.getPreviousSelectableIndex(this.selectedIndex-1);e!==-1&&(this.selectedIndex=e)}}_newDefaultSelectedIndex(e,t,n){for(let[n,r]of t.entries())if(this._isDefaultSelected(r)&&!e.includes(r))return n;return null}_isDefaultSelected(e){return e.defaultSelected}setSelectedOptions(){this.selectedOptions=this.selectedIndex===-1?[]:[this.options[this.selectedIndex]],this._activeDescendant=this.firstSelectedOption?.id??``,this.focusAndScrollOptionIntoView()}slottedOptionsChanged(e,t){this.options=t.reduce((e,t)=>(i.i(t)&&e.push(t),e),[]);let n=`${this.options.length}`;this.options.forEach((e,t)=>{e.id||=r.t(`option-`),e.ariaPosInSet=`${t+1}`,e.ariaSetSize=n})}typeaheadBufferChanged(e,t){if(this.$fastController.isConnected){let e=this.getTypeaheadMatches();if(e.length){let t=this.options.indexOf(e[0]);t>-1&&(this.selectedIndex=t)}this.typeaheadExpired=!1}}};t.t([e.l({mode:`boolean`})],o.prototype,`disabled`,void 0),t.t([e.T],o.prototype,`selectedIndex`,void 0),t.t([e.T],o.prototype,`selectedOptions`,void 0),t.t([e.T],o.prototype,`slottedOptions`,void 0),t.t([e.T],o.prototype,`typeaheadBuffer`,void 0),t.t([e.T],o.prototype,`_activeDescendant`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});