@vonage/vivid 5.17.0 → 5.19.0

package/range-slider/index.js

@@ -1,8 +1,7 @@
 import { t as e } from "../bundled/localized.js";
-import { T as t, d as n, l as r, o as i, s as a, t as o, u as s } from "../bundled/vivid-element.js";
+import { D as t, c as n, d as r, f as i, s as a, t as o, u as s } from "../bundled/vivid-element.js";
 import { t as c } from "../bundled/ref.js";
 import { t as l } from "../bundled/when.js";
-import "../bundled/definition2.js";
 import { t as u } from "../bundled/decorate.js";
 import { t as d } from "../bundled/form-element.js";
 import { t as f } from "../bundled/aria.js";
@@ -18,9 +17,46 @@ var O = ":host{display:inline-block}:host(:not([orientation=vertical])){inline-s
 	Decrement: -1
 }, A = class extends e(d(y(o))) {
 	constructor(...e) {
-		super(...e), this.start = "", this.end = "", this.min = 0, this.max = 10, this.step = 1, this.orientation = f.horizontal, this.ariaStartLabel = null, this.ariaEndLabel = null, this.markers = !1, this.pin = !1, this.valueTextFormatter = (e) => parseFloat(e).toLocaleString(this.locale.lang), this.proxy = document.createElement("input"), this._trackEl = null, this._startThumbEl = null, this._endThumbEl = null, this._draggingThumb = !1, this._visiblyFocusedThumb = null, this._hoveredThumb = null, this._startThumbCss = "", this._endThumbCss = "", this._selectedRangeCss = "";
+		super(...e), this.#e = !1, this.start = "", this.end = "", this.min = 0, this.max = 10, this.step = 1, this.orientation = f.horizontal, this.ariaStartLabel = null, this.ariaEndLabel = null, this.markers = !1, this.pin = !1, this.valueTextFormatter = (e) => parseFloat(e).toLocaleString(this.locale.lang), this.proxy = document.createElement("input"), this._trackEl = null, this._startThumbEl = null, this._endThumbEl = null, this._draggingThumb = !1, this._visiblyFocusedThumb = null, this._hoveredThumb = null, this._startThumbCss = "", this._endThumbCss = "", this._selectedRangeCss = "", this.#f = !1, this.#g = (e) => {
+			this.#f || (this._visiblyFocusedThumb = this.#s(e)), this.#f = !1;
+		}, this.#_ = () => {
+			this._visiblyFocusedThumb = null;
+		}, this.#v = () => {
+			document.hidden && (this.shadowRoot.activeElement === this._startThumbEl || this.shadowRoot.activeElement === this._endThumbEl) && (this.#f = !0);
+		}, this.#y = (e) => {
+			this._hoveredThumb = this.#s(e);
+		}, this.#b = () => {
+			this._hoveredThumb = null;
+		}, this.#x = (e) => {
+			if (this.disabled || e.defaultPrevented) return;
+			let t = e.target;
+			t === this._endThumbEl && this.startAsNumber === this.max && this.endAsNumber === this.max && (t = this._startThumbEl), this.#p(t), this._draggingThumb = this.#o(t), this.#C();
+		}, this.#S = (e) => {
+			let t = this.#s(e);
+			if (this._visiblyFocusedThumb = t, e.key === "Home") e.preventDefault(), this.#t({ [t]: `${this.#a[t].min}` });
+			else if (e.key === "End") e.preventDefault(), this.#t({ [t]: `${this.#a[t].max}` });
+			else {
+				if (e.shiftKey) return;
+				switch (e.key) {
+					case g:
+					case _:
+						e.preventDefault(), this.#n(t, k.Increment);
+						break;
+					case h:
+					case m:
+						e.preventDefault(), this.#n(t, k.Decrement);
+						break;
+				}
+			}
+		}, this.#T = (e) => {
+			if (this.disabled || e.defaultPrevented || !this._draggingThumb) return;
+			let t = "TouchEvent" in window && e instanceof TouchEvent ? e.touches[0] : e, n = this.#u(t);
+			this.#t({ [this._draggingThumb]: `${this.#d(this._draggingThumb, n)}` });
+		}, this.#E = () => {
+			this._draggingThumb = !1, this.#w();
+		};
 	}
