@synergy-design-system/vue 1.26.3 → 2.0.0

package/src/components/SynVueOptgroup.vue

@@ -35,11 +35,7 @@ import type { SynOptgroup } from '@synergy-design-system/components';
 // DOM Reference to the element
 const nativeElement = ref<SynOptgroup>();
 
-// Map methods
-const callHandleDisabledChange = (...args: Parameters<SynOptgroup['handleDisabledChange']>) => nativeElement.value?.handleDisabledChange(...args);
-
 defineExpose({
-  callHandleDisabledChange,
   nativeElement,
 });
 

package/src/components/SynVueOption.vue

@@ -31,20 +31,7 @@ import type { SynOption } from '@synergy-design-system/components';
 // DOM Reference to the element
 const nativeElement = ref<SynOption>();
 
-// Map methods
-const callHandleDisabledChange = (...args: Parameters<SynOption['handleDisabledChange']>) => nativeElement.value?.handleDisabledChange(...args);
-const callHandleSelectedChange = (...args: Parameters<SynOption['handleSelectedChange']>) => nativeElement.value?.handleSelectedChange(...args);
-const callHandleValueChange = (...args: Parameters<SynOption['handleValueChange']>) => nativeElement.value?.handleValueChange(...args);
-/**
-* Returns a plain text label based on the option's content.
- */
-const callGetTextLabel = (...args: Parameters<SynOption['getTextLabel']>) => nativeElement.value?.getTextLabel(...args);
-
 defineExpose({
-  callHandleDisabledChange,
-  callHandleSelectedChange,
-  callHandleValueChange,
-  callGetTextLabel,
   nativeElement,
 });
 

package/src/components/SynVuePopup.vue

@@ -42,14 +42,7 @@ import type { SynPopup, SynRepositionEvent } from '@synergy-design-system/compon
 // DOM Reference to the element
 const nativeElement = ref<SynPopup>();
 
-// Map methods
-/**
-* Forces the popup to recalculate and reposition itself.
- */
-const callReposition = (...args: Parameters<SynPopup['reposition']>) => nativeElement.value?.reposition(...args);
-
 defineExpose({
-  callReposition,
   nativeElement,
 });
 

package/src/components/SynVuePrioNav.vue

@@ -47,20 +47,13 @@ import type { SynPrioNav } from '@synergy-design-system/components';
 // DOM Reference to the element
 const nativeElement = ref<SynPrioNav>();
 
-// Map methods
-
 defineExpose({
-
   nativeElement,
 });
 
 // Map attributes
 const props = defineProps<{
-  /**
-* The components priority menu label.
-This will be shown after the priority menu 3 dots link
- */
-  'priorityMenuLabel'?: SynPrioNav['priorityMenuLabel'];
+
 }>();
 
 // Make sure prop binding only forwards the props that are actually there.

package/src/components/SynVueProgressBar.vue

@@ -31,10 +31,7 @@ import type { SynProgressBar } from '@synergy-design-system/components';
 // DOM Reference to the element
 const nativeElement = ref<SynProgressBar>();
 
-// Map methods
-
 defineExpose({
-
   nativeElement,
 });
 

package/src/components/SynVueProgressRing.vue

@@ -31,10 +31,7 @@ import type { SynProgressRing } from '@synergy-design-system/components';
 // DOM Reference to the element
 const nativeElement = ref<SynProgressRing>();
 
-// Map methods
-
 defineExpose({
-
   nativeElement,
 });
 

package/src/components/SynVueRadio.vue

@@ -32,13 +32,7 @@ import type { SynBlurEvent, SynFocusEvent, SynRadio } from '@synergy-design-syst
 // DOM Reference to the element
 const nativeElement = ref<SynRadio>();
 
-// Map methods
-const callHandleCheckedChange = (...args: Parameters<SynRadio['handleCheckedChange']>) => nativeElement.value?.handleCheckedChange(...args);
-const callHandleDisabledChange = (...args: Parameters<SynRadio['handleDisabledChange']>) => nativeElement.value?.handleDisabledChange(...args);
-
 defineExpose({
-  callHandleCheckedChange,
-  callHandleDisabledChange,
   nativeElement,
 });
 

package/src/components/SynVueRadioButton.vue

@@ -33,21 +33,7 @@ import type { SynBlurEvent, SynFocusEvent, SynRadioButton } from '@synergy-desig
 // DOM Reference to the element
 const nativeElement = ref<SynRadioButton>();
 
