@vonage/vivid 5.15.1 → 5.17.0

package/bundled/scrollIntoView.cjs

@@ -1 +1 @@
-"use strict";function i(t,o,s){const f=t.getRootNode()!==o.getRootNode()?n(t):t.offsetTop;switch(s){case"start":o.scrollTop=f;break;case"nearest":f<o.scrollTop&&(o.scrollTop=f),f+t.offsetHeight>o.scrollTop+o.offsetHeight&&(o.scrollTop=f+t.offsetHeight-o.offsetHeight);break}}function n(t){const o=t.offsetParent;let s=t.offsetTop,f=r(t);for(;f!==o;)s-=f.offsetTop,f=r(f);return s}function e(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}function r(t){for(let o=e(t);o;o=e(o)){if(!(o instanceof Element))continue;const s=getComputedStyle(o);if(s.display!=="contents"&&(s.position!=="static"||s.filter!=="none"||o.tagName==="BODY"))return o}return null}exports.scrollIntoView=i;
+function e(e,n,r){let i=e.getRootNode()===n.getRootNode()?e.offsetTop:t(e);switch(r){case`start`:n.scrollTop=i;break;case`nearest`:i<n.scrollTop&&(n.scrollTop=i),i+e.offsetHeight>n.scrollTop+n.offsetHeight&&(n.scrollTop=i+e.offsetHeight-n.offsetHeight);break}}function t(e){let t=e.offsetParent,n=e.offsetTop,i=r(e);for(;i!==t;)n-=i.offsetTop,i=r(i);return n}function n(e){return e.assignedSlot?e.assignedSlot:e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}function r(e){for(let t=n(e);t;t=n(t)){if(!(t instanceof Element))continue;let e=getComputedStyle(t);if(e.display!==`contents`&&(e.position!==`static`||e.filter!==`none`||t.tagName===`BODY`))return t}return null}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/bundled/scrollIntoView.js

