@synergy-design-system/vue 2.11.6 → 2.11.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/components/SynVueAccordion.vue.d.ts +31 -21
- package/dist/components/SynVueAccordion.vue.js +33 -0
- package/dist/components/SynVueAccordion.vue2.js +4 -0
- package/dist/components/SynVueAlert.vue.d.ts +10 -15
- package/dist/components/SynVueAlert.vue.js +40 -0
- package/dist/components/SynVueAlert.vue2.js +4 -0
- package/dist/components/SynVueBadge.vue.d.ts +15 -13
- package/dist/components/SynVueBadge.vue.js +31 -0
- package/dist/components/SynVueBadge.vue2.js +4 -0
- package/dist/components/SynVueBreadcrumb.vue.d.ts +19 -15
- package/dist/components/SynVueBreadcrumb.vue.js +31 -0
- package/dist/components/SynVueBreadcrumb.vue2.js +4 -0
- package/dist/components/SynVueBreadcrumbItem.vue.d.ts +36 -21
- package/dist/components/SynVueBreadcrumbItem.vue.js +33 -0
- package/dist/components/SynVueBreadcrumbItem.vue2.js +4 -0
- package/dist/components/SynVueButton.vue.d.ts +6 -10
- package/dist/components/SynVueButton.vue.js +54 -0
- package/dist/components/SynVueButton.vue2.js +4 -0
- package/dist/components/SynVueButtonGroup.vue.d.ts +19 -15
- package/dist/components/SynVueButtonGroup.vue.js +31 -0
- package/dist/components/SynVueButtonGroup.vue2.js +4 -0
- package/dist/components/SynVueCard.vue.d.ts +19 -15
- package/dist/components/SynVueCard.vue.js +31 -0
- package/dist/components/SynVueCard.vue2.js +4 -0
- package/dist/components/SynVueCheckbox.vue.d.ts +10 -16
- package/dist/components/SynVueCheckbox.vue.js +53 -0
- package/dist/components/SynVueCheckbox.vue2.js +4 -0
- package/dist/components/SynVueCombobox.vue.d.ts +20 -32
- package/dist/components/SynVueCombobox.vue.js +64 -0
- package/dist/components/SynVueCombobox.vue2.js +4 -0
- package/dist/components/SynVueDetails.vue.d.ts +10 -15
- package/dist/components/SynVueDetails.vue.js +41 -0
- package/dist/components/SynVueDetails.vue2.js +4 -0
- package/dist/components/SynVueDialog.vue.d.ts +10 -17
- package/dist/components/SynVueDialog.vue.js +41 -0
- package/dist/components/SynVueDialog.vue2.js +4 -0
- package/dist/components/SynVueDivider.vue.d.ts +11 -8
- package/dist/components/SynVueDivider.vue.js +29 -0
- package/dist/components/SynVueDivider.vue2.js +4 -0
- package/dist/components/SynVueDrawer.vue.d.ts +10 -17
- package/dist/components/SynVueDrawer.vue.js +43 -0
- package/dist/components/SynVueDrawer.vue2.js +4 -0
- package/dist/components/SynVueDropdown.vue.d.ts +10 -15
- package/dist/components/SynVueDropdown.vue.js +45 -0
- package/dist/components/SynVueDropdown.vue2.js +4 -0
- package/dist/components/SynVueFile.vue.d.ts +10 -16
- package/dist/components/SynVueFile.vue.js +58 -0
- package/dist/components/SynVueFile.vue2.js +4 -0
- package/dist/components/SynVueHeader.vue.d.ts +6 -10
- package/dist/components/SynVueHeader.vue.js +37 -0
- package/dist/components/SynVueHeader.vue2.js +4 -0
- package/dist/components/SynVueIcon.vue.d.ts +6 -9
- package/dist/components/SynVueIcon.vue.js +36 -0
- package/dist/components/SynVueIcon.vue2.js +4 -0
- package/dist/components/SynVueIconButton.vue.d.ts +6 -9
- package/dist/components/SynVueIconButton.vue.js +42 -0
- package/dist/components/SynVueIconButton.vue2.js +4 -0
- package/dist/components/SynVueInput.vue.d.ts +12 -19
- package/dist/components/SynVueInput.vue.js +73 -0
- package/dist/components/SynVueInput.vue2.js +4 -0
- package/dist/components/SynVueMenu.vue.d.ts +6 -8
- package/dist/components/SynVueMenu.vue.js +24 -0
- package/dist/components/SynVueMenu.vue2.js +4 -0
- package/dist/components/SynVueMenuItem.vue.d.ts +43 -23
- package/dist/components/SynVueMenuItem.vue.js +35 -0
- package/dist/components/SynVueMenuItem.vue2.js +4 -0
- package/dist/components/SynVueMenuLabel.vue.d.ts +5 -7
- package/dist/components/SynVueMenuLabel.vue.js +22 -0
- package/dist/components/SynVueMenuLabel.vue2.js +4 -0
- package/dist/components/SynVueNavItem.vue.d.ts +10 -15
- package/dist/components/SynVueNavItem.vue.js +43 -0
- package/dist/components/SynVueNavItem.vue2.js +4 -0
- package/dist/components/SynVueOptgroup.vue.d.ts +25 -18
- package/dist/components/SynVueOptgroup.vue.js +32 -0
- package/dist/components/SynVueOptgroup.vue2.js +4 -0
- package/dist/components/SynVueOption.vue.d.ts +31 -20
- package/dist/components/SynVueOption.vue.js +32 -0
- package/dist/components/SynVueOption.vue2.js +4 -0
- package/dist/components/SynVuePopup.vue.d.ts +6 -8
- package/dist/components/SynVuePopup.vue.js +55 -0
- package/dist/components/SynVuePopup.vue2.js +4 -0
- package/dist/components/SynVuePrioNav.vue.d.ts +5 -7
- package/dist/components/SynVuePrioNav.vue.js +22 -0
- package/dist/components/SynVuePrioNav.vue2.js +4 -0
- package/dist/components/SynVueProgressBar.vue.d.ts +31 -21
- package/dist/components/SynVueProgressBar.vue.js +33 -0
- package/dist/components/SynVueProgressBar.vue2.js +4 -0
- package/dist/components/SynVueProgressRing.vue.d.ts +23 -17
- package/dist/components/SynVueProgressRing.vue.js +32 -0
- package/dist/components/SynVueProgressRing.vue2.js +4 -0
- package/dist/components/SynVueRadio.vue.d.ts +6 -9
- package/dist/components/SynVueRadio.vue.js +37 -0
- package/dist/components/SynVueRadio.vue2.js +4 -0
- package/dist/components/SynVueRadioButton.vue.d.ts +6 -9
- package/dist/components/SynVueRadioButton.vue.js +38 -0
- package/dist/components/SynVueRadioButton.vue2.js +4 -0
- package/dist/components/SynVueRadioGroup.vue.d.ts +8 -12
- package/dist/components/SynVueRadioGroup.vue.js +48 -0
- package/dist/components/SynVueRadioGroup.vue2.js +4 -0
- package/dist/components/SynVueRange.vue.d.ts +12 -19
- package/dist/components/SynVueRange.vue.js +56 -0
- package/dist/components/SynVueRange.vue2.js +4 -0
- package/dist/components/SynVueRangeTick.vue.d.ts +15 -13
- package/dist/components/SynVueRangeTick.vue.js +31 -0
- package/dist/components/SynVueRangeTick.vue2.js +4 -0
- package/dist/components/SynVueSelect.vue.d.ts +18 -29
- package/dist/components/SynVueSelect.vue.js +64 -0
- package/dist/components/SynVueSelect.vue2.js +4 -0
- package/dist/components/SynVueSideNav.vue.d.ts +10 -15
- package/dist/components/SynVueSideNav.vue.js +39 -0
- package/dist/components/SynVueSideNav.vue2.js +4 -0
- package/dist/components/SynVueSpinner.vue.d.ts +4 -5
- package/dist/components/SynVueSpinner.vue.js +20 -0
- package/dist/components/SynVueSpinner.vue2.js +4 -0
- package/dist/components/SynVueSwitch.vue.d.ts +10 -16
- package/dist/components/SynVueSwitch.vue.js +52 -0
- package/dist/components/SynVueSwitch.vue2.js +4 -0
- package/dist/components/SynVueTab.vue.d.ts +6 -8
- package/dist/components/SynVueTab.vue.js +37 -0
- package/dist/components/SynVueTab.vue2.js +4 -0
- package/dist/components/SynVueTabGroup.vue.d.ts +8 -11
- package/dist/components/SynVueTabGroup.vue.js +40 -0
- package/dist/components/SynVueTabGroup.vue2.js +4 -0
- package/dist/components/SynVueTabPanel.vue.d.ts +23 -17
- package/dist/components/SynVueTabPanel.vue.js +32 -0
- package/dist/components/SynVueTabPanel.vue2.js +4 -0
- package/dist/components/SynVueTag.vue.d.ts +6 -8
- package/dist/components/SynVueTag.vue.js +35 -0
- package/dist/components/SynVueTag.vue2.js +4 -0
- package/dist/components/SynVueTextarea.vue.d.ts +10 -16
- package/dist/components/SynVueTextarea.vue.js +65 -0
- package/dist/components/SynVueTextarea.vue2.js +4 -0
- package/dist/components/SynVueTooltip.vue.d.ts +10 -15
- package/dist/components/SynVueTooltip.vue.js +44 -0
- package/dist/components/SynVueTooltip.vue2.js +4 -0
- package/dist/index.d.ts +45 -45
- package/dist/index.js +92 -0
- package/package.json +11 -4
- /package/src/{index.js → index.ts} +0 -0
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
|
|
2
|
+
import "@synergy-design-system/components/components/tab/tab.js";
|
|
3
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
|
+
__name: "SynVueTab",
|
|
5
|
+
props: {
|
|
6
|
+
panel: {},
|
|
7
|
+
active: {},
|
|
8
|
+
closable: {},
|
|
9
|
+
disabled: {}
|
|
10
|
+
},
|
|
11
|
+
emits: ["syn-close"],
|
|
12
|
+
setup(__props, { expose: __expose }) {
|
|
13
|
+
const nativeElement = ref();
|
|
14
|
+
__expose({
|
|
15
|
+
nativeElement
|
|
16
|
+
});
|
|
17
|
+
const props = __props;
|
|
18
|
+
const visibleProps = computed(
|
|
19
|
+
() => Object.fromEntries(
|
|
20
|
+
Object.entries(props).filter(([, value]) => typeof value !== "undefined")
|
|
21
|
+
)
|
|
22
|
+
);
|
|
23
|
+
return (_ctx, _cache) => {
|
|
24
|
+
return openBlock(), createElementBlock("syn-tab", mergeProps({
|
|
25
|
+
onSynClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("syn-close", $event))
|
|
26
|
+
}, visibleProps.value, {
|
|
27
|
+
ref_key: "nativeElement",
|
|
28
|
+
ref: nativeElement
|
|
29
|
+
}), [
|
|
30
|
+
renderSlot(_ctx.$slots, "default")
|
|
31
|
+
], 16);
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
export {
|
|
36
|
+
_sfc_main as default
|
|
37
|
+
};
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
import '@synergy-design-system/components
|
|
2
|
-
import type { SynTabShowEvent } from '@synergy-design-system/components';
|
|
3
|
-
import type { SynTabHideEvent } from '@synergy-design-system/components';
|
|
4
|
-
import type { SynTabGroup } from '@synergy-design-system/components';
|
|
1
|
+
import { SynTabShowEvent, SynTabHideEvent, SynTabGroup } from '@synergy-design-system/components';
|
|
5
2
|
export type { SynTabShowEvent } from '@synergy-design-system/components';
|
|
6
3
|
export type { SynTabHideEvent } from '@synergy-design-system/components';
|
|
7
|
-
declare const _default: __VLS_WithTemplateSlots<import(
|
|
4
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
|
|
8
5
|
/**
|
|
9
6
|
* The placement of the tabs.
|
|
10
7
|
*/
|
|
@@ -33,11 +30,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
33
30
|
*/
|
|
34
31
|
fixedScrollControls?: SynTabGroup["fixedScrollControls"];
|
|
35
32
|
}, {
|
|
36
|
-
nativeElement: import(
|
|
37
|
-
}, {}, {}, {}, import(
|
|
38
|
-
"syn-tab-hide": (e: SynTabHideEvent) => any;
|
|
33
|
+
nativeElement: import('vue').Ref<SynTabGroup | undefined, SynTabGroup | undefined>;
|
|
34
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
39
35
|
"syn-tab-show": (e: SynTabShowEvent) => any;
|
|
40
|
-
|
|
36
|
+
"syn-tab-hide": (e: SynTabHideEvent) => any;
|
|
37
|
+
}, string, import('vue').PublicProps, Readonly<{
|
|
41
38
|
/**
|
|
42
39
|
* The placement of the tabs.
|
|
43
40
|
*/
|
|
@@ -66,9 +63,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
66
63
|
*/
|
|
67
64
|
fixedScrollControls?: SynTabGroup["fixedScrollControls"];
|
|
68
65
|
}> & Readonly<{
|
|
69
|
-
"onSyn-tab-hide"?: ((e: SynTabHideEvent) => any) | undefined;
|
|
70
66
|
"onSyn-tab-show"?: ((e: SynTabShowEvent) => any) | undefined;
|
|
71
|
-
|
|
67
|
+
"onSyn-tab-hide"?: ((e: SynTabHideEvent) => any) | undefined;
|
|
68
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
72
69
|
default?(_: {}): any;
|
|
73
70
|
}>;
|
|
74
71
|
export default _default;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
|
|
2
|
+
import "@synergy-design-system/components/components/tab-group/tab-group.js";
|
|
3
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
|
+
__name: "SynVueTabGroup",
|
|
5
|
+
props: {
|
|
6
|
+
placement: {},
|
|
7
|
+
activation: {},
|
|
8
|
+
noScrollControls: {},
|
|
9
|
+
contained: {},
|
|
10
|
+
sharp: {},
|
|
11
|
+
fixedScrollControls: {}
|
|
12
|
+
},
|
|
13
|
+
emits: ["syn-tab-show", "syn-tab-hide"],
|
|
14
|
+
setup(__props, { expose: __expose }) {
|
|
15
|
+
const nativeElement = ref();
|
|
16
|
+
__expose({
|
|
17
|
+
nativeElement
|
|
18
|
+
});
|
|
19
|
+
const props = __props;
|
|
20
|
+
const visibleProps = computed(
|
|
21
|
+
() => Object.fromEntries(
|
|
22
|
+
Object.entries(props).filter(([, value]) => typeof value !== "undefined")
|
|
23
|
+
)
|
|
24
|
+
);
|
|
25
|
+
return (_ctx, _cache) => {
|
|
26
|
+
return openBlock(), createElementBlock("syn-tab-group", mergeProps({
|
|
27
|
+
onSynTabShow: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("syn-tab-show", $event)),
|
|
28
|
+
onSynTabHide: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("syn-tab-hide", $event))
|
|
29
|
+
}, visibleProps.value, {
|
|
30
|
+
ref_key: "nativeElement",
|
|
31
|
+
ref: nativeElement
|
|
32
|
+
}), [
|
|
33
|
+
renderSlot(_ctx.$slots, "default")
|
|
34
|
+
], 16);
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
export {
|
|
39
|
+
_sfc_main as default
|
|
40
|
+
};
|
|
@@ -1,29 +1,35 @@
|
|
|
1
|
-
import '@synergy-design-system/components
|
|
2
|
-
import type { SynTabPanel } from '@synergy-design-system/components';
|
|
3
|
-
type __VLS_Props = {
|
|
4
|
-
/**
|
|
5
|
-
* The tab panel's name.
|
|
6
|
-
*/
|
|
7
|
-
name?: SynTabPanel['name'];
|
|
8
|
-
/**
|
|
9
|
-
* When true, the tab panel will be shown.
|
|
10
|
-
*/
|
|
11
|
-
active?: SynTabPanel['active'];
|
|
12
|
-
};
|
|
1
|
+
import { SynTabPanel } from '@synergy-design-system/components';
|
|
13
2
|
declare function __VLS_template(): {
|
|
14
|
-
attrs: Partial<{}>;
|
|
15
3
|
slots: {
|
|
16
4
|
default?(_: {}): any;
|
|
17
5
|
};
|
|
18
6
|
refs: {
|
|
19
7
|
nativeElement: unknown;
|
|
20
8
|
};
|
|
21
|
-
|
|
9
|
+
attrs: Partial<{}>;
|
|
22
10
|
};
|
|
23
11
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
24
|
-
declare const __VLS_component: import(
|
|
25
|
-
|
|
26
|
-
|
|
12
|
+
declare const __VLS_component: import('vue').DefineComponent<{
|
|
13
|
+
/**
|
|
14
|
+
* The tab panel's name.
|
|
15
|
+
*/
|
|
16
|
+
name?: SynTabPanel["name"];
|
|
17
|
+
/**
|
|
18
|
+
* When true, the tab panel will be shown.
|
|
19
|
+
*/
|
|
20
|
+
active?: SynTabPanel["active"];
|
|
21
|
+
}, {
|
|
22
|
+
nativeElement: import('vue').Ref<SynTabPanel | undefined, SynTabPanel | undefined>;
|
|
23
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
|
|
24
|
+
/**
|
|
25
|
+
* The tab panel's name.
|
|
26
|
+
*/
|
|
27
|
+
name?: SynTabPanel["name"];
|
|
28
|
+
/**
|
|
29
|
+
* When true, the tab panel will be shown.
|
|
30
|
+
*/
|
|
31
|
+
active?: SynTabPanel["active"];
|
|
32
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
27
33
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
28
34
|
export default _default;
|
|
29
35
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
|
|
2
|
+
import "@synergy-design-system/components/components/tab-panel/tab-panel.js";
|
|
3
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
|
+
__name: "SynVueTabPanel",
|
|
5
|
+
props: {
|
|
6
|
+
name: {},
|
|
7
|
+
active: {}
|
|
8
|
+
},
|
|
9
|
+
setup(__props, { expose: __expose }) {
|
|
10
|
+
const nativeElement = ref();
|
|
11
|
+
__expose({
|
|
12
|
+
nativeElement
|
|
13
|
+
});
|
|
14
|
+
const props = __props;
|
|
15
|
+
const visibleProps = computed(
|
|
16
|
+
() => Object.fromEntries(
|
|
17
|
+
Object.entries(props).filter(([, value]) => typeof value !== "undefined")
|
|
18
|
+
)
|
|
19
|
+
);
|
|
20
|
+
return (_ctx, _cache) => {
|
|
21
|
+
return openBlock(), createElementBlock("syn-tab-panel", mergeProps(visibleProps.value, {
|
|
22
|
+
ref_key: "nativeElement",
|
|
23
|
+
ref: nativeElement
|
|
24
|
+
}), [
|
|
25
|
+
renderSlot(_ctx.$slots, "default")
|
|
26
|
+
], 16);
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
export {
|
|
31
|
+
_sfc_main as default
|
|
32
|
+
};
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import '@synergy-design-system/components
|
|
2
|
-
import type { SynRemoveEvent } from '@synergy-design-system/components';
|
|
3
|
-
import type { SynTag } from '@synergy-design-system/components';
|
|
1
|
+
import { SynRemoveEvent, SynTag } from '@synergy-design-system/components';
|
|
4
2
|
export type { SynRemoveEvent } from '@synergy-design-system/components';
|
|
5
|
-
declare const _default: __VLS_WithTemplateSlots<import(
|
|
3
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
|
|
6
4
|
/**
|
|
7
5
|
* The tag's size.
|
|
8
6
|
*/
|
|
@@ -12,10 +10,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
12
10
|
*/
|
|
13
11
|
removable?: SynTag["removable"];
|
|
14
12
|
}, {
|
|
15
|
-
nativeElement: import(
|
|
16
|
-
}, {}, {}, {}, import(
|
|
13
|
+
nativeElement: import('vue').Ref<SynTag | undefined, SynTag | undefined>;
|
|
14
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
17
15
|
"syn-remove": (e: SynRemoveEvent) => any;
|
|
18
|
-
}, string, import(
|
|
16
|
+
}, string, import('vue').PublicProps, Readonly<{
|
|
19
17
|
/**
|
|
20
18
|
* The tag's size.
|
|
21
19
|
*/
|
|
@@ -26,7 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
26
24
|
removable?: SynTag["removable"];
|
|
27
25
|
}> & Readonly<{
|
|
28
26
|
"onSyn-remove"?: ((e: SynRemoveEvent) => any) | undefined;
|
|
29
|
-
}>, {}, {}, {}, {}, string, import(
|
|
27
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
30
28
|
default?(_: {}): any;
|
|
31
29
|
}>;
|
|
32
30
|
export default _default;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
|
|
2
|
+
import "@synergy-design-system/components/components/tag/tag.js";
|
|
3
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
|
+
__name: "SynVueTag",
|
|
5
|
+
props: {
|
|
6
|
+
size: {},
|
|
7
|
+
removable: {}
|
|
8
|
+
},
|
|
9
|
+
emits: ["syn-remove"],
|
|
10
|
+
setup(__props, { expose: __expose }) {
|
|
11
|
+
const nativeElement = ref();
|
|
12
|
+
__expose({
|
|
13
|
+
nativeElement
|
|
14
|
+
});
|
|
15
|
+
const props = __props;
|
|
16
|
+
const visibleProps = computed(
|
|
17
|
+
() => Object.fromEntries(
|
|
18
|
+
Object.entries(props).filter(([, value]) => typeof value !== "undefined")
|
|
19
|
+
)
|
|
20
|
+
);
|
|
21
|
+
return (_ctx, _cache) => {
|
|
22
|
+
return openBlock(), createElementBlock("syn-tag", mergeProps({
|
|
23
|
+
onSynRemove: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("syn-remove", $event))
|
|
24
|
+
}, visibleProps.value, {
|
|
25
|
+
ref_key: "nativeElement",
|
|
26
|
+
ref: nativeElement
|
|
27
|
+
}), [
|
|
28
|
+
renderSlot(_ctx.$slots, "default")
|
|
29
|
+
], 16);
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
export {
|
|
34
|
+
_sfc_main as default
|
|
35
|
+
};
|
|
@@ -1,16 +1,10 @@
|
|
|
1
|
-
import '@synergy-design-system/components
|
|
2
|
-
import type { SynBlurEvent } from '@synergy-design-system/components';
|
|
3
|
-
import type { SynChangeEvent } from '@synergy-design-system/components';
|
|
4
|
-
import type { SynFocusEvent } from '@synergy-design-system/components';
|
|
5
|
-
import type { SynInputEvent } from '@synergy-design-system/components';
|
|
6
|
-
import type { SynInvalidEvent } from '@synergy-design-system/components';
|
|
7
|
-
import type { SynTextarea } from '@synergy-design-system/components';
|
|
1
|
+
import { SynBlurEvent, SynChangeEvent, SynFocusEvent, SynInputEvent, SynInvalidEvent, SynTextarea } from '@synergy-design-system/components';
|
|
8
2
|
export type { SynBlurEvent } from '@synergy-design-system/components';
|
|
9
3
|
export type { SynChangeEvent } from '@synergy-design-system/components';
|
|
10
4
|
export type { SynFocusEvent } from '@synergy-design-system/components';
|
|
11
5
|
export type { SynInputEvent } from '@synergy-design-system/components';
|
|
12
6
|
export type { SynInvalidEvent } from '@synergy-design-system/components';
|
|
13
|
-
declare const _default: __VLS_WithTemplateSlots<import(
|
|
7
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
|
|
14
8
|
title?: SynTextarea["title"];
|
|
15
9
|
/**
|
|
16
10
|
* The name of the textarea, submitted as a name/value pair with form data.
|
|
@@ -110,15 +104,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
110
104
|
*/
|
|
111
105
|
modelValue?: SynTextarea["value"];
|
|
112
106
|
}, {
|
|
113
|
-
nativeElement: import(
|
|
114
|
-
}, {}, {}, {}, import(
|
|
107
|
+
nativeElement: import('vue').Ref<SynTextarea | undefined, SynTextarea | undefined>;
|
|
108
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
115
109
|
"syn-blur": (e: SynBlurEvent) => any;
|
|
116
|
-
"syn-change": (e: SynChangeEvent) => any;
|
|
117
110
|
"syn-focus": (e: SynFocusEvent) => any;
|
|
118
|
-
"syn-input": (e: SynInputEvent) => any;
|
|
119
111
|
"syn-invalid": (e: SynInvalidEvent) => any;
|
|
112
|
+
"syn-change": (e: SynChangeEvent) => any;
|
|
113
|
+
"syn-input": (e: SynInputEvent) => any;
|
|
120
114
|
"update:modelValue": (newValue: string) => any;
|
|
121
|
-
}, string, import(
|
|
115
|
+
}, string, import('vue').PublicProps, Readonly<{
|
|
122
116
|
title?: SynTextarea["title"];
|
|
123
117
|
/**
|
|
124
118
|
* The name of the textarea, submitted as a name/value pair with form data.
|
|
@@ -219,12 +213,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
219
213
|
modelValue?: SynTextarea["value"];
|
|
220
214
|
}> & Readonly<{
|
|
221
215
|
"onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
|
|
222
|
-
"onSyn-change"?: ((e: SynChangeEvent) => any) | undefined;
|
|
223
216
|
"onSyn-focus"?: ((e: SynFocusEvent) => any) | undefined;
|
|
224
|
-
"onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
|
|
225
217
|
"onSyn-invalid"?: ((e: SynInvalidEvent) => any) | undefined;
|
|
218
|
+
"onSyn-change"?: ((e: SynChangeEvent) => any) | undefined;
|
|
219
|
+
"onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
|
|
226
220
|
"onUpdate:modelValue"?: ((newValue: string) => any) | undefined;
|
|
227
|
-
}>, {}, {}, {}, {}, string, import(
|
|
221
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
228
222
|
default?(_: {}): any;
|
|
229
223
|
}>;
|
|
230
224
|
export default _default;
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
|
|
2
|
+
import "@synergy-design-system/components/components/textarea/textarea.js";
|
|
3
|
+
const _hoisted_1 = ["value"];
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "SynVueTextarea",
|
|
6
|
+
props: {
|
|
7
|
+
title: {},
|
|
8
|
+
name: {},
|
|
9
|
+
value: {},
|
|
10
|
+
size: {},
|
|
11
|
+
label: {},
|
|
12
|
+
helpText: {},
|
|
13
|
+
placeholder: {},
|
|
14
|
+
rows: {},
|
|
15
|
+
resize: {},
|
|
16
|
+
disabled: {},
|
|
17
|
+
readonly: {},
|
|
18
|
+
form: {},
|
|
19
|
+
required: {},
|
|
20
|
+
minlength: {},
|
|
21
|
+
maxlength: {},
|
|
22
|
+
autocapitalize: {},
|
|
23
|
+
autocorrect: {},
|
|
24
|
+
autocomplete: {},
|
|
25
|
+
autofocus: {},
|
|
26
|
+
enterkeyhint: {},
|
|
27
|
+
spellcheck: {},
|
|
28
|
+
inputmode: {},
|
|
29
|
+
modelValue: {}
|
|
30
|
+
},
|
|
31
|
+
emits: ["syn-blur", "syn-change", "syn-focus", "syn-input", "syn-invalid", "update:modelValue"],
|
|
32
|
+
setup(__props, { expose: __expose }) {
|
|
33
|
+
const nativeElement = ref();
|
|
34
|
+
__expose({
|
|
35
|
+
nativeElement
|
|
36
|
+
});
|
|
37
|
+
const props = __props;
|
|
38
|
+
const visibleProps = computed(
|
|
39
|
+
() => Object.fromEntries(
|
|
40
|
+
Object.entries(props).filter(([, value]) => typeof value !== "undefined")
|
|
41
|
+
)
|
|
42
|
+
);
|
|
43
|
+
return (_ctx, _cache) => {
|
|
44
|
+
return openBlock(), createElementBlock("syn-textarea", mergeProps({
|
|
45
|
+
onSynBlur: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("syn-blur", $event)),
|
|
46
|
+
onSynChange: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("syn-change", $event)),
|
|
47
|
+
onSynFocus: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("syn-focus", $event)),
|
|
48
|
+
onSynInput: _cache[3] || (_cache[3] = ($event) => {
|
|
49
|
+
_ctx.$emit("update:modelValue", $event.target.value);
|
|
50
|
+
_ctx.$emit("syn-input", $event);
|
|
51
|
+
}),
|
|
52
|
+
onSynInvalid: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("syn-invalid", $event)),
|
|
53
|
+
value: typeof props.modelValue !== "undefined" ? props.modelValue : typeof props.value !== "undefined" ? props.value : void 0
|
|
54
|
+
}, visibleProps.value, {
|
|
55
|
+
ref_key: "nativeElement",
|
|
56
|
+
ref: nativeElement
|
|
57
|
+
}), [
|
|
58
|
+
renderSlot(_ctx.$slots, "default")
|
|
59
|
+
], 16, _hoisted_1);
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
export {
|
|
64
|
+
_sfc_main as default
|
|
65
|
+
};
|
|
@@ -1,14 +1,9 @@
|
|
|
1
|
-
import '@synergy-design-system/components
|
|
2
|
-
import type { SynShowEvent } from '@synergy-design-system/components';
|
|
3
|
-
import type { SynAfterShowEvent } from '@synergy-design-system/components';
|
|
4
|
-
import type { SynHideEvent } from '@synergy-design-system/components';
|
|
5
|
-
import type { SynAfterHideEvent } from '@synergy-design-system/components';
|
|
6
|
-
import type { SynTooltip } from '@synergy-design-system/components';
|
|
1
|
+
import { SynShowEvent, SynAfterShowEvent, SynHideEvent, SynAfterHideEvent, SynTooltip } from '@synergy-design-system/components';
|
|
7
2
|
export type { SynShowEvent } from '@synergy-design-system/components';
|
|
8
3
|
export type { SynAfterShowEvent } from '@synergy-design-system/components';
|
|
9
4
|
export type { SynHideEvent } from '@synergy-design-system/components';
|
|
10
5
|
export type { SynAfterHideEvent } from '@synergy-design-system/components';
|
|
11
|
-
declare const _default: __VLS_WithTemplateSlots<import(
|
|
6
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
|
|
12
7
|
/**
|
|
13
8
|
* The tooltip's content.
|
|
14
9
|
* If you need to display HTML, use the `content` slot instead.
|
|
@@ -54,13 +49,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
54
49
|
*/
|
|
55
50
|
hoist?: SynTooltip["hoist"];
|
|
56
51
|
}, {
|
|
57
|
-
nativeElement: import(
|
|
58
|
-
}, {}, {}, {}, import(
|
|
59
|
-
"syn-
|
|
52
|
+
nativeElement: import('vue').Ref<SynTooltip | undefined, SynTooltip | undefined>;
|
|
53
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
54
|
+
"syn-show": (e: SynShowEvent) => any;
|
|
60
55
|
"syn-after-show": (e: SynAfterShowEvent) => any;
|
|
61
56
|
"syn-hide": (e: SynHideEvent) => any;
|
|
62
|
-
"syn-
|
|
63
|
-
}, string, import(
|
|
57
|
+
"syn-after-hide": (e: SynAfterHideEvent) => any;
|
|
58
|
+
}, string, import('vue').PublicProps, Readonly<{
|
|
64
59
|
/**
|
|
65
60
|
* The tooltip's content.
|
|
66
61
|
* If you need to display HTML, use the `content` slot instead.
|
|
@@ -106,11 +101,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
106
101
|
*/
|
|
107
102
|
hoist?: SynTooltip["hoist"];
|
|
108
103
|
}> & Readonly<{
|
|
109
|
-
"onSyn-
|
|
104
|
+
"onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
|
|
110
105
|
"onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
|
|
111
106
|
"onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
|
|
112
|
-
"onSyn-
|
|
113
|
-
}>, {}, {}, {}, {}, string, import(
|
|
107
|
+
"onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
|
|
108
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
114
109
|
default?(_: {}): any;
|
|
115
110
|
}>;
|
|
116
111
|
export default _default;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
|
|
2
|
+
import "@synergy-design-system/components/components/tooltip/tooltip.js";
|
|
3
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
|
+
__name: "SynVueTooltip",
|
|
5
|
+
props: {
|
|
6
|
+
content: {},
|
|
7
|
+
placement: {},
|
|
8
|
+
disabled: {},
|
|
9
|
+
distance: {},
|
|
10
|
+
open: {},
|
|
11
|
+
skidding: {},
|
|
12
|
+
trigger: {},
|
|
13
|
+
hoist: {}
|
|
14
|
+
},
|
|
15
|
+
emits: ["syn-show", "syn-after-show", "syn-hide", "syn-after-hide"],
|
|
16
|
+
setup(__props, { expose: __expose }) {
|
|
17
|
+
const nativeElement = ref();
|
|
18
|
+
__expose({
|
|
19
|
+
nativeElement
|
|
20
|
+
});
|
|
21
|
+
const props = __props;
|
|
22
|
+
const visibleProps = computed(
|
|
23
|
+
() => Object.fromEntries(
|
|
24
|
+
Object.entries(props).filter(([, value]) => typeof value !== "undefined")
|
|
25
|
+
)
|
|
26
|
+
);
|
|
27
|
+
return (_ctx, _cache) => {
|
|
28
|
+
return openBlock(), createElementBlock("syn-tooltip", mergeProps({
|
|
29
|
+
onSynShow: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("syn-show", $event)),
|
|
30
|
+
onSynAfterShow: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("syn-after-show", $event)),
|
|
31
|
+
onSynHide: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("syn-hide", $event)),
|
|
32
|
+
onSynAfterHide: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("syn-after-hide", $event))
|
|
33
|
+
}, visibleProps.value, {
|
|
34
|
+
ref_key: "nativeElement",
|
|
35
|
+
ref: nativeElement
|
|
36
|
+
}), [
|
|
37
|
+
renderSlot(_ctx.$slots, "default")
|
|
38
|
+
], 16);
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
export {
|
|
43
|
+
_sfc_main as default
|
|
44
|
+
};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
export { default as SynVueAccordion } from
|
|
2
|
-
export { default as SynVueAlert } from
|
|
3
|
-
export { default as SynVueBadge } from
|
|
4
|
-
export { default as SynVueBreadcrumb } from
|
|
5
|
-
export { default as SynVueBreadcrumbItem } from
|
|
6
|
-
export { default as SynVueButton } from
|
|
7
|
-
export { default as SynVueButtonGroup } from
|
|
8
|
-
export { default as SynVueCard } from
|
|
9
|
-
export { default as SynVueCheckbox } from
|
|
10
|
-
export { default as SynVueCombobox } from
|
|
11
|
-
export { default as SynVueDetails } from
|
|
12
|
-
export { default as SynVueDialog } from
|
|
13
|
-
export { default as SynVueDivider } from
|
|
14
|
-
export { default as SynVueDrawer } from
|
|
15
|
-
export { default as SynVueDropdown } from
|
|
16
|
-
export { default as SynVueFile } from
|
|
17
|
-
export { default as SynVueHeader } from
|
|
18
|
-
export { default as SynVueIcon } from
|
|
19
|
-
export { default as SynVueIconButton } from
|
|
20
|
-
export { default as SynVueInput } from
|
|
21
|
-
export { default as SynVueMenu } from
|
|
22
|
-
export { default as SynVueMenuItem } from
|
|
23
|
-
export { default as SynVueMenuLabel } from
|
|
24
|
-
export { default as SynVueNavItem } from
|
|
25
|
-
export { default as SynVueOptgroup } from
|
|
26
|
-
export { default as SynVueOption } from
|
|
27
|
-
export { default as SynVuePopup } from
|
|
28
|
-
export { default as SynVuePrioNav } from
|
|
29
|
-
export { default as SynVueProgressBar } from
|
|
30
|
-
export { default as SynVueProgressRing } from
|
|
31
|
-
export { default as SynVueRadio } from
|
|
32
|
-
export { default as SynVueRadioButton } from
|
|
33
|
-
export { default as SynVueRadioGroup } from
|
|
34
|
-
export { default as SynVueRange } from
|
|
35
|
-
export { default as SynVueRangeTick } from
|
|
36
|
-
export { default as SynVueSelect } from
|
|
37
|
-
export { default as SynVueSideNav } from
|
|
38
|
-
export { default as SynVueSpinner } from
|
|
39
|
-
export { default as SynVueSwitch } from
|
|
40
|
-
export { default as SynVueTab } from
|
|
41
|
-
export { default as SynVueTabGroup } from
|
|
42
|
-
export { default as SynVueTabPanel } from
|
|
43
|
-
export { default as SynVueTag } from
|
|
44
|
-
export { default as SynVueTextarea } from
|
|
45
|
-
export { default as SynVueTooltip } from
|
|
1
|
+
export { default as SynVueAccordion } from './components/SynVueAccordion.vue';
|
|
2
|
+
export { default as SynVueAlert } from './components/SynVueAlert.vue';
|
|
3
|
+
export { default as SynVueBadge } from './components/SynVueBadge.vue';
|
|
4
|
+
export { default as SynVueBreadcrumb } from './components/SynVueBreadcrumb.vue';
|
|
5
|
+
export { default as SynVueBreadcrumbItem } from './components/SynVueBreadcrumbItem.vue';
|
|
6
|
+
export { default as SynVueButton } from './components/SynVueButton.vue';
|
|
7
|
+
export { default as SynVueButtonGroup } from './components/SynVueButtonGroup.vue';
|
|
8
|
+
export { default as SynVueCard } from './components/SynVueCard.vue';
|
|
9
|
+
export { default as SynVueCheckbox } from './components/SynVueCheckbox.vue';
|
|
10
|
+
export { default as SynVueCombobox } from './components/SynVueCombobox.vue';
|
|
11
|
+
export { default as SynVueDetails } from './components/SynVueDetails.vue';
|
|
12
|
+
export { default as SynVueDialog } from './components/SynVueDialog.vue';
|
|
13
|
+
export { default as SynVueDivider } from './components/SynVueDivider.vue';
|
|
14
|
+
export { default as SynVueDrawer } from './components/SynVueDrawer.vue';
|
|
15
|
+
export { default as SynVueDropdown } from './components/SynVueDropdown.vue';
|
|
16
|
+
export { default as SynVueFile } from './components/SynVueFile.vue';
|
|
17
|
+
export { default as SynVueHeader } from './components/SynVueHeader.vue';
|
|
18
|
+
export { default as SynVueIcon } from './components/SynVueIcon.vue';
|
|
19
|
+
export { default as SynVueIconButton } from './components/SynVueIconButton.vue';
|
|
20
|
+
export { default as SynVueInput } from './components/SynVueInput.vue';
|
|
21
|
+
export { default as SynVueMenu } from './components/SynVueMenu.vue';
|
|
22
|
+
export { default as SynVueMenuItem } from './components/SynVueMenuItem.vue';
|
|
23
|
+
export { default as SynVueMenuLabel } from './components/SynVueMenuLabel.vue';
|
|
24
|
+
export { default as SynVueNavItem } from './components/SynVueNavItem.vue';
|
|
25
|
+
export { default as SynVueOptgroup } from './components/SynVueOptgroup.vue';
|
|
26
|
+
export { default as SynVueOption } from './components/SynVueOption.vue';
|
|
27
|
+
export { default as SynVuePopup } from './components/SynVuePopup.vue';
|
|
28
|
+
export { default as SynVuePrioNav } from './components/SynVuePrioNav.vue';
|
|
29
|
+
export { default as SynVueProgressBar } from './components/SynVueProgressBar.vue';
|
|
30
|
+
export { default as SynVueProgressRing } from './components/SynVueProgressRing.vue';
|
|
31
|
+
export { default as SynVueRadio } from './components/SynVueRadio.vue';
|
|
32
|
+
export { default as SynVueRadioButton } from './components/SynVueRadioButton.vue';
|
|
33
|
+
export { default as SynVueRadioGroup } from './components/SynVueRadioGroup.vue';
|
|
34
|
+
export { default as SynVueRange } from './components/SynVueRange.vue';
|
|
35
|
+
export { default as SynVueRangeTick } from './components/SynVueRangeTick.vue';
|
|
36
|
+
export { default as SynVueSelect } from './components/SynVueSelect.vue';
|
|
37
|
+
export { default as SynVueSideNav } from './components/SynVueSideNav.vue';
|
|
38
|
+
export { default as SynVueSpinner } from './components/SynVueSpinner.vue';
|
|
39
|
+
export { default as SynVueSwitch } from './components/SynVueSwitch.vue';
|
|
40
|
+
export { default as SynVueTab } from './components/SynVueTab.vue';
|
|
41
|
+
export { default as SynVueTabGroup } from './components/SynVueTabGroup.vue';
|
|
42
|
+
export { default as SynVueTabPanel } from './components/SynVueTabPanel.vue';
|
|
43
|
+
export { default as SynVueTag } from './components/SynVueTag.vue';
|
|
44
|
+
export { default as SynVueTextarea } from './components/SynVueTextarea.vue';
|
|
45
|
+
export { default as SynVueTooltip } from './components/SynVueTooltip.vue';
|