@synergy-design-system/vue 1.27.0 → 2.0.0

package/src/components/SynVueAlert.vue

@@ -40,33 +40,7 @@ import type {
 // DOM Reference to the element
 const nativeElement = ref<SynAlert>();
 
-// Map methods
-const callHandleOpenChange = (...args: Parameters<SynAlert['handleOpenChange']>) => nativeElement.value?.handleOpenChange(...args);
-const callHandleDurationChange = (...args: Parameters<SynAlert['handleDurationChange']>) => nativeElement.value?.handleDurationChange(...args);
-/**
-* Shows the alert.
- */
-const callShow = (...args: Parameters<SynAlert['show']>) => nativeElement.value?.show(...args);
-/**
-* Hides the alert
- */
-const callHide = (...args: Parameters<SynAlert['hide']>) => nativeElement.value?.hide(...args);
-/**
-* Displays the alert as a toast notification.
-* This will move the alert out of its position in the DOM and, when
-dismissed, it will be removed from the DOM completely.
-* By storing a reference to the alert, you can reuse it by
-calling this method again.
-* The returned promise will resolve after the alert is hidden.
- */
-const callToast = (...args: Parameters<SynAlert['toast']>) => nativeElement.value?.toast(...args);
-
 defineExpose({
-  callHandleOpenChange,
-  callHandleDurationChange,
-  callShow,
-  callHide,
-  callToast,
   nativeElement,
 });
 

package/src/components/SynVueBadge.vue

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

package/src/components/SynVueBreadcrumb.vue

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

package/src/components/SynVueBreadcrumbItem.vue

@@ -31,13 +31,7 @@ import type { SynBreadcrumbItem } from '@synergy-design-system/components';
 // DOM Reference to the element
 const nativeElement = ref<SynBreadcrumbItem>();
 
-// Map methods
-const callHrefChanged = (...args: Parameters<SynBreadcrumbItem['hrefChanged']>) => nativeElement.value?.hrefChanged(...args);
-const callHandleSlotChange = (...args: Parameters<SynBreadcrumbItem['handleSlotChange']>) => nativeElement.value?.handleSlotChange(...args);
-
 defineExpose({
-  callHrefChanged,
-  callHandleSlotChange,
   nativeElement,
 });
 

package/src/components/SynVueButton.vue

@@ -39,48 +39,7 @@ import type {
 // DOM Reference to the element
 const nativeElement = ref<SynButton>();
 
-// Map methods
-const callHandleDisabledChange = (...args: Parameters<SynButton['handleDisabledChange']>) => nativeElement.value?.handleDisabledChange(...args);
-/**
-* Simulates a click on the button.
- */
-const callClick = (...args: Parameters<SynButton['click']>) => nativeElement.value?.click(...args);
-/**
-* Sets focus on the button.
- */
-const callFocus = (...args: Parameters<SynButton['focus']>) => nativeElement.value?.focus(...args);
-/**
-* Removes focus from the button.
- */
-const callBlur = (...args: Parameters<SynButton['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<SynButton['checkValidity']>) => nativeElement.value?.checkValidity(...args);
-/**
-* Gets the associated form, if one exists.
- */
-const callGetForm = (...args: Parameters<SynButton['getForm']>) => nativeElement.value?.getForm(...args);
-/**
-* Checks for validity and shows the browser's validation message if the control is invalid.
- */
-const callReportValidity = (...args: Parameters<SynButton['reportValidity']>) => nativeElement.value?.reportValidity(...args);
-/**
-* Sets a custom validation message.
-* Pass an empty string to restore validity.
- */
-const callSetCustomValidity = (...args: Parameters<SynButton['setCustomValidity']>) => nativeElement.value?.setCustomValidity(...args);
-
 defineExpose({
-  callHandleDisabledChange,
-  callClick,
-  callFocus,
-  callBlur,
-  callCheckValidity,
-  callGetForm,
-  callReportValidity,
-  callSetCustomValidity,
   nativeElement,
 });
 

package/src/components/SynVueButtonGroup.vue

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

package/src/components/SynVueCard.vue

@@ -35,20 +35,18 @@ import type { SynCard } from '@synergy-design-system/components';
 // DOM Reference to the element
 const nativeElement = ref<SynCard>();
 
-// Map methods
-
 defineExpose({
-
   nativeElement,
 });
 
 // Map attributes
 const props = defineProps<{
   /**
-* Draws the card as a nested item.
-* Can be used when nesting multiple syn-cards to create hierarchy
+* Draws the card with sharp edges.
+* Can be used e.g.
+* when nesting multiple syn-cards to create hierarchy.
  */
-  'nested'?: SynCard['nested'];
+  'sharp'?: SynCard['sharp'];
 }>();
 
 // Make sure prop binding only forwards the props that are actually there.

package/src/components/SynVueCheckbox.vue

@@ -41,52 +41,7 @@ import type {
 // DOM Reference to the element
 const nativeElement = ref<SynCheckbox>();
 
-// Map methods
-const callHandleDisabledChange = (...args: Parameters<SynCheckbox['handleDisabledChange']>) => nativeElement.value?.handleDisabledChange(...args);
-const callHandleStateChange = (...args: Parameters<SynCheckbox['handleStateChange']>) => nativeElement.value?.handleStateChange(...args);
-/**
-* Simulates a click on the checkbox.
- */
-const callClick = (...args: Parameters<SynCheckbox['click']>) => nativeElement.value?.click(...args);
-/**
-* Sets focus on the checkbox.
- */
-const callFocus = (...args: Parameters<SynCheckbox['focus']>) => nativeElement.value?.focus(...args);
-/**
-* Removes focus from the checkbox.
- */
-const callBlur = (...args: Parameters<SynCheckbox['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<SynCheckbox['checkValidity']>) => nativeElement.value?.checkValidity(...args);
-/**
-* Gets the associated form, if one exists.
- */
-const callGetForm = (...args: Parameters<SynCheckbox['getForm']>) => nativeElement.value?.getForm(...args);
-/**
-* Checks for validity and shows the browser's validation message if the control is invalid.
- */
-const callReportValidity = (...args: Parameters<SynCheckbox['reportValidity']>) => nativeElement.value?.reportValidity(...args);
-/**
-* Sets a custom validation message.
-* The value provided will be shown to the user when the form is submitted.
-* To clear
-the custom validation message, call this method with an empty string.
- */
-const callSetCustomValidity = (...args: Parameters<SynCheckbox['setCustomValidity']>) => nativeElement.value?.setCustomValidity(...args);
-
 defineExpose({
-  callHandleDisabledChange,
-  callHandleStateChange,
-  callClick,
-  callFocus,
-  callBlur,
-  callCheckValidity,
-  callGetForm,
-  callReportValidity,
-  callSetCustomValidity,
   nativeElement,
 });
 

package/src/components/SynVueDialog.vue

@@ -65,21 +65,7 @@ import type {
 // DOM Reference to the element
 const nativeElement = ref<SynDialog>();
 
-// Map methods
-const callHandleOpenChange = (...args: Parameters<SynDialog['handleOpenChange']>) => nativeElement.value?.handleOpenChange(...args);
-/**
-* Shows the dialog.
- */
-const callShow = (...args: Parameters<SynDialog['show']>) => nativeElement.value?.show(...args);
-/**
-* Hides the dialog
- */
-const callHide = (...args: Parameters<SynDialog['hide']>) => nativeElement.value?.hide(...args);
-
 defineExpose({
-  callHandleOpenChange,
-  callShow,
-  callHide,
   nativeElement,
 });
 

package/src/components/SynVueDivider.vue

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

package/src/components/SynVueDrawer.vue

@@ -72,23 +72,7 @@ import type {
 // DOM Reference to the element
 const nativeElement = ref<SynDrawer>();
 
-// Map methods
-const callHandleOpenChange = (...args: Parameters<SynDrawer['handleOpenChange']>) => nativeElement.value?.handleOpenChange(...args);
-const callHandleNoModalChange = (...args: Parameters<SynDrawer['handleNoModalChange']>) => nativeElement.value?.handleNoModalChange(...args);
-/**
-* Shows the drawer.
- */
-const callShow = (...args: Parameters<SynDrawer['show']>) => nativeElement.value?.show(...args);
-/**
-* Hides the drawer
- */
-const callHide = (...args: Parameters<SynDrawer['hide']>) => nativeElement.value?.hide(...args);
-
 defineExpose({
-  callHandleOpenChange,
-  callHandleNoModalChange,
-  callShow,
-  callHide,
   nativeElement,
 });
 

package/src/components/SynVueDropdown.vue

@@ -38,46 +38,7 @@ import type {
 // DOM Reference to the element
 const nativeElement = ref<SynDropdown>();
 
-// Map methods
-const callFocusOnTrigger = (...args: Parameters<SynDropdown['focusOnTrigger']>) => nativeElement.value?.focusOnTrigger(...args);
-const callGetMenu = (...args: Parameters<SynDropdown['getMenu']>) => nativeElement.value?.getMenu(...args);
-const callHandleTriggerClick = (...args: Parameters<SynDropdown['handleTriggerClick']>) => nativeElement.value?.handleTriggerClick(...args);
-const callHandleTriggerKeyDown = (...args: Parameters<SynDropdown['handleTriggerKeyDown']>) => nativeElement.value?.handleTriggerKeyDown(...args);
-const callHandleTriggerKeyUp = (...args: Parameters<SynDropdown['handleTriggerKeyUp']>) => nativeElement.value?.handleTriggerKeyUp(...args);
-const callHandleTriggerSlotChange = (...args: Parameters<SynDropdown['handleTriggerSlotChange']>) => nativeElement.value?.handleTriggerSlotChange(...args);
-const callUpdateAccessibleTrigger = (...args: Parameters<SynDropdown['updateAccessibleTrigger']>) => nativeElement.value?.updateAccessibleTrigger(...args);
-/**
-* Shows the dropdown panel.
- */
-const callShow = (...args: Parameters<SynDropdown['show']>) => nativeElement.value?.show(...args);
-/**
-* Hides the dropdown panel
- */
-const callHide = (...args: Parameters<SynDropdown['hide']>) => nativeElement.value?.hide(...args);
-/**
-* Instructs the dropdown menu to reposition.
-* Useful when the position or size of the trigger changes when the menu
-is activated.
- */
-const callReposition = (...args: Parameters<SynDropdown['reposition']>) => nativeElement.value?.reposition(...args);
-const callAddOpenListeners = (...args: Parameters<SynDropdown['addOpenListeners']>) => nativeElement.value?.addOpenListeners(...args);
-const callRemoveOpenListeners = (...args: Parameters<SynDropdown['removeOpenListeners']>) => nativeElement.value?.removeOpenListeners(...args);
-const callHandleOpenChange = (...args: Parameters<SynDropdown['handleOpenChange']>) => nativeElement.value?.handleOpenChange(...args);
-
 defineExpose({
-  callFocusOnTrigger,
-  callGetMenu,
-  callHandleTriggerClick,
-  callHandleTriggerKeyDown,
-  callHandleTriggerKeyUp,
-  callHandleTriggerSlotChange,
-  callUpdateAccessibleTrigger,
-  callShow,
-  callHide,
-  callReposition,
-  callAddOpenListeners,
-  callRemoveOpenListeners,
-  callHandleOpenChange,
   nativeElement,
 });
 

package/src/components/SynVueHeader.vue

@@ -13,18 +13,21 @@
  * @status stable
  * @since 1.10.0
  *
- * @slot - The label for the header.
- * @slot logo - The logo that should be displayed. Will fall back to the SICK logo if not provided.
- * @slot meta-navigation - The meta-navigation is used to add various application toolbar icons.
+ * @slot label - The label for the header
+ * @slot logo - The logo that should be displayed. Will fall back to the SICK logo if not provided
+ * @slot meta-navigation - The meta-navigation is used to add various application toolbar icons
  *                     Best used with `<syn-icon-button />` and `<syn-drop-down />`
  * @slot navigation - This slot can be used to add an optional horizontal navigation
- * @slot show-burger-menu - An icon to use in lieu of the default show burger menu icon
- * @slot hide-burger-menu - An icon to use in lieu of the default hide burger menu icon
+ * @slot open-burger-menu-icon - An icon to use in lieu of the default burger-menu=open state.
+ *                      The default close icon is a 'x'.
+ * @slot closed-burger-menu-icon - An icon to use in lieu of the default burger-menu=closed state.
+ *                      The default open icon is a burger menu.
  *
- * @event syn-burger-menu-show - Emitted when the burger menu button is toggled to visible
- * @event syn-burger-menu-hide - Emitted when the burger menu button is toggled to not visible
+ * @event syn-burger-menu-closed - Emitted when the burger menu is toggled to closed
+ * @event syn-burger-menu-hidden - Emitted when the burger menu is toggled to hidden
+ * @event syn-burger-menu-open - Emitted when the burger menu is toggled to open
  *
- * @csspart base - The component's base wrapper.
+ * @csspart base - The component's base wrapper
  * @csspart content - The wrapper most content items reside
  * @csspart logo - The wrapper the application logo resides in
  * @csspart label - The element wrapping the application name
@@ -35,25 +38,14 @@
 import { computed, ref } from 'vue';
 import '@synergy-design-system/components/components/header/header.js';
 
-import type { SynBurgerMenuHideEvent, SynBurgerMenuShowEvent, SynHeader } from '@synergy-design-system/components';
+import type {
+  SynBurgerMenuClosedEvent, SynBurgerMenuHiddenEvent, SynBurgerMenuOpenEvent, SynHeader,
+} from '@synergy-design-system/components';
 
 // DOM Reference to the element
 const nativeElement = ref<SynHeader>();
 
-// Map methods
-const callHandleBurgerMenuVisible = (...args: Parameters<SynHeader['handleBurgerMenuVisible']>) => nativeElement.value?.handleBurgerMenuVisible(...args);
-/**
-* Connect a `syn-side-nav` to add automatic interaction of the header with the side navigation
-like showing the burger menu icon and open / close handling.
-
-If no side navigation is connected, the header will use the first `syn-side-nav` element it
-finds.
- */
-const callConnectSideNavigation = (...args: Parameters<SynHeader['connectSideNavigation']>) => nativeElement.value?.connectSideNavigation(...args);
-
 defineExpose({
-  callHandleBurgerMenuVisible,
-  callConnectSideNavigation,
   nativeElement,
 });
 
@@ -61,20 +53,19 @@ defineExpose({
 const props = defineProps<{
   /**
 * The headers label.
-* If you need to display HTML, use the `default` slot instead.
+* If you need to display HTML, use the `label` slot instead.
  */
   'label'?: SynHeader['label'];
 
   /**
-* Adds a button to toggle the burger menu's visibility.
-The button is added automatically, if the component finds a syn-side-nav in non-rail mode.
- */
-  'showBurgerMenu'?: SynHeader['showBurgerMenu'];
-
-  /**
-* Determines whether or not the burger menu is currently visible.
+* Defines the current visibility and icon of the burger-menu icon.
+The menu button is added automatically if the component finds a syn-side-nav in non-rail mode.
+The following values can be used:
+- hidden: The burger menu is not visible
+- open: The burger menu is visible and shows the close icon
+- closed: The burger menu is visible and shows the open icon
  */
-  'burgerMenuVisible'?: SynHeader['burgerMenuVisible'];
+  'burgerMenu'?: SynHeader['burgerMenu'];
 }>();
 
 // Make sure prop binding only forwards the props that are actually there.
@@ -90,29 +81,36 @@ const visibleProps = computed(() => Object.fromEntries(
 // Map events
 defineEmits<{
   /**
-* Emitted when the burger menu button is toggled to visible
+* Emitted when the burger menu is toggled to closed
+ */
+  'syn-burger-menu-closed': [e: SynBurgerMenuClosedEvent];
+
+  /**
+* Emitted when the burger menu is toggled to hidden
  */
-  'syn-burger-menu-show': [e: SynBurgerMenuShowEvent];
+  'syn-burger-menu-hidden': [e: SynBurgerMenuHiddenEvent];
 
   /**
-* Emitted when the burger menu button is toggled to not visible
+* Emitted when the burger menu is toggled to open
  */
-  'syn-burger-menu-hide': [e: SynBurgerMenuHideEvent];
+  'syn-burger-menu-open': [e: SynBurgerMenuOpenEvent];
 }>();
 </script>
 
 <script lang="ts">
-export type { SynBurgerMenuShowEvent } from '@synergy-design-system/components';
-export type { SynBurgerMenuHideEvent } from '@synergy-design-system/components';
+export type { SynBurgerMenuClosedEvent } from '@synergy-design-system/components';
+export type { SynBurgerMenuHiddenEvent } from '@synergy-design-system/components';
+export type { SynBurgerMenuOpenEvent } from '@synergy-design-system/components';
 </script>
 
 <template>
   <syn-header
     v-bind="visibleProps"
     ref="nativeElement"
+    @syn-burger-menu-closed="$emit('syn-burger-menu-closed', $event)"
 
-    @syn-burger-menu-show="$emit('syn-burger-menu-show', $event)"
-    @syn-burger-menu-hide="$emit('syn-burger-menu-hide', $event)"
+    @syn-burger-menu-hidden="$emit('syn-burger-menu-hidden', $event)"
+    @syn-burger-menu-open="$emit('syn-burger-menu-open', $event)"
   >
     <slot />
   </syn-header>

package/src/components/SynVueIcon.vue

@@ -25,13 +25,7 @@ import type { SynErrorEvent, SynIcon, SynLoadEvent } from '@synergy-design-syste
 // DOM Reference to the element
 const nativeElement = ref<SynIcon>();
 
-// Map methods
-const callHandleLabelChange = (...args: Parameters<SynIcon['handleLabelChange']>) => nativeElement.value?.handleLabelChange(...args);
-const callSetIcon = (...args: Parameters<SynIcon['setIcon']>) => nativeElement.value?.setIcon(...args);
-
 defineExpose({
-  callHandleLabelChange,
-  callSetIcon,
   nativeElement,
 });
 

package/src/components/SynVueIconButton.vue

@@ -26,24 +26,7 @@ import type { SynBlurEvent, SynFocusEvent, SynIconButton } from '@synergy-design
 // DOM Reference to the element
 const nativeElement = ref<SynIconButton>();
 
-// Map methods
-/**
-* Simulates a click on the icon button.
- */
-const callClick = (...args: Parameters<SynIconButton['click']>) => nativeElement.value?.click(...args);
-/**
-* Sets focus on the icon button.
- */
-const callFocus = (...args: Parameters<SynIconButton['focus']>) => nativeElement.value?.focus(...args);
-/**
-* Removes focus from the icon button.
- */
-const callBlur = (...args: Parameters<SynIconButton['blur']>) => nativeElement.value?.blur(...args);
-
 defineExpose({
-  callClick,
-  callFocus,
-  callBlur,
   nativeElement,
 });
 

package/src/components/SynVueInput.vue

@@ -56,77 +56,7 @@ import type {
 // DOM Reference to the element
 const nativeElement = ref<SynInput>();
 
-// Map methods
-const callHandleDisabledChange = (...args: Parameters<SynInput['handleDisabledChange']>) => nativeElement.value?.handleDisabledChange(...args);
-const callHandleStepChange = (...args: Parameters<SynInput['handleStepChange']>) => nativeElement.value?.handleStepChange(...args);
-const callHandleValueChange = (...args: Parameters<SynInput['handleValueChange']>) => nativeElement.value?.handleValueChange(...args);
-/**
-* Sets focus on the input.
- */
-const callFocus = (...args: Parameters<SynInput['focus']>) => nativeElement.value?.focus(...args);
-/**
-* Removes focus from the input.
- */
-const callBlur = (...args: Parameters<SynInput['blur']>) => nativeElement.value?.blur(...args);
-/**
-* Selects all the text in the input.
- */
-const callSelect = (...args: Parameters<SynInput['select']>) => nativeElement.value?.select(...args);
-/**
-* Sets the start and end positions of the text selection (0-based).
- */
-const callSetSelectionRange = (...args: Parameters<SynInput['setSelectionRange']>) => nativeElement.value?.setSelectionRange(...args);
-/**
-* Replaces a range of text with a new string.
- */
-const callSetRangeText = (...args: Parameters<SynInput['setRangeText']>) => nativeElement.value?.setRangeText(...args);
-/**
-* Displays the browser picker for an input element (only works if the browser supports it for the input type).
- */
-const callShowPicker = (...args: Parameters<SynInput['showPicker']>) => nativeElement.value?.showPicker(...args);
-/**
-* Increments the value of a numeric input type by the value of the step attribute.
- */
-const callStepUp = (...args: Parameters<SynInput['stepUp']>) => nativeElement.value?.stepUp(...args);
-/**
-* Decrements the value of a numeric input type by the value of the step attribute.
- */
-const callStepDown = (...args: Parameters<SynInput['stepDown']>) => nativeElement.value?.stepDown(...args);
-/**
-* Checks for validity but does not show a validation message.
-* Returns `true` when valid and `false` when invalid.
- */
-const callCheckValidity = (...args: Parameters<SynInput['checkValidity']>) => nativeElement.value?.checkValidity(...args);
-/**
-* Gets the associated form, if one exists.
- */
-const callGetForm = (...args: Parameters<SynInput['getForm']>) => nativeElement.value?.getForm(...args);
-/**
-* Checks for validity and shows the browser's validation message if the control is invalid.
- */
-const callReportValidity = (...args: Parameters<SynInput['reportValidity']>) => nativeElement.value?.reportValidity(...args);
-/**
-* Sets a custom validation message.
-* Pass an empty string to restore validity.
- */
-const callSetCustomValidity = (...args: Parameters<SynInput['setCustomValidity']>) => nativeElement.value?.setCustomValidity(...args);
-
 defineExpose({
-  callHandleDisabledChange,
-  callHandleStepChange,
-  callHandleValueChange,
-  callFocus,
-  callBlur,
-  callSelect,
-  callSetSelectionRange,
-  callSetRangeText,
-  callShowPicker,
-  callStepUp,
-  callStepDown,
-  callCheckValidity,
-  callGetForm,
-  callReportValidity,
-  callSetCustomValidity,
   nativeElement,
 });
 

package/src/components/SynVueMenu.vue

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

package/src/components/SynVueMenuItem.vue

@@ -39,22 +39,7 @@ import type { SynMenuItem } from '@synergy-design-system/components';
 // DOM Reference to the element
 const nativeElement = ref<SynMenuItem>();
 
-// Map methods
-const callHandleCheckedChange = (...args: Parameters<SynMenuItem['handleCheckedChange']>) => nativeElement.value?.handleCheckedChange(...args);
-const callHandleDisabledChange = (...args: Parameters<SynMenuItem['handleDisabledChange']>) => nativeElement.value?.handleDisabledChange(...args);
-const callHandleTypeChange = (...args: Parameters<SynMenuItem['handleTypeChange']>) => nativeElement.value?.handleTypeChange(...args);
-/**
-* Returns a text label based on the contents of the menu item's default slot.
- */
-const callGetTextLabel = (...args: Parameters<SynMenuItem['getTextLabel']>) => nativeElement.value?.getTextLabel(...args);
-const callIsSubmenu = (...args: Parameters<SynMenuItem['isSubmenu']>) => nativeElement.value?.isSubmenu(...args);
-
 defineExpose({
-  callHandleCheckedChange,
-  callHandleDisabledChange,
-  callHandleTypeChange,
-  callGetTextLabel,
-  callIsSubmenu,
   nativeElement,
 });
 

package/src/components/SynVueMenuLabel.vue

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

package/src/components/SynVueNavItem.vue

@@ -60,26 +60,7 @@ import type {
 // DOM Reference to the element
 const nativeElement = ref<SynNavItem>();
 
-// Map methods
-const callHandleOpenChange = (...args: Parameters<SynNavItem['handleOpenChange']>) => nativeElement.value?.handleOpenChange(...args);
-/**
-* Removes focus from the button.
- */
-const callBlur = (...args: Parameters<SynNavItem['blur']>) => nativeElement.value?.blur(...args);
-/**
-* Simulates a click on the nav-items button, link or summary.
- */
-const callClick = (...args: Parameters<SynNavItem['click']>) => nativeElement.value?.click(...args);
-/**
-* Sets focus on the nav-item
- */
-const callFocus = (...args: Parameters<SynNavItem['focus']>) => nativeElement.value?.focus(...args);
-
 defineExpose({
-  callHandleOpenChange,
-  callBlur,
-  callClick,
-  callFocus,
   nativeElement,
 });
 

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,
 });