@evergis/uilib-gl 1.0.98 → 1.0.99

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 (7) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +109 -109
  3. package/dist/organisms/Preview/styled.d.ts +5 -0
  4. package/dist/organisms/Preview/types.d.ts +5 -2
  5. package/dist/uilib-gl.esm.js +111 -18
  6. package/dist/uilib-gl.esm.js.map +1 -1
  7. 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,109 +1,109 @@
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
-
42
- **Примечение:** При создании токена необходимо *ОБЯЗАТЕЛЬНО* выбрать опцию `Bypass two-factor authentication (2FA)`.
43
-
44
- 7. `npm login` - залогиниться в npm (ВАЖНО: с 12.12.2025 сессия длится 12 часов, проверить, всё ли мы ещё залогинены, можно с помощью команды `npm whoami`).
45
- 8. `npm publish` - паблиш
46
- 9. Создать МР из временной ветки в `master`
47
-
48
- ## How to link
49
-
50
- For testing uilib locally in client (or other projects)
51
- without rebuilding after every update use linking:
52
-
53
- 1. `yarn build` - сборка
54
- 2. `yarn link` - создаём глобальную ссылку на uilib
55
- 3. Открываем client или другой проект
56
- 4. `yarn link "@evergis/uilib-gl"` - привязываем uilib к проекту
57
- 5. `yarn start` - запускаем проект с привязанной uilib
58
- 6. `yarn build` - после изменений в uilib делаем его пересборку
59
-
60
- ### How to manage icons
61
-
62
- 1. https://icomoon.io/app/#/projects
63
- 2. Import Project из `src/fonts/selection.json`
64
- 3. Load
65
- 4. Клик по гамбургер набора EverCloud в правом верхнем углу Import to Set
66
- 5. Generate Font в правом нижнем углу
67
- 6. Замена файлов `src/fonts` на загруженные из архива (папка fonts и selection.json)
68
-
69
- ## Used libraries, languages and tools
70
-
71
- 1. Typescript [Docs](https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html)
72
- 2. React [Docs](https://reactjs.org/docs/hello-world.html)
73
- 3. Styled-components [Docs](https://www.styled-components.com/docs)
74
- 4. Jest [Docs](https://facebook.github.io/jest/docs/en/using-matchers.html)
75
- 6. Storybook [Docs](https://storybook.js.org/basics/writing-stories/)
76
-
77
- ## Style Guide
78
- 1. Every component in separate directory
79
- 2. Test file in same directory, with name *.test.tsx
80
- 3. Do not write snapshot tests for components, for snapshot testing used stories, test only specific behavior and functions
81
- 4. Story file in same directory, with name *.story.tsx
82
- 5. Write stories for every possible component state
83
- 6. Every component must be working without any props
84
- 7. Do not create pull request with any linters or ts errors
85
- 8. File naming convention:
86
-
87
- 1. PascalCase for file exporting classes and Components
88
- 2. camelCase for file exporting objects and functions
89
- 3. kebab-case for module replacements
90
- 9. Do not use default exports
91
- 10. Write component description in source file
92
-
93
- ### Completed Component must include the following:
94
- 1. Stories for every possible component state
95
- 2. Tests for specific behaviors and functions
96
- 3. Declared Theme variables
97
- 4. Props type
98
- 5. Component description
99
-
100
- ## Project structure
101
- 1. Import "styled-components" maps to styled-with-theme.ts
102
- 2. theme is theme folder 🚢
103
- 3. Simple reusable styled components and html tags with style are located in atoms folder
104
- 4. Groups of atoms are located in molecules folder
105
- 5. Groups of atoms, molecules and other are located in organisms folder
106
-
107
- ## Todo
108
- 1. Upgrade tippy (tooltip) package version
109
- 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
+
42
+ **Примечение:** При создании токена необходимо *ОБЯЗАТЕЛЬНО* выбрать опцию `Bypass two-factor authentication (2FA)`.
43
+
44
+ 7. `npm login` - залогиниться в npm (ВАЖНО: с 12.12.2025 сессия длится 12 часов, проверить, всё ли мы ещё залогинены, можно с помощью команды `npm whoami`).
45
+ 8. `npm publish` - паблиш
46
+ 9. Создать МР из временной ветки в `master`
47
+
48
+ ## How to link
49
+
50
+ For testing uilib locally in client (or other projects)
51
+ without rebuilding after every update use linking:
52
+
53
+ 1. `yarn build` - сборка
54
+ 2. `yarn link` - создаём глобальную ссылку на uilib
55
+ 3. Открываем client или другой проект
56
+ 4. `yarn link "@evergis/uilib-gl"` - привязываем uilib к проекту
57
+ 5. `yarn start` - запускаем проект с привязанной uilib
58
+ 6. `yarn build` - после изменений в uilib делаем его пересборку
59
+
60
+ ### How to manage icons
61
+
62
+ 1. https://icomoon.io/app/#/projects
63
+ 2. Import Project из `src/fonts/selection.json`
64
+ 3. Load
65
+ 4. Клик по гамбургер набора EverCloud в правом верхнем углу Import to Set
66
+ 5. Generate Font в правом нижнем углу
67
+ 6. Замена файлов `src/fonts` на загруженные из архива (папка fonts и selection.json)
68
+
69
+ ## Used libraries, languages and tools
70
+
71
+ 1. Typescript [Docs](https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html)
72
+ 2. React [Docs](https://reactjs.org/docs/hello-world.html)
73
+ 3. Styled-components [Docs](https://www.styled-components.com/docs)
74
+ 4. Jest [Docs](https://facebook.github.io/jest/docs/en/using-matchers.html)
75
+ 6. Storybook [Docs](https://storybook.js.org/basics/writing-stories/)
76
+
77
+ ## Style Guide
78
+ 1. Every component in separate directory
79
+ 2. Test file in same directory, with name *.test.tsx
80
+ 3. Do not write snapshot tests for components, for snapshot testing used stories, test only specific behavior and functions
81
+ 4. Story file in same directory, with name *.story.tsx
82
+ 5. Write stories for every possible component state
83
+ 6. Every component must be working without any props
84
+ 7. Do not create pull request with any linters or ts errors
85
+ 8. File naming convention:
86
+
87
+ 1. PascalCase for file exporting classes and Components
88
+ 2. camelCase for file exporting objects and functions
89
+ 3. kebab-case for module replacements
90
+ 9. Do not use default exports
91
+ 10. Write component description in source file
92
+
93
+ ### Completed Component must include the following:
94
+ 1. Stories for every possible component state
95
+ 2. Tests for specific behaviors and functions
96
+ 3. Declared Theme variables
97
+ 4. Props type
98
+ 5. Component description
99
+
100
+ ## Project structure
101
+ 1. Import "styled-components" maps to styled-with-theme.ts
102
+ 2. theme is theme folder 🚢
103
+ 3. Simple reusable styled components and html tags with style are located in atoms folder
104
+ 4. Groups of atoms are located in molecules folder
105
+ 5. Groups of atoms, molecules and other are located in organisms folder
106
+
107
+ ## Todo
108
+ 1. Upgrade tippy (tooltip) package version
109
+ 2. Upgrade imask & react-imask packages version
package/dist/organisms/Preview/styled.d.ts CHANGED
@@ -29,4 +29,9 @@ declare type SlideShowImageProps = ImageProps & {
29
29
  };
30
30
  export declare const SlideShowImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
31
31
  export declare const ChoosableImage: import("styled-components").StyledComponent<import("react").FC<ImageProps>, import("styled-components").DefaultTheme, SlideShowImageProps, never>;
32
+ export declare const PreviewImageError: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
33
+ export declare const PreviewImageErrorText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
34
+ export declare const SlideShowImageStatus: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
35
+ chosen?: boolean | undefined;
36
+ }, never>;
32
37
  export {};
package/dist/organisms/Preview/types.d.ts CHANGED
@@ -2,6 +2,8 @@ import { RefObject } from "react";
2
2
  export declare type IPreviewImage = {
3
3
  src: string;
4
4
  fileName: string;
5
+ hasError?: boolean;
6
+ isLoading?: boolean;
5
7
  };
6
8
  export declare type ControlText = {
7
9
  downloadTitleText?: string;
@@ -9,6 +11,7 @@ export declare type ControlText = {
9
11
  closeTitleText?: string;
10
12
  prevImgTitleText?: string;
11
13
  nextImgTitleText?: string;
14
+ errorTitleText?: string;
12
15
  };
13
16
  export declare type IPreviewProps = ControlText & {
14
17
  images?: IPreviewImage[];
@@ -40,10 +43,10 @@ export declare type IPreviewControlsProps = ControlText & {
40
43
  export interface IPreviewSlideShowProps {
41
44
  chosenImageIndex?: number;
42
45
  setPreview?: (idx: number) => void;
43
- images?: string[];
46
+ images?: IPreviewImage[];
44
47
  }
45
48
  export interface IGalleryImageProps {
46
- image: string;
49
+ image: IPreviewImage;
47
50
  isChosen: boolean;
48
51
  slideShowRef: RefObject<HTMLDivElement>;
49
52
  adjustSlider: (px: number) => void;
package/dist/uilib-gl.esm.js CHANGED
@@ -23127,7 +23127,7 @@ const useWindowResize = (callback, delay) => {
23127
23127
  }, [debounceCallback]);
23128
23128
  };
23129
23129
 
23130
- 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";
23130
+ 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";
23131
23131
 
23132
23132
  const DataGrid = _ref => {
23133
23133
  let {
@@ -27019,6 +27019,70 @@ const ChoosableImage = /*#__PURE__*/styled(Image).attrs(() => ({
27019
27019
  border-radius: 2px;
27020
27020
  box-sizing: border-box;
27021
27021
  `;
27022
+ const PreviewImageError = styled.div`
27023
+ display: flex;
27024
+ flex-direction: column;
27025
+ align-items: center;
27026
+ justify-content: center;
27027
+ gap: 0.5rem;
27028
+ width: 100%;
27029
+ height: 100%;
27030
+ color: rgba(255, 255, 255, 0.54);
27031
+ background: rgba(0, 0, 0, 0.24);
27032
+ border-radius: 0.25rem;
27033
+
27034
+ ${Icon} {
27035
+ width: 3rem;
27036
+ height: 3rem;
27037
+ }
27038
+
27039
+ ${Icon}:after {
27040
+ font-size: 3rem;
27041
+ color: rgba(255, 255, 255, 0.54);
27042
+ }
27043
+ `;
27044
+ const PreviewImageErrorText = styled.div`
27045
+ font-size: 0.875rem;
27046
+ color: rgba(255, 255, 255, 0.7);
27047
+ `;
27048
+ const SlideShowImageStatus = styled.div`
27049
+ display: flex;
27050
+ align-items: center;
27051
+ justify-content: center;
27052
+ width: 4.5rem;
27053
+ height: 4.5rem;
27054
+ margin: 0 0.25rem;
27055
+ border: ${_ref11 => {
27056
+ let {
27057
+ chosen
27058
+ } = _ref11;
27059
+ return chosen ? 2 : 1;
27060
+ }}px solid #fff;
27061
+ opacity: ${_ref12 => {
27062
+ let {
27063
+ chosen
27064
+ } = _ref12;
27065
+ return chosen ? 1 : 0.54;
27066
+ }};
27067
+ border-radius: 2px;
27068
+ box-sizing: border-box;
27069
+ background: rgba(0, 0, 0, 0.24);
27070
+
27071
+ ${Icon} {
27072
+ width: 1.5rem;
27073
+ height: 1.5rem;
27074
+ }
27075
+
27076
+ ${Icon}:after {
27077
+ font-size: 1.5rem;
27078
+ color: rgba(255, 255, 255, 0.7);
27079
+ }
27080
+
27081
+ ${LinearProgress} {
27082
+ width: 60%;
27083
+ border-radius: 0.25rem;
27084
+ }
27085
+ `;
27022
27086
 
27023
27087
  const PreviewControlsComponent = _ref => {
27024
27088
  let {
@@ -27177,12 +27241,22 @@ const SlideShowImage = /*#__PURE__*/memo(_ref => {
27177
27241
  onClick
27178
27242
  } = _ref;
27179
27243
  const ref = useAdjustSlideShowImage(isChosen, slideShowRef, adjustSlider);
27244
+ const [hasLoadError, setHasLoadError] = useState(false);
27245
+ const showError = image.hasError || hasLoadError;
27246
+ const showLoader = !showError && (image.isLoading || !image.src);
27180
27247
  return React.createElement(SlideShowImageContainer, {
27181
27248
  ref: ref,
27182
27249
  onClick: onClick
27183
- }, React.createElement(ChoosableImage, {
27184
- src: image,
27250
+ }, showError ? React.createElement(SlideShowImageStatus, {
27251
+ chosen: isChosen
27252
+ }, React.createElement(Icon, {
27253
+ kind: "alert"
27254
+ })) : showLoader ? React.createElement(SlideShowImageStatus, {
27185
27255
  chosen: isChosen
27256
+ }, React.createElement(LinearProgress, null)) : React.createElement(ChoosableImage, {
27257
+ src: image.src,
27258
+ chosen: isChosen,
27259
+ onError: () => setHasLoadError(true)
27186
27260
  }));
27187
27261
  });
27188
27262
 
@@ -27201,7 +27275,7 @@ const PreviewSlideShow = /*#__PURE__*/memo(_ref => {
27201
27275
  ref: slideShowRef,
27202
27276
  left: left
27203
27277
  }, images && images.map((image, index) => React.createElement(SlideShowImage, {
27204
- key: `${index}_${image}`,
27278
+ key: `${index}_${image.src}`,
27205
27279
  isChosen: index === chosenImageIndex,
27206
27280
  image: image,
27207
27281
  slideShowRef: slideShowRef,
@@ -27247,7 +27321,13 @@ const PreviewComponent = _ref => {
27247
27321
  images = [],
27248
27322
  isOpen,
27249
27323
  root,
27250
- onClose
27324
+ onClose,
27325
+ downloadTitleText,
27326
+ fullScreenTitleText,
27327
+ closeTitleText,
27328
+ prevImgTitleText,
27329
+ nextImgTitleText,
27330
+ errorTitleText
27251
27331
  } = _ref;
27252
27332
  const [{
27253
27333
  chosenImageIndex,
@@ -27259,33 +27339,46 @@ const PreviewComponent = _ref => {
27259
27339
  next,
27260
27340
  toggleFullscreen
27261
27341
  }] = useImageSlideShow(images);
27342
+ const [failedSrcs, setFailedSrcs] = useState({});
27343
+ const handleImageError = useCallback(src => {
27344
+ if (!src) return;
27345
+ setFailedSrcs(prev => prev[src] ? prev : { ...prev,
27346
+ [src]: true
27347
+ });
27348
+ }, []);
27349
+ const decoratedImages = useMemo(() => images.map(image => failedSrcs[image.src] ? { ...image,
27350
+ hasError: true
27351
+ } : image), [images, failedSrcs]);
27352
+ const decoratedChosenImage = useMemo(() => chosenImage ? decoratedImages[chosenImageIndex] ?? chosenImage : undefined, [chosenImage, chosenImageIndex, decoratedImages]);
27262
27353
  const shouldOpenPreview = useMemo(() => images.length > 0 && isOpen, [images, isOpen]);
27263
- const imageSources = useMemo(() => images.map(_ref2 => {
27264
- let {
27265
- src
27266
- } = _ref2;
27267
- return src;
27268
- }), [images]);
27269
27354
  return !shouldOpenPreview ? null : React.createElement(Portal, {
27270
27355
  root: root
27271
27356
  }, React.createElement(ThemeProvider, {
27272
27357
  theme: theme$1
27273
27358
  }, React.createElement(PreviewOverlay, null, React.createElement(PreviewControls, {
27274
- chosenImage: chosenImage,
27359
+ chosenImage: decoratedChosenImage,
27275
27360
  fullscreen: fullscreen,
27276
27361
  toggleFullscreen: toggleFullscreen,
27277
27362
  prev: prev,
27278
27363
  next: next,
27279
- close: onClose
27364
+ close: onClose,
27365
+ downloadTitleText: downloadTitleText,
27366
+ fullScreenTitleText: fullScreenTitleText,
27367
+ closeTitleText: closeTitleText,
27368
+ prevImgTitleText: prevImgTitleText,
27369
+ nextImgTitleText: nextImgTitleText
27280
27370
  }), React.createElement(PreviewSlideShow, {
27281
- images: imageSources,
27371
+ images: decoratedImages,
27282
27372
  chosenImageIndex: chosenImageIndex,
27283
27373
  setPreview: setChosenImageIndex
27284
- }), chosenImage && React.createElement(PreviewImageContainer, {
27285
- fullscreen: fullscreen
27286
- }, React.createElement(PreviewImage, {
27287
- src: chosenImage.src,
27374
+ }), decoratedChosenImage && React.createElement(PreviewImageContainer, {
27288
27375
  fullscreen: fullscreen
27376
+ }, decoratedChosenImage.hasError ? React.createElement(PreviewImageError, null, React.createElement(Icon, {
27377
+ kind: "alert"
27378
+ }), React.createElement(PreviewImageErrorText, null, errorTitleText || "Ресурс недоступен")) : React.createElement(PreviewImage, {
27379
+ src: decoratedChosenImage.src,
27380
+ fullscreen: fullscreen,
27381
+ onError: () => handleImageError(decoratedChosenImage.src)
27289
27382
  })))));
27290
27383
  };
27291
27384