-	#e = !1;
+	#e;
 	startChanged() {
 		this.currentStart = this.start, this.#e || (this.dirtyValue = !0, this.#r()), this.$fastController.isConnected && this.#c();
 	}
@@ -122,7 +158,7 @@ var O = ":host{display:inline-block}:host(:not([orientation=vertical])){inline-s
 	#d(e, t) {
 		return v(this.#a[e].min, this.#a[e].max, E(t - this.min, this.step) + this.min);
 	}
-	#f = !1;
+	#f;
 	#p(e) {
 		this.#f = !0, e.focus(), this.#f = !1;
 	}
@@ -133,94 +169,60 @@ var O = ":host{display:inline-block}:host(:not([orientation=vertical])){inline-s
 		super.connectedCallback(), this.#t({
 			start: this.start || this.initialStart || this.min.toString(),
 			end: this.end || this.initialEnd || this.max.toString()
-		}, !1), this.#m(), this.#c();
+		}, !1), this.#m(), this.#c(), document.addEventListener("visibilitychange", this.#v);
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.#h(), this.#C();
+		super.disconnectedCallback(), this.#h(), this.#w(), document.removeEventListener("visibilitychange", this.#v);
 	}
 	#m() {
-		for (let e of ["start", "end"]) this.#i[e].addEventListener("keydown", this.#x), this.#i[e].addEventListener("mousedown", this.#b, { passive: !0 }), this.#i[e].addEventListener("touchstart", this.#b, { passive: !0 }), this.#i[e].addEventListener("mouseover", this.#v, { passive: !0 }), this.#i[e].addEventListener("mouseout", this.#y, { passive: !0 }), this.#i[e].addEventListener("focus", this.#g), this.#i[e].addEventListener("blur", this.#_);
+		for (let e of ["start", "end"]) this.#i[e].addEventListener("keydown", this.#S), this.#i[e].addEventListener("mousedown", this.#x, { passive: !0 }), this.#i[e].addEventListener("touchstart", this.#x, { passive: !0 }), this.#i[e].addEventListener("mouseover", this.#y, { passive: !0 }), this.#i[e].addEventListener("mouseout", this.#b, { passive: !0 }), this.#i[e].addEventListener("focus", this.#g), this.#i[e].addEventListener("blur", this.#_);
 	}
 	#h() {
