@vonage/vivid 5.15.1 → 5.16.0

package/radio-group/definition.js

@@ -1,355 +1,3 @@
-import { V as VividElement, d as defineVividComponent, c as createRegisterFunction } from '../unbundled/vivid-element.js';
-import { VwcRadioElement as Radio, radioDefinition } from '../radio/definition.js';
-import { a as WithFeedback, f as feedbackMessageDefinition } from '../unbundled/mixins.js';
-import { attr, observable, when, html, slotted, elements } from '@microsoft/fast-element';
-import { Orientation, keyArrowUp, keyArrowDown, keyEnter } from '@microsoft/fast-web-utilities';
-import { a as keyArrowRight, k as keyArrowLeft } from '../unbundled/key-codes.js';
-import { d as delegateAria } from '../unbundled/delegates-aria.js';
-
-const styles = ".base{display:flex;flex-direction:column;gap:8px;--_low-ink-color: var(--vvd-color-neutral-600)}.positioning-region{display:flex;flex-wrap:wrap;gap:8px}.positioning-region.vertical{flex-direction:column}fieldset{display:block;padding:0;border:none;margin:0}legend{padding:0;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);margin-block-end:8px}";
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class RadioGroup extends WithFeedback(VividElement) {
-  constructor() {
-    super(...arguments);
-    this.errorValidationMessage = "";
-    this.orientation = // eslint-disable-next-line @repo/repo/no-attribute-default-value
-    Orientation.horizontal;
-    this.slottedRadioButtons = [];
-    this.radioErrorHandler = (e) => {
-      const radio = e.target;
-      this.errorValidationMessage = radio.errorValidationMessage || "";
-    };
-    this.radioChangeHandler = (e) => {
-      const changedRadio = e.target;
-      if (changedRadio.checked) {
-        this.slottedRadioButtons?.forEach((radio) => {
-          if (radio !== changedRadio) {
-            radio.checked = false;
-          }
-        });
-        this.value = changedRadio.value;
-        this.#setTabRovingTarget(changedRadio);
-      }
-      e.stopPropagation();
-    };
-    this.moveToRadioByIndex = (group, index) => {
-      const radio = group[index];
-      if (!this.isInsideToolbar && !radio.readOnly) {
-        radio.checked = true;
-      }
-      radio.focus();
-    };
-    this.moveRightOffGroup = () => {
-      this.nextElementSibling?.focus();
-    };
-    this.moveLeftOffGroup = () => {
-      this.previousElementSibling?.focus();
-    };
-    this.moveRight = (e) => {
-      const radio = e.target;
-      const group = this.#focusableRadioButtons;
-      let index = 0;
-      index = group.indexOf(radio) + 1;
-      if (index === group.length && this.isInsideToolbar && e.key === keyArrowRight) {
-        this.moveRightOffGroup();
-        return;
-      }
-      if (index === group.length) {
-        index = 0;
-      }
-      this.moveToRadioByIndex(group, index);
-    };
-    this.moveLeft = (e) => {
-      const radio = e.target;
-      const group = this.#focusableRadioButtons;
-      let index = group.indexOf(radio) - 1;
-      if (this.isInsideToolbar && e.key === keyArrowLeft && index < 0) {
-        this.moveLeftOffGroup();
-        return;
-      }
-      index = index < 0 ? group.length - 1 : index;
-      this.moveToRadioByIndex(group, index);
-    };
-    /**
-     * keyboard handling per https://w3c.github.io/aria-practices/#for-radio-groups-not-contained-in-a-toolbar
-     * navigation is different when there is an ancestor with role='toolbar'
-     *
-     * @internal
-     */
-    this.keydownHandler = (e) => {
-      switch (e.key) {
-        case keyEnter:
-          this.checkFocusedRadio(e.target);
-          break;
-        case keyArrowRight:
-        case keyArrowDown:
-          this.moveRight(e);
-          break;
-        case keyArrowLeft:
-        case keyArrowUp:
-          this.moveLeft(e);
-          break;
-        default:
-          return true;
-      }
-    };
-  }
-  /**
-   * @internal
-   */
-  requiredChanged() {
-    this.slottedRadioButtons?.forEach((radio) => {
-      if (this.required) {
-        radio.required = true;
-      } else {
-        radio.required = false;
-      }
-    });
-  }
-  /**
-   * @internal
-   */
-  readOnlyChanged() {
-    this.slottedRadioButtons?.forEach((radio) => {
-      if (this.readOnly) {
-        radio.readOnly = true;
-      } else {
-        radio.readOnly = false;
-      }
-    });
-  }
-  /**
-   * @internal
-   */
-  disabledChanged() {
-    this.slottedRadioButtons?.forEach((radio) => {
-      if (this.disabled) {
-        radio.disabled = true;
-      } else {
-        radio.disabled = false;
-      }
-    });
-  }
-  nameChanged() {
-    this.slottedRadioButtons?.forEach((radio) => {
-      radio.setAttribute("name", this.name);
-    });
-  }
-  /**
-   * @internal
-   */
-  valueChanged() {
-    this.slottedRadioButtons?.forEach((radio) => {
-      if (radio.value === this.value) {
-        radio.checked = true;
-      }
-    });
-    this.$emit("change");
-  }
-  /**
-   * @internal
-   */
-  handleSlotChange() {
-    if (this.errorText) {
-      this.slottedRadioButtons?.forEach((radio) => {
-        radio.errorText = this.errorText;
-      });
-    }
-  }
-  /**
-   * @internal
-   */
-  errorTextChanged(_, newErrorText) {
-    if (newErrorText) {
-      this.errorValidationMessage = newErrorText;
-    } else {
-      this.errorValidationMessage = "";
-    }
-  }
-  get #focusableRadioButtons() {
-    return this.slottedRadioButtons?.filter((radio) => !radio.disabled);
-  }
-  /**
-   * @internal
-   */
-  slottedRadioButtonsChanged() {
-    if (this.slottedRadioButtons && this.slottedRadioButtons.length > 0) {
-      this.setupRadioButtons();
-    }
-  }
-  get isInsideToolbar() {
-    return !!this.closest('[role="toolbar"]');
-  }
-  /**
-   * @internal
-   */
-  connectedCallback() {
-    super.connectedCallback();
-    this.setupRadioButtons();
-  }
-  disconnectedCallback() {
-    this.slottedRadioButtons?.forEach((radio) => {
-      radio.removeEventListener(
-        "change",
-        this.radioChangeHandler
-      );
-      radio.removeEventListener(
-        "invalid",
-        this.radioErrorHandler
-      );
-    });
-  }
-  setupRadioButtons() {
-    let foundMatchingVal = false;
-    for (const radio of this.slottedRadioButtons) {
-      if (this.name !== void 0) {
-        radio.setAttribute("name", this.name);
-      }
-      if (this.disabled) {
-        radio.disabled = true;
-      }
-      if (this.readOnly) {
-        radio.readOnly = true;
-      }
-      if (this.required) {
-        radio.required = true;
-      }
-      if (this.value && this.value === radio.value) {
-        radio.checked = true;
-        this.#setTabRovingTarget(radio);
-        foundMatchingVal = true;
-      } else {
-        radio.checked = false;
-      }
-      radio.addEventListener(
-        "change",
-        this.radioChangeHandler
-      );
-      radio.addEventListener(
-        "invalid",
-        this.radioErrorHandler
-      );
-    }
-    if (this.value === void 0 && this.slottedRadioButtons?.length > 0) {
-      const checkedRadios = this.slottedRadioButtons?.filter(
-        (radio) => radio.hasAttribute("checked")
-      );
-      if (checkedRadios.length > 0 && !foundMatchingVal) {
-        const lastCheckedRadio = checkedRadios[checkedRadios.length - 1];
-        lastCheckedRadio.checked = true;
-        this.#setTabRovingTarget(lastCheckedRadio);
-      } else {
-        this.#setTabRovingTarget(this.slottedRadioButtons[0]);
-      }
-    }
-  }
-  /**
-   * @internal
-   */
-  focusInHandler(e) {
-    this.#setTabRovingTarget(e.target);
-  }
-  #setTabRovingTarget(radio) {
-    radio.setAttribute("tabindex", "0");
-    for (const slottedRadio of this.slottedRadioButtons) {
-      if (slottedRadio !== radio) {
-        slottedRadio.setAttribute("tabindex", "-1");
-      }
-    }
-  }
-  checkFocusedRadio(target) {
-    if (!target.readOnly) {
-      target.checked = true;
-    }
-  }
-}
-__decorateClass([
-  attr
-], RadioGroup.prototype, "label");
-__decorateClass([
-  attr({ attribute: "required", mode: "boolean" })
-], RadioGroup.prototype, "required");
-__decorateClass([
-  attr({ attribute: "readonly", mode: "boolean" })
-], RadioGroup.prototype, "readOnly");
-__decorateClass([
-  attr({ attribute: "disabled", mode: "boolean" })
-], RadioGroup.prototype, "disabled");
-__decorateClass([
-  attr
-], RadioGroup.prototype, "name");
-__decorateClass([
-  attr
-], RadioGroup.prototype, "value");
-__decorateClass([
-  observable
-], RadioGroup.prototype, "errorValidationMessage");
-__decorateClass([
-  attr({ attribute: "error-text" })
-], RadioGroup.prototype, "errorText");
-__decorateClass([
-  attr
-], RadioGroup.prototype, "orientation");
-__decorateClass([
-  observable
-], RadioGroup.prototype, "slottedRadioButtons");
-
-const RadioGroupTemplate = (context) => {
-  const radioTagName = context.tagFor(Radio, true);
-  return html`
-		<template
-			@keydown="${(x, c) => x.keydownHandler(c.event)}"
-			@focusin="${(x, c) => x.focusInHandler(c.event)}"
-		>
-			<div class="base">
-				<fieldset
-					${delegateAria({
-    role: "radiogroup",
-    ariaDisabled: (x) => x.disabled,
-    ariaReadOnly: (x) => x.readOnly,
-    ariaOrientation: (x) => x.orientation
-  })}
-					aria-labelledby="label"
-					aria-describedby="${(x) => x._feedbackDescribedBy}"
-					aria-invalid="${(x) => x.errorText ? "true" : "false"}"
-					class="control positioning-region ${(x) => x.orientation === Orientation.horizontal ? "horizontal" : "vertical"}"
-				>
-					${when(
-    (x) => x.label,
-    html`<legend id="label">${(x) => x.label}</legend>`
-  )}
-					<slot
-						${slotted({
-    property: "slottedRadioButtons",
-    filter: elements(radioTagName)
-  })}
-						@slotchange="${(x) => x.handleSlotChange()}"
-					></slot>
-				</fieldset>
-				${(x) => x._getFeedbackTemplate(context)}
-			</div>
-		</template>
-	`;
-};
-
-const radioGroupDefinition = defineVividComponent(
-  "radio-group",
-  RadioGroup,
-  RadioGroupTemplate,
-  [radioDefinition, feedbackMessageDefinition],
-  {
-    styles
-  }
-);
-const registerRadioGroup = createRegisterFunction(radioGroupDefinition);
-
+import "../unbundled/definition2.js";
+import { n as registerRadioGroup, r as RadioGroup, t as radioGroupDefinition } from "../unbundled/definition54.js";
 export { RadioGroup as VwcRadioGroupElement, radioGroupDefinition, registerRadioGroup };

