foxit-component 1.0.5-alpha.7 → 1.0.5-alpha.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.
Files changed (10) hide show
  1. package/es/Input/PhoneInput.d.ts +20 -0
  2. package/es/Input/PhoneInput.js +138 -0
  3. package/es/Input/areaCodeData.d.ts +7 -0
  4. package/es/Input/areaCodeData.js +251 -0
  5. package/es/Select/Select.d.ts +1 -0
  6. package/es/Select/Select.js +3 -3
  7. package/es/index.css +1 -1
  8. package/es/index.d.ts +4 -1
  9. package/es/index.js +1 -0
  10. package/package.json +1 -1
package/es/Input/PhoneInput.d.ts ADDED
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import { InputProps } from './Input';
3
+ import { AreaCodeOption } from './areaCodeData';
4
+ import './input.css';
5
+ export interface PhoneInputValue {
6
+ areaCode: string;
7
+ dialCode: string;
8
+ name: string;
9
+ phoneNumber: string;
10
+ }
11
+ export type PhoneInputFieldValue = Partial<PhoneInputValue>;
12
+ export interface PhoneInputProps extends Omit<InputProps, 'addonBefore' | 'value' | 'defaultValue' | 'onChange'> {
13
+ value?: PhoneInputFieldValue;
14
+ defaultValue?: PhoneInputFieldValue;
15
+ areaCodeOptions?: AreaCodeOption[];
16
+ flagBaseUrl?: string;
17
+ onChange?: (value: PhoneInputValue) => void;
18
+ }
19
+ declare const PhoneInput: React.FC<PhoneInputProps>;
20
+ export default PhoneInput;
package/es/Input/PhoneInput.js ADDED
@@ -0,0 +1,138 @@
1
+ import { __assign, __rest, __spreadArray } from '../node_modules/tslib/tslib.es6.js';
2
+ import { jsx, jsxs } from 'react/jsx-runtime';
3
+ import React, { useCallback, useRef, useState, useEffect, useMemo } from 'react';
4
+ import classNames from 'classnames';
5
+ import Select from '../Select/Select.js';
6
+ import Input from './Input.js';
7
+ import { areaCodeOptions, AREA_FLAG_BASE_URL } from './areaCodeData.js';
8
+
9
+ var getFlagUrl = function (baseUrl, countryCode) {
10
+ return "".concat(baseUrl.replace(/\/$/, ''), "/").concat(countryCode.toLowerCase(), ".svg");
11
+ };
12
+ var getPhoneInputValue = function (option, phoneNumber) { return ({
13
+ areaCode: option.value,
14
+ dialCode: option.dialCode,
15
+ name: option.name,
16
+ phoneNumber: phoneNumber
17
+ }); };
18
+ var LazyFlag = function (_a) {
19
+ var src = _a.src, alt = _a.alt, _b = _a.lazy, lazy = _b === void 0 ? true : _b;
20
+ var imgRef = useRef(null);
21
+ var _c = useState(!lazy), shouldLoad = _c[0], setShouldLoad = _c[1];
22
+ useEffect(function () {
23
+ var img = imgRef.current;
24
+ if (!lazy) {
25
+ setShouldLoad(true);
26
+ return;
27
+ }
28
+ if (!img || shouldLoad) {
29
+ return;
30
+ }
31
+ if (typeof IntersectionObserver === 'undefined') {
32
+ setShouldLoad(true);
33
+ return;
34
+ }
35
+ var observer = new IntersectionObserver(function (_a) {
36
+ var entry = _a[0];
37
+ if (entry.isIntersecting) {
38
+ setShouldLoad(true);
39
+ observer.disconnect();
40
+ }
41
+ }, { rootMargin: '80px' });
42
+ observer.observe(img);
43
+ return function () { return observer.disconnect(); };
44
+ }, [lazy, shouldLoad]);
45
+ return (jsx("img", { ref: imgRef, className: "foxit-area-code-flag", src: shouldLoad ? src : undefined, alt: alt, loading: "lazy" }));
46
+ };
47
+ var AreaCodeOptionLabel = function (_a) {
48
+ var option = _a.option, flagBaseUrl = _a.flagBaseUrl, isMenu = _a.isMenu;
49
+ return (jsxs("div", __assign({ className: classNames('foxit-area-code-option', !isMenu && 'foxit-area-code-option-value') }, { children: [jsxs("div", __assign({ className: "foxit-area-code-option-main" }, { children: [jsx(LazyFlag, { src: getFlagUrl(flagBaseUrl, option.value), alt: option.name, lazy: isMenu }), isMenu && jsx("span", __assign({ className: "foxit-area-code-name" }, { children: option.name })), !isMenu && jsx("span", __assign({ className: "foxit-area-code-dial" }, { children: option.dialCode }))] })), isMenu && jsx("span", __assign({ className: "foxit-area-code-dial" }, { children: option.dialCode }))] })));
50
+ };
51
+ var phoneAreaCodeSelectStyles = {
52
+ control: {
53
+ minHeight: 24,
54
+ height: 24,
55
+ border: 'none',
56
+ paddingLeft: 0,
57
+ backgroundColor: 'transparent'
58
+ },
59
+ singleValue: {
60
+ margin: 0
61
+ },
62
+ input: {
63
+ margin: 0,
64
+ padding: 0
65
+ }
66
+ };
67
+ var filterAreaCodeOption = function (candidate, inputValue) {
68
+ var keyword = inputValue.trim().toLowerCase();
69
+ if (!keyword) {
70
+ return true;
71
+ }
72
+ var option = candidate.data;
73
+ var normalizedDialCode = option.dialCode.replace('+', '');
74
+ var normalizedKeyword = keyword.replace('+', '');
75
+ return (option.value.toLowerCase().includes(keyword) ||
76
+ option.name.toLowerCase().includes(keyword) ||
77
+ option.dialCode.includes(keyword) ||
78
+ normalizedDialCode.includes(normalizedKeyword));
79
+ };
80
+ var PhoneAreaCodeSelectBase = function (_a) {
81
+ var options = _a.options, value = _a.value, disabled = _a.disabled, flagBaseUrl = _a.flagBaseUrl, onChange = _a.onChange;
82
+ var handleChange = useCallback(function (option) {
83
+ var nextOption = option;
84
+ if (!nextOption) {
85
+ return;
86
+ }
87
+ onChange(nextOption);
88
+ }, [onChange]);
89
+ var formatOptionLabel = useCallback(function (option, meta) { return (jsx(AreaCodeOptionLabel, { option: option, flagBaseUrl: flagBaseUrl, isMenu: meta.context === 'menu' })); }, [flagBaseUrl]);
90
+ return (jsx(Select, { className: "foxit-phone-input-select", classNamePrefix: "foxit-phone-input-select", options: options, value: value, onChange: handleChange, isDisabled: disabled, isSearchable: true, showSelectedIcon: false, placeholder: "", filterOption: filterAreaCodeOption, formatOptionLabel: formatOptionLabel, styles: phoneAreaCodeSelectStyles }));
91
+ };
92
+ var PhoneAreaCodeSelect = React.memo(PhoneAreaCodeSelectBase);
93
+ var PhoneInput = function (_a) {
94
+ var _b;
95
+ var value = _a.value, defaultValue = _a.defaultValue, _c = _a.areaCodeOptions, passAreaCodeOptions = _c === void 0 ? areaCodeOptions : _c, flagBaseUrl = _a.flagBaseUrl, onChange = _a.onChange, className = _a.className, rest = __rest(_a, ["value", "defaultValue", "areaCodeOptions", "flagBaseUrl", "onChange", "className"]);
96
+ var resolvedFlagBaseUrl = flagBaseUrl || AREA_FLAG_BASE_URL();
97
+ var selectOptions = useMemo(function () {
98
+ return __spreadArray([], passAreaCodeOptions, true).sort(function (a, b) {
99
+ var dialCodeDiff = Number(a.dialCode.replace(/\D/g, '')) - Number(b.dialCode.replace(/\D/g, ''));
100
+ if (dialCodeDiff !== 0) {
101
+ return dialCodeDiff;
102
+ }
103
+ return a.value.localeCompare(b.value);
104
+ })
105
+ .map(function (option) { return (__assign(__assign({}, option), { label: option.dialCode })); });
106
+ }, [passAreaCodeOptions]);
107
+ var _d = useState((defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.areaCode) || 'US'), innerAreaCode = _d[0], setInnerAreaCode = _d[1];
108
+ var _e = useState((defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.phoneNumber) || ''), innerPhoneNumber = _e[0], setInnerPhoneNumber = _e[1];
109
+ var selectedAreaCode = (_b = value === null || value === void 0 ? void 0 : value.areaCode) !== null && _b !== void 0 ? _b : innerAreaCode;
110
+ var phoneNumber = value === undefined ? innerPhoneNumber : value.phoneNumber || '';
111
+ var phoneNumberRef = useRef(phoneNumber);
112
+ phoneNumberRef.current = phoneNumber;
113
+ var selectedOption = selectOptions.find(function (option) { return option.value === selectedAreaCode; }) || selectOptions[0];
114
+ var isControlled = value !== undefined;
115
+ var onChangeRef = useRef(onChange);
116
+ var isControlledRef = useRef(isControlled);
117
+ onChangeRef.current = onChange;
118
+ isControlledRef.current = isControlled;
119
+ var handleAreaCodeChange = useCallback(function (nextOption) {
120
+ var _a;
121
+ if (!isControlledRef.current) {
122
+ setInnerAreaCode(nextOption.value);
123
+ }
124
+ (_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, getPhoneInputValue(nextOption, phoneNumberRef.current));
125
+ }, []);
126
+ var handlePhoneNumberChange = function (e) {
127
+ var nextPhoneNumber = e.target.value.replace(/\D/g, '');
128
+ if (value === undefined) {
129
+ setInnerPhoneNumber(nextPhoneNumber);
130
+ }
131
+ if (selectedOption) {
132
+ onChange === null || onChange === void 0 ? void 0 : onChange(getPhoneInputValue(selectedOption, nextPhoneNumber));
133
+ }
134
+ };
135
+ return (jsx(Input, __assign({}, rest, { inputMode: rest.inputMode || 'numeric', pattern: rest.pattern || '[0-9]*', value: phoneNumber, onChange: handlePhoneNumberChange, className: classNames('foxit-phone-input', className), addonBefore: jsx(PhoneAreaCodeSelect, { options: selectOptions, value: selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value, disabled: rest.disabled, flagBaseUrl: resolvedFlagBaseUrl, onChange: handleAreaCodeChange }) })));
136
+ };
137
+
138
+ export { PhoneInput as default };
package/es/Input/areaCodeData.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ export interface AreaCodeOption {
2
+ value: string;
3
+ dialCode: string;
4
+ name: string;
5
+ }
6
+ export declare const AREA_FLAG_BASE_URL: () => string;
7
+ export declare const areaCodeOptions: AreaCodeOption[];
package/es/Input/areaCodeData.js ADDED
@@ -0,0 +1,251 @@
1
+ // 当前域名下assets/images/generateIcon
2
+ var AREA_FLAG_BASE_URL = function () {
3
+ if (typeof window !== 'undefined') {
4
+ return window.location.origin + '/assets/images/generateIcon';
5
+ }
6
+ return '';
7
+ };
8
+ var areaCodeOptions = [
9
+ { value: 'AF', dialCode: '+93', name: 'Afghanistan' },
10
+ { value: 'AL', dialCode: '+355', name: 'Albania' },
11
+ { value: 'DZ', dialCode: '+213', name: 'Algeria' },
12
+ { value: 'AS', dialCode: '+1', name: 'American Samoa' },
13
+ { value: 'AD', dialCode: '+376', name: 'Andorra' },
14
+ { value: 'AO', dialCode: '+244', name: 'Angola' },
15
+ { value: 'AI', dialCode: '+1', name: 'Anguilla' },
16
+ { value: 'AQ', dialCode: '+672', name: 'Antarctica' },
17
+ { value: 'AG', dialCode: '+1', name: 'Antigua and Barbuda' },
18
+ { value: 'AR', dialCode: '+54', name: 'Argentina' },
19
+ { value: 'AM', dialCode: '+374', name: 'Armenia' },
20
+ { value: 'AW', dialCode: '+297', name: 'Aruba' },
21
+ { value: 'AU', dialCode: '+61', name: 'Australia' },
22
+ { value: 'AT', dialCode: '+43', name: 'Austria' },
23
+ { value: 'AZ', dialCode: '+994', name: 'Azerbaijan' },
24
+ { value: 'BS', dialCode: '+1', name: 'Bahamas' },
25
+ { value: 'BH', dialCode: '+973', name: 'Bahrain' },
26
+ { value: 'BD', dialCode: '+880', name: 'Bangladesh' },
27
+ { value: 'BB', dialCode: '+1', name: 'Barbados' },
28
+ { value: 'BY', dialCode: '+375', name: 'Belarus' },
29
+ { value: 'BE', dialCode: '+32', name: 'Belgium' },
30
+ { value: 'BZ', dialCode: '+501', name: 'Belize' },
31
+ { value: 'BJ', dialCode: '+229', name: 'Benin' },
32
+ { value: 'BM', dialCode: '+1', name: 'Bermuda' },
33
+ { value: 'BT', dialCode: '+975', name: 'Bhutan' },
34
+ { value: 'BO', dialCode: '+591', name: 'Bolivia' },
35
+ { value: 'BA', dialCode: '+387', name: 'Bosnia and Herzegovina' },
36
+ { value: 'BW', dialCode: '+267', name: 'Botswana' },
37
+ { value: 'BR', dialCode: '+55', name: 'Brazil' },
38
+ { value: 'IO', dialCode: '+246', name: 'British Indian Ocean Territory' },
39
+ { value: 'VG', dialCode: '+1', name: 'British Virgin Islands' },
40
+ { value: 'BN', dialCode: '+673', name: 'Brunei' },
41
+ { value: 'BG', dialCode: '+359', name: 'Bulgaria' },
42
+ { value: 'BF', dialCode: '+226', name: 'Burkina Faso' },
43
+ { value: 'BI', dialCode: '+257', name: 'Burundi' },
44
+ { value: 'KH', dialCode: '+855', name: 'Cambodia' },
45
+ { value: 'CM', dialCode: '+237', name: 'Cameroon' },
46
+ { value: 'CA', dialCode: '+1', name: 'Canada' },
47
+ { value: 'CV', dialCode: '+238', name: 'Cape Verde' },
48
+ { value: 'KY', dialCode: '+1', name: 'Cayman Islands' },
49
+ { value: 'CF', dialCode: '+236', name: 'Central African Republic' },
50
+ { value: 'TD', dialCode: '+235', name: 'Chad' },
51
+ { value: 'CL', dialCode: '+56', name: 'Chile' },
52
+ { value: 'CN', dialCode: '+86', name: 'China' },
53
+ { value: 'CX', dialCode: '+61', name: 'Christmas Island' },
54
+ { value: 'CC', dialCode: '+61', name: 'Cocos Islands' },
55
+ { value: 'CO', dialCode: '+57', name: 'Colombia' },
56
+ { value: 'KM', dialCode: '+269', name: 'Comoros' },
57
+ { value: 'CK', dialCode: '+682', name: 'Cook Islands' },
58
+ { value: 'CR', dialCode: '+506', name: 'Costa Rica' },
59
+ { value: 'HR', dialCode: '+385', name: 'Croatia' },
60
+ { value: 'CU', dialCode: '+53', name: 'Cuba' },
61
+ { value: 'CW', dialCode: '+599', name: 'Curacao' },
62
+ { value: 'CY', dialCode: '+357', name: 'Cyprus' },
63
+ { value: 'CZ', dialCode: '+420', name: 'Czech Republic' },
64
+ { value: 'CD', dialCode: '+243', name: 'Democratic Republic of the Congo' },
65
+ { value: 'DK', dialCode: '+45', name: 'Denmark' },
66
+ { value: 'DJ', dialCode: '+253', name: 'Djibouti' },
67
+ { value: 'DM', dialCode: '+1', name: 'Dominica' },
68
+ { value: 'DO', dialCode: '+1', name: 'Dominican Republic' },
69
+ { value: 'TL', dialCode: '+670', name: 'East Timor' },
70
+ { value: 'EC', dialCode: '+593', name: 'Ecuador' },
71
+ { value: 'EG', dialCode: '+20', name: 'Egypt' },
72
+ { value: 'SV', dialCode: '+503', name: 'El Salvador' },
73
+ { value: 'GQ', dialCode: '+240', name: 'Equatorial Guinea' },
74
+ { value: 'ER', dialCode: '+291', name: 'Eritrea' },
75
+ { value: 'EE', dialCode: '+372', name: 'Estonia' },
76
+ { value: 'ET', dialCode: '+251', name: 'Ethiopia' },
77
+ { value: 'FK', dialCode: '+500', name: 'Falkland Islands' },
78
+ { value: 'FO', dialCode: '+298', name: 'Faroe Islands' },
79
+ { value: 'FJ', dialCode: '+679', name: 'Fiji' },
80
+ { value: 'FI', dialCode: '+358', name: 'Finland' },
81
+ { value: 'FR', dialCode: '+33', name: 'France' },
82
+ { value: 'PF', dialCode: '+689', name: 'French Polynesia' },
83
+ { value: 'GA', dialCode: '+241', name: 'Gabon' },
84
+ { value: 'GM', dialCode: '+220', name: 'Gambia' },
85
+ { value: 'GE', dialCode: '+995', name: 'Georgia' },
86
+ { value: 'DE', dialCode: '+49', name: 'Germany' },
87
+ { value: 'GH', dialCode: '+233', name: 'Ghana' },
88
+ { value: 'GI', dialCode: '+350', name: 'Gibraltar' },
89
+ { value: 'GR', dialCode: '+30', name: 'Greece' },
90
+ { value: 'GL', dialCode: '+299', name: 'Greenland' },
91
+ { value: 'GD', dialCode: '+1', name: 'Grenada' },
92
+ { value: 'GU', dialCode: '+1', name: 'Guam' },
93
+ { value: 'GT', dialCode: '+502', name: 'Guatemala' },
94
+ { value: 'GG', dialCode: '+44', name: 'Guernsey' },
95
+ { value: 'GN', dialCode: '+224', name: 'Guinea' },
96
+ { value: 'GW', dialCode: '+245', name: 'Guinea-Bissau' },
97
+ { value: 'GY', dialCode: '+592', name: 'Guyana' },
98
+ { value: 'HT', dialCode: '+509', name: 'Haiti' },
99
+ { value: 'HN', dialCode: '+504', name: 'Honduras' },
100
+ { value: 'HK', dialCode: '+852', name: 'Hong Kong' },
101
+ { value: 'HU', dialCode: '+36', name: 'Hungary' },
102
+ { value: 'IS', dialCode: '+354', name: 'Iceland' },
103
+ { value: 'IN', dialCode: '+91', name: 'India' },
104
+ { value: 'ID', dialCode: '+62', name: 'Indonesia' },
105
+ { value: 'IR', dialCode: '+98', name: 'Iran' },
106
+ { value: 'IQ', dialCode: '+964', name: 'Iraq' },
107
+ { value: 'IE', dialCode: '+353', name: 'Ireland' },
108
+ { value: 'IM', dialCode: '+44', name: 'Isle of Man' },
109
+ { value: 'IL', dialCode: '+972', name: 'Israel' },
110
+ { value: 'IT', dialCode: '+39', name: 'Italy' },
111
+ { value: 'CI', dialCode: '+225', name: 'Ivory Coast' },
112
+ { value: 'JM', dialCode: '+1', name: 'Jamaica' },
113
+ { value: 'JP', dialCode: '+81', name: 'Japan' },
114
+ { value: 'JE', dialCode: '+44', name: 'Jersey' },
115
+ { value: 'JO', dialCode: '+962', name: 'Jordan' },
116
+ { value: 'KZ', dialCode: '+7', name: 'Kazakhstan' },
117
+ { value: 'KE', dialCode: '+254', name: 'Kenya' },
118
+ { value: 'KI', dialCode: '+686', name: 'Kiribati' },
119
+ { value: 'XK', dialCode: '+383', name: 'Kosovo' },
120
+ { value: 'KW', dialCode: '+965', name: 'Kuwait' },
121
+ { value: 'KG', dialCode: '+996', name: 'Kyrgyzstan' },
122
+ { value: 'LA', dialCode: '+856', name: 'Laos' },
123
+ { value: 'LV', dialCode: '+371', name: 'Latvia' },
124
+ { value: 'LB', dialCode: '+961', name: 'Lebanon' },
125
+ { value: 'LS', dialCode: '+266', name: 'Lesotho' },
126
+ { value: 'LR', dialCode: '+231', name: 'Liberia' },
127
+ { value: 'LY', dialCode: '+218', name: 'Libya' },
128
+ { value: 'LI', dialCode: '+423', name: 'Liechtenstein' },
129
+ { value: 'LT', dialCode: '+370', name: 'Lithuania' },
130
+ { value: 'LU', dialCode: '+352', name: 'Luxembourg' },
131
+ { value: 'MO', dialCode: '+853', name: 'Macau' },
132
+ { value: 'MK', dialCode: '+389', name: 'Macedonia' },
133
+ { value: 'MG', dialCode: '+261', name: 'Madagascar' },
134
+ { value: 'MW', dialCode: '+265', name: 'Malawi' },
135
+ { value: 'MY', dialCode: '+60', name: 'Malaysia' },
136
+ { value: 'MV', dialCode: '+960', name: 'Maldives' },
137
+ { value: 'ML', dialCode: '+223', name: 'Mali' },
138
+ { value: 'MT', dialCode: '+356', name: 'Malta' },
139
+ { value: 'MH', dialCode: '+692', name: 'Marshall Islands' },
140
+ { value: 'MR', dialCode: '+222', name: 'Mauritania' },
141
+ { value: 'MU', dialCode: '+230', name: 'Mauritius' },
142
+ { value: 'YT', dialCode: '+262', name: 'Mayotte' },
143
+ { value: 'MX', dialCode: '+52', name: 'Mexico' },
144
+ { value: 'FM', dialCode: '+691', name: 'Micronesia' },
145
+ { value: 'MD', dialCode: '+373', name: 'Moldova' },
146
+ { value: 'MC', dialCode: '+377', name: 'Monaco' },
147
+ { value: 'MN', dialCode: '+976', name: 'Mongolia' },
148
+ { value: 'ME', dialCode: '+382', name: 'Montenegro' },
149
+ { value: 'MS', dialCode: '+1', name: 'Montserrat' },
150
+ { value: 'MA', dialCode: '+212', name: 'Morocco' },
151
+ { value: 'MZ', dialCode: '+258', name: 'Mozambique' },
152
+ { value: 'MM', dialCode: '+95', name: 'Myanmar' },
153
+ { value: 'NA', dialCode: '+264', name: 'Namibia' },
154
+ { value: 'NR', dialCode: '+674', name: 'Nauru' },
155
+ { value: 'NP', dialCode: '+977', name: 'Nepal' },
156
+ { value: 'NL', dialCode: '+31', name: 'Netherlands' },
157
+ { value: 'AN', dialCode: '+599', name: 'Netherlands Antilles' },
158
+ { value: 'NC', dialCode: '+687', name: 'New Caledonia' },
159
+ { value: 'NZ', dialCode: '+64', name: 'New Zealand' },
160
+ { value: 'NI', dialCode: '+505', name: 'Nicaragua' },
161
+ { value: 'NE', dialCode: '+227', name: 'Niger' },
162
+ { value: 'NG', dialCode: '+234', name: 'Nigeria' },
163
+ { value: 'NU', dialCode: '+683', name: 'Niue' },
164
+ { value: 'KP', dialCode: '+850', name: 'North Korea' },
165
+ { value: 'MP', dialCode: '+1', name: 'Northern Mariana Islands' },
166
+ { value: 'NO', dialCode: '+47', name: 'Norway' },
167
+ { value: 'OM', dialCode: '+968', name: 'Oman' },
168
+ { value: 'PK', dialCode: '+92', name: 'Pakistan' },
169
+ { value: 'PW', dialCode: '+680', name: 'Palau' },
170
+ { value: 'PS', dialCode: '+970', name: 'Palestine' },
171
+ { value: 'PA', dialCode: '+507', name: 'Panama' },
172
+ { value: 'PG', dialCode: '+675', name: 'Papua New Guinea' },
173
+ { value: 'PY', dialCode: '+595', name: 'Paraguay' },
174
+ { value: 'PE', dialCode: '+51', name: 'Peru' },
175
+ { value: 'PH', dialCode: '+63', name: 'Philippines' },
176
+ { value: 'PN', dialCode: '+64', name: 'Pitcairn' },
177
+ { value: 'PL', dialCode: '+48', name: 'Poland' },
178
+ { value: 'PT', dialCode: '+351', name: 'Portugal' },
179
+ { value: 'PR', dialCode: '+1', name: 'Puerto Rico' },
180
+ { value: 'QA', dialCode: '+974', name: 'Qatar' },
181
+ { value: 'CG', dialCode: '+242', name: 'Republic of the Congo' },
182
+ { value: 'RE', dialCode: '+262', name: 'Reunion' },
183
+ { value: 'RO', dialCode: '+40', name: 'Romania' },
184
+ { value: 'RU', dialCode: '+7', name: 'Russia' },
185
+ { value: 'RW', dialCode: '+250', name: 'Rwanda' },
186
+ { value: 'BL', dialCode: '+590', name: 'Saint Barthelemy' },
187
+ { value: 'SH', dialCode: '+290', name: 'Saint Helena' },
188
+ { value: 'KN', dialCode: '+1', name: 'Saint Kitts and Nevis' },
189
+ { value: 'LC', dialCode: '+1', name: 'Saint Lucia' },
190
+ { value: 'MF', dialCode: '+590', name: 'Saint Martin' },
191
+ { value: 'PM', dialCode: '+508', name: 'Saint Pierre and Miquelon' },
192
+ { value: 'VC', dialCode: '+1', name: 'Saint Vincent and the Grenadines' },
193
+ { value: 'WS', dialCode: '+685', name: 'Samoa' },
194
+ { value: 'SM', dialCode: '+378', name: 'San Marino' },
195
+ { value: 'ST', dialCode: '+239', name: 'Sao Tome and Principe' },
196
+ { value: 'SA', dialCode: '+966', name: 'Saudi Arabia' },
197
+ { value: 'SN', dialCode: '+221', name: 'Senegal' },
198
+ { value: 'RS', dialCode: '+381', name: 'Serbia' },
199
+ { value: 'SC', dialCode: '+248', name: 'Seychelles' },
200
+ { value: 'SL', dialCode: '+232', name: 'Sierra Leone' },
201
+ { value: 'SG', dialCode: '+65', name: 'Singapore' },
202
+ { value: 'SX', dialCode: '+1', name: 'Sint Maarten' },
203
+ { value: 'SK', dialCode: '+421', name: 'Slovakia' },
204
+ { value: 'SI', dialCode: '+386', name: 'Slovenia' },
205
+ { value: 'SB', dialCode: '+677', name: 'Solomon Islands' },
206
+ { value: 'SO', dialCode: '+252', name: 'Somalia' },
207
+ { value: 'ZA', dialCode: '+27', name: 'South Africa' },
208
+ { value: 'KR', dialCode: '+82', name: 'South Korea' },
209
+ { value: 'SS', dialCode: '+211', name: 'South Sudan' },
210
+ { value: 'ES', dialCode: '+34', name: 'Spain' },
211
+ { value: 'LK', dialCode: '+94', name: 'Sri Lanka' },
212
+ { value: 'SD', dialCode: '+249', name: 'Sudan' },
213
+ { value: 'SR', dialCode: '+597', name: 'Suriname' },
214
+ { value: 'SJ', dialCode: '+47', name: 'Svalbard and Jan Mayen' },
215
+ { value: 'SZ', dialCode: '+268', name: 'Swaziland' },
216
+ { value: 'SE', dialCode: '+46', name: 'Sweden' },
217
+ { value: 'CH', dialCode: '+41', name: 'Switzerland' },
218
+ { value: 'SY', dialCode: '+963', name: 'Syria' },
219
+ { value: 'TW', dialCode: '+886', name: 'Taiwan' },
220
+ { value: 'TJ', dialCode: '+992', name: 'Tajikistan' },
221
+ { value: 'TZ', dialCode: '+255', name: 'Tanzania' },
222
+ { value: 'TH', dialCode: '+66', name: 'Thailand' },
223
+ { value: 'TG', dialCode: '+228', name: 'Togo' },
224
+ { value: 'TK', dialCode: '+690', name: 'Tokelau' },
225
+ { value: 'TO', dialCode: '+676', name: 'Tonga' },
226
+ { value: 'TT', dialCode: '+1', name: 'Trinidad and Tobago' },
227
+ { value: 'TN', dialCode: '+216', name: 'Tunisia' },
228
+ { value: 'TR', dialCode: '+90', name: 'Turkey' },
229
+ { value: 'TM', dialCode: '+993', name: 'Turkmenistan' },
230
+ { value: 'TC', dialCode: '+1', name: 'Turks and Caicos Islands' },
231
+ { value: 'TV', dialCode: '+688', name: 'Tuvalu' },
232
+ { value: 'VI', dialCode: '+1', name: 'U.S. Virgin Islands' },
233
+ { value: 'UG', dialCode: '+256', name: 'Uganda' },
234
+ { value: 'UA', dialCode: '+380', name: 'Ukraine' },
235
+ { value: 'AE', dialCode: '+971', name: 'United Arab Emirates' },
236
+ { value: 'GB', dialCode: '+44', name: 'United Kingdom' },
237
+ { value: 'US', dialCode: '+1', name: 'United States' },
238
+ { value: 'UY', dialCode: '+598', name: 'Uruguay' },
239
+ { value: 'UZ', dialCode: '+998', name: 'Uzbekistan' },
240
+ { value: 'VU', dialCode: '+678', name: 'Vanuatu' },
241
+ { value: 'VA', dialCode: '+379', name: 'Vatican' },
242
+ { value: 'VE', dialCode: '+58', name: 'Venezuela' },
243
+ { value: 'VN', dialCode: '+84', name: 'Vietnam' },
244
+ { value: 'WF', dialCode: '+681', name: 'Wallis and Futuna' },
245
+ { value: 'EH', dialCode: '+212', name: 'Western Sahara' },
246
+ { value: 'YE', dialCode: '+967', name: 'Yemen' },
247
+ { value: 'ZM', dialCode: '+260', name: 'Zambia' },
248
+ { value: 'ZW', dialCode: '+263', name: 'Zimbabwe' }
249
+ ];
250
+
251
+ export { AREA_FLAG_BASE_URL, areaCodeOptions };
package/es/Select/Select.d.ts CHANGED
@@ -15,6 +15,7 @@ export interface SelectProps {
15
15
  preIcon?: React.ReactNode;
16
16
  value?: string | number | CustomOption | null;
17
17
  onChange?: (v: unknown) => void;
18
+ showSelectedIcon?: boolean;
18
19
  styles?: {
19
20
  control?: React.CSSProperties;
20
21
  singleValue?: React.CSSProperties;
package/es/Select/Select.js CHANGED
@@ -5,7 +5,7 @@ import classNames from 'classnames';
5
5
  import { Icon } from '../Icon/index.js';
6
6
 
7
7
  var Select = function (_a) {
8
- var options = _a.options, className = _a.className, defaultValue = _a.defaultValue, isDisabled = _a.isDisabled, isClearable = _a.isClearable, isSearchable = _a.isSearchable, isMulti = _a.isMulti, _b = _a.placeholder, placeholder = _b === void 0 ? 'Select...' : _b, preIcon = _a.preIcon, value = _a.value, onChange = _a.onChange, passStyles = _a.styles, rest = __rest(_a, ["options", "className", "defaultValue", "isDisabled", "isClearable", "isSearchable", "isMulti", "placeholder", "preIcon", "value", "onChange", "styles"]);
8
+ var options = _a.options, className = _a.className, defaultValue = _a.defaultValue, isDisabled = _a.isDisabled, isClearable = _a.isClearable, isSearchable = _a.isSearchable, isMulti = _a.isMulti, _b = _a.placeholder, placeholder = _b === void 0 ? 'Select...' : _b, preIcon = _a.preIcon, value = _a.value, onChange = _a.onChange, _c = _a.showSelectedIcon, showSelectedIcon = _c === void 0 ? true : _c, passStyles = _a.styles, rest = __rest(_a, ["options", "className", "defaultValue", "isDisabled", "isClearable", "isSearchable", "isMulti", "placeholder", "preIcon", "value", "onChange", "showSelectedIcon", "styles"]);
9
9
  var customStyles = {
10
10
  control: function (styles, _a) {
11
11
  var isDisabled = _a.isDisabled;
@@ -20,7 +20,7 @@ var Select = function (_a) {
20
20
  menuPortal: function (base) { return (__assign(__assign({}, base), { zIndex: 99999 })); },
21
21
  option: function (styles, _a) {
22
22
  var isSelected = _a.isSelected, isFocused = _a.isFocused;
23
- return __assign(__assign({}, styles), { backgroundColor: isFocused ? '#FFF6F0' : 'white', color: isSelected ? '#FF5F00' : '#666', ':hover': {
23
+ return __assign(__assign({}, styles), { backgroundColor: isFocused || isSelected ? '#FFF6F0' : 'white', color: isSelected ? '#FF5F00' : '#666', ':hover': {
24
24
  backgroundColor: '#FFF6F0'
25
25
  }, fontSize: 16, display: 'flex', justifyContent: 'space-between', alignItems: 'center' });
26
26
  },
@@ -33,7 +33,7 @@ var Select = function (_a) {
33
33
  var CustomControl = function (props) { return (jsxs(components.Control, __assign({}, props, { children: [preIcon && (jsx("div", __assign({ className: "foxit-select-custom-control", style: {
34
34
  color: props.hasValue ? '#525252' : '#B3B3B3'
35
35
  } }, { children: preIcon }))), props.children] }))); };
36
- var CustomOptionComp = function (props) { return (jsxs(components.Option, __assign({}, props, { children: [props.children, props.isSelected && jsx(Icon, { name: "CheckCircleOutlined" })] }))); };
36
+ var CustomOptionComp = function (props) { return (jsxs(components.Option, __assign({}, props, { children: [props.children, showSelectedIcon && props.isSelected && jsx(Icon, { name: "CheckCircleOutlined" })] }))); };
37
37
  var userAgent = typeof navigator === 'undefined' ? '' : navigator.userAgent;
38
38
  var mobileRegex = /Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i;
39
39
  var padRegex = /iPad|Tablet|PlayBook|Silk|Kindle|Nexus 7|Nexus 10|SM-T|GT-P|TouchPad|Pad|HONOR|HDN/i;
package/es/index.css CHANGED
@@ -1 +1 @@
1
- .foxit-checkbox-container{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;user-select:none}[dir=ltr] .foxit-checkbox-container{padding-left:25px}[dir=rtl] .foxit-checkbox-container{padding-right:25px}.foxit-checkbox-container.small{line-height:16px}[dir=ltr] .foxit-checkbox-container.small{padding-left:21px}[dir=rtl] .foxit-checkbox-container.small{padding-right:21px}.foxit-checkbox-container input{cursor:pointer;opacity:0;position:absolute}.foxit-checkbox-checkmark{background-color:#fff;border:1px solid #b3b3b3;border-radius:4px;height:20px;position:absolute;top:0;width:20px}[dir=ltr] .foxit-checkbox-checkmark{left:0}[dir=rtl] .foxit-checkbox-checkmark{right:0}.foxit-checkbox-container input:indeterminate~.foxit-checkbox-checkmark{background-color:#fff}.foxit-checkbox-container.small .foxit-checkbox-checkmark{height:16px;width:16px}.foxit-checkbox-content{line-height:20px}.foxit-checkbox-container.small .foxit-checkbox-content{display:inline-block;font-size:12px;line-height:16px}.foxit-checkbox-container input:checked~.foxit-checkbox-checkmark{background-color:#ff5f00;border:none}[dir=rtl] .foxit-checkbox-container input:checked~.foxit-checkbox-checkmark{transform:scaleX(-1)}.foxit-checkbox-checkmark:after{content:"";display:none;position:absolute}.foxit-checkbox-container input:checked~.foxit-checkbox-checkmark:after{display:block}.foxit-checkbox-container .foxit-checkbox-checkmark:after{border:solid #fff;height:10px;top:4px;width:6px}[dir=ltr] .foxit-checkbox-container .foxit-checkbox-checkmark:after{border-width:0 2px 2px 0;left:7px;transform:rotate(45deg)}[dir=rtl] .foxit-checkbox-container .foxit-checkbox-checkmark:after{border-width:0 0 2px 2px;right:7px;transform:rotate(-45deg)}.foxit-checkbox-container input:indeterminate~.foxit-checkbox-checkmark:after{background-color:#ff5f00;border:none;border-radius:2px;display:block;height:10px;top:50%;width:10px}[dir=ltr] .foxit-checkbox-container input:indeterminate~.foxit-checkbox-checkmark:after{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .foxit-checkbox-container input:indeterminate~.foxit-checkbox-checkmark:after{right:50%;transform:translate(50%,-50%)}.foxit-checkbox-container.small .foxit-checkbox-checkmark:after{top:2px}[dir=ltr] .foxit-checkbox-container.small .foxit-checkbox-checkmark:after{left:5px}[dir=rtl] .foxit-checkbox-container.small .foxit-checkbox-checkmark:after{right:5px}.foxit-checkbox-container.small input:indeterminate~.foxit-checkbox-checkmark:after{height:8px;top:50%;width:8px}[dir=ltr] .foxit-checkbox-container.small input:indeterminate~.foxit-checkbox-checkmark:after{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .foxit-checkbox-container.small input:indeterminate~.foxit-checkbox-checkmark:after{right:50%;transform:translate(50%,-50%)}.foxit-checkbox-container.disabled{color:#00000040;cursor:not-allowed;opacity:.6}.foxit-checkbox-checkmark.disabled{background-color:#f5f5f5;border:1px solid #d9d9d9}.foxit-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.foxit-empty-image{margin-bottom:16px}.foxit-empty-description{color:#757575;font-size:14px}.foxit-form-item{margin-bottom:24px}.foxit-form-item label{color:#525252;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.foxit-form-item-embedlabel{background-color:#fff;display:inline-block!important;padding:0 4px;position:relative;top:18px;z-index:1}[dir=ltr] .foxit-form-item-embedlabel{margin-left:4px}[dir=rtl] .foxit-form-item-embedlabel{margin-right:4px}.foxit-form-required{color:#e22727}.foxit-form-error-text,.foxit-form-warning-text{font-size:12px;line-height:24px;min-height:24px}.foxit-form-error-text{color:#e22727}.foxit-form-warning-text{color:orange}.foxit-form-item>.foxit-form-error-component .foxit-checkbox-container,.foxit-form-item>.foxit-form-error-component .foxit-input-wrapper,.foxit-form-item>.foxit-form-error-component .foxit-radio-container,.foxit-form-item>.foxit-form-error-component .foxit-select-wrapper>:nth-child(3){border:1px solid #e22727!important}.foxit-form-item>.foxit-form-warning-component .foxit-checkbox-container,.foxit-form-item>.foxit-form-warning-component .foxit-input-wrapper,.foxit-form-item>.foxit-form-warning-component .foxit-radio-container,.foxit-form-item>.foxit-form-warning-component .foxit-select-wrapper>:nth-child(3){border-color:orange!important}.foxit-input-wrapper{align-items:center;border:1px solid #d9d9d9;border-radius:10px;display:flex;font-size:14px;font-weight:400;padding:11px 16px;transition:border-color .3s}.foxit-input-wrapper:focus-within{border-color:#ff5f00!important}.foxit-input-wrapper:hover{border-color:#757575}.foxit-input-element{border:none;color:#525252;flex:1;line-height:24px;outline:none!important}[dir=ltr] .foxit-input-element{text-align:left}[dir=rtl] .foxit-input-element{text-align:right}.foxit-input-element::placeholder{color:#b3b3b3}.foxit-input-addon{align-items:center;color:#b3b3b3;cursor:pointer;display:flex;transition:color .3s}[dir=ltr] .foxit-input-addon{padding:0 0 0 8px}[dir=ltr] .foxit-input-addon-before,[dir=rtl] .foxit-input-addon{padding:0 8px 0 0}[dir=rtl] .foxit-input-addon-before{padding:0 0 0 8px}.foxit-input-wrapper:focus-within .foxit-input-addon{color:#ff5f00!important}.foxit-input-wrapper:hover .foxit-input-addon{color:#757575}.foxit-input-wrapper :disabled,.foxit-input-wrapper-disabled{background-color:#f8f8f8}.foxit-input-wrapper-disabled:hover{border-color:#d9d9d9}.foxit-input-wrapper-disabled .foxit-input-element{color:#b3b3b3}[dir=ltr] .foxit-input-wrapper-textarea{padding-right:0}[dir=rtl] .foxit-input-wrapper-textarea{padding-left:0}.foxit-textarea-element{resize:none;scrollbar-color:#d9d9d9 #fff;scrollbar-gutter:stable;scrollbar-width:auto}.foxit-textarea-element::-webkit-scrollbar{width:16px}.foxit-textarea-element::-webkit-scrollbar-track{background:#fff}.foxit-textarea-element::-webkit-scrollbar-thumb{background-color:#d9d9d9;border:4px solid #fff;border-radius:8px}.foxit-pagination-container{align-items:center;display:flex;justify-content:center}.foxit-pagination-button,.foxit-pagination-next,.foxit-pagination-prev{background-color:initial;border:none;border-radius:10px;color:#757575;cursor:pointer;font-size:16px;font-weight:500;height:48px;margin:0 4px;min-width:48px;padding:0 12px;transition:background-color .3s ease,color .3s ease}.foxit-pagination-next:hover,.foxit-pagination-prev:hover{color:#ff5f00}.foxit-pagination-button:hover{background-color:#ff5f001a}.foxit-pagination-button:disabled{background-color:#ff5f00;color:#fff;cursor:default}.foxit-pagination-mobile-container{display:flex;justify-content:center;margin:16px 0}.foxit-pagination-mobile-next,.foxit-pagination-mobile-prev{height:36px;margin:0 8px;min-width:40px}.foxit-pagination-mobile-info{font-size:16px;min-width:48px}.foxit-button,.foxit-pagination-mobile-info{align-items:center;display:flex;justify-content:center}.foxit-button{border:0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.42px}.foxit-button-link{background:#0000;border:none;color:#ff5f00;display:inline-flex;font-weight:400;margin:0;padding:0;white-space:nowrap;width:fit-content}.foxit-button-circle{aspect-ratio:1;border-radius:50%!important;padding:0!important;width:auto}.foxit-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.foxit-button:hover{opacity:.8}.foxit-button-primary{background-color:#ff5f00;color:#fff}.foxit-button-secondary{background-color:#fff;border:1px solid #ff5f00;color:#ff5f00}.foxit-button-small{border-radius:5px;min-height:38px;padding:8px 24px}.foxit-button-small svg{height:16px;width:16px}.foxit-button-small.foxit-button-circle{height:38px;width:38px}.foxit-button-medium{border-radius:5px;min-height:44px;padding:11px 32px}.foxit-button-medium svg{height:20px;width:20px}.foxit-button-medium.foxit-button-circle{height:44px;width:44px}.foxit-button-large{min-height:56px;padding:16px 32px}.foxit-button-large.foxit-button-circle{height:56px;width:56px}.foxit-button-prevent-click{pointer-events:none}.foxit-button-loading{animation:spin 1s linear infinite}[dir=ltr] .foxit-button-loading{margin-right:8px}[dir=rtl] .foxit-button-loading{margin-left:8px}.foxit-button-primary .foxit-button-loading{color:#fff}.foxit-button-secondary .foxit-button-loading{color:#ff5f00}.foxit-radio-container{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;user-select:none}[dir=ltr] .foxit-radio-container{padding-left:25px}[dir=rtl] .foxit-radio-container{padding-right:25px}.foxit-radio-container input{cursor:pointer;opacity:0;position:absolute}.foxit-radio-checkmark{background-color:#fff;border:1px solid #b3b3b3;border-radius:50%;height:20px;position:absolute;top:0;width:20px}[dir=ltr] .foxit-radio-checkmark{left:0}[dir=rtl] .foxit-radio-checkmark{right:0}.foxit-radio-content{line-height:20px}.foxit-radio-container input:checked~.foxit-radio-checkmark{background-color:#fff;border:1px solid #ff5f00}.foxit-radio-checkmark:after{content:"";display:none;position:absolute}.foxit-radio-container input:checked~.foxit-radio-checkmark:after{display:block}.foxit-radio-container .foxit-radio-checkmark:after{background:#ff5f00;border-radius:50%;height:10px;top:4px;width:10px}[dir=ltr] .foxit-radio-container .foxit-radio-checkmark:after{left:4px}[dir=rtl] .foxit-radio-container .foxit-radio-checkmark:after{right:4px}.foxit-radio-container.disabled{cursor:not-allowed;opacity:.6}.foxit-select-custom-control{display:flex}[dir=ltr] .foxit-select-custom-control{margin-right:-4px;padding-left:8px}[dir=rtl] .foxit-select-custom-control{margin-left:-4px;padding-right:8px}.foxit-table{border:1px solid #ff5f00;border-radius:10px;color:#373737;min-height:200px;overflow:hidden;position:relative}.foxit-table-loading{align-items:center;background-color:#ffffffb3;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%;z-index:5}[dir=ltr] .foxit-table-loading{left:0}[dir=rtl] .foxit-table-loading{right:0}.foxit-table-icon-loading{animation:spin 1s linear infinite;color:#ff5f00}.foxit-table-container{border-collapse:collapse;min-width:100%;table-layout:fixed;width:auto}.foxit-table-container td,.foxit-table-container th{word-wrap:break-word;height:70px;min-height:70px;padding:24px;white-space:pre-wrap}.foxit-table-container th{background-color:#fff6f0;font-size:16px;font-weight:700}.foxit-table-container td{font-size:14px;font-weight:400}.foxit-table-container .foxit-even-row{background-color:#fff}.foxit-table-container .foxit-odd-row{background-color:#fff6f0}.foxit-table-mobile-list{display:flex;flex-direction:column;gap:16px}.foxit-table-mobile-card{background:#f8f8f8;border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:32px}.foxit-table-mobile-row{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between}.foxit-table-mobile-row:not(:last-child){border-bottom:1px solid #efefef;padding-bottom:12px}.foxit-table-mobile-label{word-wrap:break-word;color:#373737;font-size:16px;font-weight:700;max-width:50%;white-space:pre-wrap}[dir=ltr] .foxit-table-mobile-label{margin-right:16px}[dir=rtl] .foxit-table-mobile-label{margin-left:16px}.foxit-table-mobile-value{word-wrap:break-word;color:#373737;flex:1 1 0;font-size:14px;font-weight:400;white-space:pre-wrap}[dir=ltr] .foxit-table-mobile-value{text-align:right}[dir=rtl] .foxit-table-mobile-value{text-align:left}.foxit-table-mobile-loading{align-items:center;background:#0000;display:flex;justify-content:center;padding:24px 0;width:100%}.foxit-table-checkbox{position:relative;text-align:center}[dir=ltr] .foxit-table-checkbox{padding:24px 0 24px 16px!important}[dir=rtl] .foxit-table-checkbox{padding:24px 16px 24px 0!important}.foxit-tabs{display:flex;flex-wrap:wrap;gap:8px}.foxit-tab-item{background-color:#f1f3f4;border:none;border-radius:10px;color:#757575;cursor:pointer;font-size:14px;font-weight:600;padding:14px 20px;transition:background-color .3s,color .3s}.foxit-tab-item.active{background-color:#ff5f00;color:#fff}.foxit-tab-item:hover:not(.active){background-color:#e0e0e0}.foxit-tab-content{margin-top:16px}.foxit-linktabs{width:100%}.foxit-linktabs-inner{margin-left:auto;margin-right:auto;position:relative}.foxit-linktabs-scroll{background:#fff;border:none;padding:8px;position:absolute;top:6px;z-index:10}.foxit-linktabs-scroll:hover{color:#ff5f00;cursor:pointer}[dir=ltr] .foxit-linktabs-scroll-left{left:-24px}[dir=ltr] .foxit-linktabs-scroll-right,[dir=rtl] .foxit-linktabs-scroll-left{right:-24px}[dir=rtl] .foxit-linktabs-scroll-right{left:-24px}.foxit-linktabs-list{-ms-overflow-style:none;border-bottom:1px solid #f1f3f4;display:flex;overflow-x:auto;scrollbar-width:none;text-align:center;white-space:nowrap;width:100%}.foxit-linktabs-list::-webkit-scrollbar{display:none}.foxit-linktab-btn{background:none;border:none;color:#b3b3b3;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;outline:none;padding:12px;transition:border-color .2s,color .2s}.foxit-linktab-btn.active{border-bottom:2px solid #ff5f00;color:#ff5f00}.foxit-tag{border-radius:5px;display:inline-block;font-size:12px;font-weight:600;min-height:24px;padding:4px 8px}.foxit-tag-active{background-color:#edfafa;color:#0f8b8d}.foxit-tag-canceled{background-color:#ffecec;color:#e22727}.foxit-tag-pending{background-color:#fbf4d0;color:#9b8827}.foxit-tag-offline{background-color:#edecff;color:#6462c6}.foxit-tag-trial{background-color:#e4f4fe;color:#2288ce}.foxit-tag-expired{background-color:#ececec;color:#757575}.foxit-tag-completed{background-color:#edfafa;color:#0f8b8d}.foxit-toast-container{pointer-events:none;position:fixed;top:0;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:2000}[dir=ltr] .foxit-toast-container{left:50%;transform:translateX(-50%)}[dir=rtl] .foxit-toast-container{right:50%;transform:translateX(50%)}.foxit-toast-loading{animation:spin 1s linear infinite;color:#ff5f00}.foxit-toast-loading-overlay{background-color:#000;height:100vh;inset:0;opacity:.15;pointer-events:auto;position:fixed;z-index:10}.foxit-toast-item{align-items:center;background-color:#fff;border:none;border-radius:50px;color:#525252;display:flex;flex-direction:row;gap:8px;justify-content:center;margin-bottom:16px;margin-left:auto;margin-right:auto;padding:9px 12px;position:relative;top:102px;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:fit-content;z-index:20}.foxit-toast-item-success{background-color:#ddfae8;color:#1f7f40}.foxit-toast-item-error{background-color:#fae5dd;color:#e22727}.foxit-toast-item-warning{background-color:#fff0e7;color:#525252}.foxit-toast-enter{opacity:0;transform:translateY(-100%)}.foxit-toast-enter-active{transition:all .5s ease-out}.foxit-toast-enter-active,.foxit-toast-exit{opacity:1;transform:translateY(0)}.foxit-toast-exit-active{opacity:0;transform:translateY(-100%);transition:all .5s ease-in}.foxit-tooltip-container{display:inline-block;position:relative;width:auto}.foxit-tooltip-content{background-color:#525252;border-radius:10px;color:#fff;max-width:100%;min-width:100px;padding:12px 16px;position:absolute;width:300px;z-index:1}.foxit-tooltip-white{background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;color:#525252}.foxit-tooltip-bridge{background-color:initial;pointer-events:auto;position:absolute;z-index:9998}.foxit-tooltip-arrow{height:0;position:absolute;width:0}.foxit-tooltip-arrow-top{border-top:5px solid #525252}.foxit-tooltip-arrow-bottom,.foxit-tooltip-arrow-top{border-left:5px solid #0000;border-right:5px solid #0000}.foxit-tooltip-arrow-bottom{border-bottom:5px solid #525252}.foxit-tooltip-arrow-left{border-bottom:5px solid #0000;border-top:5px solid #0000}[dir=ltr] .foxit-tooltip-arrow-left{border-left:5px solid #525252}[dir=rtl] .foxit-tooltip-arrow-left{border-right:5px solid #525252}.foxit-tooltip-arrow-right{border-bottom:5px solid #0000;border-top:5px solid #0000}[dir=ltr] .foxit-tooltip-arrow-right{border-right:5px solid #525252}[dir=rtl] .foxit-tooltip-arrow-right{border-left:5px solid #525252}.foxit-tooltip-white .foxit-tooltip-arrow-top{border-top-color:#e0e0e0}.foxit-tooltip-white .foxit-tooltip-arrow-bottom{border-bottom-color:#e0e0e0}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-left{border-left-color:#e0e0e0}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-right,[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-left{border-right-color:#e0e0e0}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-right{border-left-color:#e0e0e0}.foxit-tooltip-white .foxit-tooltip-arrow-top:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #fff;content:"";position:absolute;top:-6px}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-top:after{left:-5px}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-top:after{right:-5px}.foxit-tooltip-white .foxit-tooltip-arrow-bottom:after{border-bottom:5px solid #fff;border-left:5px solid #0000;border-right:5px solid #0000;bottom:-6px;content:"";position:absolute}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-bottom:after{left:-5px}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-bottom:after{right:-5px}.foxit-tooltip-white .foxit-tooltip-arrow-left:after{border-bottom:5px solid #0000;border-top:5px solid #0000;content:"";position:absolute;top:-5px}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-left:after{border-left:5px solid #fff;left:-6px}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-left:after{border-right:5px solid #fff;right:-6px}.foxit-tooltip-white .foxit-tooltip-arrow-right:after{border-bottom:5px solid #0000;border-top:5px solid #0000;content:"";position:absolute;top:-5px}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-right:after{border-right:5px solid #fff;right:-6px}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-right:after{border-left:5px solid #fff;left:-6px}.foxit-accordion{width:100%}.foxit-accordion-head{margin-bottom:32px}.foxit-accordion-title{color:#373737;font-size:32px;font-weight:800;line-height:1.3;margin:0 0 8px}.foxit-accordion-subtitle{color:#525252;font-size:20px;line-height:1.6;margin:0}.foxit-accordion-item{border-bottom:1px solid #e8e8e8}.foxit-accordion-item:first-child{border-top:1px solid #e8e8e8}.foxit-accordion-item-disabled{cursor:not-allowed;opacity:.5}.foxit-accordion-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:16px;width:100%}[dir=ltr] .foxit-accordion-header{border-left:3px solid #0000;text-align:left;transition:border-left-color .2s ease,background-color .2s ease}[dir=rtl] .foxit-accordion-header{border-right:3px solid #0000;text-align:right;transition:border-right-color .2s ease,background-color .2s ease}.foxit-accordion-header:focus-visible{outline:2px solid #cfccff;outline-offset:-2px}.foxit-accordion-item-active .foxit-accordion-header{background-color:#fafaff}[dir=ltr] .foxit-accordion-item-active .foxit-accordion-header{border-left-color:#cfccff}[dir=rtl] .foxit-accordion-item-active .foxit-accordion-header{border-right-color:#cfccff}.foxit-accordion-item-disabled .foxit-accordion-header{cursor:not-allowed}.foxit-accordion-label{color:#373737;flex:1;font-size:18px;font-weight:500;line-height:1.5;transition:color .2s ease}.foxit-accordion-item-active .foxit-accordion-label{font-weight:600}.foxit-accordion-icon{flex-shrink:0;transition:transform .25s ease,color .2s ease}[dir=ltr] .foxit-accordion-item .foxit-accordion-icon{transform:rotate(-90deg)}[dir=rtl] .foxit-accordion-item .foxit-accordion-icon{transform:rotate(90deg)}.foxit-accordion-item.foxit-accordion-item-active .foxit-accordion-icon{transform:rotate(0deg)}.foxit-accordion-content-wrapper{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .28s ease}.foxit-accordion-content-wrapper-open{grid-template-rows:1fr}.foxit-accordion-content{color:#525252;font-size:16px;overflow:hidden;padding:0 16px}.foxit-accordion-content-wrapper-open .foxit-accordion-content{padding-bottom:20px;padding-top:16px}@media (max-width:1024px){.foxit-accordion-head{margin-bottom:24px}.foxit-accordion-title{font-size:24px}.foxit-accordion-label,.foxit-accordion-subtitle{font-size:16px}.foxit-accordion-content{font-size:14px}}.foxit-menu{border-radius:10px;font-size:14px;overflow:hidden}.foxit-menu-item-content{align-items:center;cursor:pointer;display:flex;padding:12px 16px}[dir=ltr] .foxit-menu-item{padding-left:0}[dir=rtl] .foxit-menu-item{padding-right:0}.foxit-menu-item.selected{background-color:#fff6f0!important;border-radius:10px;color:#ff5f00;font-weight:600}.foxit-menu-item:hover{background-color:#f5f6f8;border-radius:10px}.foxit-menu-submenu-title{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px}.foxit-menu-submenu-title:hover{background-color:#f5f6f8;border-radius:10px}.foxit-menu-icon{transition:transform .3s ease-in-out}[dir=ltr] .foxit-menu-rotated-icon{transform:rotate(180deg)}[dir=rtl] .foxit-menu-rotated-icon{transform:rotate(-180deg)}.foxit-menu-item-label{font-weight:600}.foxit-menu-collapsed{transition:width .2s;width:50px!important}.foxit-menu-item-icon{align-items:center;display:inline-flex}[dir=ltr] .foxit-menu-item-icon{margin-right:8px}[dir=rtl] .foxit-menu-item-icon{margin-left:8px}.foxit-menu-item-icon-collapsed{font-size:16px}[dir=ltr] .foxit-menu-item-icon-collapsed{margin-right:0}[dir=rtl] .foxit-menu-item-icon-collapsed{margin-left:0}.foxit-menu-collapsed .foxit-menu-item-content,.foxit-menu-collapsed .foxit-menu-submenu-title{align-items:center;display:flex;justify-content:center;padding:12px}[dir=ltr] .foxit-menu-item-icon-mr8{margin-right:8px}[dir=rtl] .foxit-menu-item-icon-mr8{margin-left:8px}.foxit-menu-collapsed-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foxit-menu-popup{background-color:#fff;border-radius:10px;box-shadow:0 3px 6px #0000001f,0 1px 3px #00000014;min-width:200px;padding:5px 0}.foxit-menu-popup-content{width:100%}.foxit-menu-popup-title{align-items:center;border-bottom:1px solid #f0f0f0;color:#333;display:flex;font-weight:600;padding:8px 16px}.foxit-menu-popup-title-no-border{border-bottom:none}.foxit-modal-content-container{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:24px;justify-content:space-between;max-height:70vh;min-width:320px}@media (max-width:600px){.foxit-modal-content-container{box-sizing:border-box;overflow-y:auto}}[dir=ltr] .foxit-modal-success{background:linear-gradient(135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3)}[dir=rtl] .foxit-modal-success{background:linear-gradient(-135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3)}.foxit-modal-head{align-items:center;column-gap:8px;display:flex;justify-content:space-between;padding:36px 36px 0}.foxit-modal-children{box-sizing:border-box;max-height:60vh;overflow-y:auto;padding:0 36px}@media (max-width:600px){.foxit-modal-children{height:auto;max-height:100%;overflow-y:initial}}.foxit-modal-title{font-size:20px;font-weight:700}.foxit-modal-success-icon{display:flex;height:94px;margin-top:-50px;width:115px}.foxit-modal-close-button{align-items:center;cursor:pointer;display:flex;height:16px;justify-content:center;width:16px}.foxit-modal-close-button svg{stroke:#6b7280}.foxit-modal-close-button:hover svg{stroke:#ea580c}.foxit-modal-footer{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;padding:0 36px 36px}@media (max-width:600px){.foxit-modal-footer{align-items:stretch;flex-direction:column;width:100%}}.foxit-modal-fixed-layout{align-items:center;display:flex;flex-direction:column;inset:0;padding:36px;position:fixed;z-index:99}.foxit-modal-justify-center{justify-content:center}.foxit-modal-justify-top{justify-content:flex-start;padding-top:96px}.foxit-modal-justify-bottom{justify-content:flex-end}.foxit-modal-overlay{cursor:pointer;height:100%;inset:0;position:fixed;width:100%;z-index:99}.foxit-modal-overlay-bg{background-color:#00000026;height:100%;inset:0;position:absolute;width:100%}.foxit-modal-content{align-items:center;display:flex;font-size:16px;font-weight:400;justify-content:center;max-height:100%;width:auto;z-index:99}.foxit-modal-opacity-0{opacity:0}.foxit-modal-opacity-100{opacity:1}.foxit-modal-scale-0{transform:scale(0)}.foxit-modal-scale-100{transform:scale(1)}.foxit-modal-transition{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.foxit-modal-hide-overflow{overflow-y:hidden}.foxit-switch{background-color:#ccc;border-radius:100px;cursor:pointer;display:inline-block;height:22px;line-height:22px;min-width:40px;position:relative;transition:background-color .3s;width:40px}.foxit-switch.small{height:14px;line-height:14px;min-width:24px;width:24px}.foxit-switch.checked{background-color:#ff5f00}.foxit-switch-handle{background-color:#fff;border-radius:50%;height:18px;position:absolute;top:2px;transition:transform .3s;width:18px}[dir=ltr] .foxit-switch-handle{transform:translateX(1px)}[dir=rtl] .foxit-switch-handle{transform:translateX(-1px)}.foxit-switch.small .foxit-switch-handle{height:12px;top:1px;width:12px}[dir=ltr] .foxit-switch.checked .foxit-switch-handle{transform:translateX(20px)}[dir=rtl] .foxit-switch.checked .foxit-switch-handle{transform:translateX(-20px)}[dir=ltr] .foxit-switch.small.checked .foxit-switch-handle{transform:translateX(11px)}[dir=rtl] .foxit-switch.small.checked .foxit-switch-handle{transform:translateX(-11px)}.foxit-spin{display:inline-block;pointer-events:none;position:relative;width:100%}.foxit-spin .foxit-spin-container{opacity:.5}.foxit-spin-spinning{animation:spin 1s linear infinite;color:#ff5f00}[dir=ltr] .foxit-spin-spinning{margin-right:8px}[dir=rtl] .foxit-spin-spinning{margin-left:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.foxit-spin-icon{position:absolute;top:50%}[dir=ltr] .foxit-spin-icon{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .foxit-spin-icon{right:50%;transform:translate(50%,-50%)}.foxit-spin-small .foxit-spin-icon{font-size:16px}.foxit-spin-default .foxit-spin-icon{font-size:24px}.foxit-spin-large .foxit-spin-icon{font-size:32px}.foxit-alert{align-items:flex-start;border-radius:5px;display:flex;padding:12px}.foxit-alert-icon-container{height:20px;width:20px}[dir=ltr] .foxit-alert-icon-container{margin-right:8px}[dir=rtl] .foxit-alert-icon-container{margin-left:8px}.foxit-alert-icon{height:20px;width:20px}.foxit-alert-message{font-size:12px}.foxit-alert-success,.foxit-alert-warning{background-color:#f5fff2;border:1px solid #30dc6b}.foxit-alert-error{background-color:#fae5dd;border:1px solid #e22727}.foxit-alert-gradient{border:1px solid #ff5f00;display:block}[dir=ltr] .foxit-alert-gradient{background:linear-gradient(135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3)}[dir=rtl] .foxit-alert-gradient{background:linear-gradient(-135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3)}.foxit-alert-arrows{background-color:#fff;border:1px solid #ffb990;box-shadow:0 2px 8px #0000001a;position:relative}.foxit-alert-arrows-left:after,.foxit-alert-arrows-left:before{border-style:solid;content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}[dir=ltr] .foxit-alert-arrows-left:after,[dir=ltr] .foxit-alert-arrows-left:before{left:-8px}[dir=rtl] .foxit-alert-arrows-left:after,[dir=rtl] .foxit-alert-arrows-left:before{right:-8px}[dir=ltr] .foxit-alert-arrows-left:before{border-color:#0000 #ffb990 #0000 #0000;border-width:9px 9px 9px 0;left:-9px}[dir=rtl] .foxit-alert-arrows-left:before{border-color:#0000 #0000 #0000 #ffb990;border-width:9px 0 9px 9px;right:-9px}[dir=ltr] .foxit-alert-arrows-left:after{border-color:#0000 #fff #0000 #0000;border-width:8px 8px 8px 0;left:-8px}[dir=rtl] .foxit-alert-arrows-left:after{border-color:#0000 #0000 #0000 #fff;border-width:8px 0 8px 8px;right:-8px}.foxit-alert-arrows-right:after,.foxit-alert-arrows-right:before{border-style:solid;content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}[dir=ltr] .foxit-alert-arrows-right:after,[dir=ltr] .foxit-alert-arrows-right:before{right:-8px}[dir=rtl] .foxit-alert-arrows-right:after,[dir=rtl] .foxit-alert-arrows-right:before{left:-8px}[dir=ltr] .foxit-alert-arrows-right:before{border-color:#0000 #0000 #0000 #ffb990;border-width:9px 0 9px 9px;right:-9px}[dir=rtl] .foxit-alert-arrows-right:before{border-color:#0000 #ffb990 #0000 #0000;border-width:9px 9px 9px 0;left:-9px}[dir=ltr] .foxit-alert-arrows-right:after{border-color:#0000 #0000 #0000 #fff;border-width:8px 0 8px 8px;right:-8px}[dir=rtl] .foxit-alert-arrows-right:after{border-color:#0000 #fff #0000 #0000;border-width:8px 8px 8px 0;left:-8px}.foxit-quantity,.foxit-quantity-button{align-items:center;display:flex}.foxit-quantity-button{background-color:#ff5f00;border:none;border-radius:4px;color:#fff;cursor:pointer;height:16px;justify-content:center;margin-left:8px;margin-right:8px;width:16px}.foxit-quantity-button:disabled{background-color:#ffc2a0;cursor:not-allowed}.foxit-quantity-button>div{font-size:16px;margin-top:-3px}.foxit-quantity-number{border:1px solid #b3b3b3;border-radius:4px;color:#525252;flex:1;font-size:14px;height:24px;line-height:24px;outline:none!important;text-align:center;width:48px}.foxit-drawer-mask{background-color:#00000026;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s;z-index:99}.foxit-drawer-mask-open{opacity:1;pointer-events:auto}.foxit-drawer{background:#fff;height:100vh;overflow:auto;position:fixed;top:0;z-index:100}[dir=ltr] .foxit-drawer{box-shadow:-2px 0 8px #00000026;right:0;transition:right .3s}[dir=rtl] .foxit-drawer{box-shadow:2px 0 8px #00000026;left:0;transition:left .3s}.foxit-drawer-content{padding:24px}.foxit-steps{display:flex}.foxit-steps-horizontal{align-items:flex-start;flex-direction:row}.foxit-steps-vertical{flex-direction:column}.foxit-steps-item{display:flex;flex:1;position:relative}.foxit-steps-horizontal .foxit-steps-item{align-items:center;flex-direction:column;text-align:center}.foxit-steps-vertical .foxit-steps-item{align-items:flex-start;flex-direction:row;margin-bottom:16px}.foxit-steps-item-container{display:flex;position:relative;z-index:1}.foxit-steps-horizontal .foxit-steps-item-container{align-items:center;flex-direction:column}.foxit-steps-vertical .foxit-steps-item-container{align-items:flex-start;flex-direction:row}.foxit-steps-item-clickable .foxit-steps-item-container{cursor:pointer}.foxit-steps-item-clickable:hover .foxit-steps-item-title{color:FF5F00}.foxit-steps-item-icon{align-items:center;display:flex;justify-content:center;margin-bottom:8px;position:relative}.foxit-steps-vertical .foxit-steps-item-icon{margin-bottom:0;margin-top:4px}[dir=ltr] .foxit-steps-vertical .foxit-steps-item-icon{margin-right:16px}[dir=rtl] .foxit-steps-vertical .foxit-steps-item-icon{margin-left:16px}.foxit-steps-icon{align-items:center;border-radius:50%;display:flex;font-size:12px;height:16px;justify-content:center;transition:all .3s ease;width:16px}.foxit-steps-icon-wait{background-color:#fff;border:1px solid #cecece}.foxit-steps-icon-process{background-color:#ff5f00;border:1px solid #ff5f00}.foxit-steps-icon-finish{background-color:#fff;border:1px solid #ff5f00;color:#ff5f00}.foxit-steps-item-content{display:flex;flex-direction:column;min-width:0}.foxit-steps-horizontal .foxit-steps-item-content{align-items:center;text-align:center}.foxit-steps-vertical .foxit-steps-item-content{align-items:flex-start}[dir=ltr] .foxit-steps-vertical .foxit-steps-item-content{text-align:left}[dir=rtl] .foxit-steps-vertical .foxit-steps-item-content{text-align:right}.foxit-steps-item-title{color:#757575;font-size:14px;line-height:1.5;margin-bottom:4px;transition:color .3s ease}.foxit-steps-item-process .foxit-steps-item-title{color:#ff5f00;font-weight:700}.foxit-steps-item-description{color:#00000073;font-size:12px;line-height:1.5;max-width:120px}.foxit-steps-item-tail{height:1px;position:absolute;top:8px;width:calc(100% - 16px);z-index:0}[dir=ltr] .foxit-steps-item-tail{left:50%}[dir=rtl] .foxit-steps-item-tail{right:50%}[dir=ltr] .foxit-steps-horizontal .foxit-steps-item-tail{transform:translateX(8px)}[dir=rtl] .foxit-steps-horizontal .foxit-steps-item-tail{transform:translateX(-8px)}.foxit-steps-vertical .foxit-steps-item-tail{height:100%;position:absolute;top:20px;transform:none;width:1px}[dir=ltr] .foxit-steps-vertical .foxit-steps-item-tail{left:8px}[dir=rtl] .foxit-steps-vertical .foxit-steps-item-tail{right:8px}.foxit-steps-item-tail-line{background-color:#d9d9d9;height:100%;transition:background-color .3s ease;width:100%}.foxit-steps-item-finish .foxit-steps-item-tail-line{background-color:#ff6b35}.foxit-steps-item-process .foxit-steps-item-tail-line{background-color:#d9d9d9}
1
+ .foxit-checkbox-container{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;user-select:none}[dir=ltr] .foxit-checkbox-container{padding-left:25px}[dir=rtl] .foxit-checkbox-container{padding-right:25px}.foxit-checkbox-container.small{line-height:16px}[dir=ltr] .foxit-checkbox-container.small{padding-left:21px}[dir=rtl] .foxit-checkbox-container.small{padding-right:21px}.foxit-checkbox-container input{cursor:pointer;opacity:0;position:absolute}.foxit-checkbox-checkmark{background-color:#fff;border:1px solid #b3b3b3;border-radius:4px;height:20px;position:absolute;top:0;width:20px}[dir=ltr] .foxit-checkbox-checkmark{left:0}[dir=rtl] .foxit-checkbox-checkmark{right:0}.foxit-checkbox-container input:indeterminate~.foxit-checkbox-checkmark{background-color:#fff}.foxit-checkbox-container.small .foxit-checkbox-checkmark{height:16px;width:16px}.foxit-checkbox-content{line-height:20px}.foxit-checkbox-container.small .foxit-checkbox-content{display:inline-block;font-size:12px;line-height:16px}.foxit-checkbox-container input:checked~.foxit-checkbox-checkmark{background-color:#ff5f00;border:none}[dir=rtl] .foxit-checkbox-container input:checked~.foxit-checkbox-checkmark{transform:scaleX(-1)}.foxit-checkbox-checkmark:after{content:"";display:none;position:absolute}.foxit-checkbox-container input:checked~.foxit-checkbox-checkmark:after{display:block}.foxit-checkbox-container .foxit-checkbox-checkmark:after{border:solid #fff;height:10px;top:4px;width:6px}[dir=ltr] .foxit-checkbox-container .foxit-checkbox-checkmark:after{border-width:0 2px 2px 0;left:7px;transform:rotate(45deg)}[dir=rtl] .foxit-checkbox-container .foxit-checkbox-checkmark:after{border-width:0 0 2px 2px;right:7px;transform:rotate(-45deg)}.foxit-checkbox-container input:indeterminate~.foxit-checkbox-checkmark:after{background-color:#ff5f00;border:none;border-radius:2px;display:block;height:10px;top:50%;width:10px}[dir=ltr] .foxit-checkbox-container input:indeterminate~.foxit-checkbox-checkmark:after{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .foxit-checkbox-container input:indeterminate~.foxit-checkbox-checkmark:after{right:50%;transform:translate(50%,-50%)}.foxit-checkbox-container.small .foxit-checkbox-checkmark:after{top:2px}[dir=ltr] .foxit-checkbox-container.small .foxit-checkbox-checkmark:after{left:5px}[dir=rtl] .foxit-checkbox-container.small .foxit-checkbox-checkmark:after{right:5px}.foxit-checkbox-container.small input:indeterminate~.foxit-checkbox-checkmark:after{height:8px;top:50%;width:8px}[dir=ltr] .foxit-checkbox-container.small input:indeterminate~.foxit-checkbox-checkmark:after{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .foxit-checkbox-container.small input:indeterminate~.foxit-checkbox-checkmark:after{right:50%;transform:translate(50%,-50%)}.foxit-checkbox-container.disabled{color:#00000040;cursor:not-allowed;opacity:.6}.foxit-checkbox-checkmark.disabled{background-color:#f5f5f5;border:1px solid #d9d9d9}.foxit-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.foxit-empty-image{margin-bottom:16px}.foxit-empty-description{color:#757575;font-size:14px}.foxit-form-item{margin-bottom:24px}.foxit-form-item label{color:#525252;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.foxit-form-item-embedlabel{background-color:#fff;display:inline-block!important;padding:0 4px;position:relative;top:18px;z-index:1}[dir=ltr] .foxit-form-item-embedlabel{margin-left:4px}[dir=rtl] .foxit-form-item-embedlabel{margin-right:4px}.foxit-form-required{color:#e22727}.foxit-form-error-text,.foxit-form-warning-text{font-size:12px;line-height:24px;min-height:24px}.foxit-form-error-text{color:#e22727}.foxit-form-warning-text{color:orange}.foxit-form-item>.foxit-form-error-component .foxit-checkbox-container,.foxit-form-item>.foxit-form-error-component .foxit-input-wrapper,.foxit-form-item>.foxit-form-error-component .foxit-radio-container,.foxit-form-item>.foxit-form-error-component>.foxit-select-wrapper>:nth-child(3){border:1px solid #e22727!important}.foxit-form-item>.foxit-form-warning-component .foxit-checkbox-container,.foxit-form-item>.foxit-form-warning-component .foxit-input-wrapper,.foxit-form-item>.foxit-form-warning-component .foxit-radio-container,.foxit-form-item>.foxit-form-warning-component>.foxit-select-wrapper>:nth-child(3){border-color:orange!important}.foxit-input-wrapper{align-items:center;border:1px solid #d9d9d9;border-radius:10px;display:flex;font-size:14px;font-weight:400;padding:11px 16px;transition:border-color .3s}.foxit-input-wrapper:focus-within{border-color:#ff5f00!important}.foxit-input-wrapper:hover{border-color:#757575}.foxit-input-element{border:none;color:#525252;flex:1;line-height:24px;outline:none!important}[dir=ltr] .foxit-input-element{text-align:left}[dir=rtl] .foxit-input-element{text-align:right}.foxit-input-element::placeholder{color:#b3b3b3}.foxit-input-addon{align-items:center;color:#b3b3b3;cursor:pointer;display:flex;transition:color .3s}[dir=ltr] .foxit-input-addon{padding:0 0 0 8px}[dir=ltr] .foxit-input-addon-before,[dir=rtl] .foxit-input-addon{padding:0 8px 0 0}[dir=rtl] .foxit-input-addon-before{padding:0 0 0 8px}.foxit-input-wrapper:focus-within .foxit-input-addon{color:#ff5f00!important}.foxit-input-wrapper:hover .foxit-input-addon{color:#757575}.foxit-input-wrapper :disabled,.foxit-input-wrapper-disabled{background-color:#f8f8f8}.foxit-input-wrapper-disabled:hover{border-color:#d9d9d9}.foxit-input-wrapper-disabled .foxit-input-element{color:#b3b3b3}[dir=ltr] .foxit-input-wrapper-textarea{padding-right:0}[dir=rtl] .foxit-input-wrapper-textarea{padding-left:0}.foxit-textarea-element{resize:none;scrollbar-color:#d9d9d9 #fff;scrollbar-gutter:stable;scrollbar-width:auto}.foxit-textarea-element::-webkit-scrollbar{width:16px}.foxit-textarea-element::-webkit-scrollbar-track{background:#fff}.foxit-textarea-element::-webkit-scrollbar-thumb{background-color:#d9d9d9;border:4px solid #fff;border-radius:8px}[dir=ltr] .foxit-phone-input{padding-left:12px}[dir=rtl] .foxit-phone-input{padding-right:12px}.foxit-phone-input .foxit-input-addon-before{color:#525252}[dir=ltr] .foxit-phone-input .foxit-input-addon-before{padding-right:8px}[dir=rtl] .foxit-phone-input .foxit-input-addon-before{padding-left:8px}.foxit-phone-input-select{min-width:84px}.foxit-phone-input-select__control{border:none!important;box-shadow:none!important;cursor:pointer!important;min-height:24px!important}.foxit-phone-input-select__control:focus-within,.foxit-phone-input-select__control:hover{border:none!important}[dir=ltr] .foxit-phone-input-select__value-container{padding:0 2px 0 0!important}[dir=rtl] .foxit-phone-input-select__value-container{padding:0 0 0 2px!important}.foxit-phone-input-select__dropdown-indicator{color:#525252!important}[dir=ltr] .foxit-phone-input-select__dropdown-indicator{padding:0 0 0 4px!important}[dir=rtl] .foxit-phone-input-select__dropdown-indicator{padding:0 4px 0 0!important}.foxit-phone-input-select__indicator-separator{display:none}.foxit-phone-input-select__menu{margin-top:0!important;overflow:hidden;width:300px!important}[dir=ltr] .foxit-phone-input-select__menu{transform:translate(-12px,18px)}[dir=rtl] .foxit-phone-input-select__menu{transform:translate(12px,18px)}.foxit-phone-input-select__menu-list{max-height:280px!important;padding:0!important}.foxit-phone-input-select__option{padding:10px 12px!important}.foxit-area-code-option{align-items:center;color:#525252;display:flex;gap:12px;justify-content:space-between;width:100%}.foxit-area-code-option-main{align-items:center;display:flex;gap:10px;min-width:0}.foxit-area-code-option-value{gap:6px;justify-content:flex-start}.foxit-area-code-option-value .foxit-area-code-option-main{gap:6px}.foxit-area-code-flag{background-color:#f5f5f5;border-radius:50%;flex:0 0 18px;height:18px;object-fit:cover;width:18px}.foxit-area-code-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foxit-area-code-dial{color:#525252;flex:0 0 auto}.foxit-select-custom-control{display:flex}[dir=ltr] .foxit-select-custom-control{margin-right:-4px;padding-left:8px}[dir=rtl] .foxit-select-custom-control{margin-left:-4px;padding-right:8px}.foxit-pagination-container{align-items:center;display:flex;justify-content:center}.foxit-pagination-button,.foxit-pagination-next,.foxit-pagination-prev{background-color:initial;border:none;border-radius:10px;color:#757575;cursor:pointer;font-size:16px;font-weight:500;height:48px;margin:0 4px;min-width:48px;padding:0 12px;transition:background-color .3s ease,color .3s ease}.foxit-pagination-next:hover,.foxit-pagination-prev:hover{color:#ff5f00}.foxit-pagination-button:hover{background-color:#ff5f001a}.foxit-pagination-button:disabled{background-color:#ff5f00;color:#fff;cursor:default}.foxit-pagination-mobile-container{display:flex;justify-content:center;margin:16px 0}.foxit-pagination-mobile-next,.foxit-pagination-mobile-prev{height:36px;margin:0 8px;min-width:40px}.foxit-pagination-mobile-info{font-size:16px;min-width:48px}.foxit-button,.foxit-pagination-mobile-info{align-items:center;display:flex;justify-content:center}.foxit-button{border:0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.42px}.foxit-button-link{background:#0000;border:none;color:#ff5f00;display:inline-flex;font-weight:400;margin:0;padding:0;white-space:nowrap;width:fit-content}.foxit-button-circle{aspect-ratio:1;border-radius:50%!important;padding:0!important;width:auto}.foxit-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.foxit-button:hover{opacity:.8}.foxit-button-primary{background-color:#ff5f00;color:#fff}.foxit-button-secondary{background-color:#fff;border:1px solid #ff5f00;color:#ff5f00}.foxit-button-small{border-radius:5px;min-height:38px;padding:8px 24px}.foxit-button-small svg{height:16px;width:16px}.foxit-button-small.foxit-button-circle{height:38px;width:38px}.foxit-button-medium{border-radius:5px;min-height:44px;padding:11px 32px}.foxit-button-medium svg{height:20px;width:20px}.foxit-button-medium.foxit-button-circle{height:44px;width:44px}.foxit-button-large{min-height:56px;padding:16px 32px}.foxit-button-large.foxit-button-circle{height:56px;width:56px}.foxit-button-prevent-click{pointer-events:none}.foxit-button-loading{animation:spin 1s linear infinite}[dir=ltr] .foxit-button-loading{margin-right:8px}[dir=rtl] .foxit-button-loading{margin-left:8px}.foxit-button-primary .foxit-button-loading{color:#fff}.foxit-button-secondary .foxit-button-loading{color:#ff5f00}.foxit-radio-container{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;user-select:none}[dir=ltr] .foxit-radio-container{padding-left:25px}[dir=rtl] .foxit-radio-container{padding-right:25px}.foxit-radio-container input{cursor:pointer;opacity:0;position:absolute}.foxit-radio-checkmark{background-color:#fff;border:1px solid #b3b3b3;border-radius:50%;height:20px;position:absolute;top:0;width:20px}[dir=ltr] .foxit-radio-checkmark{left:0}[dir=rtl] .foxit-radio-checkmark{right:0}.foxit-radio-content{line-height:20px}.foxit-radio-container input:checked~.foxit-radio-checkmark{background-color:#fff;border:1px solid #ff5f00}.foxit-radio-checkmark:after{content:"";display:none;position:absolute}.foxit-radio-container input:checked~.foxit-radio-checkmark:after{display:block}.foxit-radio-container .foxit-radio-checkmark:after{background:#ff5f00;border-radius:50%;height:10px;top:4px;width:10px}[dir=ltr] .foxit-radio-container .foxit-radio-checkmark:after{left:4px}[dir=rtl] .foxit-radio-container .foxit-radio-checkmark:after{right:4px}.foxit-radio-container.disabled{cursor:not-allowed;opacity:.6}.foxit-table{border:1px solid #ff5f00;border-radius:10px;color:#373737;min-height:200px;overflow:hidden;position:relative}.foxit-table-loading{align-items:center;background-color:#ffffffb3;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%;z-index:5}[dir=ltr] .foxit-table-loading{left:0}[dir=rtl] .foxit-table-loading{right:0}.foxit-table-icon-loading{animation:spin 1s linear infinite;color:#ff5f00}.foxit-table-container{border-collapse:collapse;min-width:100%;table-layout:fixed;width:auto}.foxit-table-container td,.foxit-table-container th{word-wrap:break-word;height:70px;min-height:70px;padding:24px;white-space:pre-wrap}.foxit-table-container th{background-color:#fff6f0;font-size:16px;font-weight:700}.foxit-table-container td{font-size:14px;font-weight:400}.foxit-table-container .foxit-even-row{background-color:#fff}.foxit-table-container .foxit-odd-row{background-color:#fff6f0}.foxit-table-mobile-list{display:flex;flex-direction:column;gap:16px}.foxit-table-mobile-card{background:#f8f8f8;border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:32px}.foxit-table-mobile-row{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between}.foxit-table-mobile-row:not(:last-child){border-bottom:1px solid #efefef;padding-bottom:12px}.foxit-table-mobile-label{word-wrap:break-word;color:#373737;font-size:16px;font-weight:700;max-width:50%;white-space:pre-wrap}[dir=ltr] .foxit-table-mobile-label{margin-right:16px}[dir=rtl] .foxit-table-mobile-label{margin-left:16px}.foxit-table-mobile-value{word-wrap:break-word;color:#373737;flex:1 1 0;font-size:14px;font-weight:400;white-space:pre-wrap}[dir=ltr] .foxit-table-mobile-value{text-align:right}[dir=rtl] .foxit-table-mobile-value{text-align:left}.foxit-table-mobile-loading{align-items:center;background:#0000;display:flex;justify-content:center;padding:24px 0;width:100%}.foxit-table-checkbox{position:relative;text-align:center}[dir=ltr] .foxit-table-checkbox{padding:24px 0 24px 16px!important}[dir=rtl] .foxit-table-checkbox{padding:24px 16px 24px 0!important}.foxit-tabs{display:flex;flex-wrap:wrap;gap:8px}.foxit-tab-item{background-color:#f1f3f4;border:none;border-radius:10px;color:#757575;cursor:pointer;font-size:14px;font-weight:600;padding:14px 20px;transition:background-color .3s,color .3s}.foxit-tab-item.active{background-color:#ff5f00;color:#fff}.foxit-tab-item:hover:not(.active){background-color:#e0e0e0}.foxit-tab-content{margin-top:16px}.foxit-linktabs{width:100%}.foxit-linktabs-inner{margin-left:auto;margin-right:auto;position:relative}.foxit-linktabs-scroll{background:#fff;border:none;padding:8px;position:absolute;top:6px;z-index:10}.foxit-linktabs-scroll:hover{color:#ff5f00;cursor:pointer}[dir=ltr] .foxit-linktabs-scroll-left{left:-24px}[dir=ltr] .foxit-linktabs-scroll-right,[dir=rtl] .foxit-linktabs-scroll-left{right:-24px}[dir=rtl] .foxit-linktabs-scroll-right{left:-24px}.foxit-linktabs-list{-ms-overflow-style:none;border-bottom:1px solid #f1f3f4;display:flex;overflow-x:auto;scrollbar-width:none;text-align:center;white-space:nowrap;width:100%}.foxit-linktabs-list::-webkit-scrollbar{display:none}.foxit-linktab-btn{background:none;border:none;color:#b3b3b3;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;outline:none;padding:12px;transition:border-color .2s,color .2s}.foxit-linktab-btn.active{border-bottom:2px solid #ff5f00;color:#ff5f00}.foxit-tag{border-radius:5px;display:inline-block;font-size:12px;font-weight:600;min-height:24px;padding:4px 8px}.foxit-tag-active{background-color:#edfafa;color:#0f8b8d}.foxit-tag-canceled{background-color:#ffecec;color:#e22727}.foxit-tag-pending{background-color:#fbf4d0;color:#9b8827}.foxit-tag-offline{background-color:#edecff;color:#6462c6}.foxit-tag-trial{background-color:#e4f4fe;color:#2288ce}.foxit-tag-expired{background-color:#ececec;color:#757575}.foxit-tag-completed{background-color:#edfafa;color:#0f8b8d}.foxit-toast-container{pointer-events:none;position:fixed;top:0;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:2000}[dir=ltr] .foxit-toast-container{left:50%;transform:translateX(-50%)}[dir=rtl] .foxit-toast-container{right:50%;transform:translateX(50%)}.foxit-toast-loading{animation:spin 1s linear infinite;color:#ff5f00}.foxit-toast-loading-overlay{background-color:#000;height:100vh;inset:0;opacity:.15;pointer-events:auto;position:fixed;z-index:10}.foxit-toast-item{align-items:center;background-color:#fff;border:none;border-radius:50px;color:#525252;display:flex;flex-direction:row;gap:8px;justify-content:center;margin-bottom:16px;margin-left:auto;margin-right:auto;padding:9px 12px;position:relative;top:102px;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:fit-content;z-index:20}.foxit-toast-item-success{background-color:#ddfae8;color:#1f7f40}.foxit-toast-item-error{background-color:#fae5dd;color:#e22727}.foxit-toast-item-warning{background-color:#fff0e7;color:#525252}.foxit-toast-enter{opacity:0;transform:translateY(-100%)}.foxit-toast-enter-active{transition:all .5s ease-out}.foxit-toast-enter-active,.foxit-toast-exit{opacity:1;transform:translateY(0)}.foxit-toast-exit-active{opacity:0;transform:translateY(-100%);transition:all .5s ease-in}.foxit-tooltip-container{display:inline-block;position:relative;width:auto}.foxit-tooltip-content{background-color:#525252;border-radius:10px;color:#fff;max-width:100%;min-width:100px;padding:12px 16px;position:absolute;width:300px;z-index:1}.foxit-tooltip-white{background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;color:#525252}.foxit-tooltip-bridge{background-color:initial;pointer-events:auto;position:absolute;z-index:9998}.foxit-tooltip-arrow{height:0;position:absolute;width:0}.foxit-tooltip-arrow-top{border-top:5px solid #525252}.foxit-tooltip-arrow-bottom,.foxit-tooltip-arrow-top{border-left:5px solid #0000;border-right:5px solid #0000}.foxit-tooltip-arrow-bottom{border-bottom:5px solid #525252}.foxit-tooltip-arrow-left{border-bottom:5px solid #0000;border-top:5px solid #0000}[dir=ltr] .foxit-tooltip-arrow-left{border-left:5px solid #525252}[dir=rtl] .foxit-tooltip-arrow-left{border-right:5px solid #525252}.foxit-tooltip-arrow-right{border-bottom:5px solid #0000;border-top:5px solid #0000}[dir=ltr] .foxit-tooltip-arrow-right{border-right:5px solid #525252}[dir=rtl] .foxit-tooltip-arrow-right{border-left:5px solid #525252}.foxit-tooltip-white .foxit-tooltip-arrow-top{border-top-color:#e0e0e0}.foxit-tooltip-white .foxit-tooltip-arrow-bottom{border-bottom-color:#e0e0e0}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-left{border-left-color:#e0e0e0}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-right,[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-left{border-right-color:#e0e0e0}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-right{border-left-color:#e0e0e0}.foxit-tooltip-white .foxit-tooltip-arrow-top:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #fff;content:"";position:absolute;top:-6px}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-top:after{left:-5px}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-top:after{right:-5px}.foxit-tooltip-white .foxit-tooltip-arrow-bottom:after{border-bottom:5px solid #fff;border-left:5px solid #0000;border-right:5px solid #0000;bottom:-6px;content:"";position:absolute}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-bottom:after{left:-5px}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-bottom:after{right:-5px}.foxit-tooltip-white .foxit-tooltip-arrow-left:after{border-bottom:5px solid #0000;border-top:5px solid #0000;content:"";position:absolute;top:-5px}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-left:after{border-left:5px solid #fff;left:-6px}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-left:after{border-right:5px solid #fff;right:-6px}.foxit-tooltip-white .foxit-tooltip-arrow-right:after{border-bottom:5px solid #0000;border-top:5px solid #0000;content:"";position:absolute;top:-5px}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-right:after{border-right:5px solid #fff;right:-6px}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-right:after{border-left:5px solid #fff;left:-6px}.foxit-accordion{width:100%}.foxit-accordion-head{margin-bottom:32px}.foxit-accordion-title{color:#373737;font-size:32px;font-weight:800;line-height:1.3;margin:0 0 8px}.foxit-accordion-subtitle{color:#525252;font-size:20px;line-height:1.6;margin:0}.foxit-accordion-item{border-bottom:1px solid #e8e8e8}.foxit-accordion-item:first-child{border-top:1px solid #e8e8e8}.foxit-accordion-item-disabled{cursor:not-allowed;opacity:.5}.foxit-accordion-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:16px;width:100%}[dir=ltr] .foxit-accordion-header{border-left:3px solid #0000;text-align:left;transition:border-left-color .2s ease,background-color .2s ease}[dir=rtl] .foxit-accordion-header{border-right:3px solid #0000;text-align:right;transition:border-right-color .2s ease,background-color .2s ease}.foxit-accordion-header:focus-visible{outline:2px solid #cfccff;outline-offset:-2px}.foxit-accordion-item-active .foxit-accordion-header{background-color:#fafaff}[dir=ltr] .foxit-accordion-item-active .foxit-accordion-header{border-left-color:#cfccff}[dir=rtl] .foxit-accordion-item-active .foxit-accordion-header{border-right-color:#cfccff}.foxit-accordion-item-disabled .foxit-accordion-header{cursor:not-allowed}.foxit-accordion-label{color:#373737;flex:1;font-size:18px;font-weight:500;line-height:1.5;transition:color .2s ease}.foxit-accordion-item-active .foxit-accordion-label{font-weight:600}.foxit-accordion-icon{flex-shrink:0;transition:transform .25s ease,color .2s ease}[dir=ltr] .foxit-accordion-item .foxit-accordion-icon{transform:rotate(-90deg)}[dir=rtl] .foxit-accordion-item .foxit-accordion-icon{transform:rotate(90deg)}.foxit-accordion-item.foxit-accordion-item-active .foxit-accordion-icon{transform:rotate(0deg)}.foxit-accordion-content-wrapper{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .28s ease}.foxit-accordion-content-wrapper-open{grid-template-rows:1fr}.foxit-accordion-content{color:#525252;font-size:16px;overflow:hidden;padding:0 16px}.foxit-accordion-content-wrapper-open .foxit-accordion-content{padding-bottom:20px;padding-top:16px}@media (max-width:1024px){.foxit-accordion-head{margin-bottom:24px}.foxit-accordion-title{font-size:24px}.foxit-accordion-label,.foxit-accordion-subtitle{font-size:16px}.foxit-accordion-content{font-size:14px}}.foxit-menu{border-radius:10px;font-size:14px;overflow:hidden}.foxit-menu-item-content{align-items:center;cursor:pointer;display:flex;padding:12px 16px}[dir=ltr] .foxit-menu-item{padding-left:0}[dir=rtl] .foxit-menu-item{padding-right:0}.foxit-menu-item.selected{background-color:#fff6f0!important;border-radius:10px;color:#ff5f00;font-weight:600}.foxit-menu-item:hover{background-color:#f5f6f8;border-radius:10px}.foxit-menu-submenu-title{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px}.foxit-menu-submenu-title:hover{background-color:#f5f6f8;border-radius:10px}.foxit-menu-icon{transition:transform .3s ease-in-out}[dir=ltr] .foxit-menu-rotated-icon{transform:rotate(180deg)}[dir=rtl] .foxit-menu-rotated-icon{transform:rotate(-180deg)}.foxit-menu-item-label{font-weight:600}.foxit-menu-collapsed{transition:width .2s;width:50px!important}.foxit-menu-item-icon{align-items:center;display:inline-flex}[dir=ltr] .foxit-menu-item-icon{margin-right:8px}[dir=rtl] .foxit-menu-item-icon{margin-left:8px}.foxit-menu-item-icon-collapsed{font-size:16px}[dir=ltr] .foxit-menu-item-icon-collapsed{margin-right:0}[dir=rtl] .foxit-menu-item-icon-collapsed{margin-left:0}.foxit-menu-collapsed .foxit-menu-item-content,.foxit-menu-collapsed .foxit-menu-submenu-title{align-items:center;display:flex;justify-content:center;padding:12px}[dir=ltr] .foxit-menu-item-icon-mr8{margin-right:8px}[dir=rtl] .foxit-menu-item-icon-mr8{margin-left:8px}.foxit-menu-collapsed-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foxit-menu-popup{background-color:#fff;border-radius:10px;box-shadow:0 3px 6px #0000001f,0 1px 3px #00000014;min-width:200px;padding:5px 0}.foxit-menu-popup-content{width:100%}.foxit-menu-popup-title{align-items:center;border-bottom:1px solid #f0f0f0;color:#333;display:flex;font-weight:600;padding:8px 16px}.foxit-menu-popup-title-no-border{border-bottom:none}.foxit-modal-content-container{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:24px;justify-content:space-between;max-height:70vh;min-width:320px}@media (max-width:600px){.foxit-modal-content-container{box-sizing:border-box;overflow-y:auto}}[dir=ltr] .foxit-modal-success{background:linear-gradient(135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3)}[dir=rtl] .foxit-modal-success{background:linear-gradient(-135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3)}.foxit-modal-head{align-items:center;column-gap:8px;display:flex;justify-content:space-between;padding:36px 36px 0}.foxit-modal-children{box-sizing:border-box;max-height:60vh;overflow-y:auto;padding:0 36px}@media (max-width:600px){.foxit-modal-children{height:auto;max-height:100%;overflow-y:initial}}.foxit-modal-title{font-size:20px;font-weight:700}.foxit-modal-success-icon{display:flex;height:94px;margin-top:-50px;width:115px}.foxit-modal-close-button{align-items:center;cursor:pointer;display:flex;height:16px;justify-content:center;width:16px}.foxit-modal-close-button svg{stroke:#6b7280}.foxit-modal-close-button:hover svg{stroke:#ea580c}.foxit-modal-footer{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;padding:0 36px 36px}@media (max-width:600px){.foxit-modal-footer{align-items:stretch;flex-direction:column;width:100%}}.foxit-modal-fixed-layout{align-items:center;display:flex;flex-direction:column;inset:0;padding:36px;position:fixed;z-index:99}.foxit-modal-justify-center{justify-content:center}.foxit-modal-justify-top{justify-content:flex-start;padding-top:96px}.foxit-modal-justify-bottom{justify-content:flex-end}.foxit-modal-overlay{cursor:pointer;height:100%;inset:0;position:fixed;width:100%;z-index:99}.foxit-modal-overlay-bg{background-color:#00000026;height:100%;inset:0;position:absolute;width:100%}.foxit-modal-content{align-items:center;display:flex;font-size:16px;font-weight:400;justify-content:center;max-height:100%;width:auto;z-index:99}.foxit-modal-opacity-0{opacity:0}.foxit-modal-opacity-100{opacity:1}.foxit-modal-scale-0{transform:scale(0)}.foxit-modal-scale-100{transform:scale(1)}.foxit-modal-transition{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.foxit-modal-hide-overflow{overflow-y:hidden}.foxit-switch{background-color:#ccc;border-radius:100px;cursor:pointer;display:inline-block;height:22px;line-height:22px;min-width:40px;position:relative;transition:background-color .3s;width:40px}.foxit-switch.small{height:14px;line-height:14px;min-width:24px;width:24px}.foxit-switch.checked{background-color:#ff5f00}.foxit-switch-handle{background-color:#fff;border-radius:50%;height:18px;position:absolute;top:2px;transition:transform .3s;width:18px}[dir=ltr] .foxit-switch-handle{transform:translateX(1px)}[dir=rtl] .foxit-switch-handle{transform:translateX(-1px)}.foxit-switch.small .foxit-switch-handle{height:12px;top:1px;width:12px}[dir=ltr] .foxit-switch.checked .foxit-switch-handle{transform:translateX(20px)}[dir=rtl] .foxit-switch.checked .foxit-switch-handle{transform:translateX(-20px)}[dir=ltr] .foxit-switch.small.checked .foxit-switch-handle{transform:translateX(11px)}[dir=rtl] .foxit-switch.small.checked .foxit-switch-handle{transform:translateX(-11px)}.foxit-spin{display:inline-block;pointer-events:none;position:relative;width:100%}.foxit-spin .foxit-spin-container{opacity:.5}.foxit-spin-spinning{animation:spin 1s linear infinite;color:#ff5f00}[dir=ltr] .foxit-spin-spinning{margin-right:8px}[dir=rtl] .foxit-spin-spinning{margin-left:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.foxit-spin-icon{position:absolute;top:50%}[dir=ltr] .foxit-spin-icon{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .foxit-spin-icon{right:50%;transform:translate(50%,-50%)}.foxit-spin-small .foxit-spin-icon{font-size:16px}.foxit-spin-default .foxit-spin-icon{font-size:24px}.foxit-spin-large .foxit-spin-icon{font-size:32px}.foxit-alert{align-items:flex-start;border-radius:5px;display:flex;padding:12px}.foxit-alert-icon-container{height:20px;width:20px}[dir=ltr] .foxit-alert-icon-container{margin-right:8px}[dir=rtl] .foxit-alert-icon-container{margin-left:8px}.foxit-alert-icon{height:20px;width:20px}.foxit-alert-message{font-size:12px}.foxit-alert-success,.foxit-alert-warning{background-color:#f5fff2;border:1px solid #30dc6b}.foxit-alert-error{background-color:#fae5dd;border:1px solid #e22727}.foxit-alert-gradient{border:1px solid #ff5f00;display:block}[dir=ltr] .foxit-alert-gradient{background:linear-gradient(135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3)}[dir=rtl] .foxit-alert-gradient{background:linear-gradient(-135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3)}.foxit-alert-arrows{background-color:#fff;border:1px solid #ffb990;box-shadow:0 2px 8px #0000001a;position:relative}.foxit-alert-arrows-left:after,.foxit-alert-arrows-left:before{border-style:solid;content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}[dir=ltr] .foxit-alert-arrows-left:after,[dir=ltr] .foxit-alert-arrows-left:before{left:-8px}[dir=rtl] .foxit-alert-arrows-left:after,[dir=rtl] .foxit-alert-arrows-left:before{right:-8px}[dir=ltr] .foxit-alert-arrows-left:before{border-color:#0000 #ffb990 #0000 #0000;border-width:9px 9px 9px 0;left:-9px}[dir=rtl] .foxit-alert-arrows-left:before{border-color:#0000 #0000 #0000 #ffb990;border-width:9px 0 9px 9px;right:-9px}[dir=ltr] .foxit-alert-arrows-left:after{border-color:#0000 #fff #0000 #0000;border-width:8px 8px 8px 0;left:-8px}[dir=rtl] .foxit-alert-arrows-left:after{border-color:#0000 #0000 #0000 #fff;border-width:8px 0 8px 8px;right:-8px}.foxit-alert-arrows-right:after,.foxit-alert-arrows-right:before{border-style:solid;content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}[dir=ltr] .foxit-alert-arrows-right:after,[dir=ltr] .foxit-alert-arrows-right:before{right:-8px}[dir=rtl] .foxit-alert-arrows-right:after,[dir=rtl] .foxit-alert-arrows-right:before{left:-8px}[dir=ltr] .foxit-alert-arrows-right:before{border-color:#0000 #0000 #0000 #ffb990;border-width:9px 0 9px 9px;right:-9px}[dir=rtl] .foxit-alert-arrows-right:before{border-color:#0000 #ffb990 #0000 #0000;border-width:9px 9px 9px 0;left:-9px}[dir=ltr] .foxit-alert-arrows-right:after{border-color:#0000 #0000 #0000 #fff;border-width:8px 0 8px 8px;right:-8px}[dir=rtl] .foxit-alert-arrows-right:after{border-color:#0000 #fff #0000 #0000;border-width:8px 8px 8px 0;left:-8px}.foxit-quantity,.foxit-quantity-button{align-items:center;display:flex}.foxit-quantity-button{background-color:#ff5f00;border:none;border-radius:4px;color:#fff;cursor:pointer;height:16px;justify-content:center;margin-left:8px;margin-right:8px;width:16px}.foxit-quantity-button:disabled{background-color:#ffc2a0;cursor:not-allowed}.foxit-quantity-button>div{font-size:16px;margin-top:-3px}.foxit-quantity-number{border:1px solid #b3b3b3;border-radius:4px;color:#525252;flex:1;font-size:14px;height:24px;line-height:24px;outline:none!important;text-align:center;width:48px}.foxit-drawer-mask{background-color:#00000026;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s;z-index:99}.foxit-drawer-mask-open{opacity:1;pointer-events:auto}.foxit-drawer{background:#fff;height:100vh;overflow:auto;position:fixed;top:0;z-index:100}[dir=ltr] .foxit-drawer{box-shadow:-2px 0 8px #00000026;right:0;transition:right .3s}[dir=rtl] .foxit-drawer{box-shadow:2px 0 8px #00000026;left:0;transition:left .3s}.foxit-drawer-content{padding:24px}.foxit-steps{display:flex}.foxit-steps-horizontal{align-items:flex-start;flex-direction:row}.foxit-steps-vertical{flex-direction:column}.foxit-steps-item{display:flex;flex:1;position:relative}.foxit-steps-horizontal .foxit-steps-item{align-items:center;flex-direction:column;text-align:center}.foxit-steps-vertical .foxit-steps-item{align-items:flex-start;flex-direction:row;margin-bottom:16px}.foxit-steps-item-container{display:flex;position:relative;z-index:1}.foxit-steps-horizontal .foxit-steps-item-container{align-items:center;flex-direction:column}.foxit-steps-vertical .foxit-steps-item-container{align-items:flex-start;flex-direction:row}.foxit-steps-item-clickable .foxit-steps-item-container{cursor:pointer}.foxit-steps-item-clickable:hover .foxit-steps-item-title{color:FF5F00}.foxit-steps-item-icon{align-items:center;display:flex;justify-content:center;margin-bottom:8px;position:relative}.foxit-steps-vertical .foxit-steps-item-icon{margin-bottom:0;margin-top:4px}[dir=ltr] .foxit-steps-vertical .foxit-steps-item-icon{margin-right:16px}[dir=rtl] .foxit-steps-vertical .foxit-steps-item-icon{margin-left:16px}.foxit-steps-icon{align-items:center;border-radius:50%;display:flex;font-size:12px;height:16px;justify-content:center;transition:all .3s ease;width:16px}.foxit-steps-icon-wait{background-color:#fff;border:1px solid #cecece}.foxit-steps-icon-process{background-color:#ff5f00;border:1px solid #ff5f00}.foxit-steps-icon-finish{background-color:#fff;border:1px solid #ff5f00;color:#ff5f00}.foxit-steps-item-content{display:flex;flex-direction:column;min-width:0}.foxit-steps-horizontal .foxit-steps-item-content{align-items:center;text-align:center}.foxit-steps-vertical .foxit-steps-item-content{align-items:flex-start}[dir=ltr] .foxit-steps-vertical .foxit-steps-item-content{text-align:left}[dir=rtl] .foxit-steps-vertical .foxit-steps-item-content{text-align:right}.foxit-steps-item-title{color:#757575;font-size:14px;line-height:1.5;margin-bottom:4px;transition:color .3s ease}.foxit-steps-item-process .foxit-steps-item-title{color:#ff5f00;font-weight:700}.foxit-steps-item-description{color:#00000073;font-size:12px;line-height:1.5;max-width:120px}.foxit-steps-item-tail{height:1px;position:absolute;top:8px;width:calc(100% - 16px);z-index:0}[dir=ltr] .foxit-steps-item-tail{left:50%}[dir=rtl] .foxit-steps-item-tail{right:50%}[dir=ltr] .foxit-steps-horizontal .foxit-steps-item-tail{transform:translateX(8px)}[dir=rtl] .foxit-steps-horizontal .foxit-steps-item-tail{transform:translateX(-8px)}.foxit-steps-vertical .foxit-steps-item-tail{height:100%;position:absolute;top:20px;transform:none;width:1px}[dir=ltr] .foxit-steps-vertical .foxit-steps-item-tail{left:8px}[dir=rtl] .foxit-steps-vertical .foxit-steps-item-tail{right:8px}.foxit-steps-item-tail-line{background-color:#d9d9d9;height:100%;transition:background-color .3s ease;width:100%}.foxit-steps-item-finish .foxit-steps-item-tail-line{background-color:#ff6b35}.foxit-steps-item-process .foxit-steps-item-tail-line{background-color:#d9d9d9}
package/es/index.d.ts CHANGED
@@ -2,6 +2,7 @@ import Checkbox from './Checkbox/Checkbox';
2
2
  import Empty from './Empty/Empty';
3
3
  import Form, { FormItem, useFormWatch } from './Form/Form';
4
4
  import Input, { SearchInput, PasswordInput, TextArea } from './Input/Input';
5
+ import PhoneInput from './Input/PhoneInput';
5
6
  import Pagination from './Pagination/Pagination';
6
7
  import Radio from './Radio/Radio';
7
8
  import Select from './Select/Select';
@@ -19,7 +20,9 @@ export { Empty };
19
20
  export { Form, FormItem, useFormWatch };
20
21
  export type { FormRefInstance } from './Form/Form.types';
21
22
  export { Icon } from './Icon/index';
22
- export { Input, SearchInput, PasswordInput, TextArea };
23
+ export { Input, SearchInput, PasswordInput, PhoneInput, TextArea };
24
+ export type { PhoneInputFieldValue, PhoneInputProps, PhoneInputValue } from './Input/PhoneInput';
25
+ export type { AreaCodeOption } from './Input/areaCodeData';
23
26
  export { Menu, getItem } from './Menu/Menu';
24
27
  export type { MenuItem } from './Menu/Menu';
25
28
  export { Modal } from './Modal/Modal';
package/es/index.js CHANGED
@@ -2,6 +2,7 @@ export { default as Checkbox } from './Checkbox/Checkbox.js';
2
2
  export { default as Empty } from './Empty/Empty.js';
3
3
  export { default as Form } from './Form/Form.js';
4
4
  export { default as Input, PasswordInput, SearchInput, TextArea } from './Input/Input.js';
5
+ export { default as PhoneInput } from './Input/PhoneInput.js';
5
6
  export { default as Pagination } from './Pagination/Pagination.js';
6
7
  export { default as Radio } from './Radio/Radio.js';
7
8
  export { default as Select } from './Select/Select.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "foxit-component",
3
- "version": "1.0.5-alpha.7",
3
+ "version": "1.0.5-alpha.8",
4
4
  "author": {
5
5
  "name": "linye",
6
6
  "email": "869675630@qq.com"