-		for (let e of ["start", "end"]) this.#i[e].removeEventListener("keydown", this.#x), this.#i[e].removeEventListener("mousedown", this.#b), this.#i[e].removeEventListener("touchstart", this.#b), this.#i[e].removeEventListener("mouseover", this.#v), this.#i[e].removeEventListener("mouseout", this.#y), this.#i[e].removeEventListener("focus", this.#g), this.#i[e].removeEventListener("blur", this.#_);
+		for (let e of ["start", "end"]) this.#i[e].removeEventListener("keydown", this.#S), this.#i[e].removeEventListener("mousedown", this.#x), this.#i[e].removeEventListener("touchstart", this.#x), this.#i[e].removeEventListener("mouseover", this.#y), this.#i[e].removeEventListener("mouseout", this.#b), this.#i[e].removeEventListener("focus", this.#g), this.#i[e].removeEventListener("blur", this.#_);
 	}
 	_onMouseDown(e) {
 		if (this.disabled || this._draggingThumb) return;
 		let t = this.#u(e), n = Math.abs(t - Number(this.start)), r = Math.abs(t - Number(this.end)), i = n < r || n === r && t < Number(this.start) ? "start" : "end";
-		this.#t({ [i]: `${this.#d(i, t)}` }), this._draggingThumb = i, this.#p(this.#i[i]), this.#S();
-	}
-	#g = (e) => {
-		this.#f || (this._visiblyFocusedThumb = this.#s(e));
-	};
-	#_ = () => {
-		this._visiblyFocusedThumb = null;
-	};
-	#v = (e) => {
-		this._hoveredThumb = this.#s(e);
-	};
-	#y = () => {
-		this._hoveredThumb = null;
-	};
-	#b = (e) => {
-		if (this.disabled || e.defaultPrevented) return;
-		let t = e.target;
-		t === this._endThumbEl && this.startAsNumber === this.max && this.endAsNumber === this.max && (t = this._startThumbEl), this.#p(t), this._draggingThumb = this.#o(t), this.#S();
-	};
-	#x = (e) => {
-		let t = this.#s(e);
-		if (this._visiblyFocusedThumb = t, e.key === "Home") e.preventDefault(), this.#t({ [t]: `${this.#a[t].min}` });
-		else if (e.key === "End") e.preventDefault(), this.#t({ [t]: `${this.#a[t].max}` });
-		else {
-			if (e.shiftKey) return;
-			switch (e.key) {
-				case g:
-				case _:
-					e.preventDefault(), this.#n(t, k.Increment);
-					break;
-				case h:
-				case m:
-					e.preventDefault(), this.#n(t, k.Decrement);
-					break;
-			}
-		}
-	};
-	#S() {
-		window.addEventListener("mousemove", this.#w, { passive: !0 }), window.addEventListener("touchmove", this.#w, { passive: !0 }), window.addEventListener("mouseup", this.#T), window.addEventListener("touchend", this.#T), window.document.addEventListener("mouseleave", this.#T);
-	}
+		this.#t({ [i]: `${this.#d(i, t)}` }), this._draggingThumb = i, this.#p(this.#i[i]), this.#C();
+	}
+	#g;
+	#_;
+	#v;
+	#y;
+	#b;
+	#x;
+	#S;
 	#C() {
-		window.removeEventListener("mouseup", this.#T), window.document.removeEventListener("mouseleave", this.#T), window.removeEventListener("mousemove", this.#w), window.removeEventListener("touchmove", this.#w), window.removeEventListener("touchend", this.#T);
-	}
-	#w = (e) => {
-		if (this.disabled || e.defaultPrevented || !this._draggingThumb) return;
-		let t = "TouchEvent" in window && e instanceof TouchEvent ? e.touches[0] : e, n = this.#u(t);
-		this.#t({ [this._draggingThumb]: `${this.#d(this._draggingThumb, n)}` });
-	};
-	#T = () => {
-		this._draggingThumb = !1, this.#C();
-	};
+		window.addEventListener("mousemove", this.#T, { passive: !0 }), window.addEventListener("touchmove", this.#T, { passive: !0 }), window.addEventListener("mouseup", this.#E), window.addEventListener("touchend", this.#E), window.document.addEventListener("mouseleave", this.#E);
+	}
+	#w() {
+		window.removeEventListener("mouseup", this.#E), window.document.removeEventListener("mouseleave", this.#E), window.removeEventListener("mousemove", this.#T), window.removeEventListener("touchmove", this.#T), window.removeEventListener("touchend", this.#E);
+	}
+	#T;
+	#E;
 };