package/radio-group/index.cjs

@@ -1,23 +1,23 @@
-"use strict";const r=require("../bundled/vivid-element.cjs"),c=require("../bundled/definition18.cjs"),f=require("../bundled/mixins.cjs"),n=require("../bundled/key-codes.cjs"),g=require("../bundled/aria.cjs"),p=require("../bundled/delegates-aria.cjs"),b=require("../bundled/when.cjs"),u=require("../bundled/slotted.cjs"),v=".base{display:flex;flex-direction:column;gap:8px;--_low-ink-color: var(--vvd-color-neutral-600)}.positioning-region{display:flex;flex-wrap:wrap;gap:8px}.positioning-region.vertical{flex-direction:column}fieldset{display:block;padding:0;border:none;margin:0}legend{padding:0;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);margin-block-end:8px}";var y=Object.defineProperty,s=(d,t,e,i)=>{for(var o=void 0,l=d.length-1,h;l>=0;l--)(h=d[l])&&(o=h(t,e,o)||o);return o&&y(t,e,o),o};class a extends f.WithFeedback(r.VividElement){constructor(){super(...arguments),this.errorValidationMessage="",this.orientation=g.Orientation.horizontal,this.slottedRadioButtons=[],this.radioErrorHandler=t=>{const e=t.target;this.errorValidationMessage=e.errorValidationMessage||""},this.radioChangeHandler=t=>{const e=t.target;e.checked&&(this.slottedRadioButtons?.forEach(i=>{i!==e&&(i.checked=!1)}),this.value=e.value,this.#e(e)),t.stopPropagation()},this.moveToRadioByIndex=(t,e)=>{const i=t[e];!this.isInsideToolbar&&!i.readOnly&&(i.checked=!0),i.focus()},this.moveRightOffGroup=()=>{this.nextElementSibling?.focus()},this.moveLeftOffGroup=()=>{this.previousElementSibling?.focus()},this.moveRight=t=>{const e=t.target,i=this.#t;let o=0;if(o=i.indexOf(e)+1,o===i.length&&this.isInsideToolbar&&t.key===n.keyArrowRight){this.moveRightOffGroup();return}o===i.length&&(o=0),this.moveToRadioByIndex(i,o)},this.moveLeft=t=>{const e=t.target,i=this.#t;let o=i.indexOf(e)-1;if(this.isInsideToolbar&&t.key===n.keyArrowLeft&&o<0){this.moveLeftOffGroup();return}o=o<0?i.length-1:o,this.moveToRadioByIndex(i,o)},this.keydownHandler=t=>{switch(t.key){case n.keyEnter:this.checkFocusedRadio(t.target);break;case n.keyArrowRight:case n.keyArrowDown:this.moveRight(t);break;case n.keyArrowLeft:case n.keyArrowUp:this.moveLeft(t);break;default:return!0}}}requiredChanged(){this.slottedRadioButtons?.forEach(t=>{this.required?t.required=!0:t.required=!1})}readOnlyChanged(){this.slottedRadioButtons?.forEach(t=>{this.readOnly?t.readOnly=!0:t.readOnly=!1})}disabledChanged(){this.slottedRadioButtons?.forEach(t=>{this.disabled?t.disabled=!0:t.disabled=!1})}nameChanged(){this.slottedRadioButtons?.forEach(t=>{t.setAttribute("name",this.name)})}valueChanged(){this.slottedRadioButtons?.forEach(t=>{t.value===this.value&&(t.checked=!0)}),this.$emit("change")}handleSlotChange(){this.errorText&&this.slottedRadioButtons?.forEach(t=>{t.errorText=this.errorText})}errorTextChanged(t,e){e?this.errorValidationMessage=e:this.errorValidationMessage=""}get#t(){return this.slottedRadioButtons?.filter(t=>!t.disabled)}slottedRadioButtonsChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.length>0&&this.setupRadioButtons()}get isInsideToolbar(){return!!this.closest('[role="toolbar"]')}connectedCallback(){super.connectedCallback(),this.setupRadioButtons()}disconnectedCallback(){this.slottedRadioButtons?.forEach(t=>{t.removeEventListener("change",this.radioChangeHandler),t.removeEventListener("invalid",this.radioErrorHandler)})}setupRadioButtons(){let t=!1;for(const e of this.slottedRadioButtons)this.name!==void 0&&e.setAttribute("name",this.name),this.disabled&&(e.disabled=!0),this.readOnly&&(e.readOnly=!0),this.required&&(e.required=!0),this.value&&this.value===e.value?(e.checked=!0,this.#e(e),t=!0):e.checked=!1,e.addEventListener("change",this.radioChangeHandler),e.addEventListener("invalid",this.radioErrorHandler);if(this.value===void 0&&this.slottedRadioButtons?.length>0){const e=this.slottedRadioButtons?.filter(i=>i.hasAttribute("checked"));if(e.length>0&&!t){const i=e[e.length-1];i.checked=!0,this.#e(i)}else this.#e(this.slottedRadioButtons[0])}}focusInHandler(t){this.#e(t.target)}#e(t){t.setAttribute("tabindex","0");for(const e of this.slottedRadioButtons)e!==t&&e.setAttribute("tabindex","-1")}checkFocusedRadio(t){t.readOnly||(t.checked=!0)}}s([r.attr],a.prototype,"label");s([r.attr({attribute:"required",mode:"boolean"})],a.prototype,"required");s([r.attr({attribute:"readonly",mode:"boolean"})],a.prototype,"readOnly");s([r.attr({attribute:"disabled",mode:"boolean"})],a.prototype,"disabled");s([r.attr],a.prototype,"name");s([r.attr],a.prototype,"value");s([r.observable],a.prototype,"errorValidationMessage");s([r.attr({attribute:"error-text"})],a.prototype,"errorText");s([r.attr],a.prototype,"orientation");s([r.observable],a.prototype,"slottedRadioButtons");const R=d=>{const t=d.tagFor(c.Radio,!0);return r.html`
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/slotted.cjs`);require(`../bundled/definition2.cjs`);const r=require(`../bundled/decorate.cjs`),i=require(`../bundled/aria.cjs`),a=require(`../bundled/key-codes.cjs`),o=require(`../bundled/delegates-aria.cjs`),s=require(`../bundled/mixins.cjs`),c=require(`../bundled/definition17.cjs`);var l=`.base{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;gap:8px;display:flex}.positioning-region{flex-wrap:wrap;gap:8px;display:flex}.positioning-region.vertical{flex-direction:column}fieldset{border:none;margin:0;padding:0;display:block}legend{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);margin-block-end:8px;padding:0}`,u=class extends s.t(e.t){constructor(...e){super(...e),this.errorValidationMessage=``,this.orientation=i.t.horizontal,this.slottedRadioButtons=[],this.radioErrorHandler=e=>{this.errorValidationMessage=e.target.errorValidationMessage||``},this.radioChangeHandler=e=>{let t=e.target;t.checked&&(this.slottedRadioButtons?.forEach(e=>{e!==t&&(e.checked=!1)}),this.value=t.value,this.#t(t)),e.stopPropagation()},this.moveToRadioByIndex=(e,t)=>{let n=e[t];!this.isInsideToolbar&&!n.readOnly&&(n.checked=!0),n.focus()},this.moveRightOffGroup=()=>{this.nextElementSibling?.focus()},this.moveLeftOffGroup=()=>{this.previousElementSibling?.focus()},this.moveRight=e=>{let t=e.target,n=this.#e,r=0;if(r=n.indexOf(t)+1,r===n.length&&this.isInsideToolbar&&e.key===`ArrowRight`){this.moveRightOffGroup();return}r===n.length&&(r=0),this.moveToRadioByIndex(n,r)},this.moveLeft=e=>{let t=e.target,n=this.#e,r=n.indexOf(t)-1;if(this.isInsideToolbar&&e.key===`ArrowLeft`&&r<0){this.moveLeftOffGroup();return}r=r<0?n.length-1:r,this.moveToRadioByIndex(n,r)},this.keydownHandler=e=>{switch(e.key){case a.a:this.checkFocusedRadio(e.target);break;case a.r:case a.t:this.moveRight(e);break;case a.n:case a.i:this.moveLeft(e);break;default:return!0}}}requiredChanged(){this.slottedRadioButtons?.forEach(e=>{this.required?e.required=!0:e.required=!1})}readOnlyChanged(){this.slottedRadioButtons?.forEach(e=>{this.readOnly?e.readOnly=!0:e.readOnly=!1})}disabledChanged(){this.slottedRadioButtons?.forEach(e=>{this.disabled?e.disabled=!0:e.disabled=!1})}nameChanged(){this.slottedRadioButtons?.forEach(e=>{e.setAttribute(`name`,this.name)})}valueChanged(){this.slottedRadioButtons?.forEach(e=>{e.value===this.value&&(e.checked=!0)}),this.$emit(`change`)}handleSlotChange(){this.errorText&&this.slottedRadioButtons?.forEach(e=>{e.errorText=this.errorText})}errorTextChanged(e,t){t?this.errorValidationMessage=t:this.errorValidationMessage=``}get#e(){return this.slottedRadioButtons?.filter(e=>!e.disabled)}slottedRadioButtonsChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.length>0&&this.setupRadioButtons()}get isInsideToolbar(){return!!this.closest(`[role="toolbar"]`)}connectedCallback(){super.connectedCallback(),this.setupRadioButtons()}disconnectedCallback(){this.slottedRadioButtons?.forEach(e=>{e.removeEventListener(`change`,this.radioChangeHandler),e.removeEventListener(`invalid`,this.radioErrorHandler)})}setupRadioButtons(){let e=!1;for(let t of this.slottedRadioButtons)this.name!==void 0&&t.setAttribute(`name`,this.name),this.disabled&&(t.disabled=!0),this.readOnly&&(t.readOnly=!0),this.required&&(t.required=!0),this.value&&this.value===t.value?(t.checked=!0,this.#t(t),e=!0):t.checked=!1,t.addEventListener(`change`,this.radioChangeHandler),t.addEventListener(`invalid`,this.radioErrorHandler);if(this.value===void 0&&this.slottedRadioButtons?.length>0){let t=this.slottedRadioButtons?.filter(e=>e.hasAttribute(`checked`));if(t.length>0&&!e){let e=t[t.length-1];e.checked=!0,this.#t(e)}else this.#t(this.slottedRadioButtons[0])}}focusInHandler(e){this.#t(e.target)}#t(e){e.setAttribute(`tabindex`,`0`);for(let t of this.slottedRadioButtons)t!==e&&t.setAttribute(`tabindex`,`-1`)}checkFocusedRadio(e){e.readOnly||(e.checked=!0)}};r.t([e.l],u.prototype,`label`,void 0),r.t([e.l({attribute:`required`,mode:`boolean`})],u.prototype,`required`,void 0),r.t([e.l({attribute:`readonly`,mode:`boolean`})],u.prototype,`readOnly`,void 0),r.t([e.l({attribute:`disabled`,mode:`boolean`})],u.prototype,`disabled`,void 0),r.t([e.l],u.prototype,`name`,void 0),r.t([e.l],u.prototype,`value`,void 0),r.t([e.T],u.prototype,`errorValidationMessage`,void 0),r.t([e.l({attribute:`error-text`})],u.prototype,`errorText`,void 0),r.t([e.l],u.prototype,`orientation`,void 0),r.t([e.T],u.prototype,`slottedRadioButtons`,void 0);var d=e.o(`radio-group`,u,r=>{let a=r.tagFor(c.r,!0);return e.d`
 		<template
-			@keydown="${(e,i)=>e.keydownHandler(i.event)}"
-			@focusin="${(e,i)=>e.focusInHandler(i.event)}"
+			@keydown="${(e,t)=>e.keydownHandler(t.event)}"
+			@focusin="${(e,t)=>e.focusInHandler(t.event)}"
 		>
 			<div class="base">
 				<fieldset
-					${p.delegateAria({role:"radiogroup",ariaDisabled:e=>e.disabled,ariaReadOnly:e=>e.readOnly,ariaOrientation:e=>e.orientation})}
+					${o.n({role:`radiogroup`,ariaDisabled:e=>e.disabled,ariaReadOnly:e=>e.readOnly,ariaOrientation:e=>e.orientation})}
 					aria-labelledby="label"
 					aria-describedby="${e=>e._feedbackDescribedBy}"
-					aria-invalid="${e=>e.errorText?"true":"false"}"
-					class="control positioning-region ${e=>e.orientation===g.Orientation.horizontal?"horizontal":"vertical"}"
+					aria-invalid="${e=>e.errorText?`true`:`false`}"
+					class="control positioning-region ${e=>e.orientation===i.t.horizontal?`horizontal`:`vertical`}"
 				>
-					${b.when(e=>e.label,r.html`<legend id="label">${e=>e.label}</legend>`)}
+					${t.t(e=>e.label,e.d`<legend id="label">${e=>e.label}</legend>`)}
 					<slot
-						${u.slotted({property:"slottedRadioButtons",filter:u.elements(t)})}
+						${n.t({property:`slottedRadioButtons`,filter:n.r(a)})}
 						@slotchange="${e=>e.handleSlotChange()}"
 					></slot>
 				</fieldset>
-				${e=>e._getFeedbackTemplate(d)}
+				${e=>e._getFeedbackTemplate(r)}
 			</div>
 		</template>
-	`},m=r.defineVividComponent("radio-group",a,R,[c.radioDefinition,f.feedbackMessageDefinition],{styles:v}),k=r.createRegisterFunction(m);k();
+	`},[c.t,s.a],{styles:l});e.s(d)();