@@ -1,33 +1,30 @@
-function n(t, o, s) {
-  const f = t.getRootNode() !== o.getRootNode() ? i(t) : t.offsetTop;
-  switch (s) {
-    case "start":
-      o.scrollTop = f;
-      break;
-    case "nearest":
-      f < o.scrollTop && (o.scrollTop = f), f + t.offsetHeight > o.scrollTop + o.offsetHeight && (o.scrollTop = f + t.offsetHeight - o.offsetHeight);
-      break;
-  }
+//#region src/shared/utils/scrollIntoView.ts
+function e(e, n, r) {
+	let i = e.getRootNode() === n.getRootNode() ? e.offsetTop : t(e);
+	switch (r) {
+		case "start":
+			n.scrollTop = i;
+			break;
+		case "nearest":
+			i < n.scrollTop && (n.scrollTop = i), i + e.offsetHeight > n.scrollTop + n.offsetHeight && (n.scrollTop = i + e.offsetHeight - n.offsetHeight);
+			break;
+	}
 }
-function i(t) {
-  const o = t.offsetParent;
-  let s = t.offsetTop, f = r(t);
-  for (; f !== o; )
-    s -= f.offsetTop, f = r(f);
-  return s;
+function t(e) {
+	let t = e.offsetParent, n = e.offsetTop, i = r(e);
+	for (; i !== t;) n -= i.offsetTop, i = r(i);
+	return n;
 }
-function e(t) {
-  return t.assignedSlot ? t.assignedSlot : t.parentNode instanceof ShadowRoot ? t.parentNode.host : t.parentNode;
+function n(e) {
+	return e.assignedSlot ? e.assignedSlot : e.parentNode instanceof ShadowRoot ? e.parentNode.host : e.parentNode;
 }
-function r(t) {
-  for (let o = e(t); o; o = e(o)) {
-    if (!(o instanceof Element)) continue;
-    const s = getComputedStyle(o);
-    if (s.display !== "contents" && (s.position !== "static" || s.filter !== "none" || o.tagName === "BODY"))
-      return o;
-  }
-  return null;
+function r(e) {
+	for (let t = n(e); t; t = n(t)) {
+		if (!(t instanceof Element)) continue;
+		let e = getComputedStyle(t);
+		if (e.display !== "contents" && (e.position !== "static" || e.filter !== "none" || t.tagName === "BODY")) return t;
+	}
+	return null;
 }
-export {
-  n as s
-};
+//#endregion
+export { e as t };

package/bundled/single-date-picker.cjs

@@ -1 +1 @@
-"use strict";const s=t=>{class i extends t{valueChanged(e,a){super.valueChanged(e,a),this.value&&this._adjustSelectedMonthToEnsureVisibilityOf(this._dateValue())}_onDateClick(e){this._updateValueDueToUserInteraction(this._withUpdatedDate(e),!1)}_isDateSelected(e){return e===this._dateValue()}_isDateAriaSelected(e){return this._isDateSelected(e)}_getSelectedDates(){const e=[];return this.value&&e.push(this._dateValue()),e}}return i};exports.SingleDatePickerMixin=s;
+var e=e=>{class t extends e{valueChanged(e,t){super.valueChanged(e,t),this.value&&this._adjustSelectedMonthToEnsureVisibilityOf(this._dateValue())}_onDateClick(e){this._updateValueDueToUserInteraction(this._withUpdatedDate(e),!1)}_isDateSelected(e){return e===this._dateValue()}_isDateAriaSelected(e){return this._isDateSelected(e)}_getSelectedDates(){let e=[];return this.value&&e.push(this._dateValue()),e}}return t};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/bundled/single-date-picker.js

@@ -1,39 +1,24 @@
-const l = (t) => {
-  class a extends t {
-    /**
-     * @internal
-     */
-    valueChanged(e, i) {
-      super.valueChanged(e, i), this.value && this._adjustSelectedMonthToEnsureVisibilityOf(this._dateValue());
-    }
-    /**
-     * @internal
-     */
-    _onDateClick(e) {
-      this._updateValueDueToUserInteraction(this._withUpdatedDate(e), !1);
-    }
-    /**
-     * @internal
-     */
-    _isDateSelected(e) {
-      return e === this._dateValue();
-    }
-    /**
-     * @internal
-     */
-    _isDateAriaSelected(e) {
-      return this._isDateSelected(e);
-    }
-    /**
-     * @internal
-     */
-    _getSelectedDates() {
-      const e = [];
-      return this.value && e.push(this._dateValue()), e;
-    }
-  }
-  return a;
-};
-export {
-  l as S
+//#region src/shared/picker-field/mixins/single-date-picker.ts
+var e = (e) => {
+	class t extends e {
+		valueChanged(e, t) {
+			super.valueChanged(e, t), this.value && this._adjustSelectedMonthToEnsureVisibilityOf(this._dateValue());
+		}
+		_onDateClick(e) {
+			this._updateValueDueToUserInteraction(this._withUpdatedDate(e), !1);
+		}
+		_isDateSelected(e) {
+			return e === this._dateValue();
+		}
+		_isDateAriaSelected(e) {
+			return this._isDateSelected(e);
+		}
+		_getSelectedDates() {
+			let e = [];
+			return this.value && e.push(this._dateValue()), e;
+		}
+	}
+	return t;
 };
+//#endregion
+export { e as t };

package/bundled/single-value-picker.cjs

@@ -1 +1 @@
-"use strict";const s=a=>{class i extends a{constructor(){super(...arguments),this._isInternalValueUpdate=!1}valueChanged(e,t){if(super.valueChanged(e,t),this.value&&!this._isValidValue(this.value)){this.value="";return}this._isInternalValueUpdate||this._updatePresentationValue()}_updatePresentationValue(){this.value?this._presentationValue=this._toPresentationValue(this.value):this._presentationValue=""}_updateValueDueToUserInteraction(e,t){this.value!==e&&(this._isInternalValueUpdate=!0,this.value=e,this._isInternalValueUpdate=!1,this.$emit("input")),t||(this._updatePresentationValue(),this.$emit("change"))}_onTextFieldChange(){if(this._presentationValue===""){this._updateValueDueToUserInteraction("",!1);return}try{this._updateValueDueToUserInteraction(this._parsePresentationValue(this._presentationValue),!1)}catch{const t=this._presentationValue;this._updateValueDueToUserInteraction("",!1),this._presentationValue=t;return}}_onTextFieldInput(e){if(super._onTextFieldInput(e),this._presentationValue===""){this._updateValueDueToUserInteraction("",!0);return}try{this._updateValueDueToUserInteraction(this._parsePresentationValue(this._presentationValue),!0)}catch{return}}_isPresentationValueInvalid(){if(this._presentationValue==="")return!1;try{return this._parsePresentationValue(this._presentationValue),!1}catch{return!0}}_onClearClick(){this._updateValueDueToUserInteraction("",!1),super._onClearClick()}}return i};exports.SingleValuePicker=s;
+var e=e=>{class t extends e{constructor(...e){super(...e),this._isInternalValueUpdate=!1}valueChanged(e,t){if(super.valueChanged(e,t),this.value&&!this._isValidValue(this.value)){this.value=``;return}this._isInternalValueUpdate||this._updatePresentationValue()}_updatePresentationValue(){this.value?this._presentationValue=this._toPresentationValue(this.value):this._presentationValue=``}_updateValueDueToUserInteraction(e,t){this.value!==e&&(this._isInternalValueUpdate=!0,this.value=e,this._isInternalValueUpdate=!1,this.$emit(`input`)),t||(this._updatePresentationValue(),this.$emit(`change`))}_onTextFieldChange(){if(this._presentationValue===``){this._updateValueDueToUserInteraction(``,!1);return}try{this._updateValueDueToUserInteraction(this._parsePresentationValue(this._presentationValue),!1)}catch{let e=this._presentationValue;this._updateValueDueToUserInteraction(``,!1),this._presentationValue=e;return}}_onTextFieldInput(e){if(super._onTextFieldInput(e),this._presentationValue===``){this._updateValueDueToUserInteraction(``,!0);return}try{this._updateValueDueToUserInteraction(this._parsePresentationValue(this._presentationValue),!0)}catch{return}}_isPresentationValueInvalid(){if(this._presentationValue===``)return!1;try{return this._parsePresentationValue(this._presentationValue),!1}catch{return!0}}_onClearClick(){this._updateValueDueToUserInteraction(``,!1),super._onClearClick()}}return t};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/bundled/single-value-picker.js

@@ -1,87 +1,59 @@
-const n = (a) => {
-  class i extends a {
-    constructor() {
-      super(...arguments), this._isInternalValueUpdate = !1;
-    }
-    /**
-     * @internal
-     */
-    valueChanged(e, t) {
-      if (super.valueChanged(e, t), this.value && !this._isValidValue(this.value)) {
-        this.value = "";
-        return;
-      }
-      this._isInternalValueUpdate || this._updatePresentationValue();
-    }
-    /**
-     * @internal
-     */
-    _updatePresentationValue() {
-      this.value ? this._presentationValue = this._toPresentationValue(this.value) : this._presentationValue = "";
-    }
-    /**
-     * @internal
-     */
-    _updateValueDueToUserInteraction(e, t) {
-      this.value !== e && (this._isInternalValueUpdate = !0, this.value = e, this._isInternalValueUpdate = !1, this.$emit("input")), t || (this._updatePresentationValue(), this.$emit("change"));
-    }
-    /**
-     * @internal
-     */
-    _onTextFieldChange() {
-      if (this._presentationValue === "") {
-        this._updateValueDueToUserInteraction("", !1);
-        return;
-      }
-      try {
-        this._updateValueDueToUserInteraction(
-          this._parsePresentationValue(this._presentationValue),
-          !1
-        );
-      } catch {
-        const t = this._presentationValue;
-        this._updateValueDueToUserInteraction("", !1), this._presentationValue = t;
-        return;
-      }
-    }
-    /**
-     * @internal
-     */
-    _onTextFieldInput(e) {
-      if (super._onTextFieldInput(e), this._presentationValue === "") {
-        this._updateValueDueToUserInteraction("", !0);
-        return;
-      }
-      try {
-        this._updateValueDueToUserInteraction(
-          this._parsePresentationValue(this._presentationValue),
-          !0
-        );
-      } catch {
-        return;
-      }
-    }
-    /**
-     * @internal
-     */
-    _isPresentationValueInvalid() {
-      if (this._presentationValue === "")
-        return !1;
-      try {
-        return this._parsePresentationValue(this._presentationValue), !1;
-      } catch {
-        return !0;
-      }
-    }
-    /**
-     * @internal
-     */
-    _onClearClick() {
-      this._updateValueDueToUserInteraction("", !1), super._onClearClick();
-    }
-  }
-  return i;
-};
-export {
-  n as S
+//#region src/shared/picker-field/mixins/single-value-picker.ts
+var e = (e) => {
+	class t extends e {
+		constructor(...e) {
+			super(...e), this._isInternalValueUpdate = !1;
+		}
+		valueChanged(e, t) {
+			if (super.valueChanged(e, t), this.value && !this._isValidValue(this.value)) {
+				this.value = "";
+				return;
+			}
+			this._isInternalValueUpdate || this._updatePresentationValue();
+		}
+		_updatePresentationValue() {
+			this.value ? this._presentationValue = this._toPresentationValue(this.value) : this._presentationValue = "";
+		}
+		_updateValueDueToUserInteraction(e, t) {
+			this.value !== e && (this._isInternalValueUpdate = !0, this.value = e, this._isInternalValueUpdate = !1, this.$emit("input")), t || (this._updatePresentationValue(), this.$emit("change"));
+		}
+		_onTextFieldChange() {
+			if (this._presentationValue === "") {
+				this._updateValueDueToUserInteraction("", !1);
+				return;
+			}
+			try {
+				this._updateValueDueToUserInteraction(this._parsePresentationValue(this._presentationValue), !1);
+			} catch {
+				let e = this._presentationValue;
+				this._updateValueDueToUserInteraction("", !1), this._presentationValue = e;
+				return;
+			}
+		}
+		_onTextFieldInput(e) {
+			if (super._onTextFieldInput(e), this._presentationValue === "") {
+				this._updateValueDueToUserInteraction("", !0);
+				return;
+			}
+			try {
+				this._updateValueDueToUserInteraction(this._parsePresentationValue(this._presentationValue), !0);
+			} catch {
+				return;
+			}
+		}
+		_isPresentationValueInvalid() {
+			if (this._presentationValue === "") return !1;
+			try {
+				return this._parsePresentationValue(this._presentationValue), !1;
+			} catch {
+				return !0;
+			}
+		}
+		_onClearClick() {
+			this._updateValueDueToUserInteraction("", !1), super._onClearClick();
+		}
+	}
+	return t;
 };
+//#endregion
+export { e as t };

package/bundled/slider.template.cjs

@@ -1,41 +1,41 @@
-"use strict";const d=require("./numbers.cjs"),r=require("./definition9.cjs"),m=require("./delegates-aria.cjs"),i=require("./ref.cjs"),p=require("./when.cjs"),n=require("./vivid-element.cjs"),l=require("./aria.cjs"),s=require("./class-names.cjs"),v=t=>{const a=t.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return Math.max(0,(a[1]?a[1].length:0)-(a[2]?+a[2]:0))},h=(t,a)=>{const e=v(a),o=Math.pow(10,e),u=Math.round(t/a)*a;return Math.round(u*o)/o},$=t=>t>0?t:1,g={fromView(t){const a=Number(t);return $(a)},toView(t){return t.toString()}},T=(t,a,e)=>t+(a-t)*e,b=(t,a,e)=>d.limit(0,1,(e-t)/(a-t)),f=({disabled:t,connotation:a})=>s.classNames("control",["disabled",!!t],[`connotation-${a}`,!!a]),V=({_focusVisible:t})=>s.classNames("thumb-container",["focus-visible",t]),c=(t,a)=>{const e=t?["right","center","","100% repeat-x"]:["bottom","top","100%","repeat-y"];return n.html` <div
+const e=require(`./vivid-element.cjs`),t=require(`./ref.cjs`),n=require(`./when.cjs`),r=require(`./delegates-aria.cjs`),i=require(`./aria.cjs`),a=require(`./class-names.cjs`),o=require(`./numbers.cjs`),s=require(`./definition8.cjs`);var c=e=>{let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0))},l=(e,t)=>{let n=10**c(t),r=Math.round(e/t)*t;return Math.round(r*n)/n},u=e=>e>0?e:1,d={fromView(e){return u(Number(e))},toView(e){return e.toString()}},f=(e,t,n)=>e+(t-e)*n,p=(e,t,n)=>o.n(0,1,(n-e)/(t-e)),m=({disabled:e,connotation:t})=>a.t(`control`,[`disabled`,!!e],[`connotation-${t}`,!!t]),h=({_focusVisible:e})=>a.t(`thumb-container`,[`focus-visible`,e]),g=(t,n)=>{let r=t?[`right`,`center`,``,`100% repeat-x`]:[`bottom`,`top`,`100%`,`repeat-y`];return e.d` <div
 		class="mark"
 		style="
-	background: linear-gradient(to ${e[0]}, currentcolor 1px, transparent 0px)
-	0px ${e[1]} / ${e[2]} calc((100% - 1px) / ${a}) ${e[3]}
+	background: linear-gradient(to ${r[0]}, currentcolor 1px, transparent 0px)
+	0px ${r[1]} / ${r[2]} calc((100% - 1px) / ${n}) ${r[3]}
 	"
-	></div>`},S=t=>{const a=t.tagFor(r.Popup);return n.html`<template
+	></div>`},_=a=>{let o=a.tagFor(s.i);return e.d`<template
 		@focusin="${e=>e._onFocusIn()}"
 		@focusout="${e=>e._onFocusOut()}"
 	>
 		<div
 			tabindex="${e=>e.disabled?null:0}"
-			class="${f} ${e=>e.orientation}"
-			${m.delegateAria({role:"slider",ariaValueText:e=>e.ariaValueText||e.valueTextFormatter(e.value),ariaValueNow:e=>e.value,ariaValueMin:e=>e.min,ariaValueMax:e=>e.max,ariaDisabled:e=>e.disabled?"true":null,ariaOrientation:e=>e.orientation})}
+			class="${m} ${e=>e.orientation}"
+			${r.n({role:`slider`,ariaValueText:e=>e.ariaValueText||e.valueTextFormatter(e.value),ariaValueNow:e=>e.value,ariaValueMin:e=>e.min,ariaValueMax:e=>e.max,ariaDisabled:e=>e.disabled?`true`:null,ariaOrientation:e=>e.orientation})}
 		>
 			<div class="positioning-region">
-				<div ${i.ref("track")} class="track">
-					${e=>e.markers?c(e.orientation===l.Orientation.horizontal,Math.floor((e.max-e.min)/e.step)):void 0}
+				<div ${t.t(`track`)} class="track">
+					${e=>e.markers?g(e.orientation===i.t.horizontal,Math.floor((e.max-e.min)/e.step)):void 0}
 					<div class="track-start" style="${e=>e.position}"></div>
 				</div>
 				<div
-					${i.ref("thumb")}
-					class="${e=>V(e)}"
+					${t.t(`thumb`)}
+					class="${e=>h(e)}"
 					style="${e=>e.position}"
 				></div>
-				${p.when(e=>e.pin,n.html`<${a}
+				${n.t(e=>e.pin,e.d`<${o}
 					class="popup"
 					arrow
 					alternate
 					:anchor="${e=>e.thumb}"
 					:open=${e=>e._isThumbPopupOpen}
-					:placementStrategy=${e=>e.orientation===l.Orientation.horizontal?r.PlacementStrategy.AutoPlacementHorizontal:r.PlacementStrategy.AutoPlacementVertical}
+					:placementStrategy=${e=>e.orientation===i.t.horizontal?s.r.AutoPlacementHorizontal:s.r.AutoPlacementVertical}
 					animation-frame
 					exportparts="vvd-theme-alternate"
 					aria-hidden="true"
 				>
 					<div class="tooltip">${e=>e.ariaValueText||e.valueTextFormatter(e.value)}</div>
-				</${a}>`)}
+				</${o}>`)}
 			</div>
 		</div></template
-	>`};exports.SliderTemplate=S;exports.defaultToOneConverter=g;exports.getMarkersTemplate=c;exports.inverseLerp=b;exports.lerp=T;exports.roundToStepValue=h;
+	>`};Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});

package/bundled/slider.template.js

@@ -1,100 +1,89 @@
-import { l as m } from "./numbers.js";
-import { P as u, a as n } from "./definition9.js";
-import { d as p } from "./delegates-aria.js";
-import { r as i } from "./ref.js";
-import { w as d } from "./when.js";
-import { h as o } from "./vivid-element.js";
-import { O as s } from "./aria.js";
-import { c as l } from "./class-names.js";
-const $ = (a) => {
-  const e = a.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);
-  return Math.max(
-    0,
-    // Number of digits right of decimal point.
-    (e[1] ? e[1].length : 0) - // Adjust for scientific notation.
-    (e[2] ? +e[2] : 0)
-  );
-}, w = (a, e) => {
-  const t = $(e), r = Math.pow(10, t), c = Math.round(a / e) * e;
-  return Math.round(c * r) / r;
-}, v = (a) => a > 0 ? a : 1, y = {
-  fromView(a) {
-    const e = Number(a);
-    return v(e);
-  },
-  toView(a) {
-    return a.toString();
-  }
-}, O = (a, e, t) => a + (e - a) * t, F = (a, e, t) => m(0, 1, (t - a) / (e - a)), h = ({ disabled: a, connotation: e }) => l(
-  "control",
-  ["disabled", !!a],
-  [`connotation-${e}`, !!e]
-), g = ({ _focusVisible: a }) => l("thumb-container", ["focus-visible", a]), f = (a, e) => {
-  const t = a ? ["right", "center", "", "100% repeat-x"] : ["bottom", "top", "100%", "repeat-y"];
-  return o` <div
+import { d as e } from "./vivid-element.js";
+import { t } from "./ref.js";
+import { t as n } from "./when.js";
+import { n as r } from "./delegates-aria.js";
+import { t as i } from "./aria.js";
+import { t as a } from "./class-names.js";
+import { n as o } from "./numbers.js";
+import { i as s, r as c } from "./definition8.js";
+//#region src/lib/range-slider/utils/roundToStepValue.ts
+var l = (e) => {
+	let t = e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);
+	return Math.max(0, (t[1] ? t[1].length : 0) - (t[2] ? +t[2] : 0));
+}, u = (e, t) => {
+	let n = 10 ** l(t), r = Math.round(e / t) * t;
+	return Math.round(r * n) / n;
+}, d = (e) => e > 0 ? e : 1, f = {
+	fromView(e) {
+		return d(Number(e));
+	},
+	toView(e) {
+		return e.toString();
+	}
+}, p = (e, t, n) => e + (t - e) * n, m = (e, t, n) => o(0, 1, (n - e) / (t - e)), h = ({ disabled: e, connotation: t }) => a("control", ["disabled", !!e], [`connotation-${t}`, !!t]), g = ({ _focusVisible: e }) => a("thumb-container", ["focus-visible", e]), _ = (t, n) => {
+	let r = t ? [
+		"right",
+		"center",
+		"",
+		"100% repeat-x"
+	] : [
+		"bottom",
+		"top",
+		"100%",
+		"repeat-y"
+	];
+	return e` <div
 		class="mark"
 		style="
-	background: linear-gradient(to ${t[0]}, currentcolor 1px, transparent 0px)
-	0px ${t[1]} / ${t[2]} calc((100% - 1px) / ${e}) ${t[3]}
+	background: linear-gradient(to ${r[0]}, currentcolor 1px, transparent 0px)
+	0px ${r[1]} / ${r[2]} calc((100% - 1px) / ${n}) ${r[3]}
 	"
 	></div>`;
-}, z = (a) => {
-  const e = a.tagFor(u);
-  return o`<template
-		@focusin="${(t) => t._onFocusIn()}"
-		@focusout="${(t) => t._onFocusOut()}"
+}, v = (a) => {
+	let o = a.tagFor(s);
+	return e`<template
+		@focusin="${(e) => e._onFocusIn()}"
+		@focusout="${(e) => e._onFocusOut()}"
 	>
 		<div
-			tabindex="${(t) => t.disabled ? null : 0}"
-			class="${h} ${(t) => t.orientation}"
-			${p({
-    role: "slider",
-    ariaValueText: (t) => t.ariaValueText || t.valueTextFormatter(t.value),
-    ariaValueNow: (t) => t.value,
-    ariaValueMin: (t) => t.min,
-    ariaValueMax: (t) => t.max,
-    ariaDisabled: (t) => t.disabled ? "true" : null,
-    ariaOrientation: (t) => t.orientation
-  })}
+			tabindex="${(e) => e.disabled ? null : 0}"
+			class="${h} ${(e) => e.orientation}"
+			${r({
+		role: "slider",
+		ariaValueText: (e) => e.ariaValueText || e.valueTextFormatter(e.value),
+		ariaValueNow: (e) => e.value,
+		ariaValueMin: (e) => e.min,
+		ariaValueMax: (e) => e.max,
+		ariaDisabled: (e) => e.disabled ? "true" : null,
+		ariaOrientation: (e) => e.orientation
+	})}
 		>
 			<div class="positioning-region">
-				<div ${i("track")} class="track">
-					${(t) => t.markers ? f(
-    t.orientation === s.horizontal,
-    Math.floor((t.max - t.min) / t.step)
-  ) : void 0}
-					<div class="track-start" style="${(t) => t.position}"></div>
+				<div ${t("track")} class="track">
+					${(e) => e.markers ? _(e.orientation === i.horizontal, Math.floor((e.max - e.min) / e.step)) : void 0}
+					<div class="track-start" style="${(e) => e.position}"></div>
 				</div>
 				<div
-					${i("thumb")}
-					class="${(t) => g(t)}"
-					style="${(t) => t.position}"
+					${t("thumb")}
+					class="${(e) => g(e)}"
+					style="${(e) => e.position}"
 				></div>
-				${d(
-    (t) => t.pin,
-    o`<${e}
+				${n((e) => e.pin, e`<${o}
 					class="popup"
 					arrow
 					alternate
-					:anchor="${(t) => t.thumb}"
-					:open=${(t) => t._isThumbPopupOpen}
-					:placementStrategy=${(t) => t.orientation === s.horizontal ? n.AutoPlacementHorizontal : n.AutoPlacementVertical}
+					:anchor="${(e) => e.thumb}"
+					:open=${(e) => e._isThumbPopupOpen}
+					:placementStrategy=${(e) => e.orientation === i.horizontal ? c.AutoPlacementHorizontal : c.AutoPlacementVertical}
 					animation-frame
 					exportparts="vvd-theme-alternate"
 					aria-hidden="true"
 				>
-					<div class="tooltip">${(t) => t.ariaValueText || t.valueTextFormatter(t.value)}</div>
-				</${e}>`
-  )}
+					<div class="tooltip">${(e) => e.ariaValueText || e.valueTextFormatter(e.value)}</div>
+				</${o}>`)}
 			</div>
 		</div></template
 	>`;
 };
-export {
-  z as S,
-  y as d,
-  f as g,
-  F as i,
-  O as l,
-  w as r
-};
+//#endregion
+export { f as a, p as i, _ as n, u as o, m as r, v as t };