-u([t], A.prototype, "start", void 0), u([r({
+u([t], A.prototype, "start", void 0), u([s({
 	mode: "fromView",
 	attribute: "start"
-})], A.prototype, "initialStart", void 0), u([r({ attribute: "current-start" })], A.prototype, "currentStart", void 0), u([t], A.prototype, "end", void 0), u([r({
+})], A.prototype, "initialStart", void 0), u([s({ attribute: "current-start" })], A.prototype, "currentStart", void 0), u([t], A.prototype, "end", void 0), u([s({
 	mode: "fromView",
 	attribute: "end"
-})], A.prototype, "initialEnd", void 0), u([r({ attribute: "current-end" })], A.prototype, "currentEnd", void 0), u([r({ converter: s })], A.prototype, "min", void 0), u([r({ converter: s })], A.prototype, "max", void 0), u([r({ converter: C })], A.prototype, "step", void 0), u([r], A.prototype, "orientation", void 0), u([r({ attribute: "aria-start-label" })], A.prototype, "ariaStartLabel", void 0), u([r({ attribute: "aria-end-label" })], A.prototype, "ariaEndLabel", void 0), u([r({ mode: "boolean" })], A.prototype, "markers", void 0), u([r], A.prototype, "connotation", void 0), u([r({ mode: "boolean" })], A.prototype, "pin", void 0), u([t], A.prototype, "valueTextFormatter", void 0), u([t], A.prototype, "_draggingThumb", void 0), u([t], A.prototype, "_visiblyFocusedThumb", void 0), u([t], A.prototype, "_hoveredThumb", void 0), u([t], A.prototype, "_startThumbCss", void 0), u([t], A.prototype, "_endThumbCss", void 0), u([t], A.prototype, "_selectedRangeCss", void 0);
+})], A.prototype, "initialEnd", void 0), u([s({ attribute: "current-end" })], A.prototype, "currentEnd", void 0), u([s({ converter: r })], A.prototype, "min", void 0), u([s({ converter: r })], A.prototype, "max", void 0), u([s({ converter: C })], A.prototype, "step", void 0), u([s], A.prototype, "orientation", void 0), u([s({ attribute: "aria-start-label" })], A.prototype, "ariaStartLabel", void 0), u([s({ attribute: "aria-end-label" })], A.prototype, "ariaEndLabel", void 0), u([s({ mode: "boolean" })], A.prototype, "markers", void 0), u([s], A.prototype, "connotation", void 0), u([s({ mode: "boolean" })], A.prototype, "pin", void 0), u([t], A.prototype, "valueTextFormatter", void 0), u([t], A.prototype, "_draggingThumb", void 0), u([t], A.prototype, "_visiblyFocusedThumb", void 0), u([t], A.prototype, "_hoveredThumb", void 0), u([t], A.prototype, "_startThumbCss", void 0), u([t], A.prototype, "_endThumbCss", void 0), u([t], A.prototype, "_selectedRangeCss", void 0);
 //#endregion
 //#region src/lib/range-slider/range-slider.template.ts
 var j = ({ disabled: e, connotation: t }) => p("control", ["disabled", !!e], [`connotation-${t}`, !!t]), M = (e) => ({ _visiblyFocusedThumb: t }) => p("thumb-container", ["focus-visible", t === e]);
 //#endregion
 //#region src/lib/range-slider/index.ts
