@kwiz/fluentui 1.0.146 → 1.0.148
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/dist/controls/accordion.js +1 -3
- package/dist/controls/accordion.js.map +1 -1
- package/dist/controls/input.js +9 -3
- package/dist/controls/input.js.map +1 -1
- package/dist/controls/options-editor.d.ts +26 -0
- package/dist/controls/options-editor.js +103 -0
- package/dist/controls/options-editor.js.map +1 -0
- package/dist/helpers/context-const.d.ts +15 -1
- package/dist/helpers/context-const.js.map +1 -1
- package/dist/helpers/context-internal.js +2 -0
- package/dist/helpers/context-internal.js.map +1 -1
- package/package.json +1 -1
|
@@ -27,12 +27,10 @@ const useStyles = makeStyles({
|
|
|
27
27
|
}
|
|
28
28
|
});
|
|
29
29
|
export const AccordionEX = (props) => {
|
|
30
|
-
var _a, _b;
|
|
31
30
|
const ctx = useKWIZFluentContext();
|
|
32
|
-
const isRtl = ((_b = (_a = ctx.strings) === null || _a === void 0 ? void 0 : _a.direction) === null || _b === void 0 ? void 0 : _b.call(_a)) === "rtl";
|
|
33
31
|
const classes = useStyles();
|
|
34
32
|
const [opened, setOpened] = React.useState(props.opened || props.groups[0].key);
|
|
35
|
-
return (_jsx(Vertical, { main: true, css: [classes.root, props.fillHeight && classes.rootFill, KnownClassNames.accordion], children: props.groups.map(group => _jsxs(React.Fragment, { children: [_jsx(ButtonEX, { className: `${classes.header} ${KnownClassNames.accordionHeader} ${opened === group.key ? ` ${KnownClassNames.isOpen}` : ''}`, icon: isRtl
|
|
33
|
+
return (_jsx(Vertical, { main: true, css: [classes.root, props.fillHeight && classes.rootFill, KnownClassNames.accordion], children: props.groups.map(group => _jsxs(React.Fragment, { children: [_jsx(ButtonEX, { className: `${classes.header} ${KnownClassNames.accordionHeader} ${opened === group.key ? ` ${KnownClassNames.isOpen}` : ''}`, icon: ctx.isRtl
|
|
36
34
|
? _jsx(ChevronLeftRegular, { className: opened === group.key ? classes.opened : '' })
|
|
37
35
|
: _jsx(ChevronRightRegular, { className: opened === group.key ? classes.opened : '' }), title: group.title, showTitleWithIcon: true, dontCenterText: true, onClick: () => setOpened(group.key) }), _jsx(DividerEX, {}), group.key === opened && _jsxs(_Fragment, { children: [_jsx(Horizontal, { main: true, css: [classes.body, KnownClassNames.accordionBodyWrapper], children: _jsx(Vertical, { main: true, css: [KnownClassNames.accordionBody], children: group.content }) }), _jsx(DividerEX, {})] })] }, group.key)) }));
|
|
38
36
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/controls/accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,MAAM,EAAE;QACJ,SAAS,EAAE,eAAe;QAC1B,UAAU,EAAE,0BAA0B;KACzC;IACD,MAAM,EAAE;QACJ,WAAW,EAAE,CAAC;KACjB;IACD,IAAI,EAAE;QACF,SAAS,EAAE,MAAM;KACpB;IACD,QAAQ,EAAE;QACN,SAAS,EAAE,MAAM;KACpB;IACD,IAAI,EAAE;QACF,QAAQ,EAAE,MAAM;KACnB;CACJ,CAAC,CAAC;AAaH,MAAM,CAAC,MAAM,WAAW,GAAoC,CAAC,KAAK,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/controls/accordion.tsx"],"names":[],"mappings":"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"}
|
package/dist/controls/input.js
CHANGED
|
@@ -88,18 +88,24 @@ export const TextAreaEx = (props) => {
|
|
|
88
88
|
} })));
|
|
89
89
|
};
|
|
90
90
|
export const InputNumberEx = (props) => {
|
|
91
|
+
var _a, _b;
|
|
92
|
+
const ctx = useKWIZFluentContext();
|
|
91
93
|
const commonStyles = useCommonStyles();
|
|
92
94
|
const [valueStr, setValueStr] = React.useState(isNumber(props.defaultValue) ? `${props.defaultValue}` : '');
|
|
93
95
|
const [isValid, setIsValid] = React.useState(true);
|
|
94
96
|
const onChange = React.useCallback((ev, data) => {
|
|
95
97
|
const newValue = data.value;
|
|
96
98
|
setValueStr(newValue); //update text box anyways
|
|
97
|
-
const asNumber =
|
|
98
|
-
|
|
99
|
+
const asNumber = isNullOrEmptyString(newValue)
|
|
100
|
+
? null //empty value shoudl be null, not parsed into NaN
|
|
101
|
+
: props.allowDecimals ? parseFloat(newValue) : parseInt(newValue, 10);
|
|
102
|
+
const isValid = props.required
|
|
103
|
+
? !isNullOrNaN(asNumber)
|
|
104
|
+
: isNullOrUndefined(asNumber) || !isNaN(asNumber);
|
|
99
105
|
setIsValid(isValid);
|
|
100
106
|
props.onChange(isValid ? asNumber : null);
|
|
101
107
|
}, [props.allowDecimals, props.onChange, props.required]);
|
|
102
108
|
const passProps = Object.assign(Object.assign({}, props), { defaultValue: undefined, value: undefined, onChange: undefined });
|
|
103
|
-
return (_jsxs(Vertical, { nogap: true, children: [_jsx(InputEx, Object.assign({ dir: "ltr", inputMode: props.allowDecimals ? "decimal" : "numeric" }, passProps, { value: valueStr, onChange: onChange })), !isValid && _jsx(Label, { className: commonStyles.validationLabel, children: "
|
|
109
|
+
return (_jsxs(Vertical, { nogap: true, children: [_jsx(InputEx, Object.assign({ dir: "ltr", inputMode: props.allowDecimals ? "decimal" : "numeric" }, passProps, { value: valueStr, onChange: onChange })), !isValid && _jsx(Label, { className: commonStyles.validationLabel, children: ((_b = (_a = ctx.strings) === null || _a === void 0 ? void 0 : _a.validation_invalid) === null || _b === void 0 ? void 0 : _b.call(_a, { context: "number" })) || "value must be a valid number" })] }));
|
|
104
110
|
};
|
|
105
111
|
//# sourceMappingURL=input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/controls/input.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/controls/input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { KeyValuePair } from "@kwiz/common";
|
|
2
|
+
type optionType = KeyValuePair<string> | string;
|
|
3
|
+
export declare function OptionsEditor<ot extends optionType>(props: {
|
|
4
|
+
/** set a default value for unmanaged control */
|
|
5
|
+
defaultValue: optionType[];
|
|
6
|
+
/** define the type for items in this collection */
|
|
7
|
+
newItem: () => ot;
|
|
8
|
+
onChange: (newValue: ot[]) => void;
|
|
9
|
+
}): JSX.Element;
|
|
10
|
+
export declare function OptionsEditor<ot extends optionType>(props: {
|
|
11
|
+
/** set a value for managed control */
|
|
12
|
+
value: optionType[];
|
|
13
|
+
/** define the type for items in this collection */
|
|
14
|
+
newItem: () => ot;
|
|
15
|
+
onChange: (newValue: ot[]) => void;
|
|
16
|
+
}): JSX.Element;
|
|
17
|
+
export declare function OptionsEditorInDialog<ot extends optionType>(props: {
|
|
18
|
+
value?: ot[];
|
|
19
|
+
newItem: () => ot;
|
|
20
|
+
/** removes empty options (empty string or key) */
|
|
21
|
+
onChange: (newValue: ot[]) => Promise<{
|
|
22
|
+
success: boolean;
|
|
23
|
+
error?: string;
|
|
24
|
+
}>;
|
|
25
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export {};
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
11
|
+
import { MenuItem, MessageBar, Overflow, Table, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow } from "@fluentui/react-components";
|
|
12
|
+
import { AddRegular, DismissRegular, EditRegular } from "@fluentui/react-icons";
|
|
13
|
+
import { isNotEmptyString, isString, jsonClone } from "@kwiz/common";
|
|
14
|
+
import { useCallback, useMemo, useState } from "react";
|
|
15
|
+
import { useAlerts } from "../helpers";
|
|
16
|
+
import { useKWIZFluentContext } from "../helpers/context-internal";
|
|
17
|
+
import { ButtonEX, ButtonEXPrimarySubtle } from "./button";
|
|
18
|
+
import { InputEx } from "./input";
|
|
19
|
+
import { KWIZOverflowV2 } from "./kwizoverflow2";
|
|
20
|
+
import { Prompter } from "./prompt";
|
|
21
|
+
import { TagEx } from "./tag-ex";
|
|
22
|
+
import { Vertical } from "./vertical";
|
|
23
|
+
export function OptionsEditor(props) {
|
|
24
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
25
|
+
const ctx = useKWIZFluentContext();
|
|
26
|
+
const alerts = useAlerts();
|
|
27
|
+
const [stateValues, setStateValues] = useState(props.defaultValue);
|
|
28
|
+
const isKeyValue = useMemo(() => {
|
|
29
|
+
return isString(props.newItem()) ? false : true;
|
|
30
|
+
}, []);
|
|
31
|
+
const value = useMemo(() => {
|
|
32
|
+
const valueArr = Array.isArray(props.value)
|
|
33
|
+
? props.value
|
|
34
|
+
: Array.isArray(props.defaultValue)
|
|
35
|
+
? stateValues
|
|
36
|
+
: [];
|
|
37
|
+
//normalize value to conform with newItem type
|
|
38
|
+
return valueArr.map(o => {
|
|
39
|
+
const normalized = isKeyValue
|
|
40
|
+
? isString(o) ? { key: o, value: o } : o
|
|
41
|
+
: isString(o) ? o : o.key;
|
|
42
|
+
return normalized;
|
|
43
|
+
});
|
|
44
|
+
}, [props.value, stateValues, isKeyValue]);
|
|
45
|
+
const setValue = useCallback((newValue) => {
|
|
46
|
+
setStateValues(newValue);
|
|
47
|
+
props.onChange(newValue);
|
|
48
|
+
}, []);
|
|
49
|
+
return _jsxs(_Fragment, { children: [alerts.alertPrompt, _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHeaderCell, { children: ((_b = (_a = ctx.strings) === null || _a === void 0 ? void 0 : _a.lbl_value) === null || _b === void 0 ? void 0 : _b.call(_a)) || "Value" }), isKeyValue && _jsx(TableHeaderCell, { children: ((_d = (_c = ctx.strings) === null || _c === void 0 ? void 0 : _c.lbl_text) === null || _d === void 0 ? void 0 : _d.call(_c)) || "Text" }), _jsx(TableHeaderCell, {})] }) }), _jsxs(TableBody, { children: [value.map((v, i) => {
|
|
50
|
+
var _a, _b, _c, _d, _e, _f;
|
|
51
|
+
return _jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(InputEx, { placeholder: ((_b = (_a = ctx.strings) === null || _a === void 0 ? void 0 : _a.placeholder_input) === null || _b === void 0 ? void 0 : _b.call(_a)) || "Enter value here", value: isString(v) ? v : v.key, onChange: (e, data) => {
|
|
52
|
+
const newValue = jsonClone(value);
|
|
53
|
+
if (isString(newValue[i]))
|
|
54
|
+
newValue[i] = data.value;
|
|
55
|
+
else
|
|
56
|
+
newValue[i].key = data.value;
|
|
57
|
+
setValue(newValue);
|
|
58
|
+
} }) }), (isKeyValue && !isString(v)) && _jsx(TableCell, { children: _jsx(InputEx, { placeholder: ((_d = (_c = ctx.strings) === null || _c === void 0 ? void 0 : _c.placeholder_input) === null || _d === void 0 ? void 0 : _d.call(_c, { context: "text" })) || "Enter text here", value: v.value, onChange: (e, data) => {
|
|
59
|
+
const newValue = jsonClone(value);
|
|
60
|
+
if (isString(newValue[i]))
|
|
61
|
+
return; //no value
|
|
62
|
+
newValue[i].value = data.value;
|
|
63
|
+
setValue(newValue);
|
|
64
|
+
} }) }), _jsx(TableCell, { children: _jsx(ButtonEX, { icon: _jsx(DismissRegular, {}), title: ((_f = (_e = ctx.strings) === null || _e === void 0 ? void 0 : _e.btn_remove) === null || _f === void 0 ? void 0 : _f.call(_e)) || "Remove", onClick: () => {
|
|
65
|
+
var _a, _b;
|
|
66
|
+
return alerts.confirmEX(((_b = (_a = ctx.strings) === null || _a === void 0 ? void 0 : _a.confirm_remove) === null || _b === void 0 ? void 0 : _b.call(_a, { context: "option" })) || "Are you sure you want to remove this option?", () => {
|
|
67
|
+
const newValue = jsonClone(value);
|
|
68
|
+
newValue.splice(i, 1);
|
|
69
|
+
setValue(newValue);
|
|
70
|
+
});
|
|
71
|
+
} }) })] }, i);
|
|
72
|
+
}), _jsx(TableRow, { children: _jsx(TableCell, { colSpan: 3, children: _jsx(ButtonEX, { icon: _jsx(AddRegular, {}), title: ((_f = (_e = ctx.strings) === null || _e === void 0 ? void 0 : _e.add_custom) === null || _f === void 0 ? void 0 : _f.call(_e, { cap: true, param: ((_g = ctx.strings) === null || _g === void 0 ? void 0 : _g.option()) || "option" })) || "Add option", showTitleWithIcon: true, onClick: () => {
|
|
73
|
+
const newValue = jsonClone(value);
|
|
74
|
+
newValue.push(props.newItem());
|
|
75
|
+
setValue(newValue);
|
|
76
|
+
} }) }) })] })] })] });
|
|
77
|
+
}
|
|
78
|
+
export function OptionsEditorInDialog(props) {
|
|
79
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
80
|
+
const ctx = useKWIZFluentContext();
|
|
81
|
+
const value = props.value || [];
|
|
82
|
+
const [showEdit, setShowEdit] = useState(false);
|
|
83
|
+
const [error, setError] = useState();
|
|
84
|
+
const [editValues, setEditValues] = useState();
|
|
85
|
+
const [inProgress, setInProgress] = useState(false);
|
|
86
|
+
return _jsxs(_Fragment, { children: [showEdit && _jsx(Prompter, { title: ((_b = (_a = ctx.strings) === null || _a === void 0 ? void 0 : _a.btn_edit_param) === null || _b === void 0 ? void 0 : _b.call(_a, { param: ((_d = (_c = ctx.strings) === null || _c === void 0 ? void 0 : _c.options) === null || _d === void 0 ? void 0 : _d.call(_c)) || "options" })) || "Edit options", okButtonText: ((_f = (_e = ctx.strings) === null || _e === void 0 ? void 0 : _e.btn_save) === null || _f === void 0 ? void 0 : _f.call(_e)) || "Save", okButtonProps: { appearance: "primary", disabled: inProgress }, onCancel: () => setShowEdit(false), onOK: () => __awaiter(this, void 0, void 0, function* () {
|
|
87
|
+
setInProgress(true);
|
|
88
|
+
const result = yield props.onChange(editValues.filter(o => isString(o) ? isNotEmptyString(o) : isNotEmptyString(o.key)));
|
|
89
|
+
if (!result.success) {
|
|
90
|
+
setError(result.error || "Something went wrong");
|
|
91
|
+
}
|
|
92
|
+
else
|
|
93
|
+
setShowEdit(false);
|
|
94
|
+
setInProgress(false);
|
|
95
|
+
}), children: _jsxs(Vertical, { children: [isNotEmptyString(error) && _jsx(MessageBar, { intent: "error", children: error }), _jsx(OptionsEditor, { value: editValues, newItem: props.newItem, onChange: newValue => setEditValues(newValue) })] }) }), _jsx(KWIZOverflowV2, { items: value, renderItem: (item => Overflow
|
|
96
|
+
? _jsx(MenuItem, { children: isString(item) ? item : item.value })
|
|
97
|
+
: _jsx(TagEx, { text: isString(item) ? item : item.value, size: "extra-small" })), children: _jsx(ButtonEXPrimarySubtle, { icon: _jsx(EditRegular, {}), title: ((_h = (_g = ctx.strings) === null || _g === void 0 ? void 0 : _g.btn_edit) === null || _h === void 0 ? void 0 : _h.call(_g)) || "Edit", onClick: () => {
|
|
98
|
+
setError(null);
|
|
99
|
+
setEditValues(value);
|
|
100
|
+
setShowEdit(true);
|
|
101
|
+
} }) })] });
|
|
102
|
+
}
|
|
103
|
+
//# sourceMappingURL=options-editor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"options-editor.js","sourceRoot":"","sources":["../../src/controls/options-editor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import React from "react";
|
|
|
2
2
|
export type iKWIZFluentStringValueType = (options?: {
|
|
3
3
|
cap?: boolean;
|
|
4
4
|
param?: string | number | Date;
|
|
5
|
+
context?: string;
|
|
5
6
|
}) => string;
|
|
6
7
|
export interface iKWIZFluentContext {
|
|
7
8
|
/**
|
|
@@ -27,12 +28,18 @@ export interface iKWIZFluentContext {
|
|
|
27
28
|
buttonShape?: 'rounded' | 'circular' | 'square';
|
|
28
29
|
/** true if using dark theme */
|
|
29
30
|
dark?: boolean;
|
|
31
|
+
/** RTL (or, pass strings.dir()==="rtl") */
|
|
32
|
+
isRtl?: boolean;
|
|
30
33
|
strings?: {
|
|
34
|
+
btn_save?: iKWIZFluentStringValueType;
|
|
31
35
|
btn_ok?: iKWIZFluentStringValueType;
|
|
32
36
|
btn_cancel?: iKWIZFluentStringValueType;
|
|
33
37
|
btn_close?: iKWIZFluentStringValueType;
|
|
34
38
|
btn_clear?: iKWIZFluentStringValueType;
|
|
39
|
+
btn_remove?: iKWIZFluentStringValueType;
|
|
35
40
|
btn_open_param?: iKWIZFluentStringValueType;
|
|
41
|
+
btn_edit_param?: iKWIZFluentStringValueType;
|
|
42
|
+
btn_edit?: iKWIZFluentStringValueType;
|
|
36
43
|
gallery?: iKWIZFluentStringValueType;
|
|
37
44
|
more?: iKWIZFluentStringValueType;
|
|
38
45
|
color_picker?: iKWIZFluentStringValueType;
|
|
@@ -42,8 +49,15 @@ export interface iKWIZFluentContext {
|
|
|
42
49
|
drop_or_select_files?: iKWIZFluentStringValueType;
|
|
43
50
|
more_param?: iKWIZFluentStringValueType;
|
|
44
51
|
items?: iKWIZFluentStringValueType;
|
|
45
|
-
|
|
52
|
+
dir?: iKWIZFluentStringValueType;
|
|
46
53
|
prompt_wait?: iKWIZFluentStringValueType;
|
|
54
|
+
validation_invalid?: iKWIZFluentStringValueType;
|
|
55
|
+
lbl_value?: iKWIZFluentStringValueType;
|
|
56
|
+
lbl_text?: iKWIZFluentStringValueType;
|
|
57
|
+
confirm_remove?: iKWIZFluentStringValueType;
|
|
58
|
+
add_custom?: iKWIZFluentStringValueType;
|
|
59
|
+
option?: iKWIZFluentStringValueType;
|
|
60
|
+
options?: iKWIZFluentStringValueType;
|
|
47
61
|
};
|
|
48
62
|
}
|
|
49
63
|
export declare const KWIZFluentContext: React.Context<iKWIZFluentContext>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context-const.js","sourceRoot":"","sources":["../../src/helpers/context-const.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"context-const.js","sourceRoot":"","sources":["../../src/helpers/context-const.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA4D1B,gBAAgB;AAChB,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAqB,IAAI,CAAC,CAAC"}
|
|
@@ -3,12 +3,14 @@ import React from "react";
|
|
|
3
3
|
import { KWIZFluentContext } from "./context-const";
|
|
4
4
|
//use context from within controls
|
|
5
5
|
export function useKWIZFluentContext() {
|
|
6
|
+
var _a, _b;
|
|
6
7
|
let ctx = React.useContext(KWIZFluentContext) || {};
|
|
7
8
|
//set defaults
|
|
8
9
|
if (isNullOrUndefined(ctx.inputAppearance))
|
|
9
10
|
ctx.inputAppearance = "underline";
|
|
10
11
|
if (isNullOrUndefined(ctx.buttonShape))
|
|
11
12
|
ctx.buttonShape = "circular";
|
|
13
|
+
ctx.isRtl = ctx.isRtl || ((_b = (_a = ctx.strings) === null || _a === void 0 ? void 0 : _a.dir) === null || _b === void 0 ? void 0 : _b.call(_a)) === "rtl";
|
|
12
14
|
return ctx;
|
|
13
15
|
}
|
|
14
16
|
//# sourceMappingURL=context-internal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context-internal.js","sourceRoot":"","sources":["../../src/helpers/context-internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,kCAAkC;AAClC,MAAM,UAAU,oBAAoB
|
|
1
|
+
{"version":3,"file":"context-internal.js","sourceRoot":"","sources":["../../src/helpers/context-internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,kCAAkC;AAClC,MAAM,UAAU,oBAAoB;;IAChC,IAAI,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;IACpD,cAAc;IACd,IAAI,iBAAiB,CAAC,GAAG,CAAC,eAAe,CAAC;QACtC,GAAG,CAAC,eAAe,GAAG,WAAW,CAAC;IACtC,IAAI,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC;QAClC,GAAG,CAAC,WAAW,GAAG,UAAU,CAAC;IAEjC,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,IAAI,CAAA,MAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,GAAG,kDAAI,MAAK,KAAK,CAAC;IACxD,OAAO,GAAG,CAAC;AACf,CAAC"}
|