@synergy-design-system/vue 2.7.1 → 2.7.3

package/dist/components/SynVueSelect.vue.d.ts

@@ -1,5 +1,15 @@
 import '@synergy-design-system/components/components/select/select.js';
-import type { SynAfterHideEvent, SynAfterShowEvent, SynBlurEvent, SynChangeEvent, SynClearEvent, SynFocusEvent, SynHideEvent, SynInputEvent, SynInvalidEvent, SynSelect, SynShowEvent } from '@synergy-design-system/components';
+import type { SynChangeEvent } from '@synergy-design-system/components';
+import type { SynClearEvent } from '@synergy-design-system/components';
+import type { SynInputEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynShowEvent } from '@synergy-design-system/components';
+import type { SynAfterShowEvent } from '@synergy-design-system/components';
+import type { SynHideEvent } from '@synergy-design-system/components';
+import type { SynAfterHideEvent } from '@synergy-design-system/components';
+import type { SynInvalidEvent } from '@synergy-design-system/components';
+import type { SynSelect } from '@synergy-design-system/components';
 export type { SynChangeEvent } from '@synergy-design-system/components';
 export type { SynClearEvent } from '@synergy-design-system/components';
 export type { SynInputEvent } from '@synergy-design-system/components';
@@ -12,8 +22,8 @@ export type { SynAfterHideEvent } from '@synergy-design-system/components';
 export type { SynInvalidEvent } from '@synergy-design-system/components';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