-a(i("range-slider", A, (e) => {
+n(a("range-slider", A, (e) => {
 	let t = e.tagFor(b);
-	return n` <template
+	return i` <template
 		@mousedown="${(e, t) => e._onMouseDown(t.event)}"
 	>
 		<div class="${j} ${(e) => e.orientation}">
 			<div class="positioning-region">
 				<div ${c("_trackEl")} class="track">
 					<div class="track-start" style="${(e) => e._selectedRangeCss}"></div>
-					${l((e) => e.markers, n`${(e) => T(e.orientation === f.horizontal, Math.floor((e.max - e.min) / e.step))}`)}
+					${l((e) => e.markers, i`${(e) => T(e.orientation === f.horizontal, Math.floor((e.max - e.min) / e.step))}`)}
 				</div>
 				<div
 					id="start-thumb"
@@ -237,7 +239,7 @@ a(i("range-slider", A, (e) => {
 					aria-disabled="${(e) => e.disabled}"
 					aria-orientation="${(e) => e.orientation}"
 				></div>
-				${l((e) => e.pin, n`<${t}
+				${l((e) => e.pin, i`<${t}
 					class="popup"
 					arrow
 					alternate
@@ -265,7 +267,7 @@ a(i("range-slider", A, (e) => {
 					aria-disabled="${(e) => e.disabled}"
 					aria-orientation="${(e) => e.orientation}"
 				></div>
-				${l((e) => e.pin, n`<${t}
+				${l((e) => e.pin, i`<${t}
 					class="popup"
 					arrow
 					alternate

package/rich-text-editor/definition.cjs

@@ -1,33 +1,32 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition56.cjs");
-exports.RteAlignmentFeature = require_definition$1.RteAlignmentFeature;
-exports.RteAtomFeature = require_definition$1.RteAtomFeature;
-exports.RteBase = require_definition$1.RteBase;
-exports.RteBoldFeature = require_definition$1.RteBoldFeature;
-exports.RteCharacterCountFeature = require_definition$1.RteCharacterCountFeature;
-exports.RteConfig = require_definition$1.RteConfig;
-exports.RteDropHandlerFeature = require_definition$1.RteDropHandlerFeature;
-exports.RteFileHandlerFeature = require_definition$1.RteFileHandlerFeature;
-exports.RteFontSizePickerFeature = require_definition$1.RteFontSizePickerFeature;
-exports.RteHardBreakFeature = require_definition$1.RteHardBreakFeature;
-exports.RteHtmlParser = require_definition$1.RteHtmlParser;
-exports.RteHtmlSerializer = require_definition$1.RteHtmlSerializer;
-exports.RteInlineImageFeature = require_definition$1.RteInlineImageFeature;
-exports.RteInputRuleFeature = require_definition$1.RteInputRuleFeature;
-exports.RteItalicFeature = require_definition$1.RteItalicFeature;
-exports.RteKeyboardShortcutsFeature = require_definition$1.RteKeyboardShortcutsFeature;
-exports.RteLinkFeature = require_definition$1.RteLinkFeature;
-exports.RteListFeature = require_definition$1.RteListFeature;
-exports.RteMonospaceFeature = require_definition$1.RteMonospaceFeature;
-exports.RtePlaceholderFeature = require_definition$1.RtePlaceholderFeature;
-exports.RteStrikethroughFeature = require_definition$1.RteStrikethroughFeature;
-exports.RteSuggestFeature = require_definition$1.RteSuggestFeature;
-exports.RteTextBlockPickerFeature = require_definition$1.RteTextBlockPickerFeature;
-exports.RteTextColorPickerFeature = require_definition$1.RteTextColorPickerFeature;
-exports.RteToolbarButtonFeature = require_definition$1.RteToolbarButtonFeature;
-exports.RteToolbarFeature = require_definition$1.RteToolbarFeature;
-exports.RteUnderlineFeature = require_definition$1.RteUnderlineFeature;
-exports.VwcRichTextEditorElement = require_definition$1.RichTextEditor;
-exports.registerRichTextEditor = require_definition$1.registerRichTextEditor;
-exports.richTextEditorDefinition = require_definition$1.richTextEditorDefinition;
+const require_definition = require("../unbundled/definition58.cjs");
+exports.RteAlignmentFeature = require_definition.RteAlignmentFeature;
+exports.RteAtomFeature = require_definition.RteAtomFeature;
+exports.RteBase = require_definition.RteBase;
+exports.RteBoldFeature = require_definition.RteBoldFeature;
+exports.RteCharacterCountFeature = require_definition.RteCharacterCountFeature;
+exports.RteConfig = require_definition.RteConfig;
+exports.RteDropHandlerFeature = require_definition.RteDropHandlerFeature;
+exports.RteFileHandlerFeature = require_definition.RteFileHandlerFeature;
+exports.RteFontSizePickerFeature = require_definition.RteFontSizePickerFeature;
+exports.RteHardBreakFeature = require_definition.RteHardBreakFeature;
+exports.RteHtmlParser = require_definition.RteHtmlParser;
+exports.RteHtmlSerializer = require_definition.RteHtmlSerializer;
+exports.RteInlineImageFeature = require_definition.RteInlineImageFeature;
+exports.RteInputRuleFeature = require_definition.RteInputRuleFeature;
+exports.RteItalicFeature = require_definition.RteItalicFeature;
+exports.RteKeyboardShortcutsFeature = require_definition.RteKeyboardShortcutsFeature;
+exports.RteLinkFeature = require_definition.RteLinkFeature;
+exports.RteListFeature = require_definition.RteListFeature;
+exports.RteMonospaceFeature = require_definition.RteMonospaceFeature;
+exports.RtePlaceholderFeature = require_definition.RtePlaceholderFeature;
+exports.RteStrikethroughFeature = require_definition.RteStrikethroughFeature;
+exports.RteSuggestFeature = require_definition.RteSuggestFeature;
+exports.RteTextBlockPickerFeature = require_definition.RteTextBlockPickerFeature;
+exports.RteTextColorPickerFeature = require_definition.RteTextColorPickerFeature;
+exports.RteToolbarButtonFeature = require_definition.RteToolbarButtonFeature;
+exports.RteToolbarFeature = require_definition.RteToolbarFeature;
+exports.RteUnderlineFeature = require_definition.RteUnderlineFeature;
+exports.VwcRichTextEditorElement = require_definition.RichTextEditor;
+exports.registerRichTextEditor = require_definition.registerRichTextEditor;
+exports.richTextEditorDefinition = require_definition.richTextEditorDefinition;

package/rich-text-editor/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/definition2.js";
-import { A as RichTextEditor, C as RtePlaceholderFeature, D as RteConfig, E as RteBase, O as RteHtmlSerializer, S as RteHardBreakFeature, T as RteTextBlockPickerFeature, _ as RteStrikethroughFeature, a as RteKeyboardShortcutsFeature, b as RteBoldFeature, c as RteToolbarButtonFeature, d as RteInlineImageFeature, f as RteLinkFeature, g as RteMonospaceFeature, h as RteTextColorPickerFeature, i as RteSuggestFeature, k as RteHtmlParser, l as RteDropHandlerFeature, m as RteListFeature, n as richTextEditorDefinition, o as RteInputRuleFeature, p as RteAlignmentFeature, r as RteCharacterCountFeature, s as RteAtomFeature, t as registerRichTextEditor, u as RteFileHandlerFeature, v as RteUnderlineFeature, w as RteToolbarFeature, x as RteFontSizePickerFeature, y as RteItalicFeature } from "../unbundled/definition56.js";
+import { A as RichTextEditor, C as RtePlaceholderFeature, D as RteConfig, E as RteBase, O as RteHtmlSerializer, S as RteHardBreakFeature, T as RteTextBlockPickerFeature, _ as RteStrikethroughFeature, a as RteKeyboardShortcutsFeature, b as RteBoldFeature, c as RteToolbarButtonFeature, d as RteInlineImageFeature, f as RteLinkFeature, g as RteMonospaceFeature, h as RteTextColorPickerFeature, i as RteSuggestFeature, k as RteHtmlParser, l as RteDropHandlerFeature, m as RteListFeature, n as richTextEditorDefinition, o as RteInputRuleFeature, p as RteAlignmentFeature, r as RteCharacterCountFeature, s as RteAtomFeature, t as registerRichTextEditor, u as RteFileHandlerFeature, v as RteUnderlineFeature, w as RteToolbarFeature, x as RteFontSizePickerFeature, y as RteItalicFeature } from "../unbundled/definition58.js";
 export { RteAlignmentFeature, RteAtomFeature, RteBase, RteBoldFeature, RteCharacterCountFeature, RteConfig, RteDropHandlerFeature, RteFileHandlerFeature, RteFontSizePickerFeature, RteHardBreakFeature, RteHtmlParser, RteHtmlSerializer, RteInlineImageFeature, RteInputRuleFeature, RteItalicFeature, RteKeyboardShortcutsFeature, RteLinkFeature, RteListFeature, RteMonospaceFeature, RtePlaceholderFeature, RteStrikethroughFeature, RteSuggestFeature, RteTextBlockPickerFeature, RteTextColorPickerFeature, RteToolbarButtonFeature, RteToolbarFeature, RteUnderlineFeature, RichTextEditor as VwcRichTextEditorElement, registerRichTextEditor, richTextEditorDefinition };