@progress/kendo-react-inputs 11.0.0-develop.1 → 11.0.0-develop.11
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/colors/ColorPicker.js +1 -1
- package/colors/ColorPicker.mjs +125 -124
- package/colors/FlatColorPicker.js +1 -1
- package/colors/FlatColorPicker.mjs +70 -70
- package/colors/utils/misc.js +1 -1
- package/colors/utils/misc.mjs +3 -3
- package/common/AdaptiveMode.js +1 -1
- package/common/AdaptiveMode.mjs +10 -9
- package/dist/cdn/js/kendo-react-inputs.js +1 -1
- package/index.d.mts +31 -1
- package/index.d.ts +31 -1
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +10 -10
|
@@ -5,18 +5,18 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import * as
|
|
8
|
+
import * as t from "react";
|
|
9
9
|
import l from "prop-types";
|
|
10
|
-
import { validatePackage as ee, Navigation as
|
|
10
|
+
import { validatePackage as ee, Navigation as te, getActiveElement as _, disableNavigatableContainer as K, keepFocusInContainer as ae, focusFirstFocusableChild as le, enableNavigatableContainer as ne, getTabIndex as oe, classNames as V, kendoThemeMaps as ie, WatermarkOverlay as re } from "@progress/kendo-react-common";
|
|
11
11
|
import { ButtonGroup as L, Button as s } from "@progress/kendo-react-buttons";
|
|
12
12
|
import { dropletSliderIcon as M, paletteIcon as G, dropletSlashIcon as ce } from "@progress/kendo-svg-icons";
|
|
13
13
|
import { ColorPalette as de } from "./ColorPalette.mjs";
|
|
14
14
|
import { ColorGradient as se } from "./ColorGradient.mjs";
|
|
15
15
|
import { packageMetadata as ue } from "../package-metadata.mjs";
|
|
16
16
|
import { useLocalization as ve } from "@progress/kendo-react-intl";
|
|
17
|
-
import { flatColorPickerColorGradientBtn as k, messages as u, flatColorPickerColorPaletteBtn as C, flatColorPickerClearBtn as O,
|
|
18
|
-
const T =
|
|
19
|
-
const H = !ee(ue, { component: "FlatColorPicker" }), f =
|
|
17
|
+
import { flatColorPickerColorGradientBtn as k, messages as u, flatColorPickerColorPaletteBtn as C, flatColorPickerClearBtn as O, flatColorPickerApplyBtn as ge, flatColorPickerCancelBtn as me } from "../messages/index.mjs";
|
|
18
|
+
const T = t.forwardRef((e, D) => {
|
|
19
|
+
const H = !ee(ue, { component: "FlatColorPicker" }), f = t.useRef(null), y = t.useRef(null), W = t.useRef(null), {
|
|
20
20
|
defaultValue: b,
|
|
21
21
|
showButtons: w = !0,
|
|
22
22
|
showPreview: q = !0,
|
|
@@ -25,18 +25,18 @@ const T = a.forwardRef((e, D) => {
|
|
|
25
25
|
views: r = h ? void 0 : ["gradient", "palette"],
|
|
26
26
|
activeView: P = "gradient",
|
|
27
27
|
size: o = "medium"
|
|
28
|
-
} = e, [v, j] =
|
|
28
|
+
} = e, [v, j] = t.useState(
|
|
29
29
|
(h || "ColorGradient") === "ColorGradient"
|
|
30
|
-
), [d, x] =
|
|
30
|
+
), [d, x] = t.useState(
|
|
31
31
|
(r != null ? r : [])[0] === "gradient" && P === "gradient"
|
|
32
|
-
), [i, E] =
|
|
33
|
-
|
|
32
|
+
), [i, E] = t.useState(e.value || b || void 0), [g, I] = t.useState(e.value || b || void 0), B = e.value !== void 0 ? e.value : void 0;
|
|
33
|
+
t.useEffect(() => {
|
|
34
34
|
E(e.value);
|
|
35
35
|
}, [e.value]);
|
|
36
|
-
const m = ve(), R =
|
|
36
|
+
const m = ve(), R = t.useCallback(() => {
|
|
37
37
|
f.current && f.current.focus();
|
|
38
38
|
}, [f]);
|
|
39
|
-
|
|
39
|
+
t.useImperativeHandle(
|
|
40
40
|
f,
|
|
41
41
|
() => ({
|
|
42
42
|
element: y.current,
|
|
@@ -45,106 +45,106 @@ const T = a.forwardRef((e, D) => {
|
|
|
45
45
|
value: B
|
|
46
46
|
}),
|
|
47
47
|
[B, R, e]
|
|
48
|
-
),
|
|
49
|
-
const A =
|
|
50
|
-
(
|
|
51
|
-
(
|
|
48
|
+
), t.useImperativeHandle(D, () => f.current);
|
|
49
|
+
const A = t.useCallback(
|
|
50
|
+
(a) => {
|
|
51
|
+
(a === "ColorGradient" && !v || a === "ColorPalette" && v) && j(!v);
|
|
52
52
|
},
|
|
53
53
|
[v]
|
|
54
|
-
), N =
|
|
55
|
-
(
|
|
56
|
-
|
|
54
|
+
), N = t.useCallback(
|
|
55
|
+
(a) => {
|
|
56
|
+
a === "gradient" && !d || a === "palette" && d || a === "palette" && P === "gradient" ? x(!d) : a === "gradient" && P === "palette" && x(!0);
|
|
57
57
|
},
|
|
58
58
|
[P, d]
|
|
59
|
-
), J =
|
|
60
|
-
(
|
|
59
|
+
), J = t.useCallback(
|
|
60
|
+
(a) => {
|
|
61
61
|
var c;
|
|
62
62
|
const n = b || void 0;
|
|
63
63
|
if (E(n), I(n), (c = e._gradientSettings) != null && c._adaptive && e.setAdaptiveModeValue && e.setAdaptiveModeValue(n), e.onPreviewChange) {
|
|
64
64
|
const S = {
|
|
65
65
|
value: n,
|
|
66
|
-
nativeEvent:
|
|
67
|
-
syntheticEvent:
|
|
66
|
+
nativeEvent: a.nativeEvent,
|
|
67
|
+
syntheticEvent: a
|
|
68
68
|
};
|
|
69
69
|
e.onPreviewChange.call(void 0, S);
|
|
70
70
|
}
|
|
71
71
|
},
|
|
72
72
|
[b, e.onPreviewChange]
|
|
73
|
-
), F =
|
|
74
|
-
(
|
|
73
|
+
), F = t.useCallback(
|
|
74
|
+
(a) => {
|
|
75
75
|
var n;
|
|
76
|
-
if (E(
|
|
76
|
+
if (E(a.value), e.onPreviewChange) {
|
|
77
77
|
const c = {
|
|
78
|
-
value:
|
|
79
|
-
nativeEvent:
|
|
80
|
-
syntheticEvent:
|
|
78
|
+
value: a.value,
|
|
79
|
+
nativeEvent: a.nativeEvent,
|
|
80
|
+
syntheticEvent: a.syntheticEvent
|
|
81
81
|
};
|
|
82
82
|
e.onPreviewChange.call(void 0, c);
|
|
83
83
|
}
|
|
84
|
-
(n = e._gradientSettings) != null && n._adaptive && e.setAdaptiveModeValue && e.setAdaptiveModeValue(
|
|
84
|
+
(n = e._gradientSettings) != null && n._adaptive && e.setAdaptiveModeValue && e.setAdaptiveModeValue(a.value);
|
|
85
85
|
},
|
|
86
86
|
[e.onPreviewChange]
|
|
87
|
-
), Q =
|
|
88
|
-
(
|
|
87
|
+
), Q = t.useCallback(
|
|
88
|
+
(a) => {
|
|
89
89
|
if (i !== void 0 && I(i), e.onChange) {
|
|
90
90
|
const n = {
|
|
91
91
|
value: i,
|
|
92
|
-
nativeEvent:
|
|
93
|
-
syntheticEvent:
|
|
92
|
+
nativeEvent: a.nativeEvent,
|
|
93
|
+
syntheticEvent: a
|
|
94
94
|
};
|
|
95
95
|
e.onChange.call(void 0, n);
|
|
96
96
|
}
|
|
97
97
|
},
|
|
98
98
|
[i, e.onChange]
|
|
99
|
-
), U =
|
|
99
|
+
), U = t.useCallback(() => {
|
|
100
100
|
E(g), e.setOpen && e.setOpen(!1);
|
|
101
|
-
}, [g]), X =
|
|
102
|
-
(
|
|
101
|
+
}, [g]), X = t.useCallback(
|
|
102
|
+
(a) => {
|
|
103
103
|
if (E(g), e.onPreviewChange) {
|
|
104
104
|
const n = {
|
|
105
105
|
value: g,
|
|
106
|
-
nativeEvent:
|
|
107
|
-
syntheticEvent:
|
|
106
|
+
nativeEvent: a.nativeEvent,
|
|
107
|
+
syntheticEvent: a
|
|
108
108
|
};
|
|
109
109
|
e.onPreviewChange.call(void 0, n);
|
|
110
110
|
}
|
|
111
111
|
},
|
|
112
112
|
[g, e.onPreviewChange]
|
|
113
|
-
), Y =
|
|
114
|
-
(
|
|
113
|
+
), Y = t.useCallback(
|
|
114
|
+
(a) => {
|
|
115
115
|
var c, S;
|
|
116
|
-
if ((!
|
|
116
|
+
if ((!a.relatedTarget || !((c = y.current) != null && c.contains(a.relatedTarget))) && !((S = e._gradientSettings) != null && S._adaptive) && (!w && i !== void 0 && I(i), !w && e.onChange)) {
|
|
117
117
|
const p = {
|
|
118
118
|
value: i,
|
|
119
|
-
nativeEvent:
|
|
120
|
-
syntheticEvent:
|
|
119
|
+
nativeEvent: a.nativeEvent,
|
|
120
|
+
syntheticEvent: a
|
|
121
121
|
};
|
|
122
122
|
e.onChange.call(void 0, p);
|
|
123
123
|
}
|
|
124
124
|
},
|
|
125
125
|
[i, w, e.onChange]
|
|
126
|
-
), z =
|
|
127
|
-
() => new
|
|
126
|
+
), z = t.useMemo(
|
|
127
|
+
() => new te({
|
|
128
128
|
root: y,
|
|
129
129
|
selectors: [".k-coloreditor"],
|
|
130
130
|
tabIndex: 0,
|
|
131
131
|
keyboardEvents: {
|
|
132
132
|
keydown: {
|
|
133
|
-
Tab: (
|
|
134
|
-
_(document) ===
|
|
133
|
+
Tab: (a, n, c) => {
|
|
134
|
+
_(document) === a ? K(a) : ae(c, a);
|
|
135
135
|
},
|
|
136
|
-
Enter: (
|
|
137
|
-
_(document) ===
|
|
136
|
+
Enter: (a, n, c) => {
|
|
137
|
+
_(document) === a && (le(a), ne(a));
|
|
138
138
|
},
|
|
139
|
-
Escape: (
|
|
140
|
-
_(document) !==
|
|
139
|
+
Escape: (a, n, c) => {
|
|
140
|
+
_(document) !== a && (a.focus(), K(a));
|
|
141
141
|
}
|
|
142
142
|
}
|
|
143
143
|
}
|
|
144
144
|
}),
|
|
145
145
|
[]
|
|
146
|
-
), Z =
|
|
147
|
-
return /* @__PURE__ */
|
|
146
|
+
), Z = t.useCallback(z.triggerKeyboardEvent.bind(z), []);
|
|
147
|
+
return /* @__PURE__ */ t.createElement(
|
|
148
148
|
"div",
|
|
149
149
|
{
|
|
150
150
|
id: e.id,
|
|
@@ -166,7 +166,7 @@ const T = a.forwardRef((e, D) => {
|
|
|
166
166
|
onBlur: Y,
|
|
167
167
|
onKeyDown: Z
|
|
168
168
|
},
|
|
169
|
-
e.header || /* @__PURE__ */
|
|
169
|
+
e.header || /* @__PURE__ */ t.createElement("div", { className: "k-coloreditor-header k-hstack" }, /* @__PURE__ */ t.createElement("div", { className: "k-coloreditor-header-actions k-hstack" }, r && r[0] === "gradient" && r[1] === "palette" && /* @__PURE__ */ t.createElement(L, { className: "k-button-group-flat" }, /* @__PURE__ */ t.createElement(
|
|
170
170
|
s,
|
|
171
171
|
{
|
|
172
172
|
type: "button",
|
|
@@ -181,7 +181,7 @@ const T = a.forwardRef((e, D) => {
|
|
|
181
181
|
selected: d,
|
|
182
182
|
onClick: () => N("gradient")
|
|
183
183
|
}
|
|
184
|
-
), /* @__PURE__ */
|
|
184
|
+
), /* @__PURE__ */ t.createElement(
|
|
185
185
|
s,
|
|
186
186
|
{
|
|
187
187
|
type: "button",
|
|
@@ -196,7 +196,7 @@ const T = a.forwardRef((e, D) => {
|
|
|
196
196
|
selected: !d,
|
|
197
197
|
onClick: () => N("palette")
|
|
198
198
|
}
|
|
199
|
-
)), r && r[0] === "palette" && r[1] === "gradient" && /* @__PURE__ */
|
|
199
|
+
)), r && r[0] === "palette" && r[1] === "gradient" && /* @__PURE__ */ t.createElement(L, { className: "k-button-group-flat" }, /* @__PURE__ */ t.createElement(
|
|
200
200
|
s,
|
|
201
201
|
{
|
|
202
202
|
type: "button",
|
|
@@ -211,7 +211,7 @@ const T = a.forwardRef((e, D) => {
|
|
|
211
211
|
selected: !d,
|
|
212
212
|
onClick: () => N("palette")
|
|
213
213
|
}
|
|
214
|
-
), /* @__PURE__ */
|
|
214
|
+
), /* @__PURE__ */ t.createElement(
|
|
215
215
|
s,
|
|
216
216
|
{
|
|
217
217
|
type: "button",
|
|
@@ -226,7 +226,7 @@ const T = a.forwardRef((e, D) => {
|
|
|
226
226
|
selected: d,
|
|
227
227
|
onClick: () => N("gradient")
|
|
228
228
|
}
|
|
229
|
-
)), h && /* @__PURE__ */
|
|
229
|
+
)), h && /* @__PURE__ */ t.createElement(L, { className: "k-button-group-flat" }, /* @__PURE__ */ t.createElement(
|
|
230
230
|
s,
|
|
231
231
|
{
|
|
232
232
|
type: "button",
|
|
@@ -242,7 +242,7 @@ const T = a.forwardRef((e, D) => {
|
|
|
242
242
|
icon: "droplet-slider",
|
|
243
243
|
svgIcon: M
|
|
244
244
|
}
|
|
245
|
-
), /* @__PURE__ */
|
|
245
|
+
), /* @__PURE__ */ t.createElement(
|
|
246
246
|
s,
|
|
247
247
|
{
|
|
248
248
|
type: "button",
|
|
@@ -258,7 +258,7 @@ const T = a.forwardRef((e, D) => {
|
|
|
258
258
|
icon: "palette",
|
|
259
259
|
svgIcon: G
|
|
260
260
|
}
|
|
261
|
-
))), /* @__PURE__ */
|
|
261
|
+
))), /* @__PURE__ */ t.createElement("div", { className: "k-spacer" }), /* @__PURE__ */ t.createElement("div", { className: "k-coloreditor-header-actions k-hstack" }, $ && /* @__PURE__ */ t.createElement(
|
|
262
262
|
s,
|
|
263
263
|
{
|
|
264
264
|
type: "button",
|
|
@@ -272,21 +272,21 @@ const T = a.forwardRef((e, D) => {
|
|
|
272
272
|
icon: "droplet-slash",
|
|
273
273
|
svgIcon: ce
|
|
274
274
|
}
|
|
275
|
-
), q && /* @__PURE__ */
|
|
275
|
+
), q && /* @__PURE__ */ t.createElement("div", { className: "k-coloreditor-preview k-vstack" }, /* @__PURE__ */ t.createElement(
|
|
276
276
|
"span",
|
|
277
277
|
{
|
|
278
278
|
className: V("k-coloreditor-preview-color", "k-color-preview", {
|
|
279
279
|
"k-no-color": B === void 0
|
|
280
280
|
})
|
|
281
281
|
},
|
|
282
|
-
/* @__PURE__ */
|
|
282
|
+
/* @__PURE__ */ t.createElement(
|
|
283
283
|
"span",
|
|
284
284
|
{
|
|
285
285
|
className: "k-color-preview-mask",
|
|
286
286
|
style: { background: i || void 0 }
|
|
287
287
|
}
|
|
288
288
|
)
|
|
289
|
-
), /* @__PURE__ */
|
|
289
|
+
), /* @__PURE__ */ t.createElement(
|
|
290
290
|
"span",
|
|
291
291
|
{
|
|
292
292
|
className: V("k-coloreditor-current-color", "k-color-preview", {
|
|
@@ -294,15 +294,15 @@ const T = a.forwardRef((e, D) => {
|
|
|
294
294
|
}),
|
|
295
295
|
onClick: X
|
|
296
296
|
},
|
|
297
|
-
/* @__PURE__ */
|
|
297
|
+
/* @__PURE__ */ t.createElement(
|
|
298
298
|
"span",
|
|
299
299
|
{
|
|
300
300
|
className: "k-color-preview-mask",
|
|
301
301
|
style: { background: g || void 0 }
|
|
302
302
|
}
|
|
303
303
|
)
|
|
304
|
-
))), H && /* @__PURE__ */
|
|
305
|
-
/* @__PURE__ */
|
|
304
|
+
))), H && /* @__PURE__ */ t.createElement(re, null)),
|
|
305
|
+
/* @__PURE__ */ t.createElement("div", { className: "k-coloreditor-views k-vstack" }, (h && v || r && d) && /* @__PURE__ */ t.createElement(
|
|
306
306
|
se,
|
|
307
307
|
{
|
|
308
308
|
ref: W,
|
|
@@ -316,7 +316,7 @@ const T = a.forwardRef((e, D) => {
|
|
|
316
316
|
_adaptive: e._gradientSettings ? e._gradientSettings._adaptive : void 0,
|
|
317
317
|
...e._gradientSettings
|
|
318
318
|
}
|
|
319
|
-
), (h && !v || r && !d) && /* @__PURE__ */
|
|
319
|
+
), (h && !v || r && !d) && /* @__PURE__ */ t.createElement(
|
|
320
320
|
de,
|
|
321
321
|
{
|
|
322
322
|
ariaDisabled: !0,
|
|
@@ -327,7 +327,7 @@ const T = a.forwardRef((e, D) => {
|
|
|
327
327
|
...e._paletteSettings
|
|
328
328
|
}
|
|
329
329
|
)),
|
|
330
|
-
w && /* @__PURE__ */
|
|
330
|
+
w && /* @__PURE__ */ t.createElement("div", { className: "k-coloreditor-footer k-actions k-actions-start k-actions-horizontal" }, /* @__PURE__ */ t.createElement(
|
|
331
331
|
s,
|
|
332
332
|
{
|
|
333
333
|
type: "button",
|
|
@@ -336,8 +336,8 @@ const T = a.forwardRef((e, D) => {
|
|
|
336
336
|
size: o,
|
|
337
337
|
onClick: Q
|
|
338
338
|
},
|
|
339
|
-
u[
|
|
340
|
-
))
|
|
339
|
+
u[ge]
|
|
340
|
+
), /* @__PURE__ */ t.createElement(s, { type: "button", className: "k-coloreditor-cancel", size: o, onClick: U }, u[me]))
|
|
341
341
|
);
|
|
342
342
|
}), ke = {
|
|
343
343
|
id: l.string,
|
package/colors/utils/misc.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=t=>t!=null,
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=t=>t!=null&&t!=="",r=(t,s,i)=>!o(t)||isNaN(t)||t<=s?s:t>=i?i:t;exports.fitIntoBounds=r;exports.isPresent=o;
|
package/colors/utils/misc.mjs
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
const
|
|
8
|
+
const f = (s) => s != null && s !== "", o = (s, t, i) => !f(s) || isNaN(s) || s <= t ? t : s >= i ? i : s;
|
|
9
9
|
export {
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
o as fitIntoBounds,
|
|
11
|
+
f as isPresent
|
|
12
12
|
};
|
package/common/AdaptiveMode.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react"),s=require("@progress/kendo-react-layout"),v=require("@progress/kendo-svg-icons"),i=require("@progress/kendo-react-buttons"),y=require("@progress/kendo-react-common");function h(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const n=h(k),C=e=>{const{windowWidth:t=0,children:a,navigatable:l,navigatableElements:d,expand:u,animation:m,title:p,subTitle:b,footer:o,onClose:r}=e,f=()=>n.createElement(i.Button,{tabIndex:0,"aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",size:"large",themeColor:"primary",svgIcon:v.checkIcon,onClick:r}),c=y.useAdaptiveModeContext(),g={navigatable:l||!1,navigatableElements:d||[],expand:u,animation:m,suffixActions:f(),onClose:r,animationStyles:c&&t<=c.small?{top:0,width:"100%",height:"100%"}:void 0,title:p,subTitle:b,className:"k-adaptive-actionsheet",position:c&&t<=c.small?"fullscreen":void 0};return n.createElement(s.ActionSheet,{...g},a,n.createElement(s.ActionSheetFooter,{className:"k-actions k-actions-stretched"},n.createElement(i.Button,{size:"large",className:"k-coloreditor-cancel","aria-label":o.cancelText,onClick:o.onCancel},o.cancelText),n.createElement(i.Button,{themeColor:"primary",size:"large",className:"k-coloreditor-apply","aria-label":o.applyText,onClick:o.onApply},o.applyText)))};exports.AdaptiveMode=C;
|
package/common/AdaptiveMode.mjs
CHANGED
|
@@ -6,15 +6,15 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import * as t from "react";
|
|
9
|
-
import { ActionSheet as
|
|
10
|
-
import {
|
|
9
|
+
import { ActionSheet as v, ActionSheetFooter as x } from "@progress/kendo-react-layout";
|
|
10
|
+
import { checkIcon as C } from "@progress/kendo-svg-icons";
|
|
11
11
|
import { Button as o } from "@progress/kendo-react-buttons";
|
|
12
12
|
import { useAdaptiveModeContext as g } from "@progress/kendo-react-common";
|
|
13
13
|
const E = (i) => {
|
|
14
14
|
const {
|
|
15
15
|
windowWidth: l = 0,
|
|
16
|
-
children:
|
|
17
|
-
navigatable:
|
|
16
|
+
children: r,
|
|
17
|
+
navigatable: c,
|
|
18
18
|
navigatableElements: s,
|
|
19
19
|
expand: m,
|
|
20
20
|
animation: p,
|
|
@@ -22,7 +22,7 @@ const E = (i) => {
|
|
|
22
22
|
subTitle: f,
|
|
23
23
|
footer: e,
|
|
24
24
|
onClose: n
|
|
25
|
-
} = i,
|
|
25
|
+
} = i, h = () => /* @__PURE__ */ t.createElement(
|
|
26
26
|
o,
|
|
27
27
|
{
|
|
28
28
|
tabIndex: 0,
|
|
@@ -30,16 +30,17 @@ const E = (i) => {
|
|
|
30
30
|
"aria-disabled": "false",
|
|
31
31
|
type: "button",
|
|
32
32
|
fillMode: "flat",
|
|
33
|
-
|
|
33
|
+
size: "large",
|
|
34
|
+
themeColor: "primary",
|
|
34
35
|
svgIcon: C,
|
|
35
36
|
onClick: n
|
|
36
37
|
}
|
|
37
38
|
), a = g(), b = {
|
|
38
|
-
navigatable:
|
|
39
|
+
navigatable: c || !1,
|
|
39
40
|
navigatableElements: s || [],
|
|
40
41
|
expand: m,
|
|
41
42
|
animation: p,
|
|
42
|
-
suffixActions:
|
|
43
|
+
suffixActions: h(),
|
|
43
44
|
onClose: n,
|
|
44
45
|
animationStyles: a && l <= a.small ? { top: 0, width: "100%", height: "100%" } : void 0,
|
|
45
46
|
title: d,
|
|
@@ -47,7 +48,7 @@ const E = (i) => {
|
|
|
47
48
|
className: "k-adaptive-actionsheet",
|
|
48
49
|
position: a && l <= a.small ? "fullscreen" : void 0
|
|
49
50
|
};
|
|
50
|
-
return /* @__PURE__ */ t.createElement(
|
|
51
|
+
return /* @__PURE__ */ t.createElement(v, { ...b }, r, /* @__PURE__ */ t.createElement(x, { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ t.createElement(
|
|
51
52
|
o,
|
|
52
53
|
{
|
|
53
54
|
size: "large",
|