-  * The name of the select, submitted as a name/value pair with form data.
-   */
+     * The name of the select, submitted as a name/value pair with form data.
+     */
     name?: SynSelect["name"];
     /**
   * The current value of the select, submitted as a name/value pair with form data.
@@ -24,16 +34,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     value?: SynSelect["value"];
     /**
-  * The select's size.
-   */
+     * The select's size.
+     */
     size?: SynSelect["size"];
     /**
-  * Placeholder text to show as a hint when the select is empty.
-   */
+     * Placeholder text to show as a hint when the select is empty.
+     */
     placeholder?: SynSelect["placeholder"];
     /**
-  * Allows more than one option to be selected.
-   */
+     * Allows more than one option to be selected.
+     */
     multiple?: SynSelect["multiple"];
     /**
   * The maximum number of selected options to show when `multiple` is true.
@@ -43,12 +53,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     maxOptionsVisible?: SynSelect["maxOptionsVisible"];
     /**
-  * Disables the select control.
-   */
+     * Disables the select control.
+     */
     disabled?: SynSelect["disabled"];
     /**
-  * Adds a clear button when the select is not empty.
-   */
+     * Adds a clear button when the select is not empty.
+     */
     clearable?: SynSelect["clearable"];
     /**
   * Indicates whether or not the select is open.
@@ -63,9 +73,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     hoist?: SynSelect["hoist"];
     /**
-  * The select's label.
-  * If you need to display HTML, use the `label` slot instead.
-   */
+     * The select's label.
+     * If you need to display HTML, use the `label` slot instead.
+     */
     label?: SynSelect["label"];
     /**
   * The preferred placement of the select's menu.
@@ -74,9 +84,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     placement?: SynSelect["placement"];
     /**
-  * The select's help text.
-  * If you need to display HTML, use the `help-text` slot instead.
-   */
+     * The select's help text.
+     * If you need to display HTML, use the `help-text` slot instead.
+     */
     helpText?: SynSelect["helpText"];
     /**
   * By default, form controls are associated with the nearest containing `<form>` element.
@@ -87,8 +97,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     form?: SynSelect["form"];
     /**
-  * The select's required attribute.
-   */
+     * The select's required attribute.
+     */
     required?: SynSelect["required"];
     /**
   * A function that customizes the tags to be rendered when multiple=true.
@@ -99,8 +109,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     getTag?: SynSelect["getTag"];
     /**
-  * Support for two way data binding
-   */
+     * Support for two way data binding
+     */
     modelValue?: SynSelect["value"];
 }>, {
     nativeElement: import("vue").Ref<SynSelect | undefined>;
@@ -118,8 +128,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "syn-clear": (e: SynClearEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
-  * The name of the select, submitted as a name/value pair with form data.
-   */
+     * The name of the select, submitted as a name/value pair with form data.
+     */
     name?: SynSelect["name"];
     /**
   * The current value of the select, submitted as a name/value pair with form data.
@@ -130,16 +140,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     value?: SynSelect["value"];
     /**
-  * The select's size.
-   */
+     * The select's size.
+     */
     size?: SynSelect["size"];
     /**
-  * Placeholder text to show as a hint when the select is empty.
-   */
+     * Placeholder text to show as a hint when the select is empty.
+     */
     placeholder?: SynSelect["placeholder"];
     /**
-  * Allows more than one option to be selected.
-   */
+     * Allows more than one option to be selected.
+     */
     multiple?: SynSelect["multiple"];
     /**
   * The maximum number of selected options to show when `multiple` is true.
@@ -149,12 +159,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     maxOptionsVisible?: SynSelect["maxOptionsVisible"];
     /**
-  * Disables the select control.
-   */
+     * Disables the select control.
+     */
     disabled?: SynSelect["disabled"];
     /**
-  * Adds a clear button when the select is not empty.
-   */
+     * Adds a clear button when the select is not empty.
+     */
     clearable?: SynSelect["clearable"];
     /**
   * Indicates whether or not the select is open.
@@ -169,9 +179,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     hoist?: SynSelect["hoist"];
     /**
-  * The select's label.
-  * If you need to display HTML, use the `label` slot instead.
-   */
+     * The select's label.
+     * If you need to display HTML, use the `label` slot instead.
+     */
     label?: SynSelect["label"];
     /**
   * The preferred placement of the select's menu.
@@ -180,9 +190,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     placement?: SynSelect["placement"];
     /**
-  * The select's help text.
-  * If you need to display HTML, use the `help-text` slot instead.
-   */
+     * The select's help text.
+     * If you need to display HTML, use the `help-text` slot instead.
+     */
     helpText?: SynSelect["helpText"];
     /**
   * By default, form controls are associated with the nearest containing `<form>` element.
@@ -193,8 +203,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     form?: SynSelect["form"];
     /**
-  * The select's required attribute.
-   */
+     * The select's required attribute.
+     */
     required?: SynSelect["required"];
     /**
   * A function that customizes the tags to be rendered when multiple=true.
@@ -205,8 +215,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     getTag?: SynSelect["getTag"];
     /**
-  * Support for two way data binding
-   */
+     * Support for two way data binding
+     */
     modelValue?: SynSelect["value"];
 }>>> & {
     "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;

package/dist/components/SynVueSideNav.vue.d.ts

@@ -1,5 +1,9 @@
 import '@synergy-design-system/components/components/side-nav/side-nav.js';
-import type { SynAfterHideEvent, SynAfterShowEvent, SynHideEvent, SynShowEvent, SynSideNav } from '@synergy-design-system/components';
+import type { SynShowEvent } from '@synergy-design-system/components';
+import type { SynAfterShowEvent } from '@synergy-design-system/components';
+import type { SynHideEvent } from '@synergy-design-system/components';
+import type { SynAfterHideEvent } from '@synergy-design-system/components';
+import type { SynSideNav } from '@synergy-design-system/components';
 export type { SynShowEvent } from '@synergy-design-system/components';
 export type { SynAfterShowEvent } from '@synergy-design-system/components';
 export type { SynHideEvent } from '@synergy-design-system/components';

package/dist/components/SynVueSwitch.vue.d.ts

@@ -1,5 +1,10 @@
 import '@synergy-design-system/components/components/switch/switch.js';
-import type { SynBlurEvent, SynChangeEvent, SynFocusEvent, SynInputEvent, SynInvalidEvent, SynSwitch } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynChangeEvent } from '@synergy-design-system/components';
+import type { SynInputEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
+import type { SynInvalidEvent } from '@synergy-design-system/components';
+import type { SynSwitch } from '@synergy-design-system/components';
 export type { SynBlurEvent } from '@synergy-design-system/components';
 export type { SynChangeEvent } from '@synergy-design-system/components';
 export type { SynInputEvent } from '@synergy-design-system/components';
@@ -8,24 +13,24 @@ export type { SynInvalidEvent } from '@synergy-design-system/components';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     title?: SynSwitch["title"];
     /**
-  * The name of the switch, submitted as a name/value pair with form data.
-   */
+     * The name of the switch, submitted as a name/value pair with form data.
+     */
     name?: SynSwitch["name"];
     /**
-  * The current value of the switch, submitted as a name/value pair with form data.
-   */
+     * The current value of the switch, submitted as a name/value pair with form data.
+     */
     value?: SynSwitch["value"];
     /**
-  * The switch's size.
-   */
+     * The switch's size.
+     */
     size?: SynSwitch["size"];
     /**
-  * Disables the switch.
-   */
+     * Disables the switch.
+     */
     disabled?: SynSwitch["disabled"];
     /**
-  * Draws the switch in a checked state.
-   */
+     * Draws the switch in a checked state.
+     */
     checked?: SynSwitch["checked"];
     /**
   * By default, form controls are associated with the nearest containing `<form>` element.
@@ -36,17 +41,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     form?: SynSwitch["form"];
     /**
-  * Makes the switch a required field.
-   */
+     * Makes the switch a required field.
+     */
     required?: SynSwitch["required"];
     /**
-  * The switch's help text.
-  * If you need to display HTML, use the `help-text` slot instead.
-   */
+     * The switch's help text.
+     * If you need to display HTML, use the `help-text` slot instead.
+     */
     helpText?: SynSwitch["helpText"];
     /**
-  * Support for two way data binding
-   */
+     * Support for two way data binding
+     */
     modelValue?: SynSwitch["checked"];
 }>, {
     nativeElement: import("vue").Ref<SynSwitch | undefined>;
@@ -60,24 +65,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     title?: SynSwitch["title"];
     /**
-  * The name of the switch, submitted as a name/value pair with form data.
-   */
+     * The name of the switch, submitted as a name/value pair with form data.
+     */
     name?: SynSwitch["name"];
     /**
-  * The current value of the switch, submitted as a name/value pair with form data.
-   */
+     * The current value of the switch, submitted as a name/value pair with form data.
+     */
     value?: SynSwitch["value"];
     /**
-  * The switch's size.
-   */
+     * The switch's size.
+     */
     size?: SynSwitch["size"];
     /**
-  * Disables the switch.
-   */
+     * Disables the switch.
+     */
     disabled?: SynSwitch["disabled"];
     /**
-  * Draws the switch in a checked state.
-   */
+     * Draws the switch in a checked state.
+     */
     checked?: SynSwitch["checked"];
     /**
   * By default, form controls are associated with the nearest containing `<form>` element.
@@ -88,17 +93,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     form?: SynSwitch["form"];
     /**
-  * Makes the switch a required field.
-   */
+     * Makes the switch a required field.
+     */
     required?: SynSwitch["required"];
     /**
-  * The switch's help text.
-  * If you need to display HTML, use the `help-text` slot instead.
-   */
+     * The switch's help text.
+     * If you need to display HTML, use the `help-text` slot instead.
+     */
     helpText?: SynSwitch["helpText"];
     /**
-  * Support for two way data binding
-   */
+     * Support for two way data binding
+     */
     modelValue?: SynSwitch["checked"];
 }>>> & {
     "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;

package/dist/components/SynVueTab.vue.d.ts

@@ -1,23 +1,24 @@
 import '@synergy-design-system/components/components/tab/tab.js';
-import type { SynCloseEvent, SynTab } from '@synergy-design-system/components';
+import type { SynCloseEvent } from '@synergy-design-system/components';
+import type { SynTab } from '@synergy-design-system/components';
 export type { SynCloseEvent } from '@synergy-design-system/components';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
-  * The name of the tab panel this tab is associated with.
-  * The panel must be located in the same tab group.
-   */
+     * The name of the tab panel this tab is associated with.
+     * The panel must be located in the same tab group.
+     */
     panel?: SynTab["panel"];
     /**
-  * Draws the tab in an active state.
-   */
+     * Draws the tab in an active state.
+     */
     active?: SynTab["active"];
     /**
-  * Makes the tab closable and shows a close button.
-   */
+     * Makes the tab closable and shows a close button.
+     */
     closable?: SynTab["closable"];
     /**
-  * Disables the tab and prevents selection.
-   */
+     * Disables the tab and prevents selection.
+     */
     disabled?: SynTab["disabled"];
 }>, {
     nativeElement: import("vue").Ref<SynTab | undefined>;
@@ -25,21 +26,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "syn-close": (e: SynCloseEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
-  * The name of the tab panel this tab is associated with.
-  * The panel must be located in the same tab group.
-   */
+     * The name of the tab panel this tab is associated with.
+     * The panel must be located in the same tab group.
+     */
     panel?: SynTab["panel"];
     /**
-  * Draws the tab in an active state.
-   */
+     * Draws the tab in an active state.
+     */
     active?: SynTab["active"];
     /**
-  * Makes the tab closable and shows a close button.
-   */
+     * Makes the tab closable and shows a close button.
+     */
     closable?: SynTab["closable"];
     /**
-  * Disables the tab and prevents selection.
-   */
+     * Disables the tab and prevents selection.
+     */
     disabled?: SynTab["disabled"];
 }>>> & {
     "onSyn-close"?: ((e: SynCloseEvent) => any) | undefined;

package/dist/components/SynVueTabGroup.vue.d.ts

@@ -1,11 +1,13 @@
 import '@synergy-design-system/components/components/tab-group/tab-group.js';
-import type { SynTabGroup, SynTabHideEvent, SynTabShowEvent } from '@synergy-design-system/components';
+import type { SynTabShowEvent } from '@synergy-design-system/components';
+import type { SynTabHideEvent } from '@synergy-design-system/components';
+import type { SynTabGroup } from '@synergy-design-system/components';
 export type { SynTabShowEvent } from '@synergy-design-system/components';
 export type { SynTabHideEvent } from '@synergy-design-system/components';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
-  * The placement of the tabs.
-   */
+     * The placement of the tabs.
+     */
     placement?: SynTabGroup["placement"];
     /**
   * When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel.
@@ -14,17 +16,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     activation?: SynTabGroup["activation"];
     /**
-  * Disables the scroll arrows that appear when tabs overflow.
-   */
+     * Disables the scroll arrows that appear when tabs overflow.
+     */
     noScrollControls?: SynTabGroup["noScrollControls"];
     /**
-  * Draws the tab group as a contained element.
-   */
+     * Draws the tab group as a contained element.
+     */
     contained?: SynTabGroup["contained"];
     /**
-  * Draws the tab group with edges instead of roundings.
-  * Takes only effect if used with the 'contained' property
-   */
+     * Draws the tab group with edges instead of roundings.
+     * Takes only effect if used with the 'contained' property
+     */
     sharp?: SynTabGroup["sharp"];
 }>, {
     nativeElement: import("vue").Ref<SynTabGroup | undefined>;
@@ -33,8 +35,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "syn-tab-hide": (e: SynTabHideEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
-  * The placement of the tabs.
-   */
+     * The placement of the tabs.
+     */
     placement?: SynTabGroup["placement"];
     /**
   * When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel.
@@ -43,17 +45,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     activation?: SynTabGroup["activation"];
     /**
-  * Disables the scroll arrows that appear when tabs overflow.
-   */
+     * Disables the scroll arrows that appear when tabs overflow.
+     */
     noScrollControls?: SynTabGroup["noScrollControls"];
     /**
-  * Draws the tab group as a contained element.
-   */
+     * Draws the tab group as a contained element.
+     */
     contained?: SynTabGroup["contained"];
     /**
-  * Draws the tab group with edges instead of roundings.
-  * Takes only effect if used with the 'contained' property
-   */
+     * Draws the tab group with edges instead of roundings.
+     * Takes only effect if used with the 'contained' property
+     */
     sharp?: SynTabGroup["sharp"];
 }>>> & {
     "onSyn-tab-show"?: ((e: SynTabShowEvent) => any) | undefined;

package/dist/components/SynVueTabPanel.vue.d.ts

@@ -5,23 +5,23 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
-  * The tab panel's name.
-   */
+     * The tab panel's name.
+     */
     name?: SynTabPanel["name"];
     /**
-  * When true, the tab panel will be shown.
-   */
+     * When true, the tab panel will be shown.
+     */
     active?: SynTabPanel["active"];
 }>, {
     nativeElement: import("vue").Ref<SynTabPanel | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
-  * The tab panel's name.
-   */
+     * The tab panel's name.
+     */
     name?: SynTabPanel["name"];
     /**
-  * When true, the tab panel will be shown.
-   */
+     * When true, the tab panel will be shown.
+     */
     active?: SynTabPanel["active"];
 }>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/dist/components/SynVueTag.vue.d.ts

@@ -1,14 +1,15 @@
 import '@synergy-design-system/components/components/tag/tag.js';
-import type { SynRemoveEvent, SynTag } from '@synergy-design-system/components';
+import type { SynRemoveEvent } from '@synergy-design-system/components';
+import type { SynTag } from '@synergy-design-system/components';
 export type { SynRemoveEvent } from '@synergy-design-system/components';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
-  * The tag's size.
-   */
+     * The tag's size.
+     */
     size?: SynTag["size"];
     /**
-  * Makes the tag removable and shows a remove button.
-   */
+     * Makes the tag removable and shows a remove button.
+     */
     removable?: SynTag["removable"];
 }>, {
     nativeElement: import("vue").Ref<SynTag | undefined>;
@@ -16,12 +17,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "syn-remove": (e: SynRemoveEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
-  * The tag's size.
-   */
+     * The tag's size.
+     */
     size?: SynTag["size"];
     /**
-  * Makes the tag removable and shows a remove button.
-   */
+     * Makes the tag removable and shows a remove button.
+     */
     removable?: SynTag["removable"];
 }>>> & {
     "onSyn-remove"?: ((e: SynRemoveEvent) => any) | undefined;