-// Map methods
-const callHandleDisabledChange = (...args: Parameters<SynRadioButton['handleDisabledChange']>) => nativeElement.value?.handleDisabledChange(...args);
-/**
-* Sets focus on the radio button.
- */
-const callFocus = (...args: Parameters<SynRadioButton['focus']>) => nativeElement.value?.focus(...args);
-/**
-* Removes focus from the radio button.
- */
-const callBlur = (...args: Parameters<SynRadioButton['blur']>) => nativeElement.value?.blur(...args);
-
 defineExpose({
-  callHandleDisabledChange,
-  callFocus,
-  callBlur,
   nativeElement,
 });
 
@@ -70,6 +56,11 @@ const props = defineProps<{
 this attribute can typically be omitted.
  */
   'size'?: SynRadioButton['size'];
+
+  /**
+* Draws a pill-style radio button with rounded edges.
+ */
+  'pill'?: SynRadioButton['pill'];
 }>();
 
 // Make sure prop binding only forwards the props that are actually there.

package/src/components/SynVueRadioGroup.vue

@@ -39,35 +39,7 @@ import type {
 // DOM Reference to the element
 const nativeElement = ref<SynRadioGroup>();
 
-// Map methods
-const callHandleSizeChange = (...args: Parameters<SynRadioGroup['handleSizeChange']>) => nativeElement.value?.handleSizeChange(...args);
-const callHandleValueChange = (...args: Parameters<SynRadioGroup['handleValueChange']>) => nativeElement.value?.handleValueChange(...args);
-/**
-* Checks for validity but does not show a validation message.
-* Returns `true` when valid and `false` when invalid.
- */
-const callCheckValidity = (...args: Parameters<SynRadioGroup['checkValidity']>) => nativeElement.value?.checkValidity(...args);
-/**
-* Gets the associated form, if one exists.
- */
-const callGetForm = (...args: Parameters<SynRadioGroup['getForm']>) => nativeElement.value?.getForm(...args);
-/**
-* Checks for validity and shows the browser's validation message if the control is invalid.
- */
-const callReportValidity = (...args: Parameters<SynRadioGroup['reportValidity']>) => nativeElement.value?.reportValidity(...args);
-/**
-* Sets a custom validation message.
-* Pass an empty string to restore validity.
- */
-const callSetCustomValidity = (...args: Parameters<SynRadioGroup['setCustomValidity']>) => nativeElement.value?.setCustomValidity(...args);
-
 defineExpose({
-  callHandleSizeChange,
-  callHandleValueChange,
-  callCheckValidity,
-  callGetForm,
-  callReportValidity,
-  callSetCustomValidity,
   nativeElement,
 });
 

package/src/components/SynVueSelect.vue

@@ -60,57 +60,7 @@ import type {
 // DOM Reference to the element
 const nativeElement = ref<SynSelect>();
 
-// Map methods
-const callHandleDisabledChange = (...args: Parameters<SynSelect['handleDisabledChange']>) => nativeElement.value?.handleDisabledChange(...args);
-const callHandleValueChange = (...args: Parameters<SynSelect['handleValueChange']>) => nativeElement.value?.handleValueChange(...args);
-const callHandleOpenChange = (...args: Parameters<SynSelect['handleOpenChange']>) => nativeElement.value?.handleOpenChange(...args);
-/**
-* Shows the listbox.
- */
-const callShow = (...args: Parameters<SynSelect['show']>) => nativeElement.value?.show(...args);
-/**
-* Hides the listbox.
- */
-const callHide = (...args: Parameters<SynSelect['hide']>) => nativeElement.value?.hide(...args);
-/**
-* Checks for validity but does not show a validation message.
-* Returns `true` when valid and `false` when invalid.
- */
-const callCheckValidity = (...args: Parameters<SynSelect['checkValidity']>) => nativeElement.value?.checkValidity(...args);
-/**
-* Gets the associated form, if one exists.
- */
-const callGetForm = (...args: Parameters<SynSelect['getForm']>) => nativeElement.value?.getForm(...args);
-/**
-* Checks for validity and shows the browser's validation message if the control is invalid.
- */
-const callReportValidity = (...args: Parameters<SynSelect['reportValidity']>) => nativeElement.value?.reportValidity(...args);
-/**
-* Sets a custom validation message.
-* Pass an empty string to restore validity.
- */
-const callSetCustomValidity = (...args: Parameters<SynSelect['setCustomValidity']>) => nativeElement.value?.setCustomValidity(...args);
-/**
-* Sets focus on the control.
- */
-const callFocus = (...args: Parameters<SynSelect['focus']>) => nativeElement.value?.focus(...args);
-/**
-* Removes focus from the control.
- */
-const callBlur = (...args: Parameters<SynSelect['blur']>) => nativeElement.value?.blur(...args);
-
 defineExpose({
-  callHandleDisabledChange,
-  callHandleValueChange,
-  callHandleOpenChange,
-  callShow,
-  callHide,
-  callCheckValidity,
-  callGetForm,
-  callReportValidity,
-  callSetCustomValidity,
-  callFocus,
-  callBlur,
   nativeElement,
 });
 

package/src/components/SynVueSideNav.vue

@@ -59,25 +59,7 @@ import type {
 // DOM Reference to the element
 const nativeElement = ref<SynSideNav>();
 
-// Map methods
-const callHandleModeChange = (...args: Parameters<SynSideNav['handleModeChange']>) => nativeElement.value?.handleModeChange(...args);
-const callHandleOpenChange = (...args: Parameters<SynSideNav['handleOpenChange']>) => nativeElement.value?.handleOpenChange(...args);
-const callHandleFocusTrapping = (...args: Parameters<SynSideNav['handleFocusTrapping']>) => nativeElement.value?.handleFocusTrapping(...args);
-/**
-* Shows the side-nav.
- */
-const callShow = (...args: Parameters<SynSideNav['show']>) => nativeElement.value?.show(...args);
-/**
-* Hides the side-nav
- */
-const callHide = (...args: Parameters<SynSideNav['hide']>) => nativeElement.value?.hide(...args);
-
 defineExpose({
-  callHandleModeChange,
-  callHandleOpenChange,
-  callHandleFocusTrapping,
-  callShow,
-  callHide,
   nativeElement,
 });
 

package/src/components/SynVueSpinner.vue

@@ -25,10 +25,7 @@ import type { SynSpinner } from '@synergy-design-system/components';
 // DOM Reference to the element
 const nativeElement = ref<SynSpinner>();
 
-// Map methods
-
 defineExpose({
-
   nativeElement,
 });
 

package/src/components/SynVueSwitch.vue

@@ -40,50 +40,7 @@ import type {
 // DOM Reference to the element
 const nativeElement = ref<SynSwitch>();
 
-// Map methods
-const callHandleCheckedChange = (...args: Parameters<SynSwitch['handleCheckedChange']>) => nativeElement.value?.handleCheckedChange(...args);
-const callHandleDisabledChange = (...args: Parameters<SynSwitch['handleDisabledChange']>) => nativeElement.value?.handleDisabledChange(...args);
-/**
-* Simulates a click on the switch.
- */
-const callClick = (...args: Parameters<SynSwitch['click']>) => nativeElement.value?.click(...args);
-/**
-* Sets focus on the switch.
- */
-const callFocus = (...args: Parameters<SynSwitch['focus']>) => nativeElement.value?.focus(...args);
-/**
-* Removes focus from the switch.
- */
-const callBlur = (...args: Parameters<SynSwitch['blur']>) => nativeElement.value?.blur(...args);
-/**
-* Checks for validity but does not show a validation message.
-* Returns `true` when valid and `false` when invalid.
- */
-const callCheckValidity = (...args: Parameters<SynSwitch['checkValidity']>) => nativeElement.value?.checkValidity(...args);
-/**
-* Gets the associated form, if one exists.
- */
-const callGetForm = (...args: Parameters<SynSwitch['getForm']>) => nativeElement.value?.getForm(...args);
-/**
-* Checks for validity and shows the browser's validation message if the control is invalid.
- */
-const callReportValidity = (...args: Parameters<SynSwitch['reportValidity']>) => nativeElement.value?.reportValidity(...args);
-/**
-* Sets a custom validation message.
-* Pass an empty string to restore validity.
- */
-const callSetCustomValidity = (...args: Parameters<SynSwitch['setCustomValidity']>) => nativeElement.value?.setCustomValidity(...args);
-
 defineExpose({
-  callHandleCheckedChange,
-  callHandleDisabledChange,
-  callClick,
-  callFocus,
-  callBlur,
-  callCheckValidity,
-  callGetForm,
-  callReportValidity,
-  callSetCustomValidity,
   nativeElement,
 });
 

package/src/components/SynVueTag.vue

@@ -30,10 +30,7 @@ import type { SynRemoveEvent, SynTag } from '@synergy-design-system/components';
 // DOM Reference to the element
 const nativeElement = ref<SynTag>();
 
-// Map methods
-
 defineExpose({
-
   nativeElement,
 });
 

package/src/components/SynVueTextarea.vue

@@ -37,67 +37,7 @@ import type {
 // DOM Reference to the element
 const nativeElement = ref<SynTextarea>();
 
-// Map methods
-const callHandleDisabledChange = (...args: Parameters<SynTextarea['handleDisabledChange']>) => nativeElement.value?.handleDisabledChange(...args);
-const callHandleRowsChange = (...args: Parameters<SynTextarea['handleRowsChange']>) => nativeElement.value?.handleRowsChange(...args);
-const callHandleValueChange = (...args: Parameters<SynTextarea['handleValueChange']>) => nativeElement.value?.handleValueChange(...args);
-/**
-* Sets focus on the textarea.
- */
-const callFocus = (...args: Parameters<SynTextarea['focus']>) => nativeElement.value?.focus(...args);
-/**
-* Removes focus from the textarea.
- */
-const callBlur = (...args: Parameters<SynTextarea['blur']>) => nativeElement.value?.blur(...args);
-/**
-* Selects all the text in the textarea.
- */
-const callSelect = (...args: Parameters<SynTextarea['select']>) => nativeElement.value?.select(...args);
-/**
-* Gets or sets the textarea's scroll position.
- */
-const callScrollPosition = (...args: Parameters<SynTextarea['scrollPosition']>) => nativeElement.value?.scrollPosition(...args);
-/**
-* Sets the start and end positions of the text selection (0-based).
- */
-const callSetSelectionRange = (...args: Parameters<SynTextarea['setSelectionRange']>) => nativeElement.value?.setSelectionRange(...args);
-/**
-* Replaces a range of text with a new string.
- */
-const callSetRangeText = (...args: Parameters<SynTextarea['setRangeText']>) => nativeElement.value?.setRangeText(...args);
-/**
-* Checks for validity but does not show a validation message.
-* Returns `true` when valid and `false` when invalid.
- */
-const callCheckValidity = (...args: Parameters<SynTextarea['checkValidity']>) => nativeElement.value?.checkValidity(...args);
-/**
-* Gets the associated form, if one exists.
- */
-const callGetForm = (...args: Parameters<SynTextarea['getForm']>) => nativeElement.value?.getForm(...args);
-/**
-* Checks for validity and shows the browser's validation message if the control is invalid.
- */
-const callReportValidity = (...args: Parameters<SynTextarea['reportValidity']>) => nativeElement.value?.reportValidity(...args);
-/**
-* Sets a custom validation message.
-* Pass an empty string to restore validity.
- */
-const callSetCustomValidity = (...args: Parameters<SynTextarea['setCustomValidity']>) => nativeElement.value?.setCustomValidity(...args);
-
 defineExpose({
-  callHandleDisabledChange,
-  callHandleRowsChange,
-  callHandleValueChange,
-  callFocus,
-  callBlur,
-  callSelect,
-  callScrollPosition,
-  callSetSelectionRange,
-  callSetRangeText,
-  callCheckValidity,
-  callGetForm,
-  callReportValidity,
-  callSetCustomValidity,
   nativeElement,
 });
 

package/src/components/SynVueTooltip.vue

@@ -43,25 +43,7 @@ import type {
 // DOM Reference to the element
 const nativeElement = ref<SynTooltip>();
 
-// Map methods
-const callHandleOpenChange = (...args: Parameters<SynTooltip['handleOpenChange']>) => nativeElement.value?.handleOpenChange(...args);
-const callHandleOptionsChange = (...args: Parameters<SynTooltip['handleOptionsChange']>) => nativeElement.value?.handleOptionsChange(...args);
-const callHandleDisabledChange = (...args: Parameters<SynTooltip['handleDisabledChange']>) => nativeElement.value?.handleDisabledChange(...args);
-/**
-* Shows the tooltip.
- */
-const callShow = (...args: Parameters<SynTooltip['show']>) => nativeElement.value?.show(...args);
-/**
-* Hides the tooltip
- */
-const callHide = (...args: Parameters<SynTooltip['hide']>) => nativeElement.value?.hide(...args);
-
 defineExpose({
-  callHandleOpenChange,
-  callHandleOptionsChange,
-  callHandleDisabledChange,
-  callShow,
-  callHide,
   nativeElement,
 });