@synergy-design-system/vue 2.7.2 → 2.8.0

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

@@ -1,5 +1,11 @@
 import '@synergy-design-system/components/components/range/range.js';
-import type { SynBlurEvent, SynChangeEvent, SynFocusEvent, SynInputEvent, SynInvalidEvent, SynMoveEvent, SynRange } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynChangeEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
+import type { SynInputEvent } from '@synergy-design-system/components';
+import type { SynInvalidEvent } from '@synergy-design-system/components';
+import type { SynMoveEvent } from '@synergy-design-system/components';
+import type { SynRange } from '@synergy-design-system/components';
 export type { SynBlurEvent } from '@synergy-design-system/components';
 export type { SynChangeEvent } from '@synergy-design-system/components';
 export type { SynFocusEvent } from '@synergy-design-system/components';
@@ -8,47 +14,47 @@ export type { SynInvalidEvent } from '@synergy-design-system/components';
 export type { SynMoveEvent } from '@synergy-design-system/components';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
-  * The name of the range, submitted as a name/value pair with form data.
-   */
+     * The name of the range, submitted as a name/value pair with form data.
+     */
     name?: SynRange["name"];
     /**
-  * The range's label.
-  * If you need to display HTML, use the `label` slot instead.
-   */
+     * The range's label.
+     * If you need to display HTML, use the `label` slot instead.
+     */
     label?: SynRange["label"];
     /**
-  * The range's help text.
-  * If you need to display HTML, use the help-text slot instead.
-   */
+     * The range's help text.
+     * If you need to display HTML, use the help-text slot instead.
+     */
     helpText?: SynRange["helpText"];
     /**
-  * Disables the range.
-   */
+     * Disables the range.
+     */
     disabled?: SynRange["disabled"];
     /**
-  * The minimum acceptable value of the range.
-   */
+     * The minimum acceptable value of the range.
+     */
     min?: SynRange["min"];
     /**
-  * The maximum acceptable value of the range.
-   */
+     * The maximum acceptable value of the range.
+     */
     max?: SynRange["max"];
     /**
-  * The interval at which the range will increase and decrease.
-   */
+     * The interval at which the range will increase and decrease.
+     */
     step?: SynRange["step"];
     /**
-  * The range's size.
-   */
+     * The range's size.
+     */
     size?: SynRange["size"];
     /**
-  * The preferred placement of the range's tooltip.
-  * Use "none" to disable the tooltip
-   */
+     * The preferred placement of the range's tooltip.
+     * Use "none" to disable the tooltip
+     */
     tooltipPlacement?: SynRange["tooltipPlacement"];
     /**
-  * The current values of the input (in ascending order) as a string of space separated values
-   */
+     * The current values of the input (in ascending order) as a string of space separated values
+     */
     value?: SynRange["value"];
     /**
   * By default, form controls are associated with the nearest containing `<form>` element.
@@ -58,8 +64,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     form?: SynRange["form"];
     /**
-  * Support for two way data binding
-   */
+     * Support for two way data binding
+     */
     modelValue?: SynRange["value"];
 }>, {
     nativeElement: import("vue").Ref<SynRange | undefined>;
@@ -73,47 +79,47 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "syn-move": (e: SynMoveEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
-  * The name of the range, submitted as a name/value pair with form data.
-   */
+     * The name of the range, submitted as a name/value pair with form data.
+     */
     name?: SynRange["name"];
     /**
-  * The range's label.
-  * If you need to display HTML, use the `label` slot instead.
-   */
+     * The range's label.
+     * If you need to display HTML, use the `label` slot instead.
+     */
     label?: SynRange["label"];
     /**
-  * The range's help text.
-  * If you need to display HTML, use the help-text slot instead.
-   */
+     * The range's help text.
+     * If you need to display HTML, use the help-text slot instead.
+     */
     helpText?: SynRange["helpText"];
     /**
-  * Disables the range.
-   */
+     * Disables the range.
+     */
     disabled?: SynRange["disabled"];
     /**
-  * The minimum acceptable value of the range.
-   */
+     * The minimum acceptable value of the range.
+     */
     min?: SynRange["min"];
     /**
-  * The maximum acceptable value of the range.
-   */
+     * The maximum acceptable value of the range.
+     */
     max?: SynRange["max"];
     /**
-  * The interval at which the range will increase and decrease.
-   */
+     * The interval at which the range will increase and decrease.
+     */
     step?: SynRange["step"];
     /**
-  * The range's size.
-   */
+     * The range's size.
+     */
     size?: SynRange["size"];
     /**
-  * The preferred placement of the range's tooltip.
-  * Use "none" to disable the tooltip
-   */
+     * The preferred placement of the range's tooltip.
+     * Use "none" to disable the tooltip
+     */
     tooltipPlacement?: SynRange["tooltipPlacement"];
     /**
-  * The current values of the input (in ascending order) as a string of space separated values
-   */
+     * The current values of the input (in ascending order) as a string of space separated values
+     */
     value?: SynRange["value"];
     /**
   * By default, form controls are associated with the nearest containing `<form>` element.
@@ -123,8 +129,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     form?: SynRange["form"];
     /**
-  * Support for two way data binding
-   */
+     * Support for two way data binding
+     */
     modelValue?: SynRange["value"];
 }>>> & {
     "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;

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

@@ -5,15 +5,15 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
-  * Whether the tick should be shown as a subdivision.
-   */
+     * Whether the tick should be shown as a subdivision.
+     */
     subdivision?: SynRangeTick["subdivision"];
 }>, {
     nativeElement: import("vue").Ref<SynRangeTick | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
-  * Whether the tick should be shown as a subdivision.
-   */
+     * Whether the tick should be shown as a subdivision.
+     */
     subdivision?: SynRangeTick["subdivision"];
 }>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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;