@ironsource/shared-ui 2.1.11-rc.42 → 2.1.11-rc.43
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/DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css +1 -0
- package/components/dialog/v4/DialogV4.vue.d.ts +5 -0
- package/components/dialog/v4/DialogV4.vue.js +3 -3
- package/components/dialog/v4/DialogV4.vue2.js +52 -49
- package/components/dialog/v4/index.d.ts +20 -1
- package/index.d.ts +40 -2
- package/index.js +1 -1
- package/package.json +1 -1
- package/DialogV4.vue_vue_type_style_index_0_scoped_c65df8d7_lang.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.container[data-v-37da643b]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0;padding:0 var(--spacing-300)}.dialog[data-v-37da643b]{min-height:7rem;overflow-y:auto;box-shadow:var(--elevation-xl);max-height:calc(100% - var(--spacing-800));background:var(--background-model-elevation);border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-lg)}.dialog--medium[data-v-37da643b]{width:56.25rem}.dialog--small[data-v-37da643b]{width:37.5rem}.dialog--extraSmall[data-v-37da643b]{width:27.75rem}.header[data-v-37da643b]{position:relative;display:flex;align-items:flex-start;width:100%;padding:calc(var(--spacing-200) - 1px) var(--spacing-300);border-bottom:1px solid var(--common-divider);color:var(--text-primary)}.title[data-v-37da643b]{display:block;min-height:var(--spacing-300);margin-right:var(--spacing-300)}.subtitle[data-v-37da643b]{display:block;margin-top:var(--spacing-50);color:var(--text-secondary)}.close-button[data-v-37da643b]{color:var(--text-secondary);position:absolute;right:var(--spacing-250);top:calc(var(--spacing-200) - 3px)}.content[data-v-37da643b]{color:var(--text-primary);padding:var(--spacing-300);display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.content--no-padding[data-v-37da643b]{padding:0}.footer[data-v-37da643b]{height:30%;width:100%;border-top:1px solid var(--common-divider);display:flex;align-items:center}.action-buttons[data-v-37da643b]{margin-left:auto;padding:calc(var(--spacing-150) - 1px) var(--spacing-300);display:flex}.action-buttons[data-v-37da643b] .button-wrap:first-child{margin-right:var(--spacing-100)}.dialog-backdrop[data-v-37da643b]{position:fixed;z-index:-1;display:flex;background-color:var(--background-backdrop);align-items:center;justify-content:center;inset:0}.v-enter-active[data-v-37da643b],.v-leave-active[data-v-37da643b]{transition:opacity .25s ease}.v-enter-from[data-v-37da643b],.v-leave-to[data-v-37da643b]{opacity:0}
|
|
@@ -22,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
22
22
|
cancelButtonLabel?: string;
|
|
23
23
|
cancelButtonColor?: string;
|
|
24
24
|
testId?: string;
|
|
25
|
+
noPadding?: boolean;
|
|
25
26
|
}>, {
|
|
26
27
|
content: any;
|
|
27
28
|
title: string;
|
|
@@ -44,6 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
44
45
|
cancelButtonLabel: string;
|
|
45
46
|
cancelButtonColor: string;
|
|
46
47
|
testId: string;
|
|
48
|
+
noPadding: boolean;
|
|
47
49
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
48
50
|
"update:modelValue": (value: boolean) => void;
|
|
49
51
|
open: () => void;
|
|
@@ -73,6 +75,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
73
75
|
cancelButtonLabel?: string;
|
|
74
76
|
cancelButtonColor?: string;
|
|
75
77
|
testId?: string;
|
|
78
|
+
noPadding?: boolean;
|
|
76
79
|
}>, {
|
|
77
80
|
content: any;
|
|
78
81
|
title: string;
|
|
@@ -95,6 +98,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
95
98
|
cancelButtonLabel: string;
|
|
96
99
|
cancelButtonColor: string;
|
|
97
100
|
testId: string;
|
|
101
|
+
noPadding: boolean;
|
|
98
102
|
}>>> & {
|
|
99
103
|
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
100
104
|
onClose?: (reason: Reason) => any;
|
|
@@ -123,6 +127,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
123
127
|
saveButtonColor: string;
|
|
124
128
|
cancelButtonLabel: string;
|
|
125
129
|
cancelButtonColor: string;
|
|
130
|
+
noPadding: boolean;
|
|
126
131
|
}>, {
|
|
127
132
|
header?(_: {}): any;
|
|
128
133
|
default?(_: {}): any;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./DialogV4.vue2.js";
|
|
2
2
|
/* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../DialogV4.
|
|
4
|
-
const
|
|
3
|
+
// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-37da643b"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import "../../../DialogV4.
|
|
2
|
-
import { NOOP as
|
|
1
|
+
import "../../../DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css"; import { defineComponent as L, openBlock as o, createBlock as u, Teleport as E, createVNode as A, Transition as P, withCtx as i, unref as t, createElementBlock as m, createElementVNode as y, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as l } from "vue";
|
|
2
|
+
import { NOOP as I } from "@vue/shared";
|
|
3
3
|
import b from "../../typography/v4/Typography.vue.js";
|
|
4
4
|
import O from "../../button/v4/ButtonV4.vue.js";
|
|
5
|
-
import
|
|
5
|
+
import S from "../../button/v4/IconButtonV4.vue.js";
|
|
6
6
|
import "../../button/v4/ButtonGroup.vue.js";
|
|
7
7
|
import "../../button/v4/ToggleButtonGroupAB.vue.js";
|
|
8
|
-
import { Reason as
|
|
9
|
-
import { dialogCommon as
|
|
8
|
+
import { Reason as g } from "../common/Reason.js";
|
|
9
|
+
import { dialogCommon as V } from "../common/Dialog.common.js";
|
|
10
10
|
import { DialogTestIdModifiers as a } from "../../../testids/index.js";
|
|
11
|
-
import { useTestIdAttrs as
|
|
12
|
-
import { useMagicKeys as
|
|
11
|
+
import { useTestIdAttrs as p } from "../../../utils/testIds.js";
|
|
12
|
+
import { useMagicKeys as D, whenever as R } from "@vueuse/core";
|
|
13
13
|
const $ = {
|
|
14
14
|
key: 0,
|
|
15
15
|
class: "container light-theme-v4"
|
|
@@ -40,104 +40,107 @@ const $ = {
|
|
|
40
40
|
saveButtonColor: { default: "primary" },
|
|
41
41
|
cancelButtonLabel: { default: "Cancel" },
|
|
42
42
|
cancelButtonColor: { default: "default" },
|
|
43
|
-
testId: { default: "" }
|
|
43
|
+
testId: { default: "" },
|
|
44
|
+
noPadding: { type: Boolean, default: !1 }
|
|
44
45
|
},
|
|
45
46
|
emits: ["update:modelValue", "open", "close", "save", "cancel"],
|
|
46
|
-
setup(
|
|
47
|
-
const r =
|
|
47
|
+
setup(e, { emit: C }) {
|
|
48
|
+
const r = e, { escape: w } = D(), n = p(r.testId, a), { visible: h, handleClose: v } = V(r, C);
|
|
48
49
|
R(w, () => {
|
|
49
|
-
|
|
50
|
+
h.value && r.escapeToClose && !r.saveButtonLoading && v(g.Escape);
|
|
50
51
|
});
|
|
51
52
|
const N = () => {
|
|
52
|
-
const { closeOnClickOutside: c, saveButtonLoading:
|
|
53
|
-
c && !
|
|
53
|
+
const { closeOnClickOutside: c, saveButtonLoading: d } = r;
|
|
54
|
+
c && !d ? v(g.Backdrop) : I();
|
|
54
55
|
};
|
|
55
|
-
return (c,
|
|
56
|
+
return (c, d) => (o(), u(E, {
|
|
56
57
|
to: "body",
|
|
57
|
-
disabled: !
|
|
58
|
+
disabled: !e.appendToBody
|
|
58
59
|
}, [
|
|
59
|
-
A(
|
|
60
|
+
A(P, null, {
|
|
60
61
|
default: i(() => [
|
|
61
|
-
|
|
62
|
-
y("div",
|
|
63
|
-
class: ["dialog", [`dialog--${
|
|
64
|
-
},
|
|
65
|
-
|
|
62
|
+
t(h) ? (o(), m("div", $, [
|
|
63
|
+
y("div", s({
|
|
64
|
+
class: ["dialog", [`dialog--${e.size}`]]
|
|
65
|
+
}, t(n)[t(a).WRAPPER]), [
|
|
66
|
+
e.title || e.subtitle || e.showCloseButton ? (o(), m("header", s({
|
|
66
67
|
key: 0,
|
|
67
68
|
class: "header"
|
|
68
|
-
},
|
|
69
|
+
}, t(n)[t(a).HEADER]), [
|
|
69
70
|
y("div", F, [
|
|
70
71
|
k(c.$slots, "header", {}, () => [
|
|
71
|
-
|
|
72
|
+
e.title ? (o(), u(t(b), {
|
|
72
73
|
key: 0,
|
|
73
74
|
variant: "h3"
|
|
74
75
|
}, {
|
|
75
76
|
default: i(() => [
|
|
76
|
-
f(B(
|
|
77
|
+
f(B(e.title), 1)
|
|
77
78
|
]),
|
|
78
79
|
_: 1
|
|
79
80
|
})) : l("", !0),
|
|
80
|
-
|
|
81
|
+
e.subtitle ? (o(), u(t(b), {
|
|
81
82
|
key: 1,
|
|
82
83
|
class: "subtitle",
|
|
83
84
|
variant: "body1"
|
|
84
85
|
}, {
|
|
85
86
|
default: i(() => [
|
|
86
|
-
f(B(
|
|
87
|
+
f(B(e.subtitle), 1)
|
|
87
88
|
]),
|
|
88
89
|
_: 1
|
|
89
90
|
})) : l("", !0)
|
|
90
91
|
], !0)
|
|
91
92
|
]),
|
|
92
|
-
|
|
93
|
+
e.showCloseButton ? (o(), u(t(S), s({
|
|
93
94
|
key: 0,
|
|
94
95
|
class: "close-button",
|
|
95
96
|
"icon-name": "x",
|
|
96
|
-
disabled:
|
|
97
|
-
},
|
|
98
|
-
onClick:
|
|
97
|
+
disabled: e.saveButtonLoading
|
|
98
|
+
}, t(n)[t(a).ACTION_CLOSE], {
|
|
99
|
+
onClick: d[0] || (d[0] = (T) => t(v)(t(g).CloseButton))
|
|
99
100
|
}), null, 16, ["disabled"])) : l("", !0)
|
|
100
101
|
], 16)) : l("", !0),
|
|
101
|
-
y("div",
|
|
102
|
+
y("div", s({
|
|
103
|
+
class: ["content", { "content--no-padding": e.noPadding }]
|
|
104
|
+
}, t(n)[t(a).CONTENT]), [
|
|
102
105
|
k(c.$slots, "default", {}, () => [
|
|
103
|
-
|
|
106
|
+
e.content ? (o(), u(t(b), {
|
|
104
107
|
key: 0,
|
|
105
108
|
variant: "body1"
|
|
106
109
|
}, {
|
|
107
110
|
default: i(() => [
|
|
108
|
-
f(B(
|
|
111
|
+
f(B(e.content), 1)
|
|
109
112
|
]),
|
|
110
113
|
_: 1
|
|
111
114
|
})) : l("", !0)
|
|
112
115
|
], !0)
|
|
113
116
|
], 16),
|
|
114
|
-
|
|
115
|
-
y("div",
|
|
117
|
+
e.showFooter ? (o(), m("footer", U, [
|
|
118
|
+
y("div", s({ class: "action-buttons" }, t(n)[t(a).ACTION_BUTTONS_WRAPPER]), [
|
|
116
119
|
k(c.$slots, "footer", {}, () => [
|
|
117
|
-
|
|
120
|
+
e.showCancelButton ? (o(), u(t(O), s({
|
|
118
121
|
key: 0,
|
|
119
122
|
class: "form-action",
|
|
120
123
|
variant: "outlined",
|
|
121
|
-
color:
|
|
122
|
-
disabled:
|
|
123
|
-
},
|
|
124
|
-
onClick:
|
|
124
|
+
color: e.cancelButtonColor,
|
|
125
|
+
disabled: e.saveButtonLoading
|
|
126
|
+
}, t(n)[t(a).CANCEL_BUTTON], {
|
|
127
|
+
onClick: d[1] || (d[1] = (T) => C("cancel"))
|
|
125
128
|
}), {
|
|
126
129
|
default: i(() => [
|
|
127
|
-
f(B(
|
|
130
|
+
f(B(e.cancelButtonLabel), 1)
|
|
128
131
|
]),
|
|
129
132
|
_: 1
|
|
130
133
|
}, 16, ["color", "disabled"])) : l("", !0),
|
|
131
|
-
|
|
134
|
+
e.showSaveButton ? (o(), u(t(O), s({
|
|
132
135
|
key: 1,
|
|
133
136
|
class: "form-action",
|
|
134
|
-
loading:
|
|
135
|
-
color:
|
|
136
|
-
},
|
|
137
|
-
onClick:
|
|
137
|
+
loading: e.saveButtonLoading,
|
|
138
|
+
color: e.saveButtonColor
|
|
139
|
+
}, t(n)[t(a).SAVE_BUTTON], {
|
|
140
|
+
onClick: d[2] || (d[2] = (T) => C("save"))
|
|
138
141
|
}), {
|
|
139
142
|
default: i(() => [
|
|
140
|
-
f(B(
|
|
143
|
+
f(B(e.saveButtonLabel), 1)
|
|
141
144
|
]),
|
|
142
145
|
_: 1
|
|
143
146
|
}, 16, ["loading", "color"])) : l("", !0)
|
|
@@ -145,10 +148,10 @@ const $ = {
|
|
|
145
148
|
], 16)
|
|
146
149
|
])) : l("", !0)
|
|
147
150
|
], 16),
|
|
148
|
-
|
|
151
|
+
e.showBackdrop ? (o(), m("div", s({
|
|
149
152
|
key: 0,
|
|
150
153
|
class: "dialog-backdrop"
|
|
151
|
-
},
|
|
154
|
+
}, t(n)[t(a).BACKDROP], { onClick: N }), null, 16)) : l("", !0)
|
|
152
155
|
])) : l("", !0)
|
|
153
156
|
]),
|
|
154
157
|
_: 3
|
|
@@ -25,6 +25,7 @@ declare const DialogTypes: () => ({
|
|
|
25
25
|
saveButtonColor: string;
|
|
26
26
|
cancelButtonLabel: string;
|
|
27
27
|
cancelButtonColor: string;
|
|
28
|
+
noPadding: boolean;
|
|
28
29
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
29
30
|
title: {
|
|
30
31
|
type: import("vue").PropType<string>;
|
|
@@ -114,13 +115,17 @@ declare const DialogTypes: () => ({
|
|
|
114
115
|
type: import("vue").PropType<string>;
|
|
115
116
|
default: string;
|
|
116
117
|
};
|
|
118
|
+
noPadding: {
|
|
119
|
+
type: import("vue").PropType<boolean>;
|
|
120
|
+
default: boolean;
|
|
121
|
+
};
|
|
117
122
|
}>> & {
|
|
118
123
|
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
119
124
|
onClose?: (reason: import("../v3").Reason) => any;
|
|
120
125
|
onCancel?: () => any;
|
|
121
126
|
onOpen?: () => any;
|
|
122
127
|
onSave?: () => any;
|
|
123
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
|
|
128
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor" | "noPadding">;
|
|
124
129
|
$attrs: {
|
|
125
130
|
[x: string]: unknown;
|
|
126
131
|
};
|
|
@@ -223,6 +228,10 @@ declare const DialogTypes: () => ({
|
|
|
223
228
|
type: import("vue").PropType<string>;
|
|
224
229
|
default: string;
|
|
225
230
|
};
|
|
231
|
+
noPadding: {
|
|
232
|
+
type: import("vue").PropType<boolean>;
|
|
233
|
+
default: boolean;
|
|
234
|
+
};
|
|
226
235
|
}>> & {
|
|
227
236
|
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
228
237
|
onClose?: (reason: import("../v3").Reason) => any;
|
|
@@ -257,6 +266,7 @@ declare const DialogTypes: () => ({
|
|
|
257
266
|
saveButtonColor: string;
|
|
258
267
|
cancelButtonLabel: string;
|
|
259
268
|
cancelButtonColor: string;
|
|
269
|
+
noPadding: boolean;
|
|
260
270
|
}, {}, string> & {
|
|
261
271
|
beforeCreate?: (() => void) | (() => void)[];
|
|
262
272
|
created?: (() => void) | (() => void)[];
|
|
@@ -366,6 +376,10 @@ declare const DialogTypes: () => ({
|
|
|
366
376
|
type: import("vue").PropType<string>;
|
|
367
377
|
default: string;
|
|
368
378
|
};
|
|
379
|
+
noPadding: {
|
|
380
|
+
type: import("vue").PropType<boolean>;
|
|
381
|
+
default: boolean;
|
|
382
|
+
};
|
|
369
383
|
}>> & {
|
|
370
384
|
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
371
385
|
onClose?: (reason: import("../v3").Reason) => any;
|
|
@@ -465,6 +479,10 @@ declare const DialogTypes: () => ({
|
|
|
465
479
|
type: import("vue").PropType<string>;
|
|
466
480
|
default: string;
|
|
467
481
|
};
|
|
482
|
+
noPadding: {
|
|
483
|
+
type: import("vue").PropType<boolean>;
|
|
484
|
+
default: boolean;
|
|
485
|
+
};
|
|
468
486
|
}>> & {
|
|
469
487
|
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
470
488
|
onClose?: (reason: import("../v3").Reason) => any;
|
|
@@ -499,6 +517,7 @@ declare const DialogTypes: () => ({
|
|
|
499
517
|
saveButtonColor: string;
|
|
500
518
|
cancelButtonLabel: string;
|
|
501
519
|
cancelButtonColor: string;
|
|
520
|
+
noPadding: boolean;
|
|
502
521
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
503
522
|
$slots: {
|
|
504
523
|
header?(_: {}): any;
|
package/index.d.ts
CHANGED
|
@@ -10338,6 +10338,7 @@ declare const _default: {
|
|
|
10338
10338
|
saveButtonColor: string;
|
|
10339
10339
|
cancelButtonLabel: string;
|
|
10340
10340
|
cancelButtonColor: string;
|
|
10341
|
+
noPadding: boolean;
|
|
10341
10342
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
10342
10343
|
title: {
|
|
10343
10344
|
type: import("vue").PropType<string>;
|
|
@@ -10427,13 +10428,17 @@ declare const _default: {
|
|
|
10427
10428
|
type: import("vue").PropType<string>;
|
|
10428
10429
|
default: string;
|
|
10429
10430
|
};
|
|
10431
|
+
noPadding: {
|
|
10432
|
+
type: import("vue").PropType<boolean>;
|
|
10433
|
+
default: boolean;
|
|
10434
|
+
};
|
|
10430
10435
|
}>> & {
|
|
10431
10436
|
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
10432
10437
|
onClose?: (reason: dialogV3.Reason) => any;
|
|
10433
10438
|
onCancel?: () => any;
|
|
10434
10439
|
onOpen?: () => any;
|
|
10435
10440
|
onSave?: () => any;
|
|
10436
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
|
|
10441
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor" | "noPadding">;
|
|
10437
10442
|
$attrs: {
|
|
10438
10443
|
[x: string]: unknown;
|
|
10439
10444
|
};
|
|
@@ -10536,6 +10541,10 @@ declare const _default: {
|
|
|
10536
10541
|
type: import("vue").PropType<string>;
|
|
10537
10542
|
default: string;
|
|
10538
10543
|
};
|
|
10544
|
+
noPadding: {
|
|
10545
|
+
type: import("vue").PropType<boolean>;
|
|
10546
|
+
default: boolean;
|
|
10547
|
+
};
|
|
10539
10548
|
}>> & {
|
|
10540
10549
|
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
10541
10550
|
onClose?: (reason: dialogV3.Reason) => any;
|
|
@@ -10570,6 +10579,7 @@ declare const _default: {
|
|
|
10570
10579
|
saveButtonColor: string;
|
|
10571
10580
|
cancelButtonLabel: string;
|
|
10572
10581
|
cancelButtonColor: string;
|
|
10582
|
+
noPadding: boolean;
|
|
10573
10583
|
}, {}, string> & {
|
|
10574
10584
|
beforeCreate?: (() => void) | (() => void)[];
|
|
10575
10585
|
created?: (() => void) | (() => void)[];
|
|
@@ -10679,6 +10689,10 @@ declare const _default: {
|
|
|
10679
10689
|
type: import("vue").PropType<string>;
|
|
10680
10690
|
default: string;
|
|
10681
10691
|
};
|
|
10692
|
+
noPadding: {
|
|
10693
|
+
type: import("vue").PropType<boolean>;
|
|
10694
|
+
default: boolean;
|
|
10695
|
+
};
|
|
10682
10696
|
}>> & {
|
|
10683
10697
|
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
10684
10698
|
onClose?: (reason: dialogV3.Reason) => any;
|
|
@@ -10778,6 +10792,10 @@ declare const _default: {
|
|
|
10778
10792
|
type: import("vue").PropType<string>;
|
|
10779
10793
|
default: string;
|
|
10780
10794
|
};
|
|
10795
|
+
noPadding: {
|
|
10796
|
+
type: import("vue").PropType<boolean>;
|
|
10797
|
+
default: boolean;
|
|
10798
|
+
};
|
|
10781
10799
|
}>> & {
|
|
10782
10800
|
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
10783
10801
|
onClose?: (reason: dialogV3.Reason) => any;
|
|
@@ -10812,6 +10830,7 @@ declare const _default: {
|
|
|
10812
10830
|
saveButtonColor: string;
|
|
10813
10831
|
cancelButtonLabel: string;
|
|
10814
10832
|
cancelButtonColor: string;
|
|
10833
|
+
noPadding: boolean;
|
|
10815
10834
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
10816
10835
|
$slots: {
|
|
10817
10836
|
header?(_: {}): any;
|
|
@@ -10845,6 +10864,7 @@ declare const _default: {
|
|
|
10845
10864
|
saveButtonColor: string;
|
|
10846
10865
|
cancelButtonLabel: string;
|
|
10847
10866
|
cancelButtonColor: string;
|
|
10867
|
+
noPadding: boolean;
|
|
10848
10868
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
10849
10869
|
title: {
|
|
10850
10870
|
type: import("vue").PropType<string>;
|
|
@@ -10934,13 +10954,17 @@ declare const _default: {
|
|
|
10934
10954
|
type: import("vue").PropType<string>;
|
|
10935
10955
|
default: string;
|
|
10936
10956
|
};
|
|
10957
|
+
noPadding: {
|
|
10958
|
+
type: import("vue").PropType<boolean>;
|
|
10959
|
+
default: boolean;
|
|
10960
|
+
};
|
|
10937
10961
|
}>> & {
|
|
10938
10962
|
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
10939
10963
|
onClose?: (reason: dialogV3.Reason) => any;
|
|
10940
10964
|
onCancel?: () => any;
|
|
10941
10965
|
onOpen?: () => any;
|
|
10942
10966
|
onSave?: () => any;
|
|
10943
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
|
|
10967
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor" | "noPadding">;
|
|
10944
10968
|
$attrs: {
|
|
10945
10969
|
[x: string]: unknown;
|
|
10946
10970
|
};
|
|
@@ -11043,6 +11067,10 @@ declare const _default: {
|
|
|
11043
11067
|
type: import("vue").PropType<string>;
|
|
11044
11068
|
default: string;
|
|
11045
11069
|
};
|
|
11070
|
+
noPadding: {
|
|
11071
|
+
type: import("vue").PropType<boolean>;
|
|
11072
|
+
default: boolean;
|
|
11073
|
+
};
|
|
11046
11074
|
}>> & {
|
|
11047
11075
|
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
11048
11076
|
onClose?: (reason: dialogV3.Reason) => any;
|
|
@@ -11077,6 +11105,7 @@ declare const _default: {
|
|
|
11077
11105
|
saveButtonColor: string;
|
|
11078
11106
|
cancelButtonLabel: string;
|
|
11079
11107
|
cancelButtonColor: string;
|
|
11108
|
+
noPadding: boolean;
|
|
11080
11109
|
}, {}, string> & {
|
|
11081
11110
|
beforeCreate?: (() => void) | (() => void)[];
|
|
11082
11111
|
created?: (() => void) | (() => void)[];
|
|
@@ -11186,6 +11215,10 @@ declare const _default: {
|
|
|
11186
11215
|
type: import("vue").PropType<string>;
|
|
11187
11216
|
default: string;
|
|
11188
11217
|
};
|
|
11218
|
+
noPadding: {
|
|
11219
|
+
type: import("vue").PropType<boolean>;
|
|
11220
|
+
default: boolean;
|
|
11221
|
+
};
|
|
11189
11222
|
}>> & {
|
|
11190
11223
|
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
11191
11224
|
onClose?: (reason: dialogV3.Reason) => any;
|
|
@@ -11285,6 +11318,10 @@ declare const _default: {
|
|
|
11285
11318
|
type: import("vue").PropType<string>;
|
|
11286
11319
|
default: string;
|
|
11287
11320
|
};
|
|
11321
|
+
noPadding: {
|
|
11322
|
+
type: import("vue").PropType<boolean>;
|
|
11323
|
+
default: boolean;
|
|
11324
|
+
};
|
|
11288
11325
|
}>> & {
|
|
11289
11326
|
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
11290
11327
|
onClose?: (reason: dialogV3.Reason) => any;
|
|
@@ -11319,6 +11356,7 @@ declare const _default: {
|
|
|
11319
11356
|
saveButtonColor: string;
|
|
11320
11357
|
cancelButtonLabel: string;
|
|
11321
11358
|
cancelButtonColor: string;
|
|
11359
|
+
noPadding: boolean;
|
|
11322
11360
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
11323
11361
|
$slots: {
|
|
11324
11362
|
header?(_: {}): any;
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_lang.css';
|
|
2
2
|
import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
|
|
3
3
|
import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
|
|
4
4
|
import { MenuItemTypes as po } from "./components/menuItem/index.js";
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.container[data-v-c65df8d7]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0;padding:0 var(--spacing-300)}.dialog[data-v-c65df8d7]{min-height:7rem;overflow-y:auto;box-shadow:var(--elevation-xl);max-height:calc(100% - var(--spacing-800));background:var(--background-model-elevation);border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-lg)}.dialog--medium[data-v-c65df8d7]{width:56.25rem}.dialog--small[data-v-c65df8d7]{width:37.5rem}.dialog--extraSmall[data-v-c65df8d7]{width:27.75rem}.header[data-v-c65df8d7]{position:relative;display:flex;align-items:flex-start;width:100%;padding:calc(var(--spacing-200) - 1px) var(--spacing-300);border-bottom:1px solid var(--common-divider);color:var(--text-primary)}.title[data-v-c65df8d7]{display:block;min-height:var(--spacing-300);margin-right:var(--spacing-300)}.subtitle[data-v-c65df8d7]{display:block;margin-top:var(--spacing-50);color:var(--text-secondary)}.close-button[data-v-c65df8d7]{color:var(--text-secondary);position:absolute;right:var(--spacing-250);top:calc(var(--spacing-200) - 3px)}.content[data-v-c65df8d7]{color:var(--text-primary);padding:var(--spacing-300);display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.footer[data-v-c65df8d7]{height:30%;width:100%;border-top:1px solid var(--common-divider);display:flex;align-items:center}.action-buttons[data-v-c65df8d7]{margin-left:auto;padding:calc(var(--spacing-150) - 1px) var(--spacing-300);display:flex}.action-buttons[data-v-c65df8d7] .button-wrap:first-child{margin-right:var(--spacing-100)}.dialog-backdrop[data-v-c65df8d7]{position:fixed;z-index:-1;display:flex;background-color:var(--background-backdrop);align-items:center;justify-content:center;inset:0}.v-enter-active[data-v-c65df8d7],.v-leave-active[data-v-c65df8d7]{transition:opacity .25s ease}.v-enter-from[data-v-c65df8d7],.v-leave-to[data-v-c65df8d7]{opacity:0}
|