@evergis/uilib-gl 1.0.87 → 1.0.89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +106 -106
- package/dist/molecules/Input/index.d.ts +1 -0
- package/dist/organisms/ColorPicker/ColorButtonGroup.d.ts +4 -1
- package/dist/organisms/ColorPicker/types.d.ts +4 -0
- package/dist/uilib-gl.esm.js +92 -35
- package/dist/uilib-gl.esm.js.map +1 -1
- package/package.json +126 -126
package/LICENSE
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2025 Everpoint
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
-
SOFTWARE.
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2025 Everpoint
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,106 +1,106 @@
|
|
|
1
|
-
# 🛴 Evergis UI
|
|
2
|
-
## Contributing
|
|
3
|
-
|
|
4
|
-
🏆 **Before start:**
|
|
5
|
-
|
|
6
|
-
```
|
|
7
|
-
yarn
|
|
8
|
-
```
|
|
9
|
-
Update webstorm to >2017.3.3
|
|
10
|
-
|
|
11
|
-
Install Styled Components plugin [Jetbrains plugins](https://plugins.jetbrains.com/plugin/9997-styled-components)
|
|
12
|
-
|
|
13
|
-
🛠️ **Start dev:**
|
|
14
|
-
|
|
15
|
-
```
|
|
16
|
-
yarn storybook
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
Open in browser localhost:6006
|
|
20
|
-
|
|
21
|
-
✅ **Start tests:**
|
|
22
|
-
|
|
23
|
-
```
|
|
24
|
-
yarn test
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
## How to release
|
|
28
|
-
|
|
29
|
-
1. Создать временную ветку из `master`
|
|
30
|
-
2. Изменить версию пакета в `package.json`
|
|
31
|
-
3. `yarn` - освежить все зависимости
|
|
32
|
-
4. `yarn lint:fix` - автопоправка eslint ошибок
|
|
33
|
-
5. `yarn build` - сборка
|
|
34
|
-
6. В корне проекта создать файл `.npmrc` со следующим содержимым:
|
|
35
|
-
|
|
36
|
-
```
|
|
37
|
-
//registry.npmjs.org/:_authToken=npm_XXX
|
|
38
|
-
```
|
|
39
|
-
|
|
40
|
-
Здесь `npm_XXX` -- granular token; создать его можно [по инструкции](https://docs.npmjs.com/creating-and-viewing-access-tokens). ВАЖНО: с 09.12.2025 срок действия токена не может превышать 90 дней.
|
|
41
|
-
7. `npm login` - залогиниться в npm (ВАЖНО: с 12.12.2025 сессия длится 12 часов, проверить, всё ли мы ещё залогинены, можно с помощью команды `npm whoami`).
|
|
42
|
-
8. `npm publish` - паблиш
|
|
43
|
-
9. Создать МР из временной ветки в `master`
|
|
44
|
-
|
|
45
|
-
## How to link
|
|
46
|
-
|
|
47
|
-
For testing uilib locally in client (or other projects)
|
|
48
|
-
without rebuilding after every update use linking:
|
|
49
|
-
|
|
50
|
-
1. `yarn build` - сборка
|
|
51
|
-
2. `yarn link` - создаём глобальную ссылку на uilib
|
|
52
|
-
3. Открываем client или другой проект
|
|
53
|
-
4. `yarn link "@evergis/uilib-gl"` - привязываем uilib к проекту
|
|
54
|
-
5. `yarn start` - запускаем проект с привязанной uilib
|
|
55
|
-
6. `yarn build` - после изменений в uilib делаем его пересборку
|
|
56
|
-
|
|
57
|
-
### How to manage icons
|
|
58
|
-
|
|
59
|
-
1. https://icomoon.io/app/#/projects
|
|
60
|
-
2. Import Project из `src/fonts/selection.json`
|
|
61
|
-
3. Load
|
|
62
|
-
4. Клик по гамбургер набора EverCloud в правом верхнем углу Import to Set
|
|
63
|
-
5. Generate Font в правом нижнем углу
|
|
64
|
-
6. Замена файлов `src/fonts` на загруженные из архива (папка fonts и selection.json)
|
|
65
|
-
|
|
66
|
-
## Used libraries, languages and tools
|
|
67
|
-
|
|
68
|
-
1. Typescript [Docs](https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html)
|
|
69
|
-
2. React [Docs](https://reactjs.org/docs/hello-world.html)
|
|
70
|
-
3. Styled-components [Docs](https://www.styled-components.com/docs)
|
|
71
|
-
4. Jest [Docs](https://facebook.github.io/jest/docs/en/using-matchers.html)
|
|
72
|
-
6. Storybook [Docs](https://storybook.js.org/basics/writing-stories/)
|
|
73
|
-
|
|
74
|
-
## Style Guide
|
|
75
|
-
1. Every component in separate directory
|
|
76
|
-
2. Test file in same directory, with name *.test.tsx
|
|
77
|
-
3. Do not write snapshot tests for components, for snapshot testing used stories, test only specific behavior and functions
|
|
78
|
-
4. Story file in same directory, with name *.story.tsx
|
|
79
|
-
5. Write stories for every possible component state
|
|
80
|
-
6. Every component must be working without any props
|
|
81
|
-
7. Do not create pull request with any linters or ts errors
|
|
82
|
-
8. File naming convention:
|
|
83
|
-
|
|
84
|
-
1. PascalCase for file exporting classes and Components
|
|
85
|
-
2. camelCase for file exporting objects and functions
|
|
86
|
-
3. kebab-case for module replacements
|
|
87
|
-
9. Do not use default exports
|
|
88
|
-
10. Write component description in source file
|
|
89
|
-
|
|
90
|
-
### Completed Component must include the following:
|
|
91
|
-
1. Stories for every possible component state
|
|
92
|
-
2. Tests for specific behaviors and functions
|
|
93
|
-
3. Declared Theme variables
|
|
94
|
-
4. Props type
|
|
95
|
-
5. Component description
|
|
96
|
-
|
|
97
|
-
## Project structure
|
|
98
|
-
1. Import "styled-components" maps to styled-with-theme.ts
|
|
99
|
-
2. theme is theme folder 🚢
|
|
100
|
-
3. Simple reusable styled components and html tags with style are located in atoms folder
|
|
101
|
-
4. Groups of atoms are located in molecules folder
|
|
102
|
-
5. Groups of atoms, molecules and other are located in organisms folder
|
|
103
|
-
|
|
104
|
-
## Todo
|
|
105
|
-
1. Upgrade tippy (tooltip) package version
|
|
106
|
-
2. Upgrade imask & react-imask packages version
|
|
1
|
+
# 🛴 Evergis UI
|
|
2
|
+
## Contributing
|
|
3
|
+
|
|
4
|
+
🏆 **Before start:**
|
|
5
|
+
|
|
6
|
+
```
|
|
7
|
+
yarn
|
|
8
|
+
```
|
|
9
|
+
Update webstorm to >2017.3.3
|
|
10
|
+
|
|
11
|
+
Install Styled Components plugin [Jetbrains plugins](https://plugins.jetbrains.com/plugin/9997-styled-components)
|
|
12
|
+
|
|
13
|
+
🛠️ **Start dev:**
|
|
14
|
+
|
|
15
|
+
```
|
|
16
|
+
yarn storybook
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
Open in browser localhost:6006
|
|
20
|
+
|
|
21
|
+
✅ **Start tests:**
|
|
22
|
+
|
|
23
|
+
```
|
|
24
|
+
yarn test
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
## How to release
|
|
28
|
+
|
|
29
|
+
1. Создать временную ветку из `master`
|
|
30
|
+
2. Изменить версию пакета в `package.json`
|
|
31
|
+
3. `yarn` - освежить все зависимости
|
|
32
|
+
4. `yarn lint:fix` - автопоправка eslint ошибок
|
|
33
|
+
5. `yarn build` - сборка
|
|
34
|
+
6. В корне проекта создать файл `.npmrc` со следующим содержимым:
|
|
35
|
+
|
|
36
|
+
```
|
|
37
|
+
//registry.npmjs.org/:_authToken=npm_XXX
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
Здесь `npm_XXX` -- granular token; создать его можно [по инструкции](https://docs.npmjs.com/creating-and-viewing-access-tokens). ВАЖНО: с 09.12.2025 срок действия токена не может превышать 90 дней.
|
|
41
|
+
7. `npm login` - залогиниться в npm (ВАЖНО: с 12.12.2025 сессия длится 12 часов, проверить, всё ли мы ещё залогинены, можно с помощью команды `npm whoami`).
|
|
42
|
+
8. `npm publish` - паблиш
|
|
43
|
+
9. Создать МР из временной ветки в `master`
|
|
44
|
+
|
|
45
|
+
## How to link
|
|
46
|
+
|
|
47
|
+
For testing uilib locally in client (or other projects)
|
|
48
|
+
without rebuilding after every update use linking:
|
|
49
|
+
|
|
50
|
+
1. `yarn build` - сборка
|
|
51
|
+
2. `yarn link` - создаём глобальную ссылку на uilib
|
|
52
|
+
3. Открываем client или другой проект
|
|
53
|
+
4. `yarn link "@evergis/uilib-gl"` - привязываем uilib к проекту
|
|
54
|
+
5. `yarn start` - запускаем проект с привязанной uilib
|
|
55
|
+
6. `yarn build` - после изменений в uilib делаем его пересборку
|
|
56
|
+
|
|
57
|
+
### How to manage icons
|
|
58
|
+
|
|
59
|
+
1. https://icomoon.io/app/#/projects
|
|
60
|
+
2. Import Project из `src/fonts/selection.json`
|
|
61
|
+
3. Load
|
|
62
|
+
4. Клик по гамбургер набора EverCloud в правом верхнем углу Import to Set
|
|
63
|
+
5. Generate Font в правом нижнем углу
|
|
64
|
+
6. Замена файлов `src/fonts` на загруженные из архива (папка fonts и selection.json)
|
|
65
|
+
|
|
66
|
+
## Used libraries, languages and tools
|
|
67
|
+
|
|
68
|
+
1. Typescript [Docs](https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html)
|
|
69
|
+
2. React [Docs](https://reactjs.org/docs/hello-world.html)
|
|
70
|
+
3. Styled-components [Docs](https://www.styled-components.com/docs)
|
|
71
|
+
4. Jest [Docs](https://facebook.github.io/jest/docs/en/using-matchers.html)
|
|
72
|
+
6. Storybook [Docs](https://storybook.js.org/basics/writing-stories/)
|
|
73
|
+
|
|
74
|
+
## Style Guide
|
|
75
|
+
1. Every component in separate directory
|
|
76
|
+
2. Test file in same directory, with name *.test.tsx
|
|
77
|
+
3. Do not write snapshot tests for components, for snapshot testing used stories, test only specific behavior and functions
|
|
78
|
+
4. Story file in same directory, with name *.story.tsx
|
|
79
|
+
5. Write stories for every possible component state
|
|
80
|
+
6. Every component must be working without any props
|
|
81
|
+
7. Do not create pull request with any linters or ts errors
|
|
82
|
+
8. File naming convention:
|
|
83
|
+
|
|
84
|
+
1. PascalCase for file exporting classes and Components
|
|
85
|
+
2. camelCase for file exporting objects and functions
|
|
86
|
+
3. kebab-case for module replacements
|
|
87
|
+
9. Do not use default exports
|
|
88
|
+
10. Write component description in source file
|
|
89
|
+
|
|
90
|
+
### Completed Component must include the following:
|
|
91
|
+
1. Stories for every possible component state
|
|
92
|
+
2. Tests for specific behaviors and functions
|
|
93
|
+
3. Declared Theme variables
|
|
94
|
+
4. Props type
|
|
95
|
+
5. Component description
|
|
96
|
+
|
|
97
|
+
## Project structure
|
|
98
|
+
1. Import "styled-components" maps to styled-with-theme.ts
|
|
99
|
+
2. theme is theme folder 🚢
|
|
100
|
+
3. Simple reusable styled components and html tags with style are located in atoms folder
|
|
101
|
+
4. Groups of atoms are located in molecules folder
|
|
102
|
+
5. Groups of atoms, molecules and other are located in organisms folder
|
|
103
|
+
|
|
104
|
+
## Todo
|
|
105
|
+
1. Upgrade tippy (tooltip) package version
|
|
106
|
+
2. Upgrade imask & react-imask packages version
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const ColorBtnWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
3
2
|
export declare const ColorBtn: import("styled-components").StyledComponent<import("react").FC<import("../../molecules/ColorButton").IColorButtonProps>, import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const ColorBtnWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
4
|
+
small?: boolean | undefined;
|
|
5
|
+
}, never>;
|
|
6
|
+
export declare const ColorBtnHex: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
|
4
7
|
export declare const CompareColorButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
5
8
|
export declare const ComparedColorButton: import("styled-components").StyledComponent<import("react").FC<import("../../molecules/ColorButton").IColorButtonProps>, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -9,6 +9,8 @@ export interface IColorPickerContainer {
|
|
|
9
9
|
disabled?: boolean;
|
|
10
10
|
error?: boolean;
|
|
11
11
|
kind?: string;
|
|
12
|
+
small?: boolean;
|
|
13
|
+
withHex?: boolean;
|
|
12
14
|
}
|
|
13
15
|
export interface IColorPickerProps extends Omit<IColorButtonProps, "value" | "onChange"> {
|
|
14
16
|
value: Color;
|
|
@@ -23,6 +25,8 @@ export interface IColorPickerProps extends Omit<IColorButtonProps, "value" | "on
|
|
|
23
25
|
tooltipProps?: ITooltipProps;
|
|
24
26
|
withSave?: boolean;
|
|
25
27
|
root?: HTMLElement | null;
|
|
28
|
+
small?: boolean;
|
|
29
|
+
withHex?: boolean;
|
|
26
30
|
}
|
|
27
31
|
export interface IColorPickerHSVA {
|
|
28
32
|
h: number;
|
package/dist/uilib-gl.esm.js
CHANGED
|
@@ -17451,69 +17451,89 @@ const AnchorContainer = /*#__PURE__*/styled.div.attrs(props => ({
|
|
|
17451
17451
|
}))`
|
|
17452
17452
|
width: ${_ref => {
|
|
17453
17453
|
let {
|
|
17454
|
-
kind
|
|
17454
|
+
kind,
|
|
17455
|
+
small,
|
|
17456
|
+
withHex
|
|
17455
17457
|
} = _ref;
|
|
17456
|
-
return kind ? "4rem" : "2rem";
|
|
17458
|
+
return withHex ? "auto" : kind ? "4rem" : small ? "0.875rem" : "2rem";
|
|
17459
|
+
}};
|
|
17460
|
+
height: ${_ref2 => {
|
|
17461
|
+
let {
|
|
17462
|
+
small
|
|
17463
|
+
} = _ref2;
|
|
17464
|
+
return small ? "0.875rem" : "2.15rem";
|
|
17465
|
+
}};
|
|
17466
|
+
padding: ${_ref3 => {
|
|
17467
|
+
let {
|
|
17468
|
+
withHex
|
|
17469
|
+
} = _ref3;
|
|
17470
|
+
return withHex ? "0 0.25rem" : "0";
|
|
17457
17471
|
}};
|
|
17458
|
-
height: 2.15rem;
|
|
17459
17472
|
display: flex;
|
|
17460
17473
|
gap: 0.25rem;
|
|
17461
17474
|
flex-shrink: 0;
|
|
17462
17475
|
align-items: center;
|
|
17463
17476
|
cursor: pointer;
|
|
17464
|
-
border-radius: ${
|
|
17477
|
+
border-radius: ${_ref4 => {
|
|
17465
17478
|
let {
|
|
17466
17479
|
theme: {
|
|
17467
17480
|
borderRadius
|
|
17468
17481
|
}
|
|
17469
|
-
} =
|
|
17482
|
+
} = _ref4;
|
|
17470
17483
|
return borderRadius.medium;
|
|
17471
17484
|
}};
|
|
17472
17485
|
box-sizing: border-box;
|
|
17473
|
-
border:
|
|
17474
|
-
let {
|
|
17475
|
-
disabled
|
|
17476
|
-
} = _ref3;
|
|
17477
|
-
return disabled ? "dashed" : "solid";
|
|
17478
|
-
}}
|
|
17479
|
-
${_ref4 => {
|
|
17486
|
+
border: ${_ref5 => {
|
|
17480
17487
|
let {
|
|
17488
|
+
small,
|
|
17489
|
+
disabled,
|
|
17481
17490
|
isOpen,
|
|
17482
17491
|
error,
|
|
17483
17492
|
theme: {
|
|
17484
17493
|
colorPicker
|
|
17485
17494
|
}
|
|
17486
|
-
} =
|
|
17487
|
-
return isOpen ? colorPicker.activeBorderColor : error ? colorPicker.errorBorderColor : colorPicker.borderColor
|
|
17495
|
+
} = _ref5;
|
|
17496
|
+
return small ? "none" : `0.0625rem ${disabled ? "dashed" : "solid"} ${isOpen ? colorPicker.activeBorderColor : error ? colorPicker.errorBorderColor : colorPicker.borderColor}`;
|
|
17488
17497
|
}};
|
|
17489
17498
|
|
|
17490
17499
|
&:hover {
|
|
17491
|
-
|
|
17492
|
-
border-color: ${_ref5 => {
|
|
17500
|
+
${_ref6 => {
|
|
17493
17501
|
let {
|
|
17502
|
+
small
|
|
17503
|
+
} = _ref6;
|
|
17504
|
+
return !small && `transition: border-color ${transition.hover};`;
|
|
17505
|
+
}}
|
|
17506
|
+
border-color: ${_ref7 => {
|
|
17507
|
+
let {
|
|
17508
|
+
small,
|
|
17494
17509
|
isOpen,
|
|
17495
17510
|
theme: {
|
|
17496
17511
|
colorPicker
|
|
17497
17512
|
}
|
|
17498
|
-
} =
|
|
17499
|
-
return isOpen ? colorPicker.activeBorderColor : colorPicker.hoverBorderColor;
|
|
17513
|
+
} = _ref7;
|
|
17514
|
+
return small ? "transparent" : isOpen ? colorPicker.activeBorderColor : colorPicker.hoverBorderColor;
|
|
17500
17515
|
}};
|
|
17501
17516
|
}
|
|
17502
17517
|
|
|
17503
17518
|
&:active {
|
|
17504
|
-
|
|
17505
|
-
border-color: ${_ref6 => {
|
|
17519
|
+
border-color: ${_ref8 => {
|
|
17506
17520
|
let {
|
|
17521
|
+
small,
|
|
17507
17522
|
theme: {
|
|
17508
17523
|
colorPicker
|
|
17509
17524
|
}
|
|
17510
|
-
} =
|
|
17511
|
-
return colorPicker.activeBorderColor;
|
|
17525
|
+
} = _ref8;
|
|
17526
|
+
return small ? "transparent" : colorPicker.activeBorderColor;
|
|
17512
17527
|
}};
|
|
17513
17528
|
}
|
|
17514
17529
|
|
|
17515
17530
|
&[disabled] {
|
|
17516
|
-
border-style:
|
|
17531
|
+
border-style: ${_ref9 => {
|
|
17532
|
+
let {
|
|
17533
|
+
small
|
|
17534
|
+
} = _ref9;
|
|
17535
|
+
return small ? "none" : "dashed";
|
|
17536
|
+
}};
|
|
17517
17537
|
pointer-events: none;
|
|
17518
17538
|
}
|
|
17519
17539
|
|
|
@@ -17545,18 +17565,45 @@ const ApplyButtonsContainer = styled.div`
|
|
|
17545
17565
|
margin-top: 0.5rem;
|
|
17546
17566
|
`;
|
|
17547
17567
|
|
|
17568
|
+
const ColorBtn = /*#__PURE__*/styled(ColorButton)`
|
|
17569
|
+
border-radius: 0.25rem;
|
|
17570
|
+
padding: 0;
|
|
17571
|
+
`;
|
|
17548
17572
|
const ColorBtnWrapper = styled.div`
|
|
17549
17573
|
display: flex;
|
|
17550
17574
|
align-items: center;
|
|
17551
17575
|
justify-content: center;
|
|
17552
|
-
width:
|
|
17553
|
-
|
|
17576
|
+
width: ${_ref => {
|
|
17577
|
+
let {
|
|
17578
|
+
small
|
|
17579
|
+
} = _ref;
|
|
17580
|
+
return small ? "1.25rem" : "2rem";
|
|
17581
|
+
}};
|
|
17582
|
+
height: ${_ref2 => {
|
|
17583
|
+
let {
|
|
17584
|
+
small
|
|
17585
|
+
} = _ref2;
|
|
17586
|
+
return small ? "1.25rem" : "2rem";
|
|
17587
|
+
}};
|
|
17588
|
+
|
|
17589
|
+
${ColorBtn} {
|
|
17590
|
+
width: ${_ref3 => {
|
|
17591
|
+
let {
|
|
17592
|
+
small
|
|
17593
|
+
} = _ref3;
|
|
17594
|
+
return small ? "0.875rem" : "1.5rem";
|
|
17595
|
+
}};
|
|
17596
|
+
height: ${_ref4 => {
|
|
17597
|
+
let {
|
|
17598
|
+
small
|
|
17599
|
+
} = _ref4;
|
|
17600
|
+
return small ? "0.875rem" : "1.5rem";
|
|
17601
|
+
}};
|
|
17602
|
+
}
|
|
17554
17603
|
`;
|
|
17555
|
-
const
|
|
17556
|
-
|
|
17557
|
-
|
|
17558
|
-
border-radius: 0.25rem;
|
|
17559
|
-
padding: 0;
|
|
17604
|
+
const ColorBtnHex = styled.span`
|
|
17605
|
+
font-size: 0.75rem;
|
|
17606
|
+
user-select: none;
|
|
17560
17607
|
`;
|
|
17561
17608
|
const CompareColorButtonGroup = styled.div`
|
|
17562
17609
|
margin-left: 0.5rem;
|
|
@@ -17566,13 +17613,16 @@ const CompareColorButtonGroup = styled.div`
|
|
|
17566
17613
|
cursor: default;
|
|
17567
17614
|
border-bottom-left-radius: 0;
|
|
17568
17615
|
border-bottom-right-radius: 0;
|
|
17616
|
+
|
|
17569
17617
|
span {
|
|
17570
17618
|
border-bottom: none;
|
|
17571
17619
|
}
|
|
17572
17620
|
}
|
|
17621
|
+
|
|
17573
17622
|
&:last-child {
|
|
17574
17623
|
border-top-left-radius: 0;
|
|
17575
17624
|
border-top-right-radius: 0;
|
|
17625
|
+
|
|
17576
17626
|
span {
|
|
17577
17627
|
border-top: none;
|
|
17578
17628
|
}
|
|
@@ -17604,6 +17654,8 @@ const ColorPickerComponent = _ref => {
|
|
|
17604
17654
|
tooltipProps,
|
|
17605
17655
|
withSave = true,
|
|
17606
17656
|
root,
|
|
17657
|
+
small,
|
|
17658
|
+
withHex,
|
|
17607
17659
|
...props
|
|
17608
17660
|
} = _ref;
|
|
17609
17661
|
const [isOpen, setIsOpen] = useState(false);
|
|
@@ -17716,12 +17768,17 @@ const ColorPickerComponent = _ref => {
|
|
|
17716
17768
|
kind: kind,
|
|
17717
17769
|
isOpen: isOpen,
|
|
17718
17770
|
disabled: disabled,
|
|
17719
|
-
className: className
|
|
17771
|
+
className: className,
|
|
17772
|
+
small: small,
|
|
17773
|
+
withHex: withHex
|
|
17720
17774
|
}, React.createElement(ColorBtnWrapper, {
|
|
17721
|
-
onClick: togglePopup
|
|
17775
|
+
onClick: togglePopup,
|
|
17776
|
+
small: small
|
|
17722
17777
|
}, React.createElement(ColorBtn, Object.assign({
|
|
17723
17778
|
color: value.toString()
|
|
17724
|
-
}, props))),
|
|
17779
|
+
}, props))), withHex && React.createElement(ColorBtnHex, {
|
|
17780
|
+
onClick: togglePopup
|
|
17781
|
+
}, value.toString("hex").slice(1, 7)), kind && (tooltipProps ? React.createElement(Tooltip, Object.assign({
|
|
17725
17782
|
arrow: true,
|
|
17726
17783
|
placement: "top",
|
|
17727
17784
|
delay: [300, 300]
|
|
@@ -21547,7 +21604,7 @@ const useWindowResize = (callback, delay) => {
|
|
|
21547
21604
|
}, [debounceCallback]);
|
|
21548
21605
|
};
|
|
21549
21606
|
|
|
21550
|
-
if(typeof document!=="undefined")document.head.appendChild(document.createElement("style")).textContent="/*!\n * SlickGrid Alpine Theme\n * (c) 2009-2016 Michael Leibman\n * michael{dot}leibman{at}gmail{dot}com\n * original project: https://github.com/mleibman/slickgrid\n * project forked as: https://github.com/6pac/slickgrid\n *\n * Distributed under MIT license.\n * All rights reserved.\n */@keyframes fade{0%,to{background:none}50%{background:var(--alpine-row-highlight-fade-animation,1s linear)}}#myGrid,.slick-container{background-color:var(--alpine-grid-bgcolor,#fff);border-color:var(--alpine-border-color,#dae1e7);border-radius:var(--alpine-border-radius,0);border-style:solid;border-width:var(--alpine-border-width,1px);box-sizing:border-box;color:var(--alpine-font-color,#181d1f);font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-font-size,13px)}#myGrid.bottom-rounded,.slick-container.bottom-rounded{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}#myGrid .text-center,.slick-container .text-center{text-align:center}.slick-viewport{background-color:var(--alpine-bg-color,#fff)}.slick-viewport .grid-canvas{outline:0;position:relative}.slick-range-decorator{border:var(--alpine-range-border,3px solid #000);cursor:cell;z-index:9999}.slick-row.slick-state-active,.slick-row.ui-widget-content{border:0;position:absolute;width:100%}.slick-row.slick-state-active{background:var(--alpine-cell-selected-bg-color,#d4ebfd)}.slick-row .selected{background-color:var(--alpine-cell-selected-bg-color,#d4ebfd);color:var(--alpine-cell-selected-color,#181d1f);z-index:10}.slick-row.odd{background-color:var(--alpine-odd-row-color,#fbfbfb)}.slick-row:hover{background-color:var(--alpine-row-mouse-hover-color,#e8f4fe)}.slick-row.highlight-animate{animation:fade var(--alpine-row-highlight-fade-animation,1s linear);background:var(--alpine-row-highlight-background-color,#d9edfd)!important}.slick-groupby-remove{padding-right:10px}.slick-group{background-color:var(--alpine-header-bg-color,#f8f8f8);border-bottom:2px solid var(--alpine-border-color,#dae1e7)}.slick-group .slick-cell{padding-left:4px;padding-right:4px;text-align:left!important}.slick-group-toggle{background-color:currentColor;color:inherit;cursor:pointer;display:inline-block;font-size:18px;height:1em;margin-right:5px;opacity:var(--alpine-group-icon-opacity,.8);width:1em}.slick-group-toggle.expanded{--alpine-group-expanded-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-group-toggle.collapsed{--alpine-group-collapsed-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-group-totals{background:var(--alpine-bg-color,#fff);color:var(--alpine-font-color,#181d1f)}.slick-group-toggle-all{background-color:currentColor;color:inherit;cursor:pointer;display:inline-block;font-size:18px;height:1em;margin-right:5px;opacity:var(--alpine-group-icon-opacity,.8);width:1em}.slick-group-toggle-all.collapsed{--alpine-group-collapsed-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-group-toggle-all.expanded{--alpine-group-expanded-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-cell{align-items:var(--alpine-cell-align-items,center);border-color:var(--alpine-cell-border-color,#dae1e7);border-radius:var(--alpine-cell-border-radius,0);border-style:solid;border-width:var(--alpine-cell-border-width,0 0 1px 0);cursor:default;display:var(--alpine-cell-display,block);justify-content:var(--alpine-cell-justify-content,flex-start);margin:0;min-width:0;overflow:hidden;padding:var(--alpine-cell-padding,2px 4px);position:absolute;text-overflow:var(--alpine-cell-text-overflow,ellipsis);vertical-align:middle;white-space:nowrap;z-index:1}.slick-cell.selected{background-color:var(--alpine-cell-selected-bg-color,#d4ebfd);color:var(--alpine-cell-selected-color,#181d1f)}.slick-cell.selected span a{color:#fff}.slick-cell.active{box-shadow:var(--alpine-cell-active-box-shadow,inset 0 0 0 1px #5da6e3)}.slick-cell.highlighted{background:#87cefa;background:rgba(0,0,255,.2);transition:all .5s}.slick-cell.flashing{border:1px solid red}.slick-cell.editable{border-style:solid;overflow:visible;z-index:11}.slick-cell:focus{outline:none}.slick-selection{border:2px dashed #000;position:absolute;z-index:10}.slick-header{background-color:var(--alpine-header-bg-color,#f8f8f8);border-bottom:1px solid var(--alpine-border-color,#dae1e7);color:var(--alpine-header-color,#181d1f);font-weight:var(--alpine-header-font-weight,bold)}.slick-header.slick-state-default{border-left:0;overflow:hidden;width:100%}.grid-header{background-color:var(--alpine-header-bg-color,#f8f8f8);border-color:var(--alpine-top-header-border-color,#dae1e7);border-style:solid;border-width:var(--alpine-top-header-border-width,1px 1px 0 1px);box-sizing:border-box;font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-top-header-font-size,15px);font-weight:var(--alpine-top-header-font-weight,bold);height:35px;padding:var(--alpine-top-header-padding,8px 6px 0 8px)}.slick-resizable-handle{border:0;box-shadow:var(--alpine-header-resizable-handle-box-shadow,inset 0 0 0 1px #dde2eb);cursor:col-resize;display:block;font-size:.1px;height:var(--alpine-header-resizable-handle-height,50%);position:absolute;right:0;top:var(--alpine-header-resizable-handle-top,25%);width:2px}.slick-reorder-guide,.slick-reorder-proxy{background:blue;display:inline-block}.slick-reorder-proxy{cursor:move;filter:alpha(opacity=15);opacity:.15}.slick-reorder-guide{filter:alpha(opacity=70);height:2px;opacity:.7}.slick-preheader-panel .slick-header-column,.slick-topheader-panel .slick-header-column{border-color:var(--alpine-preheader-border-color,#dae1e7);border-style:solid;border-width:var(--alpine-preheader-border-width,0)}.slick-header-column-active .slick-header-menubutton,.slick-header-column:hover>.slick-header-menubutton{display:inline-block}.slick-header-column{align-items:var(--alpine-header-align-items,flex-start);border-color:var(--alpine-header-border-color,#dae1e7);border-style:solid;border-width:var(--alpine-header-border-width,0);display:var(--alpine-header-display,inline-flex);height:var(--alpine-header-column-height,calc(23px*var(--alpine-header-name-row-count, 1)));justify-content:var(--alpine-header-justify-content,flex-start);line-height:var(--alpine-header-column-line-height,23px);margin:0;overflow:hidden;padding:4px;position:relative;vertical-align:var(--alpine-header-vertical-align,top);white-space:pre-wrap}.slick-header-column .slick-header-menubutton{background-color:var(--alpine-header-bg-color,#f8f8f8);background-image:none;bottom:0;cursor:pointer;display:none;position:absolute;right:0;top:0;width:var(--alpine-header-menubutton-width,18px)}.slick-header-column .slick-header-menubutton .caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px dashed;display:inline-block;height:0;margin-left:4px;margin-top:7px;vertical-align:middle;width:0}.slick-header-column .slick-header-menubutton.filtered{color:var(--alpine-header-menubutton-filtered-color,#3490dc)}.slick-header-column .slick-sort-indicator,.slick-header-column .slick-sort-indicator-numbered{color:var(--alpine-sort-indicator-color,#3490dc);-webkit-user-select:none;-moz-user-select:none;user-select:none}.slick-header-column .slick-sort-indicator{background-image:none;border-left:4px solid transparent;border-right:4px solid transparent;display:inline-block;height:0;margin:var(--alpine-sort-indicator-margin,5px 0 0 3px);vertical-align:middle;width:0}.slick-header-column .slick-sort-indicator-asc{border-bottom:4px dashed}.slick-header-column .slick-sort-indicator-desc{border-top:4px dashed}.slick-header-column .slick-sort-indicator-numbered{font-size:var(--alpine-sort-numbered-font-size,10px)}.slick-header-column.unorderable{background-color:var(--alpine-header-unorderable-bg-color,#f0f0f0)}.slick-header-columns{cursor:default;margin:0;overflow:hidden;padding:0;position:relative;white-space:nowrap}.slick-header-columns .slick-state-hover{background:var(--alpine-header-name-hover-bg-color,hsla(0,0%,74%,.267))}.slick-column-name,.slick-sort-indicator{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slick-column-name{display:var(--alpine-header-name-display,block);flex-grow:var(--alpine-header-name-flex-grow,0);overflow:var(--alpine-header-name-overflow,hidden);text-overflow:var(--alpine-header-name-text-overflow,ellipsis);white-space:nowrap}.slick-footerrow,.slick-headerrow{background-color:var(--alpine-header-footer-bg-color,#fff);position:relative}.slick-footerrow.slick-state-default,.slick-headerrow.slick-state-default{border-left:0;overflow:hidden;width:100%}.slick-footerrow-columns,.slick-headerrow-columns{cursor:default;overflow:hidden;position:relative;white-space:nowrap}.slick-headerrow-columns{background-color:var(--alpine-headerrow-bg-color,#f8fafc);border-bottom:1px solid var(--alpine-border-color,#dae1e7);text-align:center}.slick-footerrow-column,.slick-headerrow-column{cursor:default;padding:4px;position:absolute;vertical-align:middle;white-space:nowrap;z-index:1}.slick-footerrow-column{border-color:var(--alpine-footerrow-border-color,#dae1e7);border-radius:var(--alpine-footerrow-border-radius,0);border-style:solid;border-width:var(--alpine-footerrow-border-width,1px 1px 1px 0);float:left;font-size:var(--alpine-footerrow-font-size,12px);line-height:20px;margin:0;overflow:ellipsis}.slick-headerrow-column{box-sizing:border-box;height:100%;overflow:hidden}.slick-headerrow-column input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;box-sizing:border-box;color:var(--alpine-font-color,#181d1f);height:100%;width:100%}.slick-header-menu{background:var(--alpine-header-bg-color,#f8f8f8);border:1px solid var(--alpine-border-color,#dae1e7);border-bottom-left-radius:var(--alpine-border-radius,0);border-bottom-right-radius:var(--alpine-border-radius,0);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);color:var(--alpine-font-color,#181d1f);cursor:default;display:inline-block;font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-font-size,13px);margin:0;min-width:175px;padding:4px!important;position:absolute;z-index:100000}.slick-header-menu label{font-weight:400}.slick-header-menu button{border:1px solid transparent;border-radius:.25rem;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:var(--alpine-font-size,13px);font-weight:400;line-height:1.428571429;margin:2px;outline:0;overflow:visible;padding:6px 14px;text-align:center;text-transform:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.slick-header-menu button,.slick-header-menu button:hover{background-color:transparent;color:var(--alpine-font-color,#181d1f)}.slick-header-menu button:hover{border-color:var(--alpine-border-color,#dae1e7)}.slick-header-menu button.active.focus,.slick-header-menu button.active:focus,.slick-header-menu button.active:hover,.slick-header-menu button:active.focus,.slick-header-menu button:active:focus,.slick-header-menu button:active:hover{background-color:transparent;border-color:var(--alpine-border-color,#dae1e7);color:var(--alpine-font-color,#181d1f)}.slick-header-menu input.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;color:var(--alpine-font-color,#181d1f);padding:.5rem .75rem;width:100%}.slick-header-menu .filter,.slick-header-menu input.input{border:1px solid var(--alpine-border-color,#dae1e7);border-radius:.25rem}.slick-header-menu .filter{background:var(--alpine-bg-color,#fff);height:200px;margin-bottom:5px;margin-top:5px;max-height:200px;max-width:300px;overflow:scroll;padding:4px;white-space:nowrap}.slick-header-menu .filter label{display:block;font-size:var(--alpine-font-size,13px)}.slick-header-menuitem-disabled{color:silver}.slick-header-menuitem{align-items:center;border:1px solid transparent;border-radius:.25rem;cursor:pointer;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}.slick-header-menuitem .slick-header-menuicon{background-position:50%;background-repeat:no-repeat;display:inline-block;height:16px;margin-right:4px;vertical-align:middle;width:16px}.slick-header-menuitem .slick-header-menuicon.sort-asc,.slick-header-menuitem .slick-header-menuicon.sort-desc{border-left:4px solid transparent;border-right:4px solid transparent;display:inline-block;height:0;margin-left:8px;margin-top:0;vertical-align:middle;width:0}.slick-header-menuitem .slick-header-menuicon.sort-asc{border-bottom:4px dashed}.slick-header-menuitem .slick-header-menuicon.sort-desc{border-top:4px dashed}.slick-header-menuitem .slick-header-menucontent{display:inline-block;flex-grow:1;font-size:var(--alpine-font-size,13px);margin:var(--alpine-menu-content-margin,2px 4px);vertical-align:middle}.slick-header-menuitem:hover{border-color:var(--alpine-border-color,#dae1e7)}.slick-pane{box-sizing:border-box;outline:0;overflow:hidden;position:absolute;width:100%}.slick-pane-header{display:block}.slick-pager{align-items:center;background-color:var(--alpine-pager-bg-color,#f8f8f8);border-color:var(--alpine-pager-border-color,#dae1e7);border-radius:var(--alpine-pager-border-radius,0);border-style:solid;border-width:var(--alpine-pager-border-width,0 1px 1px 1px);box-sizing:border-box;color:var(--alpine-font-color,#181d1f);display:inline-flex;font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-font-size,13px);height:var(--alpine-pager-height,40px);padding:4px;vertical-align:middle;width:100%}.slick-pager .sgi{cursor:pointer}.slick-pager .sgi.sgi-state-disabled,.slick-pager .slick-icon-state-disabled{cursor:var(--alpine-pager-button-cursor-disabled,default)}.slick-pager .slick-pager-nav{height:100%}.slick-pager .slick-pager-nav .slick-icon-container{margin:var(--alpine-pager-button-margin,0 2px)}.slick-pager .slick-pager-nav .sgi-container{align-items:center;display:inline-flex;height:100%}.slick-pager .slick-pager-settings,.slick-pager .slick-pager-status{display:inline-block;font-size:var(--alpine-font-size,13px);padding:var(--alpine-pager-padding,6px)}.slick-pager .slick-pager-settings{align-items:center;-moz-column-gap:1px;column-gap:1px;display:flex;float:right;margin-left:auto}.slick-pager .slick-pager-settings a{cursor:pointer;padding:0 2px 2px;text-decoration:underline}.percent-complete-bar{border-radius:3px;display:inline-block;height:6px}.slick-cell-menu,.slick-columnpicker,.slick-context-menu,.slick-gridmenu,.slick-header-menu{background-color:var(--alpine-menu-bg-color,#fbfbfb);border:var(--alpine-menu-border,1px solid #babfc7);border-radius:var(--alpine-menu-border-radius,2px);box-shadow:var(--alpine-menu-box-shadow,none);color:var(--alpine-menu-color,#181d1f);font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-font-size,13px)}.slick-cell-menu button.close,.slick-columnpicker button.close,.slick-context-menu button.close,.slick-gridmenu button.close,.slick-header-menu button.close{background:var(--alpine-menu-close-btn-background,transparent);border:var(--alpine-menu-close-btn-border,1px solid #babfc7);cursor:pointer}.slick-cell-menu,.slick-context-menu{box-sizing:content-box}.slick-cell.selected.editable{background-color:#fff;border-radius:var(--alpine-cell-editable-border-radius,3px)}.slick-cell.editable{box-shadow:var(--alpine-cell-editable-box-shadow,inset 0 0 0 2px #3490dc)}.slick-cell.hidden{display:none}input.editor-checkbox,input.editor-percentcomplete,input.editor-text{border:0;height:100%;margin:0;outline:0;padding:0}input.editor-percentcomplete,input.editor-text{width:100%}input.editor-text{background:#fff}input.editor-percentcomplete{background:transparent;float:left}.editor-percentcomplete-picker{cursor:pointer;display:inline-block;overflow:visible;position:relative;z-index:1000}.editor-percentcomplete-picker .editor-percentcomplete-picker-icon{background-color:currentColor;color:inherit;display:inline-block;font-size:18px;height:1em;width:1em;--alpine-percent-complete-picker-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-percent-complete-picker-icon-svg) no-repeat;mask:var(--alpine-percent-complete-picker-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.editor-percentcomplete-picker:hover .editor-percentcomplete-helper{display:block}input[type=range].editor-percentcomplete-slider{background-color:#ccc;left:15px;position:absolute;top:125px;transform:rotate(270deg);transform-origin:left}.editor-percentcomplete-helper{display:none;height:140px;left:-9px;overflow:visible;padding-left:9px;position:absolute;top:-3px;width:120px}.editor-percentcomplete-wrapper{background:#f9f9f9;border:1px solid gray;height:98px;padding:20px 8px;position:relative;width:100%;width:120px}.editor-percentcomplete-buttons{float:right}.editor-percentcomplete-buttons button{margin-bottom:4px;width:80px}.editor-percentcomplete-slider{float:left}.editor-percentcomplete-helper:hover{display:block}select.editor-yesno{margin:0;vertical-align:middle;width:100%}.slick-composite-editor-modal,.slick-composite-editor-modal input,.slick-composite-editor-modal textarea{font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif)}.slick-large-editor-text{background:var(--alpine-large-editor-bg-color,#fff);border:var(--alpine-large-editor-border,2px solid #b0b0b0);border-radius:var(--alpine-large-editor-border-radius,8px);padding:5px;z-index:10000}.slick-large-editor-text button{margin-left:2px}.slick-large-editor-text button,.slick-large-editor-text textarea{color:var(--alpine-large-editor-color,#181d1f);font-family:var(--alpine-large-editor-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-large-editor-font-size,13px)}button.slick-btn{border:var(--alpine-button-border,1px solid #ccc);border-radius:var(--alpine-button-radius,2px);cursor:pointer;padding:var(--alpine-button-padding,2px 4px)}button.slick-btn.slick-btn-default{background-color:var(--alpine-button-bg-color,#fff)}button.slick-btn.slick-btn-default:hover{background-color:var(--alpine-button-default-hover-color,rgba(68,68,68,.1));border:var(--alpine-button-default-hover-border,1px solid #9c9c9c)}button.slick-btn.slick-btn-primary{background-color:var(--alpine-button-primary-bg-color,#fff);border-color:var(--alpine-button-primary-border-color,#2196f3);color:var(--alpine-button-primary-color,#2196f3)}button.slick-btn.slick-btn-primary:active{background-color:var(--alpine-button-primary-active-color,#2196f3)}button.slick-btn.slick-btn-primary:hover{background-color:var(--alpine-button-primary-hover-color,rgba(33,150,243,.1))}\n";
|
|
21607
|
+
if(typeof document!=="undefined")document.head.appendChild(document.createElement("style")).textContent="/*!\r\n * SlickGrid Alpine Theme\r\n * (c) 2009-2016 Michael Leibman\r\n * michael{dot}leibman{at}gmail{dot}com\r\n * original project: https://github.com/mleibman/slickgrid\r\n * project forked as: https://github.com/6pac/slickgrid\r\n *\r\n * Distributed under MIT license.\r\n * All rights reserved.\r\n */@keyframes fade{0%,to{background:none}50%{background:var(--alpine-row-highlight-fade-animation,1s linear)}}#myGrid,.slick-container{background-color:var(--alpine-grid-bgcolor,#fff);border-color:var(--alpine-border-color,#dae1e7);border-radius:var(--alpine-border-radius,0);border-style:solid;border-width:var(--alpine-border-width,1px);box-sizing:border-box;color:var(--alpine-font-color,#181d1f);font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-font-size,13px)}#myGrid.bottom-rounded,.slick-container.bottom-rounded{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}#myGrid .text-center,.slick-container .text-center{text-align:center}.slick-viewport{background-color:var(--alpine-bg-color,#fff)}.slick-viewport .grid-canvas{outline:0;position:relative}.slick-range-decorator{border:var(--alpine-range-border,3px solid #000);cursor:cell;z-index:9999}.slick-row.slick-state-active,.slick-row.ui-widget-content{border:0;position:absolute;width:100%}.slick-row.slick-state-active{background:var(--alpine-cell-selected-bg-color,#d4ebfd)}.slick-row .selected{background-color:var(--alpine-cell-selected-bg-color,#d4ebfd);color:var(--alpine-cell-selected-color,#181d1f);z-index:10}.slick-row.odd{background-color:var(--alpine-odd-row-color,#fbfbfb)}.slick-row:hover{background-color:var(--alpine-row-mouse-hover-color,#e8f4fe)}.slick-row.highlight-animate{animation:fade var(--alpine-row-highlight-fade-animation,1s linear);background:var(--alpine-row-highlight-background-color,#d9edfd)!important}.slick-groupby-remove{padding-right:10px}.slick-group{background-color:var(--alpine-header-bg-color,#f8f8f8);border-bottom:2px solid var(--alpine-border-color,#dae1e7)}.slick-group .slick-cell{padding-left:4px;padding-right:4px;text-align:left!important}.slick-group-toggle{background-color:currentColor;color:inherit;cursor:pointer;display:inline-block;font-size:18px;height:1em;margin-right:5px;opacity:var(--alpine-group-icon-opacity,.8);width:1em}.slick-group-toggle.expanded{--alpine-group-expanded-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-group-toggle.collapsed{--alpine-group-collapsed-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-group-totals{background:var(--alpine-bg-color,#fff);color:var(--alpine-font-color,#181d1f)}.slick-group-toggle-all{background-color:currentColor;color:inherit;cursor:pointer;display:inline-block;font-size:18px;height:1em;margin-right:5px;opacity:var(--alpine-group-icon-opacity,.8);width:1em}.slick-group-toggle-all.collapsed{--alpine-group-collapsed-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-group-toggle-all.expanded{--alpine-group-expanded-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-cell{align-items:var(--alpine-cell-align-items,center);border-color:var(--alpine-cell-border-color,#dae1e7);border-radius:var(--alpine-cell-border-radius,0);border-style:solid;border-width:var(--alpine-cell-border-width,0 0 1px 0);cursor:default;display:var(--alpine-cell-display,block);justify-content:var(--alpine-cell-justify-content,flex-start);margin:0;min-width:0;overflow:hidden;padding:var(--alpine-cell-padding,2px 4px);position:absolute;text-overflow:var(--alpine-cell-text-overflow,ellipsis);vertical-align:middle;white-space:nowrap;z-index:1}.slick-cell.selected{background-color:var(--alpine-cell-selected-bg-color,#d4ebfd);color:var(--alpine-cell-selected-color,#181d1f)}.slick-cell.selected span a{color:#fff}.slick-cell.active{box-shadow:var(--alpine-cell-active-box-shadow,inset 0 0 0 1px #5da6e3)}.slick-cell.highlighted{background:#87cefa;background:rgba(0,0,255,.2);transition:all .5s}.slick-cell.flashing{border:1px solid red}.slick-cell.editable{border-style:solid;overflow:visible;z-index:11}.slick-cell:focus{outline:none}.slick-selection{border:2px dashed #000;position:absolute;z-index:10}.slick-header{background-color:var(--alpine-header-bg-color,#f8f8f8);border-bottom:1px solid var(--alpine-border-color,#dae1e7);color:var(--alpine-header-color,#181d1f);font-weight:var(--alpine-header-font-weight,bold)}.slick-header.slick-state-default{border-left:0;overflow:hidden;width:100%}.grid-header{background-color:var(--alpine-header-bg-color,#f8f8f8);border-color:var(--alpine-top-header-border-color,#dae1e7);border-style:solid;border-width:var(--alpine-top-header-border-width,1px 1px 0 1px);box-sizing:border-box;font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-top-header-font-size,15px);font-weight:var(--alpine-top-header-font-weight,bold);height:35px;padding:var(--alpine-top-header-padding,8px 6px 0 8px)}.slick-resizable-handle{border:0;box-shadow:var(--alpine-header-resizable-handle-box-shadow,inset 0 0 0 1px #dde2eb);cursor:col-resize;display:block;font-size:.1px;height:var(--alpine-header-resizable-handle-height,50%);position:absolute;right:0;top:var(--alpine-header-resizable-handle-top,25%);width:2px}.slick-reorder-guide,.slick-reorder-proxy{background:blue;display:inline-block}.slick-reorder-proxy{cursor:move;filter:alpha(opacity=15);opacity:.15}.slick-reorder-guide{filter:alpha(opacity=70);height:2px;opacity:.7}.slick-preheader-panel .slick-header-column,.slick-topheader-panel .slick-header-column{border-color:var(--alpine-preheader-border-color,#dae1e7);border-style:solid;border-width:var(--alpine-preheader-border-width,0)}.slick-header-column-active .slick-header-menubutton,.slick-header-column:hover>.slick-header-menubutton{display:inline-block}.slick-header-column{align-items:var(--alpine-header-align-items,flex-start);border-color:var(--alpine-header-border-color,#dae1e7);border-style:solid;border-width:var(--alpine-header-border-width,0);display:var(--alpine-header-display,inline-flex);height:var(--alpine-header-column-height,calc(23px*var(--alpine-header-name-row-count, 1)));justify-content:var(--alpine-header-justify-content,flex-start);line-height:var(--alpine-header-column-line-height,23px);margin:0;overflow:hidden;padding:4px;position:relative;vertical-align:var(--alpine-header-vertical-align,top);white-space:pre-wrap}.slick-header-column .slick-header-menubutton{background-color:var(--alpine-header-bg-color,#f8f8f8);background-image:none;bottom:0;cursor:pointer;display:none;position:absolute;right:0;top:0;width:var(--alpine-header-menubutton-width,18px)}.slick-header-column .slick-header-menubutton .caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px dashed;display:inline-block;height:0;margin-left:4px;margin-top:7px;vertical-align:middle;width:0}.slick-header-column .slick-header-menubutton.filtered{color:var(--alpine-header-menubutton-filtered-color,#3490dc)}.slick-header-column .slick-sort-indicator,.slick-header-column .slick-sort-indicator-numbered{color:var(--alpine-sort-indicator-color,#3490dc);-webkit-user-select:none;-moz-user-select:none;user-select:none}.slick-header-column .slick-sort-indicator{background-image:none;border-left:4px solid transparent;border-right:4px solid transparent;display:inline-block;height:0;margin:var(--alpine-sort-indicator-margin,5px 0 0 3px);vertical-align:middle;width:0}.slick-header-column .slick-sort-indicator-asc{border-bottom:4px dashed}.slick-header-column .slick-sort-indicator-desc{border-top:4px dashed}.slick-header-column .slick-sort-indicator-numbered{font-size:var(--alpine-sort-numbered-font-size,10px)}.slick-header-column.unorderable{background-color:var(--alpine-header-unorderable-bg-color,#f0f0f0)}.slick-header-columns{cursor:default;margin:0;overflow:hidden;padding:0;position:relative;white-space:nowrap}.slick-header-columns .slick-state-hover{background:var(--alpine-header-name-hover-bg-color,hsla(0,0%,74%,.267))}.slick-column-name,.slick-sort-indicator{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slick-column-name{display:var(--alpine-header-name-display,block);flex-grow:var(--alpine-header-name-flex-grow,0);overflow:var(--alpine-header-name-overflow,hidden);text-overflow:var(--alpine-header-name-text-overflow,ellipsis);white-space:nowrap}.slick-footerrow,.slick-headerrow{background-color:var(--alpine-header-footer-bg-color,#fff);position:relative}.slick-footerrow.slick-state-default,.slick-headerrow.slick-state-default{border-left:0;overflow:hidden;width:100%}.slick-footerrow-columns,.slick-headerrow-columns{cursor:default;overflow:hidden;position:relative;white-space:nowrap}.slick-headerrow-columns{background-color:var(--alpine-headerrow-bg-color,#f8fafc);border-bottom:1px solid var(--alpine-border-color,#dae1e7);text-align:center}.slick-footerrow-column,.slick-headerrow-column{cursor:default;padding:4px;position:absolute;vertical-align:middle;white-space:nowrap;z-index:1}.slick-footerrow-column{border-color:var(--alpine-footerrow-border-color,#dae1e7);border-radius:var(--alpine-footerrow-border-radius,0);border-style:solid;border-width:var(--alpine-footerrow-border-width,1px 1px 1px 0);float:left;font-size:var(--alpine-footerrow-font-size,12px);line-height:20px;margin:0;overflow:ellipsis}.slick-headerrow-column{box-sizing:border-box;height:100%;overflow:hidden}.slick-headerrow-column input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;box-sizing:border-box;color:var(--alpine-font-color,#181d1f);height:100%;width:100%}.slick-header-menu{background:var(--alpine-header-bg-color,#f8f8f8);border:1px solid var(--alpine-border-color,#dae1e7);border-bottom-left-radius:var(--alpine-border-radius,0);border-bottom-right-radius:var(--alpine-border-radius,0);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);color:var(--alpine-font-color,#181d1f);cursor:default;display:inline-block;font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-font-size,13px);margin:0;min-width:175px;padding:4px!important;position:absolute;z-index:100000}.slick-header-menu label{font-weight:400}.slick-header-menu button{border:1px solid transparent;border-radius:.25rem;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:var(--alpine-font-size,13px);font-weight:400;line-height:1.428571429;margin:2px;outline:0;overflow:visible;padding:6px 14px;text-align:center;text-transform:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.slick-header-menu button,.slick-header-menu button:hover{background-color:transparent;color:var(--alpine-font-color,#181d1f)}.slick-header-menu button:hover{border-color:var(--alpine-border-color,#dae1e7)}.slick-header-menu button.active.focus,.slick-header-menu button.active:focus,.slick-header-menu button.active:hover,.slick-header-menu button:active.focus,.slick-header-menu button:active:focus,.slick-header-menu button:active:hover{background-color:transparent;border-color:var(--alpine-border-color,#dae1e7);color:var(--alpine-font-color,#181d1f)}.slick-header-menu input.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;color:var(--alpine-font-color,#181d1f);padding:.5rem .75rem;width:100%}.slick-header-menu .filter,.slick-header-menu input.input{border:1px solid var(--alpine-border-color,#dae1e7);border-radius:.25rem}.slick-header-menu .filter{background:var(--alpine-bg-color,#fff);height:200px;margin-bottom:5px;margin-top:5px;max-height:200px;max-width:300px;overflow:scroll;padding:4px;white-space:nowrap}.slick-header-menu .filter label{display:block;font-size:var(--alpine-font-size,13px)}.slick-header-menuitem-disabled{color:silver}.slick-header-menuitem{align-items:center;border:1px solid transparent;border-radius:.25rem;cursor:pointer;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}.slick-header-menuitem .slick-header-menuicon{background-position:50%;background-repeat:no-repeat;display:inline-block;height:16px;margin-right:4px;vertical-align:middle;width:16px}.slick-header-menuitem .slick-header-menuicon.sort-asc,.slick-header-menuitem .slick-header-menuicon.sort-desc{border-left:4px solid transparent;border-right:4px solid transparent;display:inline-block;height:0;margin-left:8px;margin-top:0;vertical-align:middle;width:0}.slick-header-menuitem .slick-header-menuicon.sort-asc{border-bottom:4px dashed}.slick-header-menuitem .slick-header-menuicon.sort-desc{border-top:4px dashed}.slick-header-menuitem .slick-header-menucontent{display:inline-block;flex-grow:1;font-size:var(--alpine-font-size,13px);margin:var(--alpine-menu-content-margin,2px 4px);vertical-align:middle}.slick-header-menuitem:hover{border-color:var(--alpine-border-color,#dae1e7)}.slick-pane{box-sizing:border-box;outline:0;overflow:hidden;position:absolute;width:100%}.slick-pane-header{display:block}.slick-pager{align-items:center;background-color:var(--alpine-pager-bg-color,#f8f8f8);border-color:var(--alpine-pager-border-color,#dae1e7);border-radius:var(--alpine-pager-border-radius,0);border-style:solid;border-width:var(--alpine-pager-border-width,0 1px 1px 1px);box-sizing:border-box;color:var(--alpine-font-color,#181d1f);display:inline-flex;font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-font-size,13px);height:var(--alpine-pager-height,40px);padding:4px;vertical-align:middle;width:100%}.slick-pager .sgi{cursor:pointer}.slick-pager .sgi.sgi-state-disabled,.slick-pager .slick-icon-state-disabled{cursor:var(--alpine-pager-button-cursor-disabled,default)}.slick-pager .slick-pager-nav{height:100%}.slick-pager .slick-pager-nav .slick-icon-container{margin:var(--alpine-pager-button-margin,0 2px)}.slick-pager .slick-pager-nav .sgi-container{align-items:center;display:inline-flex;height:100%}.slick-pager .slick-pager-settings,.slick-pager .slick-pager-status{display:inline-block;font-size:var(--alpine-font-size,13px);padding:var(--alpine-pager-padding,6px)}.slick-pager .slick-pager-settings{align-items:center;-moz-column-gap:1px;column-gap:1px;display:flex;float:right;margin-left:auto}.slick-pager .slick-pager-settings a{cursor:pointer;padding:0 2px 2px;text-decoration:underline}.percent-complete-bar{border-radius:3px;display:inline-block;height:6px}.slick-cell-menu,.slick-columnpicker,.slick-context-menu,.slick-gridmenu,.slick-header-menu{background-color:var(--alpine-menu-bg-color,#fbfbfb);border:var(--alpine-menu-border,1px solid #babfc7);border-radius:var(--alpine-menu-border-radius,2px);box-shadow:var(--alpine-menu-box-shadow,none);color:var(--alpine-menu-color,#181d1f);font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-font-size,13px)}.slick-cell-menu button.close,.slick-columnpicker button.close,.slick-context-menu button.close,.slick-gridmenu button.close,.slick-header-menu button.close{background:var(--alpine-menu-close-btn-background,transparent);border:var(--alpine-menu-close-btn-border,1px solid #babfc7);cursor:pointer}.slick-cell-menu,.slick-context-menu{box-sizing:content-box}.slick-cell.selected.editable{background-color:#fff;border-radius:var(--alpine-cell-editable-border-radius,3px)}.slick-cell.editable{box-shadow:var(--alpine-cell-editable-box-shadow,inset 0 0 0 2px #3490dc)}.slick-cell.hidden{display:none}input.editor-checkbox,input.editor-percentcomplete,input.editor-text{border:0;height:100%;margin:0;outline:0;padding:0}input.editor-percentcomplete,input.editor-text{width:100%}input.editor-text{background:#fff}input.editor-percentcomplete{background:transparent;float:left}.editor-percentcomplete-picker{cursor:pointer;display:inline-block;overflow:visible;position:relative;z-index:1000}.editor-percentcomplete-picker .editor-percentcomplete-picker-icon{background-color:currentColor;color:inherit;display:inline-block;font-size:18px;height:1em;width:1em;--alpine-percent-complete-picker-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-percent-complete-picker-icon-svg) no-repeat;mask:var(--alpine-percent-complete-picker-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.editor-percentcomplete-picker:hover .editor-percentcomplete-helper{display:block}input[type=range].editor-percentcomplete-slider{background-color:#ccc;left:15px;position:absolute;top:125px;transform:rotate(270deg);transform-origin:left}.editor-percentcomplete-helper{display:none;height:140px;left:-9px;overflow:visible;padding-left:9px;position:absolute;top:-3px;width:120px}.editor-percentcomplete-wrapper{background:#f9f9f9;border:1px solid gray;height:98px;padding:20px 8px;position:relative;width:100%;width:120px}.editor-percentcomplete-buttons{float:right}.editor-percentcomplete-buttons button{margin-bottom:4px;width:80px}.editor-percentcomplete-slider{float:left}.editor-percentcomplete-helper:hover{display:block}select.editor-yesno{margin:0;vertical-align:middle;width:100%}.slick-composite-editor-modal,.slick-composite-editor-modal input,.slick-composite-editor-modal textarea{font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif)}.slick-large-editor-text{background:var(--alpine-large-editor-bg-color,#fff);border:var(--alpine-large-editor-border,2px solid #b0b0b0);border-radius:var(--alpine-large-editor-border-radius,8px);padding:5px;z-index:10000}.slick-large-editor-text button{margin-left:2px}.slick-large-editor-text button,.slick-large-editor-text textarea{color:var(--alpine-large-editor-color,#181d1f);font-family:var(--alpine-large-editor-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-large-editor-font-size,13px)}button.slick-btn{border:var(--alpine-button-border,1px solid #ccc);border-radius:var(--alpine-button-radius,2px);cursor:pointer;padding:var(--alpine-button-padding,2px 4px)}button.slick-btn.slick-btn-default{background-color:var(--alpine-button-bg-color,#fff)}button.slick-btn.slick-btn-default:hover{background-color:var(--alpine-button-default-hover-color,rgba(68,68,68,.1));border:var(--alpine-button-default-hover-border,1px solid #9c9c9c)}button.slick-btn.slick-btn-primary{background-color:var(--alpine-button-primary-bg-color,#fff);border-color:var(--alpine-button-primary-border-color,#2196f3);color:var(--alpine-button-primary-color,#2196f3)}button.slick-btn.slick-btn-primary:active{background-color:var(--alpine-button-primary-active-color,#2196f3)}button.slick-btn.slick-btn-primary:hover{background-color:var(--alpine-button-primary-hover-color,rgba(33,150,243,.1))}\r\n";
|
|
21551
21608
|
|
|
21552
21609
|
const DataGrid = _ref => {
|
|
21553
21610
|
let {
|
|
@@ -30674,5 +30731,5 @@ const JSONEditorBase = _ref => {
|
|
|
30674
30731
|
|
|
30675
30732
|
const JSONEditor = /*#__PURE__*/memo(JSONEditorBase);
|
|
30676
30733
|
|
|
30677
|
-
export { ActionButton, Actions, ActionsGroup, AdditionalInfo, AnchorContainer, AutoComplete, BaseButton, Blank, Box, ButtonsGroup, ButtonsGroupComponent, CSSTransition, Card, CardBodyContainer, Header$1 as CardHeader, ImageGradientOverlay as CardImageGradientOverlay, ImageOverlay as CardImageOverlay, CardLoader, Checkbox, CheckboxComponent, Chip, ChipAutoCompleDivider, ChipAutoCompleSlider, ChipAutoComplete, ChipAutoCompleteControlFlex, ChipAutoCompleteMode, ChipAutoCompleteTags, ChipContainer, ChipInput, Circle, CircularProgress, Collapse, CollapseWrapper, ColorButton, ColorInput, ColorPicker, ComparisonOperator, Container$5 as Container, CustomButton, CustomToggle, DATE_FORMAT, DATE_TIME_FORMAT, DataGrid, DatePicker, Description, Dialog, DialogActions, DialogComponent, DialogContent, DialogOverlay, DialogTitle, Divider, DividerLine, DragAreaWrapper, DraggableTree, DraggableTreeContainer, DraggableTreeItem, DropHereTitle, Dropdown, DropdownContainer, DropdownField, DropdownOptionIcon, ElementsArea, Expander, FILE_SIZE_STEP, FadingIcon, FieldValue, FileExt, FileInfoComment, FileInfoName, FileInfoProgress, FileInfoTitle, FileSymbolContainer, FilterInput, FlatButton, Flex, FlexSpan, FocusTrap, GlobalsContainer, H1, H2, H3, H4, Handlers, HueMap, HueSlider, selection as IcoMoonSelection, Icon, IconButton, IconButtonButton, IconButtonInnerChild, IconMenu, IconToggle, IconToggleButton, IconToggleText, Image, ImageLoader, InfiniteScroll, InfiniteScrollContainer, InfiniteScrollLoaderContainer, InjectGlobalStyles, Input$1 as Input, InputsGroup, InputsGroupContainer, InputsGroupELement, InputsGroupElements, InputsGroupLabel, ItemContainer, JSONEditor, JSONEditorContainer, JSONEditorLinearProgress, JSONEditorWrapper, Label$2 as Label, LabeledTextarea, LeftSide, LegendToggler, LinearLoader, LinearProgress, Link, ListTransition, LoadMoreButton, LoadingContainer, MAX_NUMBER, MB_FILE_SIZE, MIN_NUMBER, MaskedComponent, Menu, MenuContainer, Message, MultiSelectContainer, Notifications, NumberInput, NumberRangeContainer, NumberRangeInputContainer, NumberRangeSlider, NumberRangeSliderContainer, NumberRangeSliderLabel, OpacitySlider, Option, OptionContainer, OptionDescription, OptionIcon, OptionText, OptionToggler, OptionValueContainer, OptionValueWrapper, PaginationFull, PaginationSimple, Paragraph, PasswordToggle, Placeholder, Popover, PopoverTransition, Popup$1 as Popup, Portal, Preview, Radio$1 as Radio, RadioGroup, RaisedButton, RangeDateInput, RangeDatePicker, RangeNumberInput, RatioLine, RegularIconButton, SEPARATED_TIME_FORMAT, SearchField, SearchInputContainer, SelectFromComputerTitle, SimpleInput, Slider, SliderContainer$2 as SliderContainer, HandleContainer as SliderHandle, Label$1 as SliderLabel, LowerTrackBackground as SliderLowerTrackBackground, SliderPopover, Track as SliderTrack, SortToggle, Spinner, Stepper, Switch, SwitchArea, SwitchContainer, SwitchTitle, Switcher, SymbolLibrary, SymbolPreview, THROTTLING_DELAY, TIME_FORMAT, TabBlock, TabContainer, TabContainerLine, Tabs, Text, TextTrim, Textarea, ThemeProvider, Tippy, TitleText, Tooltip, TooltipContent, Tree, TreeContainer, TreeContent, TreeDescription, TreeExpand, TreeItem, TreeItemWrapper, TreeItems, TreeRow, TreeText, UnicodeBig, UnicodeSmall, Uploader, UploaderItemArea, UploaderItemsContainer, UploaderTitle, UploaderTitleContainer, UploaderTitleImage, UploaderTitleWrapper, UserChip, UserChipImagePlaceholder, UserChipItem, UserChipItemIcon, UserChipItemImage, ValueLink, WaitingButton, WaitingButtonComponent, WithLabelContainer, Wizard, addItem, borderRadius, buttonMixin, clamp, cloneWithRefs, collapseDuration, combineRefs, createColorOrMono, createIconColors, createLinkStates, createMessageColors, createTheme, createToggleStates, createVariants, cropLeftBorderRadius, cropRightBorderRadius, theme$1 as darkTheme, dateFormat, defaultOptions, defaultStub, theme as defaultTheme, fileSizeFormat, findTreeItemById, fonts, getChipColor, getColorOrMono, getHighlightParts, getIconColors, getLinkColors, getLocale, getMessageColors, getNumberFromPixels, getRealChildren, getTagColor, getTextWidth, getTheme, getToggleStates, getUnicodeFromString, getVariant, horizontalDivider, iconTypes, injectIcon, isDefined, isDescendant, isDomNode, isNumeric, isOutside, isReactDomElement, isReactElement, isSimpleStyledComponent, isTextFitElementWidth, isTouchDevice, isValidUrl, mapToSimpleOption, palette, photo, preventDefault, randomInteger, randomRgba, rangeValueFormat, removeItem, replaceTreeItemById, sendRefSafety, shadows, sortNumbers, stub, textOverflowEllipsisMixin, toNumber, toSimpleOption, transition, transparencyDark2, transparencyDark4, Transparency_dark8 as transparencyDark8, transparencyLight2, transparencyLight4, Transparency_light8 as transparencyLight8, typeId, urlify, useAsyncAutocomplete, useDelayedStyleLoader, useDialogShadow, useDragAndDropEffect, useEventListener, useForceUpdate, useMounted, useMutationObserver, usePrevValue, useStyleLoader, useTheme, useThrottling, useToggle, useUndraggableEffect, useUnselectableEffect, verticalDivider, withLabel };
|
|
30734
|
+
export { ActionButton, Actions, ActionsGroup, AdditionalInfo, AnchorContainer, AutoComplete, BaseButton, Blank, Box, ButtonsGroup, ButtonsGroupComponent, CSSTransition, Card, CardBodyContainer, Header$1 as CardHeader, ImageGradientOverlay as CardImageGradientOverlay, ImageOverlay as CardImageOverlay, CardLoader, Checkbox, CheckboxComponent, Chip, ChipAutoCompleDivider, ChipAutoCompleSlider, ChipAutoComplete, ChipAutoCompleteControlFlex, ChipAutoCompleteMode, ChipAutoCompleteTags, ChipContainer, ChipInput, Circle, CircularProgress, Collapse, CollapseWrapper, ColorButton, ColorInput, ColorPicker, ComparisonOperator, Container$5 as Container, CustomButton, CustomToggle, DATE_FORMAT, DATE_TIME_FORMAT, DataGrid, DatePicker, Description, Dialog, DialogActions, DialogComponent, DialogContent, DialogOverlay, DialogTitle, Divider, DividerLine, DragAreaWrapper, DraggableTree, DraggableTreeContainer, DraggableTreeItem, DropHereTitle, Dropdown, DropdownContainer, DropdownField, DropdownOptionIcon, ElementsArea, Expander, FILE_SIZE_STEP, FadingIcon, FieldValue, FileExt, FileInfoComment, FileInfoName, FileInfoProgress, FileInfoTitle, FileSymbolContainer, FilterInput, FlatButton, Flex, FlexSpan, FocusTrap, GlobalsContainer, H1, H2, H3, H4, Handlers, HueMap, HueSlider, selection as IcoMoonSelection, Icon, IconButton, IconButtonButton, IconButtonInnerChild, IconMenu, IconToggle, IconToggleButton, IconToggleText, Image, ImageLoader, InfiniteScroll, InfiniteScrollContainer, InfiniteScrollLoaderContainer, InjectGlobalStyles, Input$1 as Input, InputLabel, InputsGroup, InputsGroupContainer, InputsGroupELement, InputsGroupElements, InputsGroupLabel, ItemContainer, JSONEditor, JSONEditorContainer, JSONEditorLinearProgress, JSONEditorWrapper, Label$2 as Label, LabeledTextarea, LeftSide, LegendToggler, LinearLoader, LinearProgress, Link, ListTransition, LoadMoreButton, LoadingContainer, MAX_NUMBER, MB_FILE_SIZE, MIN_NUMBER, MaskedComponent, Menu, MenuContainer, Message, MultiSelectContainer, Notifications, NumberInput, NumberRangeContainer, NumberRangeInputContainer, NumberRangeSlider, NumberRangeSliderContainer, NumberRangeSliderLabel, OpacitySlider, Option, OptionContainer, OptionDescription, OptionIcon, OptionText, OptionToggler, OptionValueContainer, OptionValueWrapper, PaginationFull, PaginationSimple, Paragraph, PasswordToggle, Placeholder, Popover, PopoverTransition, Popup$1 as Popup, Portal, Preview, Radio$1 as Radio, RadioGroup, RaisedButton, RangeDateInput, RangeDatePicker, RangeNumberInput, RatioLine, RegularIconButton, SEPARATED_TIME_FORMAT, SearchField, SearchInputContainer, SelectFromComputerTitle, SimpleInput, Slider, SliderContainer$2 as SliderContainer, HandleContainer as SliderHandle, Label$1 as SliderLabel, LowerTrackBackground as SliderLowerTrackBackground, SliderPopover, Track as SliderTrack, SortToggle, Spinner, Stepper, Switch, SwitchArea, SwitchContainer, SwitchTitle, Switcher, SymbolLibrary, SymbolPreview, THROTTLING_DELAY, TIME_FORMAT, TabBlock, TabContainer, TabContainerLine, Tabs, Text, TextTrim, Textarea, ThemeProvider, Tippy, TitleText, Tooltip, TooltipContent, Tree, TreeContainer, TreeContent, TreeDescription, TreeExpand, TreeItem, TreeItemWrapper, TreeItems, TreeRow, TreeText, UnicodeBig, UnicodeSmall, Uploader, UploaderItemArea, UploaderItemsContainer, UploaderTitle, UploaderTitleContainer, UploaderTitleImage, UploaderTitleWrapper, UserChip, UserChipImagePlaceholder, UserChipItem, UserChipItemIcon, UserChipItemImage, ValueLink, WaitingButton, WaitingButtonComponent, WithLabelContainer, Wizard, addItem, borderRadius, buttonMixin, clamp, cloneWithRefs, collapseDuration, combineRefs, createColorOrMono, createIconColors, createLinkStates, createMessageColors, createTheme, createToggleStates, createVariants, cropLeftBorderRadius, cropRightBorderRadius, theme$1 as darkTheme, dateFormat, defaultOptions, defaultStub, theme as defaultTheme, fileSizeFormat, findTreeItemById, fonts, getChipColor, getColorOrMono, getHighlightParts, getIconColors, getLinkColors, getLocale, getMessageColors, getNumberFromPixels, getRealChildren, getTagColor, getTextWidth, getTheme, getToggleStates, getUnicodeFromString, getVariant, horizontalDivider, iconTypes, injectIcon, isDefined, isDescendant, isDomNode, isNumeric, isOutside, isReactDomElement, isReactElement, isSimpleStyledComponent, isTextFitElementWidth, isTouchDevice, isValidUrl, mapToSimpleOption, palette, photo, preventDefault, randomInteger, randomRgba, rangeValueFormat, removeItem, replaceTreeItemById, sendRefSafety, shadows, sortNumbers, stub, textOverflowEllipsisMixin, toNumber, toSimpleOption, transition, transparencyDark2, transparencyDark4, Transparency_dark8 as transparencyDark8, transparencyLight2, transparencyLight4, Transparency_light8 as transparencyLight8, typeId, urlify, useAsyncAutocomplete, useDelayedStyleLoader, useDialogShadow, useDragAndDropEffect, useEventListener, useForceUpdate, useMounted, useMutationObserver, usePrevValue, useStyleLoader, useTheme, useThrottling, useToggle, useUndraggableEffect, useUnselectableEffect, verticalDivider, withLabel };
|
|
30678
30735
|
//# sourceMappingURL=uilib-gl.esm.js.map
|