@scaleflex/widget-explorer 4.5.0 → 4.5.4
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/CHANGELOG.md +35 -0
- package/README.md +21 -3
- package/dist/style.css +2 -0
- package/dist/style.min.css +1 -1
- package/lib/components/ActionBar/DownloadWithExportButton.js +32 -4
- package/lib/components/AssetsList/ListView/AssetsSection/AssetsSectionTableRow.js +1 -1
- package/lib/components/Breadcrumbs/index.js +114 -6
- package/lib/components/CollectionsView/CollectionFolderIcon.js +35 -0
- package/lib/components/CollectionsView/CollectionVirtualFoldersTree/CollectionTreeSkeletion.js +26 -0
- package/lib/components/CollectionsView/CollectionVirtualFoldersTree/CollectionVirtualFoldersTree.styled.js +52 -0
- package/lib/components/CollectionsView/CollectionVirtualFoldersTree/CollectionVirtualFoldersTree.utils.js +24 -0
- package/lib/components/CollectionsView/CollectionVirtualFoldersTree/Folder.js +88 -0
- package/lib/components/CollectionsView/CollectionVirtualFoldersTree/Tree.js +50 -0
- package/lib/components/CollectionsView/CollectionVirtualFoldersTree/index.js +75 -0
- package/lib/components/CollectionsView/CollectionsSkeleton.js +30 -0
- package/lib/components/CollectionsView/CollectionsTree/ActiveCollectionContent.js +61 -0
- package/lib/components/CollectionsView/CollectionsTree/CollectionTreeItem.js +44 -0
- package/lib/components/CollectionsView/CollectionsTree/CollectionsContent.js +130 -0
- package/lib/components/CollectionsView/CollectionsTree/CollectionsTree.styled.js +84 -0
- package/lib/components/CollectionsView/CollectionsTree/index.js +47 -0
- package/lib/components/CollectionsView/CollectionsView.styled.js +38 -0
- package/lib/components/CollectionsView/VirtualFoldersGrid.js +67 -0
- package/lib/components/CollectionsView/index.js +188 -0
- package/lib/components/Details/Details.constants.js +1 -0
- package/lib/components/EmptyViewPlaceholder/EmptyViewPlaceholder.styled.js +1 -1
- package/lib/components/FileItem/FileInfo/index.js +8 -2
- package/lib/components/FileWindowPanel/FileTabs/VariationsTab/VariationsTabNavigator.js +1 -7
- package/lib/components/FileWindowPanel/FileTabs/VariationsTab/index.js +4 -1
- package/lib/components/FileWindowPanel/Header/index.js +9 -0
- package/lib/components/Filters/hooks/useFilters.js +3 -2
- package/lib/components/HeaderBar/index.js +6 -2
- package/lib/components/LabelsView/LabelsTree/LabelsTree.styled.js +86 -0
- package/lib/components/LabelsView/LabelsTree/LabelsTreeSkeleton.js +21 -0
- package/lib/components/LabelsView/LabelsTree/index.js +128 -0
- package/lib/components/LabelsView/LabelsView.styled.js +10 -0
- package/lib/components/LabelsView/index.js +139 -0
- package/lib/components/Modals/DownloadConsent/DownloadConsent.hooks.js +11 -0
- package/lib/components/Modals/TransformedDownload/TransformedDownload.hooks.js +9 -0
- package/lib/components/Views/Views.constants.js +30 -4
- package/lib/components/Views/index.js +11 -4
- package/lib/components/common/FileMetadataFieldValue/GeneralMetadataFieldValue.js +1 -1
- package/lib/components/common/Sort/Sort.constants.js +28 -1
- package/lib/defaultLocale.js +36 -1
- package/lib/slices/collections.slice.js +714 -0
- package/lib/slices/common.slice.js +15 -52
- package/lib/slices/files.slice.js +6 -3
- package/lib/slices/index.js +5 -1
- package/lib/slices/labels.slice.js +652 -0
- package/lib/slices/views.slice.js +12 -0
- package/lib/utils/prepareSearchUrl.js +10 -0
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,41 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [4.5.4](https://code.scaleflex.cloud/scaleflex/widget/compare/v4.5.3...v4.5.4) (2025-10-15)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @scaleflex/widget-explorer
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [4.5.3](https://code.scaleflex.cloud/scaleflex/widget/compare/v4.5.2...v4.5.3) (2025-10-15)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @scaleflex/widget-explorer
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## [4.5.2](https://code.scaleflex.cloud/scaleflex/widget/compare/v4.5.1...v4.5.2) (2025-10-15)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @scaleflex/widget-explorer
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
## [4.5.1](https://code.scaleflex.cloud/scaleflex/widget/compare/v4.5.0...v4.5.1) (2025-10-14)
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
### Bug Fixes
|
|
34
|
+
|
|
35
|
+
* update active variant handling in VariationsTab ([d631729](https://code.scaleflex.cloud/scaleflex/widget/commits/d631729d5646779218008844a92edadeee686d47))
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
6
41
|
# [4.5.0](https://code.scaleflex.cloud/scaleflex/widget/compare/v4.4.0...v4.5.0) (2025-10-08)
|
|
7
42
|
|
|
8
43
|
|
package/README.md
CHANGED
|
@@ -381,7 +381,7 @@ List of file UUIDs with the state "muted". These files cannot be selected or hav
|
|
|
381
381
|
|
|
382
382
|
<u>Type:</u> `array`.
|
|
383
383
|
|
|
384
|
-
<u>Default:</u> `['ASSETS', 'FOLDERS']`
|
|
384
|
+
<u>Default:</u> `['ASSETS', 'FOLDERS', 'LABELS', 'COLLECTIONS']`
|
|
385
385
|
|
|
386
386
|
List of available views.
|
|
387
387
|
|
|
@@ -401,7 +401,7 @@ View which will be currently opened.
|
|
|
401
401
|
|
|
402
402
|
<u>Default:</u> `null`
|
|
403
403
|
|
|
404
|
-
Open the provided view's item/object for ex. (folders view => folder path, labels view => label sid or uuid ...etc.)
|
|
404
|
+
Open the provided view's item/object for ex. (folders view => folder path, labels view => label sid or uuid, collections view => collection uuid...etc.)
|
|
405
405
|
|
|
406
406
|
> Note: No auto redirect to the view, you have to provide the proper view from [`view prop`](#view).
|
|
407
407
|
|
|
@@ -411,7 +411,7 @@ Open the provided view's item/object for ex. (folders view => folder path, label
|
|
|
411
411
|
|
|
412
412
|
<u>Default:</u> `null`
|
|
413
413
|
|
|
414
|
-
A sub item that should be opened inside the provided [`view`](#view) & [`viewItem`](#viewitem).
|
|
414
|
+
A sub item that should be opened inside the provided [`view`](#view) & [`viewItem`](#viewitem), mostly used for opening a collection virtual folder that's found inside some collection.
|
|
415
415
|
|
|
416
416
|
> Note: No auto redirect to the view, you have to provide the proper view from [`view prop`](#view).
|
|
417
417
|
|
|
@@ -708,6 +708,24 @@ Shows/hides on initial load the folder tree as a sidebar at the left of the plug
|
|
|
708
708
|
|
|
709
709
|
Shows/hides the asset details view as a sidebar at the right of the plugin to view various details about selected assets. The user can shows/hides the details view from the info icon in the right side of the breadcrumbs.
|
|
710
710
|
|
|
711
|
+
### `showCollectionsTree`
|
|
712
|
+
|
|
713
|
+
<u>Type:</u> `boolean`.
|
|
714
|
+
|
|
715
|
+
<u>Default:</u> `false`
|
|
716
|
+
|
|
717
|
+
Shows/hides the collection tree as a sidebar at the left of the plugin to navigate collections. The user can shows/hides the collection tree from the tree icon in the breadcrumbs.
|
|
718
|
+
|
|
719
|
+
> **_Only relevant if_** collection view is provided in [views](#views)
|
|
720
|
+
|
|
721
|
+
### `showLabelsTree`
|
|
722
|
+
|
|
723
|
+
<u>Type:</u> `boolean`.
|
|
724
|
+
|
|
725
|
+
<u>Default:</u> `false`
|
|
726
|
+
|
|
727
|
+
Shows/hides the label tree as a sidebar at the left of the plugin to navigate labels. The user can shows/hides the label tree from the tree icon in the breadcrumbs.
|
|
728
|
+
|
|
711
729
|
### `hideDetailsViewButton` ![asset-picker-supported] ![asset-manager-supported]
|
|
712
730
|
|
|
713
731
|
<u>Type:</u> `boolean`.
|
package/dist/style.css
CHANGED
package/dist/style.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");.filerobot-common-BaseButton{align-items:center;border:0;border-radius:2px;cursor:pointer;display:flex;font-weight:500;justify-content:center;outline:none;padding:8px 12px;position:relative;transition:all .1s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filerobot-common-BaseButton span[role=container]{align-items:center;display:flex;z-index:4}@media (max-width:636px){.filerobot-common-BaseButton{min-height:28px;min-width:32px;padding:2px 6px}.filerobot-common-BaseButton span:not[role=container]{display:none}}.filerobot-common-BaseButton:before{background:#d9dde0;border-radius:15px 2px 15px 5px;content:"";height:100%;opacity:0;position:absolute;transition:width .07s ease-in-out,border-radius .15s ease-in-out;width:0}.filerobot-common-BaseButton:not(:disabled):active{opacity:1}.filerobot-common-BaseButton:not(:disabled):active:before{border-radius:inherit;opacity:1;width:100%}.filerobot-common-BaseButton:disabled{color:#bbb;fill:#bbb;background:rgba(79,98,118,.7);cursor:not-allowed;opacity:.8}.filerobot-common-BaseButton:disabled *,.filerobot-common-BaseButton:disabled:before{background:none;fill:currentColor;color:currentColor}.filerobot-common-BaseButton-auto:not(disabled) :focus,.filerobot-common-BaseButton-auto:not(disabled) :hover{background:#eff3f6}.filerobot-common-BaseButton-auto:not(disabled) :focus *,.filerobot-common-BaseButton-auto:not(disabled) :hover *{color:#5d6d7e;fill:#5d6d7e}.filerobot-common-BaseButton-transparent{background:transparent;color:#5d6d7e}.filerobot-common-BaseButton-transparent:not(:disabled):focus,.filerobot-common-BaseButton-transparent:not(:disabled):hover{background:#eff3f6}.filerobot-common-BaseButton-transparent:not(:disabled):focus svg *,.filerobot-common-BaseButton-transparent:not(:disabled):hover svg *{color:#5d6d7e;fill:#5d6d7e}.filerobot-common-BaseButton-transparent:not(:disabled):focus *,.filerobot-common-BaseButton-transparent:not(:disabled):hover *{color:#5d6d7e}.filerobot-common-BaseButton-primary{background:#4d4e4e;color:#fff}.filerobot-common-BaseButton-primary:not(:disabled):hover{filter:brightness(1.1)}.filerobot-common-BaseButton-accent{background:#6879eb;color:#fff}.filerobot-common-BaseButton-accent:not(:disabled):hover{filter:brightness(1.1)}.filerobot-common-BaseButton-accent:before{background:#4958bc}.filerobot-common-BaseButton-secondary{background:#768184;color:#fff}.filerobot-common-BaseButton-secondary:not(:disabled):hover{filter:brightness(1.1)}.filerobot-common-BaseButton-activeSecondary{background:#e9eef2;color:#5d6d7e}.filerobot-common-BaseButton-small{font-size:12px;padding:2px 6px}.filerobot-common-BaseButton-small.filerobot-common-LabeledIconButton img{max-height:12px;max-width:12px;min-height:12px;min-width:12px}.filerobot-common-BaseButton-small.filerobot-common-LabeledIconButton span:not([role=container]){margin-left:4px}.filerobot-common-BaseButton-medium{font-size:15px;line-height:16px}.filerobot-common-BaseButton-medium.filerobot-common-LabeledIconButton img{max-height:12px;max-width:12px;min-height:12px;min-width:12px}.filerobot-common-BaseButton-large{font-size:17px;padding:8px 14px}.filerobot-common-BaseButton-large.filerobot-common-LabeledIconButton img{max-height:16px;max-width:16px;min-height:16px;min-width:16px}.filerobot-common-BaseButton-fullWidth{font-size:17px;width:100%}.filerobot-common-BaseButton-fullWidth.filerobot-common-LabeledIconButton img,.filerobot-common-BaseButton-fullWidth.filerobot-common-LabeledIconButton svg{max-height:16px;max-width:16px;min-height:16px;min-width:16px}.filerobot-common-BaseButton-fullWidth.filerobot-common-LabeledIconButton span:not([role=container]){margin-left:8px}.filerobot-common-LabeledIconButton-label{margin-left:4px}.filerobot-common-BadgeButton{margin-right:4px;padding:8px 12px}.filerobot-common-BadgeButton .filerobot-common-BadgeButton-badgeContent{align-items:center;background:#fff;border-radius:50%;color:#6879eb;display:inline-flex;font-size:10px;font-weight:500;height:14px;justify-content:center;margin-left:4px;width:14px}.filerobot-common-BadgeButton-activeSecondary .filerobot-common-BadgeButton-badgeContent{background:#5d6d7e;color:#fff}.filerobot-common-BackCloseButton{align-items:center;display:flex}.filerobot-common-BackCloseButton-button{padding:6px}.filerobot-common-BackCloseButton-buttonMargin{margin:0 6px}.filerobot-common-BackCloseButton-divider{height:22px}.filerobot-common-BackdropOverlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1199}.filerobot-common-verticalDivider{background:#dfe7ed;width:1px}.filerobot-common-Radio-wrapper{align-items:center;cursor:pointer;display:inline-flex;padding:8px 0}.filerobot-common-Radio-wrapper:first-child{padding-top:0}.filerobot-common-Radio-wrapper:last-child{padding-bottom:0}.filerobot-common-Radio{display:inline-block;padding-right:8px}.filerobot-common-Radio-label{color:#37414b;font-size:16px;line-height:18px}.filerobot-common-FormGroup:not(:last-child){margin-bottom:16px}.filerobot-common-FormControl-inline{display:flex}.filerobot-common-FormControl-with-hint{margin-bottom:0}.filerobot-common-FormControl-error,.filerobot-common-FormControl-error .SfxFormHint-root,.filerobot-common-FormControl-error .SfxLabel-root,.filerobot-common-FormControl-error .filerobot-common-FormHelperText,.filerobot-common-FormControl-error .filerobot-common-InputLabel{color:#e85b46}.filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea{background:#fff;border-color:#e85b46;color:#e85b46;outline-color:#e85b46}.filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root:focus,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root:focus-within,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root:hover,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input:focus,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input:focus-within,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input:hover,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select:focus,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select:focus-within,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select:hover,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea:focus,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea:focus-within,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea:hover{border:1px solid #e85b46;outline:none}.filerobot-common-InputLabel{align-items:center;color:#768184;display:flex;font-size:12px;font-weight:400;margin-bottom:3px}.filerobot-common-FormHelperText{color:#768184;font-size:10px;margin-top:3px}.filerobot-common-FormHelperText-medium{font-size:14px}.filerobot-common-FormHelperText-no-margin{margin:0}.filerobot-common-autoSuggest{position:relative}.filerobot-common-autoSuggest-list-wrapper{position:absolute;z-index:11111111111111}.suggestions-list{background-color:#fff;border:1px solid #ddd;border-radius:2px;font-size:14px;list-style:none;margin-left:125px;margin-top:0;max-height:200px;overflow-x:hidden;overflow-y:scroll;padding-left:0}.suggestions-list li{font-size:1rem;padding:.5rem}.suggestions-tags{display:inline-flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;width:100%}.suggestions-tags li{align-items:center;background:transparent;border:1px dashed #5d6d7e;border-radius:2px;color:#5d6d7e;display:flex;font-family:Roboto;font-size:14px;font-weight:400;line-height:16.4px;list-style:none;margin:0 8px 8px 0;max-height:24px;padding:4px 12px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.suggestions-tags li:hover .filerobot-c-icon{display:block}.suggestions-tags li .filerobot-c-icon{color:#fff;display:none;height:6px;position:absolute;right:3px;top:3px;width:6px}.suggestions-tags li button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:50%;color:#768184;cursor:pointer;display:inline-flex;font-size:12px;height:15px;justify-content:center;line-height:0;margin-left:8px;padding:0;transform:rotate(45deg);width:15px}.no-suggestions{color:#999;padding:.5rem}.suggestions-title{align-items:center;display:flex;font-size:12px;font-weight:400;padding:4px 0}.suggestions-title svg{margin-right:4px}.post-upload-suggestion{margin-left:0;width:100%}.suggestion-active,.suggestions li:hover{background:#5d6d7e;border:1px solid #5d6d7e;color:#fff;cursor:pointer}.suggestion-loading{align-items:center;display:flex;font-size:1rem;height:100px;justify-content:center}.filerobot-common-Checkbox,.filerobot-common-Checkbox-wrapper{align-items:center;cursor:pointer;display:flex}.filerobot-common-Checkbox{background:#f8fafb;border:1px solid #dfe7ed;border-radius:1px;justify-content:center;margin-right:12px;max-height:16px;max-width:16px;min-height:16px;min-width:16px;outline:none;text-align:center}.filerobot-common-Checkbox-label{font-size:12px;line-height:14px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerobot-common-Tabs-wrapper{display:flex;padding-left:12px;width:92%}.filerobot-common-Tabs{align-items:center;background-color:#f8fafb;border-bottom:1px solid #dfe7ed;border-top:1px solid #dfe7ed;display:flex}.filerobot-common-Tabs-panel{font-size:12px;margin-bottom:-1px;position:relative}.filerobot-common-Tabs-panel>input[type=radio]{left:-200vw;position:absolute}.filerobot-common-Tabs-panel .bottom-line{background:#6879eb;bottom:0;display:none;height:1px;left:7px;position:absolute;right:7px}.filerobot-common-Tabs-panel>label{border:1px solid transparent;border-top-left-radius:.1rem;border-top-right-radius:.1rem;color:#5d6d7e;cursor:pointer;display:flex;padding:7px;position:relative}.filerobot-common-Tabs-panel>label>svg{height:12px;margin-right:8px;width:12px}.filerobot-common-Tabs-panel:first-child>label{padding-left:0}.filerobot-common-Tabs-panel:first-child>label+.bottom-line{left:0}.filerobot-common-Tabs-panel>input:checked+label{color:#6879eb}.filerobot-common-Tabs-panel>input:checked+label+.bottom-line{display:block}.filerobot-common-Tabs .subtabs-wrapper{padding:12px 0}.filerobot-common-inputAndLabel{margin-bottom:16px}.filerobot-common-inputAndLabel-form-group{margin-bottom:19px}.filerobot-common-inputAndLabel-input-header{font-size:14px;font-weight:400;line-height:16px;margin-bottom:3px}.filerobot-common-inputAndLabel-header-links-label{align-items:center;color:#768a9f;display:flex}.filerobot-common-inputAndLabel-input-text-wrapper{position:relative;width:100%}.filerobot-common-inputAndLabel-input-text-wrapper input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;display:block;height:20px;margin-top:2px;opacity:0;width:20px;z-index:2}.filerobot-common-inputAndLabel-input-text-wrapper-disable-icon input[type=date]::-webkit-calendar-picker-indicator{display:none}.filerobot-common-inputAndLabel-input-icon{cursor:pointer;margin:6px;position:absolute;right:0;top:0}.filerobot-common-inputAndLabel-input-text{background-color:#fff;border:1px solid #ccd6de;border-radius:4px;cursor:auto;font-family:Roboto;font-size:16px;font-weight:400;line-height:18px;padding:10px 16px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.filerobot-common-inputAndLabel-input-text:focus{background-color:#fff!important;border:1px solid #6879eb;outline:none}.filerobot-common-inputAndLabel-input-text:hover{background-color:#eff3f6}.filerobot-common-Spinner{align-items:center;display:flex;justify-content:center;margin-right:6px}.filerobot-common-Spinner svg{animation:rotating-spinner 2s linear infinite}.filerobot-common-Spinner-noMargin{margin:0}.filerobot-common-Spinner-filledCentered{height:100%;margin:0;padding:8px;width:100%}.filerobot-common-Spinner-spinnerContainer{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;padding:2px;width:100%}.filerobot-common-Spinner-spinnerContainer svg{height:30px;width:30px}@keyframes rotating-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.filerobot-common-ItemHoverTopOptions{align-items:flex-start;border-radius:inherit;bottom:0;display:flex;justify-content:flex-end;padding:2px 4px 2px 24px;pointer-events:none;position:absolute;right:3%;top:4%;transition:all .1s ease-in-out;visibility:hidden;width:100%;z-index:3}.filerobot-common-ItemHoverTopOptions button{background:rgba(79,98,118,.7);border-radius:50%;height:auto;height:24px;margin:0 2px;min-height:16px;min-width:12px;padding:4px 7px;pointer-events:auto;transition:all .1s ease-in-out;width:24px}.filerobot-common-ItemHoverTopOptions button svg *{color:#fff;fill:#fff}.filerobot-common-ItemHoverTopOptions button:not(:active,:disabled):hover{background:#37414b}.filerobot-common-ItemHoverTopOptions button:not(:active,:disabled):hover svg *{fill:#dfe7ed;color:#dfe7ed}:hover>.filerobot-common-ItemHoverTopOptions{visibility:visible}.filerobot-common-ItemHoverTopOptions-disableHover{display:flex;visibility:visible}.filerobot-common-ItemHoverTopOptions-disableHover:hover{background:none}.filerobot-common-DropFilesHereHint{background-color:hsla(0,0%,100%,.9);bottom:0;color:#768184;font-size:24px;height:100%;left:0;line-height:28px;pointer-events:none;position:absolute;right:0;text-align:center;top:0;visibility:hidden;width:100%;z-index:2000}.filerobot-common-DropFilesHereHint-inner{align-items:center;border:1px dashed #5282db;border-radius:3px;bottom:7px;display:flex;flex-direction:column;justify-content:center;left:7px;position:absolute;right:7px;top:7px}.filerobot-common-DropFilesHereHint-inner svg{animation:moving 2s ease infinite;margin-bottom:25px}@keyframes moving{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.1) translateY(-10px)}}[data-filerobot-theme=dark] .filerobot-common-DropFilesHereHint{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath fill='%2302BAF2' d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");border-color:#02baf2;color:#bbb}.filerobot-common-DropFilesTarget *{pointer-events:none}.filerobot-common-DropFilesHereHint-visible{visibility:visible}.filerobot-common-Search .filerobot-c-separator{height:70%;margin:0}.filerobot-common-Search-searchButton{cursor:pointer;height:100%;padding:10px 12px 12px}.filerobot-common-Search{align-items:center;background:#fff;border:1px solid #dfe7ed;border-radius:4px;display:flex;height:40px;position:relative;white-space:nowrap}.filerobot-common-Search:active,.filerobot-common-Search:focus-within{background-color:#fff!important}.filerobot-common-Search:active .filerobot-common-Search-searchInput,.filerobot-common-Search:focus-within .filerobot-common-Search-searchInput{background-color:#fff!important}.filerobot-common-Search-searchInput{align-items:center;border:none;box-sizing:border-box;display:flex;flex-grow:1;font-size:14px;height:-moz-fit-content;height:fit-content;margin:6px 0;min-width:24px;outline:none;width:100%}.filerobot-common-Search-searchInput button{height:100%}.filerobot-common-Search-searchInput .filerobot-common-TopBar-input-fragment{display:inherit;height:inherit;width:inherit}.filerobot-common-Search-searchInput:focus{outline:none}[data-filerobot-theme=dark] .filerobot-common-Search-searchInput{background-color:#1f1f1f;color:#fff}.filerobot-common-Search-searchInput::-moz-placeholder{color:#a9b6c2;font-size:14px;font-style:normal;font-weight:400}.filerobot-common-Search-searchInput::placeholder{color:#a9b6c2;font-size:14px;font-style:normal;font-weight:400}.filerobot-common-Search-searchAndAppendedOptions{align-items:center;display:flex;height:100%}.filerobot-common-Search-searchAndFiltersInputs{align-items:center;display:flex;flex-grow:1;height:100%;max-height:100%;overflow:auto hidden;position:relative;white-space:nowrap;-ms-overflow-style:none}.filerobot-common-PoweredBy-label{background-color:#f8fafb;border:1px solid #dfe7ed;border-bottom:0;border-radius:0;border-top-left-radius:40px;bottom:0;color:#778285;font-size:10px;margin-right:-1px;padding:4px 14px;position:absolute;right:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1001}.filerobot-common-secondaryTxt{color:#939393;font-size:12px;line-height:14px}.filerobot-TransitionWrapper{--translateX:0;--translateY-shown:0;--translateY-hidden:-105%;background:#fff;display:none;overflow-y:hidden;position:absolute;top:0}.filerobot-TransitionWrapper.--applied{display:block;height:100%;width:100%;z-index:1002}.filerobot-transition-slideDownUp-enter{opacity:.01;transform:translate3d(var(--translateX),var(--translateY-hidden),0);transition:transform .25s ease-in-out,opacity .25s ease-in-out}.filerobot-transition-slideDownUp-enter.filerobot-transition-slideDownUp-enter-active,.filerobot-transition-slideDownUp-leave{opacity:1;transform:translate3d(var(--translateX),var(--translateY-shown),0)}.filerobot-transition-slideDownUp-leave{transition:transform .25s ease-in-out,opacity .25s ease-in-out}.filerobot-transition-slideDownUp-leave.filerobot-transition-slideDownUp-leave-active{opacity:.01;transform:translate3d(var(--translateX),var(--translateY-hidden),0)}.filerobot-common-datePicker{position:relative}.filerobot-common-datePicker *{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filerobot-common-datePicker-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.filerobot-common-datePicker-input{overflow:hidden}.filerobot-common-datePicker-input input{cursor:pointer}.filerobot-common-datePicker-input input:focus{outline:none}.filerobot-common-datePicker-container{background:#fff;border-radius:4px;box-shadow:10px 10px 40px rgba(0,0,0,.2);max-height:240px;min-height:200px;overflow:hidden;padding:12px;position:absolute;width:215px;z-index:11111111111111}.filerobot-common-datePicker-container-head{align-items:center;display:flex}.filerobot-common-datePicker-container-head-body{float:left;height:100%;width:120px}.filerobot-common-datePicker-container-head-body-year{color:#5d6d7e;float:left;font-size:27px;font-weight:200px;height:30px;text-align:center;width:100%}.filerobot-common-datePicker-container-head-body-month{color:#5d6d7e;float:left;font-size:13px;font-weight:200px;height:15px;text-align:center;width:100%}.filerobot-common-datePicker-container-head-button{box-sizing:border-box;height:100%;position:relative;width:45px}.filerobot-common-datePicker-container-head-button-inner{background:#f4f4f4;border-radius:2px;float:left;height:25px;left:50%;line-height:35px;margin-left:-17px;margin-top:-17px;position:absolute;text-align:center;top:50%;width:25px}.filerobot-common-datePicker-container-head-button-inner:hover>span{border-color:#555!important}.filerobot-common-datePicker-container-head-button-inner:hover{background:#eee;cursor:pointer}.filerobot-common-datePicker-calendar{height:100%;width:100%}.filerobot-common-datePicker-calendar-body,.filerobot-common-datePicker-calendar-day,.filerobot-common-datePicker-calendar-day span,.filerobot-common-datePicker-calendar-day-container{box-sizing:border-box;display:block;float:left;position:relative}.filerobot-common-datePicker-calendar-body{height:250px;width:100%}.filerobot-common-datePicker-calendar-day{height:10%;width:14%}.filerobot-common-datePicker-calendar-day-container{color:#37414b;font-size:12px;font-weight:300;height:100%;text-align:center;width:100%}.filerobot-common-datePicker-calendar-day-container span{border-radius:2px;font-weight:400;height:25px;left:50%;line-height:30px;margin-left:-15px;margin-top:-15px;top:50%;width:25px}.filerobot-common-datePicker-calendar-day-container span:hover{background:#e9eef2;cursor:pointer}.filerobot-common-datePicker-calendar-day.disabled{pointer-events:none}.filerobot-common-datePicker-calendar-day.disabled .filerobot-common-datePicker-calendar-day-container span{background:#fff!important;color:#ddd}.filerobot-common-datePicker-calendar-day.highlight .filerobot-common-datePicker-calendar-day-container span{background:#5d6d7e}.filerobot-common-datePicker-calendar-day.highlight-green .filerobot-common-datePicker-calendar-day-container span{background:#4958bc;color:#fff}.filerobot-common-datePicker-calendar-head{display:flex;height:20px;margin-bottom:5px;margin-top:2px;width:100%}.filerobot-common-datePicker-calendar-head-name{color:#5d6d7e;font-size:9px;font-weight:700;height:30px;line-height:30px;text-align:center;width:14.285%}.mdpchbi-left-arrow,.mdpchbi-left-arrows,.mdpchbi-left-arrows:after,.mdpchbi-right-arrow,.mdpchbi-right-arrows,.mdpchbi-right-arrows:after{border-bottom:2px solid #888;border-left:2px solid #888;display:block;float:left;height:6px;position:absolute;width:6px}.mdpchbi-left-arrow,.mdpchbi-left-arrows,.mdpchbi-right-arrow,.mdpchbi-right-arrows{left:50%;margin-left:-2px;margin-top:-4px;top:50%;transform:rotate(45deg)}.mdpchbi-right-arrow,.mdpchbi-right-arrows{margin-left:-4px;transform:rotate(225deg)}.mdpchbi-left-arrows:after,.mdpchbi-right-arrows:after{content:""}.mdpchbi-left-arrows{margin-left:-5px}.mdpchbi-right-arrows{margin-left:-2px}.mdpchbi-left-arrows:after,.mdpchbi-right-arrows:after{left:3px;top:-5px}.filerobot-ProviderBrowser-layoutType--grid ul.filerobot-ProviderBrowser-list:after{content:"";flex:auto}.filerobot-ProviderBrowser-layoutType--grid ul.filerobot-ProviderBrowser-list:focus{outline:none}.filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-header{align-items:center;cursor:pointer;display:flex;font-size:12px;font-weight:400;margin-top:12px;max-width:130px;padding:0 12px;width:100%}.filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-wrapper{padding:8px 24px 12px}.filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-wrapper-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));list-style:none;padding:0;width:100%}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem{margin:0;min-width:200px;position:relative}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:before{content:"";display:block;padding-top:88%}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.item-folder .filerobot-ProviderBrowserItem-folderSelectBox,.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem.item-folder:hover .filerobot-ProviderBrowserItem-folderSelectBox{display:flex}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.filerobot-ProviderBrowserItem--beingRenamed):hover .filerobot-Explorer-dots-menu-icon{display:block}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder){border:4px solid transparent;outline:none}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder){background-color:#4d4e4e;border:4px solid #000}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):focus *,[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):hover *{color:#000}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder).no-selection .filerobot-ProviderBrowserItem-inner{cursor:auto}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):not(.no-selection) .filerobot-ProviderBrowserItem-inner:hover{background-color:#eff3f6}.filerobot-ProviderBrowser-layoutType--grid .filerobot-ProviderBrowserItem-videoDuration{background:rgba(79,98,118,.7);border-radius:2px;bottom:33%;box-shadow:0 1px 2px 0 rgba(77,78,78,.15);color:#fff!important;font-size:11px;font-weight:500;left:16px;line-height:12px;padding:2px 4px;position:absolute;text-align:center;z-index:2}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-inner{background-color:#5d6d7e!important}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-inner *{fill:#fff;color:#fff}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.with-meta input{color:#000!important;margin-bottom:-1px;margin-top:4px;text-align:center}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.with-meta button.filerobot-ProviderBrowserItem-inner:focus{box-shadow:none!important}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-Explorer-Item-fileInfoAndButtons{background-color:inherit}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview .filerobot-ProviderBrowserItem-inner{background-color:hsla(0,0%,58%,.2)}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview .filerobot-ProviderBrowserItem-inner{background-color:hsla(0,0%,92%,.2)}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview svg{fill:rgba(0,0,0,.7);height:30%;width:30%}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview svg{fill:hsla(0,0%,100%,.8)}.filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner{background-color:#eff3f6;border-radius:2px;box-shadow:0 1px 2px 0 rgba(77,78,78,.15);height:100%;left:0;overflow:hidden;position:absolute;text-align:center;top:0;width:100%}.filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner:focus{outline:none}.filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta{align-items:center;display:flex;flex-direction:column-reverse;justify-content:flex-end}.filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta:focus{box-shadow:none}.filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta img{height:100%;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:100%}.filerobot-ProviderBrowser-layoutType--grid .filerobot-ProviderBrowserItem-fakeCheckbox{display:none;left:8px;position:absolute;top:8px;z-index:3}.filerobot-ProviderBrowser-layoutType--grid .filerobot-ProviderBrowserItem-folderSelectBox{display:none;left:14px;position:absolute;top:26px}.filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-fakeCheckbox,:hover>.filerobot-ProviderBrowserItem-fakeCheckbox{display:block}.filerobot-Dragging-files>*,.filerobot-Dragging-folders>*{pointer-events:none}.filerobot-ProviderBrowser-layoutType--list,.filerobot-ProviderBrowser-layoutType--tiles{background-color:#fff}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--list,[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--tiles{background-color:#1f1f1f}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell{cursor:pointer;flex:0.5 0;font-size:14px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell-cursor-default,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-cursor-default{cursor:default!important}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell-icon,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon{max-width:24px;min-width:20px}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn{align-items:center;display:flex;flex:1 0}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn input,.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn label,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn input,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn label{width:80%}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn label,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowser-list,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowser-list{outline:none}.filerobot-ProviderBrowser-layoutType--list li.filerobot-ProviderBrowserItem,.filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem{align-items:center;border-bottom:1px solid rgba(0,0,0,.05);display:flex;margin:0;outline:none;padding:11px 12px}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--list li.filerobot-ProviderBrowserItem,[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem{color:#eaeaea}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowser-body,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowser-body{overflow-x:auto;width:100%}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header{align-items:center;background-color:#fff;border-bottom:1.5px solid rgba(0,0,0,.07);display:flex;font-size:14px;font-weight:400;line-height:16px;overflow:hidden;padding:12px;position:sticky;text-align:left;text-overflow:ellipsis;top:-1px;white-space:nowrap;z-index:11}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header:last-child,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header:last-child{margin-right:0}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header .filerobot-c-icon,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header .filerobot-c-icon{vertical-align:middle}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-wrapper-list,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-wrapper-list{padding:0}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-fakeCheckbox,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-fakeCheckbox{margin-right:8px;vertical-align:middle}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner{align-items:center;display:flex;line-height:1.3;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner input,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner input{height:17px}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner img,.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner svg,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner img,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner svg{max-height:20px;max-width:20px}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem{color:#4d4e4e}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem--selected,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem--selected{background:#5d6d7e;border-bottom:1px solid #dfe7ed!important;color:#fff}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem--selected svg path,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem--selected svg path{fill:#dfe7ed}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-listHead-checkbox,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-listHead-checkbox{min-width:16px}.filerobot-ProviderBrowser-layoutType--list .filerobot-common-Checkbox{margin-right:8px}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header .filerobot-Provider-list-cell-icon{display:flex;padding-left:2px}.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header{padding:11px 12px}.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header .filerobot-Provider-list-cell-icon{display:flex;margin-left:4px;padding-left:4px}.filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem{padding:11px 12px}.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon{margin-right:8px;max-width:36px;min-width:36px}.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon img,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon svg:not(.context-menu-icon){max-height:36px;max-width:36px;width:36px}.filerobot-Explorer-Details-header{align-items:center;display:flex;font-size:12px;margin-left:30px}.filerobot-Explorer-Details-header-icon{margin-left:6px}.filerobot-Explorer-Details-header-title{align-items:center;display:flex;margin-top:12px;max-width:90%}.filerobot-Explorer-Details-header-title label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerobot-Explorer-Details-tabs{cursor:pointer;display:flex;font-size:12px;margin-top:8px;padding:0 8px}.filerobot-Explorer-Details-tabs-comments,.filerobot-Explorer-Details-tabs-details{align-items:center;border:1px solid transparent;border-top-left-radius:.1rem;border-top-right-radius:.1rem;color:#4d4e4e;display:flex;height:30px;justify-content:center;width:50%}.filerobot-Explorer-Details-tabs-comments label,.filerobot-Explorer-Details-tabs-details label{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.filerobot-Explorer-Details-tabs-comments label:hover,.filerobot-Explorer-Details-tabs-details label:hover{background-color:#f8fafb;border-bottom:2px solid #6879eb;color:#6879eb;margin-bottom:-1px}.filerobot-Explorer-Details-tabs-comments>input[type=radio],.filerobot-Explorer-Details-tabs-details>input[type=radio]{left:-200vw;position:absolute}.filerobot-Explorer-Details-tabs-comments>input:checked+label,.filerobot-Explorer-Details-tabs-details>input:checked+label{background-color:#f8fafb;border-bottom:2px solid #6879eb;color:#6879eb;margin-bottom:-1px}.filerobot-Explorer-Details-icon-preview{display:flex;justify-content:center;margin-bottom:21px;margin-top:8px}.filerobot-Explorer-Details-file-preview{height:146px;margin:8px 5px 12px 8px;position:relative}.filerobot-Explorer-Details-file-preview:hover .filerobot-Explorer-Details-thumbnailZoomOverlay{display:flex}.filerobot-Explorer-Details-thumbnail{height:100%;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;position:relative;width:100%;z-index:1}.filerobot-Explorer-Details-info{font-size:12px;margin:12px 0 0;padding:0 0 0 12px}.filerobot-Explorer-Details-info-list{display:flex;list-style:none;margin-bottom:8px}.filerobot-Explorer-Details-info-list-name{color:#768184;display:flex;font-weight:400;padding-right:2px;width:68px}.filerobot-Explorer-Details-info-list-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerobot-Explorer-Details-info-list-value{color:#4d4e4e;display:inline-block;font-weight:400;width:calc(100% - 68px)}.filerobot-Explorer-Details-section{border-top:1px solid #dfe7ed;font-size:12px;margin-left:12px;margin-right:12px;margin-top:8px;padding-top:12px}.filerobot-Explorer-Details-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:9px;padding-right:5px}.filerobot-Explorer-Details-section-header-title{color:#768184}.filerobot-Explorer-Details-section-content-list{display:inline-flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;width:100%}.filerobot-Explorer-Details-section-content-list li{align-items:center;background:#f8fafb;border-radius:2px;color:#4d4e4e;display:flex;font-family:Roboto;font-weight:400;margin:0 5px 5px 0;padding:4px 6px;position:relative}.filerobot-Explorer-Details-thumbnailZoomOverlay{align-items:center;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.5) 0,rgba(0,0,0,.25) 100%);display:none;height:100%;justify-content:center;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:111}.filerobot-Explorer-Details-thumbnailZoomOverlayButton{height:100%;width:100%}.filerobot-Explorer-Details-thumbnailZoomOverlayButton:hover{background:transparent!important}.filerobot-Explorer-Details-thumbnailZoomOverlayButton:active:before{opacity:.5!important}.filerobot-ProviderBrowser{background-color:#fff;display:flex;flex:1;flex-direction:column;font-size:14px;font-weight:400;height:100%;position:relative}.filerobot-ProviderBrowser-user{color:#333;font-weight:500;margin:0 8px 0 0}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-user{color:#eaeaea}.filerobot-ProviderBrowser-select{color:#000;cursor:pointer;line-height:1.5}.filerobot-ProviderBrowser-select.--filter{max-width:120px;overflow:hidden;padding-right:2px;text-overflow:ellipsis;white-space:nowrap}.filerobot-ProviderBrowser-select:focus{border-color:transparent;outline:none}.filerobot-ProviderBrowser-user:after{color:#939393;content:"·";font-weight:400;left:4px;position:relative}.filerobot-ProviderBrowser-headerBar{align-items:center;color:#757575;display:flex;font-size:12px;line-height:1.4;padding:12px;position:relative;width:100%}.filerobot-size--md .filerobot-ProviderBrowser-headerBar{align-items:center;display:flex;justify-content:space-between}.filerobot-size--height-md .filerobot-ProviderBrowser-headerBar{align-items:center;display:flex}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-headerBar{background-color:#1f1f1f;border-bottom:1px solid #333}.filerobot-ProviderBrowser-headerBar--simple{display:block;justify-content:center;text-align:center}.filerobot-ProviderBrowser-body{display:flex;flex:1;height:100%;position:relative;z-index:1000}.filerobot-ProviderBrowser-body-list{overflow-x:auto;width:100%}.item-folder.filerobot-ProviderBrowserItem{border-radius:7px;outline:none;padding:4px}.item-folder.filerobot-ProviderBrowserItem:before{content:unset!important;display:none!important;padding-top:0!important}.item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder{align-items:center;border:1px solid #dfe7ed;border-radius:2px;box-sizing:border-box;display:flex;height:36px;outline:none;padding:10px 12px;width:100%}.item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder .filerobot-ProviderBrowserItem-folderLiIcon>*{height:20px;width:20px}.item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder input{width:96%}.item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder .filerobot-Explorer-dots-menu-icon{display:none}.item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder-title{color:#4d4e4e;flex-grow:1;font-size:14px;font-weight:500;line-height:16px;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-folder.filerobot-ProviderBrowserItem button.filerobot-ProviderBrowserItem-inner-folder:hover{background-color:#eff3f6}.item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder{background-color:#5d6d7e!important;outline:none}.item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder input{color:#000;width:96%}.item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder *{fill:#dfe7ed;color:#fff}.filerobot-ProviderBrowserItem-inner{cursor:pointer;font-size:14px;font-weight:400;line-height:16px}.filerobot-Provider-list-cell-header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerobot-Provider-list-cell-header-hidableIcon{visibility:hidden}.filerobot-Provider-list-cell-wrapper{align-items:center;display:flex;font-size:12px}.filerobot-Provider-list-cell-wrapper:hover .filerobot-Provider-list-cell-header-hidableIcon{visibility:visible}.filerobot-ProviderBrowser-mainContent{flex-grow:1;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.filerobot-ProviderBrowserItem--draggable-block{background:#dfe7ed;cursor:col-resize;height:100%;position:sticky;top:0;width:1px;z-index:100}.filerobot-ProviderBrowserItem-SideNav-addNew{color:#5d6d7e;cursor:pointer;font-weight:500}.filerobot-ProviderBrowser-body-sideButtons{max-width:40px;min-width:40px}.filerobot-ProviderBrowser-body-leftSideButtons{margin-right:20px}.filerobot-ProviderBrowser-body-leftNavigationButton{background:#f8fafb;border-radius:0 50px 50px 0;box-shadow:0 1px 4px rgba(77,78,78,.15);margin-top:10px;padding:10px 14px 10px 10px;position:sticky;top:91px;width:100%}.filerobot-ProviderBrowser-body-rightSideButtons{margin-left:20px}.filerobot-ProviderBrowser-body-rightNavigationButton{background:#f8fafb;border-radius:50px 0 0 50px;box-shadow:0 1px 4px rgba(77,78,78,.15);margin-top:10px;padding:10px 10px 10px 14px;position:sticky;top:91px;width:100%}.filerobot-Provider-LabelsListLi-selectMode,.filerobot-Provider-LabelsListLi-selectMode *{cursor:pointer}.filerobot-ProviderBrowserItem-ItemHoverBottomOptions{bottom:4%;right:3%;top:auto}.filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected{display:flex;visibility:visible}.filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button{background:#fff}.filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active) svg *{color:#6879eb;fill:#6879eb}.filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active):hover{background:#eff3f6}.filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active):hover svg *{fill:#606fd1;color:#606fd1}.filerobot-Explorer-ImageOptions-options{display:flex;justify-content:space-between;margin-bottom:8px}.filerobot-Explorer-ImageOptions-options-select{text-align:left;text-transform:capitalize;width:60%}.filerobot-Explorer-ImageOptions-options-select-fullWidth{width:100%}.filerobot-Explorer-ImageOptions-size-options{align-items:flex-start;display:flex;flex-direction:column;row-gap:4px}.filerobot-Explorer-ImageOptions-description{display:flex;justify-content:space-between;margin-top:20px}.filerobot-Explorer-ImageOptions-settings{margin-bottom:10px}.filerobot-Explorer-ImageOptions-resize-options{align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex}.filerobot-Explorer-ImageOptions-download-zip{display:flex;margin-top:16px}#SfxPopper{position:absolute;top:-10000px}.filerobot-Explorer-TopBar-PrependedOptions{align-items:center;display:flex;height:100%}.filerobot-Explorer-TopBar-AppendedOptions{align-items:center;display:flex;float:right}.filerobot-Explorer-TopBar-Search-ContextDropdown-SubList-container{background:#fff!important;cursor:default!important;padding:0!important}#SfxPopper{z-index:11111111}@keyframes filerobot-Explorer-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes filerobot-Explorer-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes filerobot-Explorer-slideDownAndFadeIn{0%{opacity:0;transform:translate3d(-50%,-70%,0)}to{opacity:1;transform:translate3d(-50%,-50%,0)}}@keyframes filerobot-Explorer-slideDownAndFadeIn--small{0%{opacity:0;transform:translate3d(0,-20%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes filerobot-Explorer-slideUpFadeOut{0%{opacity:1;transform:translate3d(-50%,-50%,0)}to{opacity:0;transform:translate3d(-50%,-70%,0)}}@keyframes filerobot-Explorer-slideUpFadeOut--small{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20%,0)}}.filerobot-Explorer--modal{z-index:1200}.filerobot-Explorer-assets-picker-modal{z-index:100000}.filerobot-Explorer--modal[aria-hidden=true]{display:none}.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose>.filerobot-Explorer-inner{animation:filerobot-Explorer-slideDownAndFadeIn--small .3s cubic-bezier(0,0,.2,1)}@media only screen and (min-width:820px){.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose>.filerobot-Explorer-inner{animation:filerobot-Explorer-slideDownAndFadeIn .3s cubic-bezier(0,0,.2,1)}}.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose>.filerobot-Explorer-overlay{animation:filerobot-Explorer-fadeIn .3s cubic-bezier(0,0,.2,1)}.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose.filerobot-Explorer--isClosing>.filerobot-Explorer-inner{animation:filerobot-Explorer-slideUpFadeOut--small .3s cubic-bezier(0,0,.2,1)}@media only screen and (min-width:820px){.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose.filerobot-Explorer--isClosing>.filerobot-Explorer-inner{animation:filerobot-Explorer-slideUpFadeOut .3s cubic-bezier(0,0,.2,1)}}.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose.filerobot-Explorer--isClosing>.filerobot-Explorer-overlay{animation:filerobot-Explorer-fadeOut .3s cubic-bezier(0,0,.2,1)}.filerobot-Explorer--modal .filerobot-Explorer-overlay{background-color:rgba(79,98,118,.3);bottom:0;left:0;outline:none;position:fixed;right:0;top:0;z-index:1002}.filerobot-Explorer-inner{border:1px solid #eaeaea;border-radius:5px;max-height:100%;max-width:100%;outline:none;position:relative}.filerobot-size--md .filerobot-Explorer-inner{min-height:auto}.filerobot-Explorer--modal .filerobot-Explorer-inner{z-index:1003}[data-filerobot-theme=dark] .filerobot-Explorer-inner{background-color:#1f1f1f}.filerobot-Explorer-innerWrap{background:#fff;border-radius:5px;display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;position:relative}.filerobot-Explorer-close:focus{outline:none}.filerobot-Explorer-close::-moz-focus-inner{border:0}.filerobot-Explorer-close{color:hsla(0,0%,100%,.9);cursor:pointer;display:block;font-size:27px;position:absolute;right:-2px;top:-33px;z-index:1005}@media only screen and (min-width:820px){.filerobot-Explorer-close{font-size:35px;right:-35px;top:-10px}}.filerobot-Explorer--isInnerWrapVisible .filerobot-Explorer-innerWrap{opacity:1}.filerobot-Explorer--modal .filerobot-Explorer-inner{border:none;bottom:15px;left:0;position:fixed;right:0;top:5px}@media only screen and (min-width:820px){.filerobot-Explorer--modal .filerobot-Explorer-inner{box-shadow:0 5px 15px 4px rgba(0,0,0,.15);left:50%;top:50%;transform:translate(-50%,-50%)}}.filerobot-Explorer--move-informer .filerobot.filerobot-Informer{bottom:80px}.filerobot-Explorer-isFixed{height:100vh;overflow:hidden}.filerobot-Explorer-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.filerobot-Explorer-TopBar-leftSide{height:100%;margin-right:12px}.filerobot-Explorer-Search-filtersInside-newFilterChip{margin-right:8px;margin-top:0;outline:none}.filerobot-Explorer-Search-filtersInside-newFilterChip *{outline:none}.filerobot-common-FormControl .SfxTagField-listWrapper{width:100%}.sort-menuitem.SfxMenuItem-root .SfxMenuItem-Icon.SfxMenuItem-Actions{display:none}
|
|
1
|
+
@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");.filerobot-common-BaseButton{align-items:center;border:0;border-radius:2px;cursor:pointer;display:flex;font-weight:500;justify-content:center;outline:none;padding:8px 12px;position:relative;transition:all .1s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filerobot-common-BaseButton span[role=container]{align-items:center;display:flex;z-index:4}@media (max-width:636px){.filerobot-common-BaseButton{min-height:28px;min-width:32px;padding:2px 6px}.filerobot-common-BaseButton span:not[role=container]{display:none}}.filerobot-common-BaseButton:before{background:#d9dde0;border-radius:15px 2px 15px 5px;content:"";height:100%;opacity:0;position:absolute;transition:width .07s ease-in-out,border-radius .15s ease-in-out;width:0}.filerobot-common-BaseButton:not(:disabled):active{opacity:1}.filerobot-common-BaseButton:not(:disabled):active:before{border-radius:inherit;opacity:1;width:100%}.filerobot-common-BaseButton:disabled{color:#bbb;fill:#bbb;background:rgba(79,98,118,.7);cursor:not-allowed;opacity:.8}.filerobot-common-BaseButton:disabled *,.filerobot-common-BaseButton:disabled:before{background:none;fill:currentColor;color:currentColor}.filerobot-common-BaseButton-auto:not(disabled) :focus,.filerobot-common-BaseButton-auto:not(disabled) :hover{background:#eff3f6}.filerobot-common-BaseButton-auto:not(disabled) :focus *,.filerobot-common-BaseButton-auto:not(disabled) :hover *{color:#5d6d7e;fill:#5d6d7e}.filerobot-common-BaseButton-transparent{background:transparent;color:#5d6d7e}.filerobot-common-BaseButton-transparent:not(:disabled):focus,.filerobot-common-BaseButton-transparent:not(:disabled):hover{background:#eff3f6}.filerobot-common-BaseButton-transparent:not(:disabled):focus svg *,.filerobot-common-BaseButton-transparent:not(:disabled):hover svg *{color:#5d6d7e;fill:#5d6d7e}.filerobot-common-BaseButton-transparent:not(:disabled):focus *,.filerobot-common-BaseButton-transparent:not(:disabled):hover *{color:#5d6d7e}.filerobot-common-BaseButton-primary{background:#4d4e4e;color:#fff}.filerobot-common-BaseButton-primary:not(:disabled):hover{filter:brightness(1.1)}.filerobot-common-BaseButton-accent{background:#6879eb;color:#fff}.filerobot-common-BaseButton-accent:not(:disabled):hover{filter:brightness(1.1)}.filerobot-common-BaseButton-accent:before{background:#4958bc}.filerobot-common-BaseButton-secondary{background:#768184;color:#fff}.filerobot-common-BaseButton-secondary:not(:disabled):hover{filter:brightness(1.1)}.filerobot-common-BaseButton-activeSecondary{background:#e9eef2;color:#5d6d7e}.filerobot-common-BaseButton-small{font-size:12px;padding:2px 6px}.filerobot-common-BaseButton-small.filerobot-common-LabeledIconButton img{max-height:12px;max-width:12px;min-height:12px;min-width:12px}.filerobot-common-BaseButton-small.filerobot-common-LabeledIconButton span:not([role=container]){margin-left:4px}.filerobot-common-BaseButton-medium{font-size:15px;line-height:16px}.filerobot-common-BaseButton-medium.filerobot-common-LabeledIconButton img{max-height:12px;max-width:12px;min-height:12px;min-width:12px}.filerobot-common-BaseButton-large{font-size:17px;padding:8px 14px}.filerobot-common-BaseButton-large.filerobot-common-LabeledIconButton img{max-height:16px;max-width:16px;min-height:16px;min-width:16px}.filerobot-common-BaseButton-fullWidth{font-size:17px;width:100%}.filerobot-common-BaseButton-fullWidth.filerobot-common-LabeledIconButton img,.filerobot-common-BaseButton-fullWidth.filerobot-common-LabeledIconButton svg{max-height:16px;max-width:16px;min-height:16px;min-width:16px}.filerobot-common-BaseButton-fullWidth.filerobot-common-LabeledIconButton span:not([role=container]){margin-left:8px}.filerobot-common-LabeledIconButton-label{margin-left:4px}.filerobot-common-BadgeButton{margin-right:4px;padding:8px 12px}.filerobot-common-BadgeButton .filerobot-common-BadgeButton-badgeContent{align-items:center;background:#fff;border-radius:50%;color:#6879eb;display:inline-flex;font-size:10px;font-weight:500;height:14px;justify-content:center;margin-left:4px;width:14px}.filerobot-common-BadgeButton-activeSecondary .filerobot-common-BadgeButton-badgeContent{background:#5d6d7e;color:#fff}.filerobot-common-BackCloseButton{align-items:center;display:flex}.filerobot-common-BackCloseButton-button{padding:6px}.filerobot-common-BackCloseButton-buttonMargin{margin:0 6px}.filerobot-common-BackCloseButton-divider{height:22px}.filerobot-common-BackdropOverlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1199}.filerobot-common-verticalDivider{background:#dfe7ed;width:1px}.filerobot-common-Radio-wrapper{align-items:center;cursor:pointer;display:inline-flex;padding:8px 0}.filerobot-common-Radio-wrapper:first-child{padding-top:0}.filerobot-common-Radio-wrapper:last-child{padding-bottom:0}.filerobot-common-Radio{display:inline-block;padding-right:8px}.filerobot-common-Radio-label{color:#37414b;font-size:16px;line-height:18px}.filerobot-common-FormGroup:not(:last-child){margin-bottom:16px}.filerobot-common-FormControl-inline{display:flex}.filerobot-common-FormControl-with-hint{margin-bottom:0}.filerobot-common-FormControl-error,.filerobot-common-FormControl-error .SfxFormHint-root,.filerobot-common-FormControl-error .SfxLabel-root,.filerobot-common-FormControl-error .filerobot-common-FormHelperText,.filerobot-common-FormControl-error .filerobot-common-InputLabel{color:#e85b46}.filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea{background:#fff;border-color:#e85b46;color:#e85b46;outline-color:#e85b46}.filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root:focus,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root:focus-within,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root:hover,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input:focus,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input:focus-within,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input:hover,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select:focus,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select:focus-within,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select:hover,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea:focus,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea:focus-within,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea:hover{border:1px solid #e85b46;outline:none}.filerobot-common-InputLabel{align-items:center;color:#768184;display:flex;font-size:12px;font-weight:400;margin-bottom:3px}.filerobot-common-FormHelperText{color:#768184;font-size:10px;margin-top:3px}.filerobot-common-FormHelperText-medium{font-size:14px}.filerobot-common-FormHelperText-no-margin{margin:0}.filerobot-common-autoSuggest{position:relative}.filerobot-common-autoSuggest-list-wrapper{position:absolute;z-index:11111111111111}.suggestions-list{background-color:#fff;border:1px solid #ddd;border-radius:2px;font-size:14px;list-style:none;margin-left:125px;margin-top:0;max-height:200px;overflow-x:hidden;overflow-y:scroll;padding-left:0}.suggestions-list li{font-size:1rem;padding:.5rem}.suggestions-tags{display:inline-flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;width:100%}.suggestions-tags li{align-items:center;background:transparent;border:1px dashed #5d6d7e;border-radius:2px;color:#5d6d7e;display:flex;font-family:Roboto;font-size:14px;font-weight:400;line-height:16.4px;list-style:none;margin:0 8px 8px 0;max-height:24px;padding:4px 12px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.suggestions-tags li:hover .filerobot-c-icon{display:block}.suggestions-tags li .filerobot-c-icon{color:#fff;display:none;height:6px;position:absolute;right:3px;top:3px;width:6px}.suggestions-tags li button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:50%;color:#768184;cursor:pointer;display:inline-flex;font-size:12px;height:15px;justify-content:center;line-height:0;margin-left:8px;padding:0;transform:rotate(45deg);width:15px}.no-suggestions{color:#999;padding:.5rem}.suggestions-title{align-items:center;display:flex;font-size:12px;font-weight:400;padding:4px 0}.suggestions-title svg{margin-right:4px}.post-upload-suggestion{margin-left:0;width:100%}.suggestion-active,.suggestions li:hover{background:#5d6d7e;border:1px solid #5d6d7e;color:#fff;cursor:pointer}.suggestion-loading{align-items:center;display:flex;font-size:1rem;height:100px;justify-content:center}.filerobot-common-Checkbox,.filerobot-common-Checkbox-wrapper{align-items:center;cursor:pointer;display:flex}.filerobot-common-Checkbox{background:#f8fafb;border:1px solid #dfe7ed;border-radius:1px;justify-content:center;margin-right:12px;max-height:16px;max-width:16px;min-height:16px;min-width:16px;outline:none;text-align:center}.filerobot-common-Checkbox-label{font-size:12px;line-height:14px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerobot-common-Tabs-wrapper{display:flex;padding-left:12px;width:92%}.filerobot-common-Tabs{align-items:center;background-color:#f8fafb;border-bottom:1px solid #dfe7ed;border-top:1px solid #dfe7ed;display:flex}.filerobot-common-Tabs-panel{font-size:12px;margin-bottom:-1px;position:relative}.filerobot-common-Tabs-panel>input[type=radio]{left:-200vw;position:absolute}.filerobot-common-Tabs-panel .bottom-line{background:#6879eb;bottom:0;display:none;height:1px;left:7px;position:absolute;right:7px}.filerobot-common-Tabs-panel>label{border:1px solid transparent;border-top-left-radius:.1rem;border-top-right-radius:.1rem;color:#5d6d7e;cursor:pointer;display:flex;padding:7px;position:relative}.filerobot-common-Tabs-panel>label>svg{height:12px;margin-right:8px;width:12px}.filerobot-common-Tabs-panel:first-child>label{padding-left:0}.filerobot-common-Tabs-panel:first-child>label+.bottom-line{left:0}.filerobot-common-Tabs-panel>input:checked+label{color:#6879eb}.filerobot-common-Tabs-panel>input:checked+label+.bottom-line{display:block}.filerobot-common-Tabs .subtabs-wrapper{padding:12px 0}.filerobot-common-inputAndLabel{margin-bottom:16px}.filerobot-common-inputAndLabel-form-group{margin-bottom:19px}.filerobot-common-inputAndLabel-input-header{font-size:14px;font-weight:400;line-height:16px;margin-bottom:3px}.filerobot-common-inputAndLabel-header-links-label{align-items:center;color:#768a9f;display:flex}.filerobot-common-inputAndLabel-input-text-wrapper{position:relative;width:100%}.filerobot-common-inputAndLabel-input-text-wrapper input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;display:block;height:20px;margin-top:2px;opacity:0;width:20px;z-index:2}.filerobot-common-inputAndLabel-input-text-wrapper-disable-icon input[type=date]::-webkit-calendar-picker-indicator{display:none}.filerobot-common-inputAndLabel-input-icon{cursor:pointer;margin:6px;position:absolute;right:0;top:0}.filerobot-common-inputAndLabel-input-text{background-color:#fff;border:1px solid #ccd6de;border-radius:4px;cursor:auto;font-family:Roboto;font-size:16px;font-weight:400;line-height:18px;padding:10px 16px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.filerobot-common-inputAndLabel-input-text:focus{background-color:#fff!important;border:1px solid #6879eb;outline:none}.filerobot-common-inputAndLabel-input-text:hover{background-color:#eff3f6}.filerobot-common-Spinner{align-items:center;display:flex;justify-content:center;margin-right:6px}.filerobot-common-Spinner svg{animation:rotating-spinner 2s linear infinite}.filerobot-common-Spinner-noMargin{margin:0}.filerobot-common-Spinner-filledCentered{height:100%;margin:0;padding:8px;width:100%}.filerobot-common-Spinner-spinnerContainer{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;padding:2px;width:100%}.filerobot-common-Spinner-spinnerContainer svg{height:30px;width:30px}@keyframes rotating-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.filerobot-common-ItemHoverTopOptions{align-items:flex-start;border-radius:inherit;bottom:0;display:flex;justify-content:flex-end;padding:2px 4px 2px 24px;pointer-events:none;position:absolute;right:3%;top:4%;transition:all .1s ease-in-out;visibility:hidden;width:100%;z-index:3}.filerobot-common-ItemHoverTopOptions button{background:rgba(79,98,118,.7);border-radius:50%;height:auto;height:24px;margin:0 2px;min-height:16px;min-width:12px;padding:4px 7px;pointer-events:auto;transition:all .1s ease-in-out;width:24px}.filerobot-common-ItemHoverTopOptions button svg *{color:#fff;fill:#fff}.filerobot-common-ItemHoverTopOptions button:not(:active,:disabled):hover{background:#37414b}.filerobot-common-ItemHoverTopOptions button:not(:active,:disabled):hover svg *{fill:#dfe7ed;color:#dfe7ed}:hover>.filerobot-common-ItemHoverTopOptions{visibility:visible}.filerobot-common-ItemHoverTopOptions-disableHover{display:flex;visibility:visible}.filerobot-common-ItemHoverTopOptions-disableHover:hover{background:none}.filerobot-common-DropFilesHereHint{background-color:hsla(0,0%,100%,.9);bottom:0;color:#768184;font-size:24px;height:100%;left:0;line-height:28px;pointer-events:none;position:absolute;right:0;text-align:center;top:0;visibility:hidden;width:100%;z-index:2000}.filerobot-common-DropFilesHereHint-inner{align-items:center;border:1px dashed #5282db;border-radius:3px;bottom:7px;display:flex;flex-direction:column;justify-content:center;left:7px;position:absolute;right:7px;top:7px}.filerobot-common-DropFilesHereHint-inner svg{animation:moving 2s ease infinite;margin-bottom:25px}@keyframes moving{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.1) translateY(-10px)}}[data-filerobot-theme=dark] .filerobot-common-DropFilesHereHint{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath fill='%2302BAF2' d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");border-color:#02baf2;color:#bbb}.filerobot-common-DropFilesTarget *{pointer-events:none}.filerobot-common-DropFilesHereHint-visible{visibility:visible}.filerobot-common-Search .filerobot-c-separator{height:70%;margin:0}.filerobot-common-Search-searchButton{cursor:pointer;height:100%;padding:10px 12px 12px}.filerobot-common-Search{align-items:center;background:#fff;border:1px solid #dfe7ed;border-radius:4px;display:flex;height:40px;position:relative;white-space:nowrap}.filerobot-common-Search:active,.filerobot-common-Search:focus-within{background-color:#fff!important}.filerobot-common-Search:active .filerobot-common-Search-searchInput,.filerobot-common-Search:focus-within .filerobot-common-Search-searchInput{background-color:#fff!important}.filerobot-common-Search-searchInput{align-items:center;border:none;box-sizing:border-box;display:flex;flex-grow:1;font-size:14px;height:-moz-fit-content;height:fit-content;margin:6px 0;min-width:24px;outline:none;width:100%}.filerobot-common-Search-searchInput button{height:100%}.filerobot-common-Search-searchInput .filerobot-common-TopBar-input-fragment{display:inherit;height:inherit;width:inherit}.filerobot-common-Search-searchInput:focus{outline:none}[data-filerobot-theme=dark] .filerobot-common-Search-searchInput{background-color:#1f1f1f;color:#fff}.filerobot-common-Search-searchInput::-moz-placeholder{color:#a9b6c2;font-size:14px;font-style:normal;font-weight:400}.filerobot-common-Search-searchInput::placeholder{color:#a9b6c2;font-size:14px;font-style:normal;font-weight:400}.filerobot-common-Search-searchAndAppendedOptions{align-items:center;display:flex;height:100%}.filerobot-common-Search-searchAndFiltersInputs{align-items:center;display:flex;flex-grow:1;height:100%;max-height:100%;overflow:auto hidden;position:relative;white-space:nowrap;-ms-overflow-style:none}.filerobot-common-PoweredBy-label{background-color:#f8fafb;border:1px solid #dfe7ed;border-bottom:0;border-radius:0;border-top-left-radius:40px;bottom:0;color:#778285;font-size:10px;margin-right:-1px;padding:4px 14px;position:absolute;right:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1001}.filerobot-common-secondaryTxt{color:#939393;font-size:12px;line-height:14px}.filerobot-TransitionWrapper{--translateX:0;--translateY-shown:0;--translateY-hidden:-105%;background:#fff;display:none;overflow-y:hidden;position:absolute;top:0}.filerobot-TransitionWrapper.--applied{display:block;height:100%;width:100%;z-index:1002}.filerobot-transition-slideDownUp-enter{opacity:.01;transform:translate3d(var(--translateX),var(--translateY-hidden),0);transition:transform .25s ease-in-out,opacity .25s ease-in-out}.filerobot-transition-slideDownUp-enter.filerobot-transition-slideDownUp-enter-active,.filerobot-transition-slideDownUp-leave{opacity:1;transform:translate3d(var(--translateX),var(--translateY-shown),0)}.filerobot-transition-slideDownUp-leave{transition:transform .25s ease-in-out,opacity .25s ease-in-out}.filerobot-transition-slideDownUp-leave.filerobot-transition-slideDownUp-leave-active{opacity:.01;transform:translate3d(var(--translateX),var(--translateY-hidden),0)}.filerobot-common-datePicker{position:relative}.filerobot-common-datePicker *{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filerobot-common-datePicker-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.filerobot-common-datePicker-input{overflow:hidden}.filerobot-common-datePicker-input input{cursor:pointer}.filerobot-common-datePicker-input input:focus{outline:none}.filerobot-common-datePicker-container{background:#fff;border-radius:4px;box-shadow:10px 10px 40px rgba(0,0,0,.2);max-height:240px;min-height:200px;overflow:hidden;padding:12px;position:absolute;width:215px;z-index:11111111111111}.filerobot-common-datePicker-container-head{align-items:center;display:flex}.filerobot-common-datePicker-container-head-body{float:left;height:100%;width:120px}.filerobot-common-datePicker-container-head-body-year{color:#5d6d7e;float:left;font-size:27px;font-weight:200px;height:30px;text-align:center;width:100%}.filerobot-common-datePicker-container-head-body-month{color:#5d6d7e;float:left;font-size:13px;font-weight:200px;height:15px;text-align:center;width:100%}.filerobot-common-datePicker-container-head-button{box-sizing:border-box;height:100%;position:relative;width:45px}.filerobot-common-datePicker-container-head-button-inner{background:#f4f4f4;border-radius:2px;float:left;height:25px;left:50%;line-height:35px;margin-left:-17px;margin-top:-17px;position:absolute;text-align:center;top:50%;width:25px}.filerobot-common-datePicker-container-head-button-inner:hover>span{border-color:#555!important}.filerobot-common-datePicker-container-head-button-inner:hover{background:#eee;cursor:pointer}.filerobot-common-datePicker-calendar{height:100%;width:100%}.filerobot-common-datePicker-calendar-body,.filerobot-common-datePicker-calendar-day,.filerobot-common-datePicker-calendar-day span,.filerobot-common-datePicker-calendar-day-container{box-sizing:border-box;display:block;float:left;position:relative}.filerobot-common-datePicker-calendar-body{height:250px;width:100%}.filerobot-common-datePicker-calendar-day{height:10%;width:14%}.filerobot-common-datePicker-calendar-day-container{color:#37414b;font-size:12px;font-weight:300;height:100%;text-align:center;width:100%}.filerobot-common-datePicker-calendar-day-container span{border-radius:2px;font-weight:400;height:25px;left:50%;line-height:30px;margin-left:-15px;margin-top:-15px;top:50%;width:25px}.filerobot-common-datePicker-calendar-day-container span:hover{background:#e9eef2;cursor:pointer}.filerobot-common-datePicker-calendar-day.disabled{pointer-events:none}.filerobot-common-datePicker-calendar-day.disabled .filerobot-common-datePicker-calendar-day-container span{background:#fff!important;color:#ddd}.filerobot-common-datePicker-calendar-day.highlight .filerobot-common-datePicker-calendar-day-container span{background:#5d6d7e}.filerobot-common-datePicker-calendar-day.highlight-green .filerobot-common-datePicker-calendar-day-container span{background:#4958bc;color:#fff}.filerobot-common-datePicker-calendar-head{display:flex;height:20px;margin-bottom:5px;margin-top:2px;width:100%}.filerobot-common-datePicker-calendar-head-name{color:#5d6d7e;font-size:9px;font-weight:700;height:30px;line-height:30px;text-align:center;width:14.285%}.mdpchbi-left-arrow,.mdpchbi-left-arrows,.mdpchbi-left-arrows:after,.mdpchbi-right-arrow,.mdpchbi-right-arrows,.mdpchbi-right-arrows:after{border-bottom:2px solid #888;border-left:2px solid #888;display:block;float:left;height:6px;position:absolute;width:6px}.mdpchbi-left-arrow,.mdpchbi-left-arrows,.mdpchbi-right-arrow,.mdpchbi-right-arrows{left:50%;margin-left:-2px;margin-top:-4px;top:50%;transform:rotate(45deg)}.mdpchbi-right-arrow,.mdpchbi-right-arrows{margin-left:-4px;transform:rotate(225deg)}.mdpchbi-left-arrows:after,.mdpchbi-right-arrows:after{content:""}.mdpchbi-left-arrows{margin-left:-5px}.mdpchbi-right-arrows{margin-left:-2px}.mdpchbi-left-arrows:after,.mdpchbi-right-arrows:after{left:3px;top:-5px}.filerobot-ProviderBrowser-layoutType--grid ul.filerobot-ProviderBrowser-list:after{content:"";flex:auto}.filerobot-ProviderBrowser-layoutType--grid ul.filerobot-ProviderBrowser-list:focus{outline:none}.filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-header{align-items:center;cursor:pointer;display:flex;font-size:12px;font-weight:400;margin-top:12px;max-width:130px;padding:0 12px;width:100%}.filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-wrapper{padding:8px 24px 12px}.filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-wrapper-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));list-style:none;padding:0;width:100%}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem{margin:0;min-width:200px;position:relative}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:before{content:"";display:block;padding-top:88%}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.item-folder .filerobot-ProviderBrowserItem-folderSelectBox,.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem.item-folder:hover .filerobot-ProviderBrowserItem-folderSelectBox{display:flex}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.filerobot-ProviderBrowserItem--beingRenamed):hover .filerobot-Explorer-dots-menu-icon{display:block}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder){border:4px solid transparent;outline:none}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder){background-color:#4d4e4e;border:4px solid #000}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):focus *,[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):hover *{color:#000}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder).no-selection .filerobot-ProviderBrowserItem-inner{cursor:auto}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):not(.no-selection) .filerobot-ProviderBrowserItem-inner:hover{background-color:#eff3f6}.filerobot-ProviderBrowser-layoutType--grid .filerobot-ProviderBrowserItem-videoDuration{background:rgba(79,98,118,.7);border-radius:2px;bottom:33%;box-shadow:0 1px 2px 0 rgba(77,78,78,.15);color:#fff!important;font-size:11px;font-weight:500;left:16px;line-height:12px;padding:2px 4px;position:absolute;text-align:center;z-index:2}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-inner{background-color:#5d6d7e!important}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-inner *{fill:#fff;color:#fff}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.with-meta input{color:#000!important;margin-bottom:-1px;margin-top:4px;text-align:center}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.with-meta button.filerobot-ProviderBrowserItem-inner:focus{box-shadow:none!important}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-Explorer-Item-fileInfoAndButtons{background-color:inherit}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview .filerobot-ProviderBrowserItem-inner{background-color:hsla(0,0%,58%,.2)}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview .filerobot-ProviderBrowserItem-inner{background-color:hsla(0,0%,92%,.2)}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview svg{fill:rgba(0,0,0,.7);height:30%;width:30%}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview svg{fill:hsla(0,0%,100%,.8)}.filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner{background-color:#eff3f6;border-radius:2px;box-shadow:0 1px 2px 0 rgba(77,78,78,.15);height:100%;left:0;overflow:hidden;position:absolute;text-align:center;top:0;width:100%}.filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner:focus{outline:none}.filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta{align-items:center;display:flex;flex-direction:column-reverse;justify-content:flex-end}.filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta:focus{box-shadow:none}.filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta img{height:100%;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:100%}.filerobot-ProviderBrowser-layoutType--grid .filerobot-ProviderBrowserItem-fakeCheckbox{display:none;left:8px;position:absolute;top:8px;z-index:3}.filerobot-ProviderBrowser-layoutType--grid .filerobot-ProviderBrowserItem-folderSelectBox{display:none;left:14px;position:absolute;top:26px}.filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-fakeCheckbox,:hover>.filerobot-ProviderBrowserItem-fakeCheckbox{display:block}.filerobot-Dragging-files>*,.filerobot-Dragging-folders>*{pointer-events:none}.filerobot-ProviderBrowser-layoutType--list,.filerobot-ProviderBrowser-layoutType--tiles{background-color:#fff}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--list,[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--tiles{background-color:#1f1f1f}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell{cursor:pointer;flex:0.5 0;font-size:14px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell-cursor-default,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-cursor-default{cursor:default!important}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell-icon,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon{max-width:24px;min-width:20px}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn{align-items:center;display:flex;flex:1 0}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn input,.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn label,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn input,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn label{width:80%}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn label,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowser-list,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowser-list{outline:none}.filerobot-ProviderBrowser-layoutType--list li.filerobot-ProviderBrowserItem,.filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem{align-items:center;border-bottom:1px solid rgba(0,0,0,.05);display:flex;margin:0;outline:none;padding:11px 12px}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--list li.filerobot-ProviderBrowserItem,[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem{color:#eaeaea}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowser-body,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowser-body{overflow-x:auto;width:100%}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header{align-items:center;background-color:#fff;border-bottom:1.5px solid rgba(0,0,0,.07);display:flex;font-size:14px;font-weight:400;line-height:16px;overflow:hidden;padding:12px;position:sticky;text-align:left;text-overflow:ellipsis;top:-1px;white-space:nowrap;z-index:11}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header:last-child,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header:last-child{margin-right:0}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header .filerobot-c-icon,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header .filerobot-c-icon{vertical-align:middle}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-wrapper-list,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-wrapper-list{padding:0}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-fakeCheckbox,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-fakeCheckbox{margin-right:8px;vertical-align:middle}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner{align-items:center;display:flex;line-height:1.3;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner input,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner input{height:17px}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner img,.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner svg,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner img,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner svg{max-height:20px;max-width:20px}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem{color:#4d4e4e}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem--selected,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem--selected{background:#5d6d7e;border-bottom:1px solid #dfe7ed!important;color:#fff}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem--selected svg path,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem--selected svg path{fill:#dfe7ed}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-listHead-checkbox,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-listHead-checkbox{min-width:16px}.filerobot-ProviderBrowser-layoutType--list .filerobot-common-Checkbox{margin-right:8px}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header .filerobot-Provider-list-cell-icon{display:flex;padding-left:2px}.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header{padding:11px 12px}.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header .filerobot-Provider-list-cell-icon{display:flex;margin-left:4px;padding-left:4px}.filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem{padding:11px 12px}.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon{margin-right:8px;max-width:36px;min-width:36px}.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon img,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon svg:not(.context-menu-icon){max-height:36px;max-width:36px;width:36px}.filerobot-Explorer-Details-header{align-items:center;display:flex;font-size:12px;margin-left:30px}.filerobot-Explorer-Details-header-icon{margin-left:6px}.filerobot-Explorer-Details-header-title{align-items:center;display:flex;margin-top:12px;max-width:90%}.filerobot-Explorer-Details-header-title label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerobot-Explorer-Details-tabs{cursor:pointer;display:flex;font-size:12px;margin-top:8px;padding:0 8px}.filerobot-Explorer-Details-tabs-comments,.filerobot-Explorer-Details-tabs-details{align-items:center;border:1px solid transparent;border-top-left-radius:.1rem;border-top-right-radius:.1rem;color:#4d4e4e;display:flex;height:30px;justify-content:center;width:50%}.filerobot-Explorer-Details-tabs-comments label,.filerobot-Explorer-Details-tabs-details label{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.filerobot-Explorer-Details-tabs-comments label:hover,.filerobot-Explorer-Details-tabs-details label:hover{background-color:#f8fafb;border-bottom:2px solid #6879eb;color:#6879eb;margin-bottom:-1px}.filerobot-Explorer-Details-tabs-comments>input[type=radio],.filerobot-Explorer-Details-tabs-details>input[type=radio]{left:-200vw;position:absolute}.filerobot-Explorer-Details-tabs-comments>input:checked+label,.filerobot-Explorer-Details-tabs-details>input:checked+label{background-color:#f8fafb;border-bottom:2px solid #6879eb;color:#6879eb;margin-bottom:-1px}.filerobot-Explorer-Details-icon-preview{display:flex;justify-content:center;margin-bottom:21px;margin-top:8px}.filerobot-Explorer-Details-file-preview{height:146px;margin:8px 5px 12px 8px;position:relative}.filerobot-Explorer-Details-file-preview:hover .filerobot-Explorer-Details-thumbnailZoomOverlay{display:flex}.filerobot-Explorer-Details-thumbnail{height:100%;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;position:relative;width:100%;z-index:1}.filerobot-Explorer-Details-info{font-size:12px;margin:12px 0 0;padding:0 0 0 12px}.filerobot-Explorer-Details-info-list{display:flex;list-style:none;margin-bottom:8px}.filerobot-Explorer-Details-info-list-name{color:#768184;display:flex;font-weight:400;padding-right:2px;width:68px}.filerobot-Explorer-Details-info-list-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerobot-Explorer-Details-info-list-value{color:#4d4e4e;display:inline-block;font-weight:400;width:calc(100% - 68px)}.filerobot-Explorer-Details-section{border-top:1px solid #dfe7ed;font-size:12px;margin-left:12px;margin-right:12px;margin-top:8px;padding-top:12px}.filerobot-Explorer-Details-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:9px;padding-right:5px}.filerobot-Explorer-Details-section-header-title{color:#768184}.filerobot-Explorer-Details-section-content-list{display:inline-flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;width:100%}.filerobot-Explorer-Details-section-content-list li{align-items:center;background:#f8fafb;border-radius:2px;color:#4d4e4e;display:flex;font-family:Roboto;font-weight:400;margin:0 5px 5px 0;padding:4px 6px;position:relative}.filerobot-Explorer-Details-thumbnailZoomOverlay{align-items:center;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.5) 0,rgba(0,0,0,.25) 100%);display:none;height:100%;justify-content:center;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:111}.filerobot-Explorer-Details-thumbnailZoomOverlayButton{height:100%;width:100%}.filerobot-Explorer-Details-thumbnailZoomOverlayButton:hover{background:transparent!important}.filerobot-Explorer-Details-thumbnailZoomOverlayButton:active:before{opacity:.5!important}.filerobot-ProviderBrowser{background-color:#fff;display:flex;flex:1;flex-direction:column;font-size:14px;font-weight:400;height:100%;position:relative}.filerobot-ProviderBrowser-user{color:#333;font-weight:500;margin:0 8px 0 0}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-user{color:#eaeaea}.filerobot-ProviderBrowser-select{color:#000;cursor:pointer;line-height:1.5}.filerobot-ProviderBrowser-select.--filter{max-width:120px;overflow:hidden;padding-right:2px;text-overflow:ellipsis;white-space:nowrap}.filerobot-ProviderBrowser-select:focus{border-color:transparent;outline:none}.filerobot-ProviderBrowser-user:after{color:#939393;content:"·";font-weight:400;left:4px;position:relative}.filerobot-ProviderBrowser-headerBar{align-items:center;color:#757575;display:flex;font-size:12px;line-height:1.4;padding:12px;position:relative;width:100%}.filerobot-size--md .filerobot-ProviderBrowser-headerBar{align-items:center;display:flex;justify-content:space-between}.filerobot-size--height-md .filerobot-ProviderBrowser-headerBar{align-items:center;display:flex}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-headerBar{background-color:#1f1f1f;border-bottom:1px solid #333}.filerobot-ProviderBrowser-headerBar--simple{display:block;justify-content:center;text-align:center}.filerobot-ProviderBrowser-body{display:flex;flex:1;height:100%;position:relative;z-index:1000}.filerobot-ProviderBrowser-body-list{overflow-x:auto;width:100%}.item-folder.filerobot-ProviderBrowserItem{border-radius:7px;outline:none;padding:4px}.item-folder.filerobot-ProviderBrowserItem:before{content:unset!important;display:none!important;padding-top:0!important}.item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder{align-items:center;border:1px solid #dfe7ed;border-radius:2px;box-sizing:border-box;display:flex;height:36px;outline:none;padding:10px 12px;width:100%}.item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder .filerobot-ProviderBrowserItem-folderLiIcon>*{height:20px;width:20px}.item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder input{width:96%}.item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder .filerobot-Explorer-dots-menu-icon{display:none}.item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder-title{color:#4d4e4e;flex-grow:1;font-size:14px;font-weight:500;line-height:16px;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-folder.filerobot-ProviderBrowserItem button.filerobot-ProviderBrowserItem-inner-folder:hover{background-color:#eff3f6}.item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder{background-color:#5d6d7e!important;outline:none}.item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder input{color:#000;width:96%}.item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder *{fill:#dfe7ed;color:#fff}.filerobot-ProviderBrowserItem-inner{cursor:pointer;font-size:14px;font-weight:400;line-height:16px}.filerobot-Provider-list-cell-header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerobot-Provider-list-cell-header-hidableIcon{visibility:hidden}.filerobot-Provider-list-cell-wrapper{align-items:center;display:flex;font-size:12px}.filerobot-Provider-list-cell-wrapper:hover .filerobot-Provider-list-cell-header-hidableIcon{visibility:visible}.filerobot-ProviderBrowser-mainContent{flex-grow:1;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;position:relative}.filerobot-ProviderBrowserItem--draggable-block{background:#dfe7ed;cursor:col-resize;height:100%;position:sticky;top:0;width:1px;z-index:100}.filerobot-ProviderBrowserItem-SideNav-addNew{color:#5d6d7e;cursor:pointer;font-weight:500}.filerobot-ProviderBrowser-body-sideButtons{max-width:40px;min-width:40px}.filerobot-ProviderBrowser-body-leftSideButtons{margin-right:20px}.filerobot-ProviderBrowser-body-leftNavigationButton{background:#f8fafb;border-radius:0 50px 50px 0;box-shadow:0 1px 4px rgba(77,78,78,.15);margin-top:10px;padding:10px 14px 10px 10px;position:sticky;top:91px;width:100%}.filerobot-ProviderBrowser-body-rightSideButtons{margin-left:20px}.filerobot-ProviderBrowser-body-rightNavigationButton{background:#f8fafb;border-radius:50px 0 0 50px;box-shadow:0 1px 4px rgba(77,78,78,.15);margin-top:10px;padding:10px 10px 10px 14px;position:sticky;top:91px;width:100%}.filerobot-Provider-LabelsListLi-selectMode,.filerobot-Provider-LabelsListLi-selectMode *{cursor:pointer}.filerobot-ProviderBrowserItem-ItemHoverBottomOptions{bottom:4%;right:3%;top:auto}.filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected{display:flex;visibility:visible}.filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button{background:#fff}.filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active) svg *{color:#6879eb;fill:#6879eb}.filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active):hover{background:#eff3f6}.filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active):hover svg *{fill:#606fd1;color:#606fd1}.filerobot-Explorer-ImageOptions-options{display:flex;justify-content:space-between;margin-bottom:8px}.filerobot-Explorer-ImageOptions-options-select{text-align:left;text-transform:capitalize;width:60%}.filerobot-Explorer-ImageOptions-options-select-fullWidth{width:100%}.filerobot-Explorer-ImageOptions-size-options{align-items:flex-start;display:flex;flex-direction:column;row-gap:4px}.filerobot-Explorer-ImageOptions-description{display:flex;justify-content:space-between;margin-top:20px}.filerobot-Explorer-ImageOptions-settings{margin-bottom:10px}.filerobot-Explorer-ImageOptions-resize-options{align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex}.filerobot-Explorer-ImageOptions-download-zip{display:flex;margin-top:16px}#SfxPopper{position:absolute;top:-10000px}.filerobot-Explorer-TopBar-PrependedOptions{align-items:center;display:flex;height:100%}.filerobot-Explorer-TopBar-AppendedOptions{align-items:center;display:flex;float:right}.filerobot-Explorer-TopBar-Search-ContextDropdown-SubList-container{background:#fff!important;cursor:default!important;padding:0!important}#SfxPopper{z-index:11111111}@keyframes filerobot-Explorer-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes filerobot-Explorer-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes filerobot-Explorer-slideDownAndFadeIn{0%{opacity:0;transform:translate3d(-50%,-70%,0)}to{opacity:1;transform:translate3d(-50%,-50%,0)}}@keyframes filerobot-Explorer-slideDownAndFadeIn--small{0%{opacity:0;transform:translate3d(0,-20%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes filerobot-Explorer-slideUpFadeOut{0%{opacity:1;transform:translate3d(-50%,-50%,0)}to{opacity:0;transform:translate3d(-50%,-70%,0)}}@keyframes filerobot-Explorer-slideUpFadeOut--small{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20%,0)}}.filerobot-Explorer--modal{z-index:1200}.filerobot-Explorer-assets-picker-modal{z-index:100000}.filerobot-Explorer--modal[aria-hidden=true]{display:none}.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose>.filerobot-Explorer-inner{animation:filerobot-Explorer-slideDownAndFadeIn--small .3s cubic-bezier(0,0,.2,1)}@media only screen and (min-width:820px){.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose>.filerobot-Explorer-inner{animation:filerobot-Explorer-slideDownAndFadeIn .3s cubic-bezier(0,0,.2,1)}}.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose>.filerobot-Explorer-overlay{animation:filerobot-Explorer-fadeIn .3s cubic-bezier(0,0,.2,1)}.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose.filerobot-Explorer--isClosing>.filerobot-Explorer-inner{animation:filerobot-Explorer-slideUpFadeOut--small .3s cubic-bezier(0,0,.2,1)}@media only screen and (min-width:820px){.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose.filerobot-Explorer--isClosing>.filerobot-Explorer-inner{animation:filerobot-Explorer-slideUpFadeOut .3s cubic-bezier(0,0,.2,1)}}.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose.filerobot-Explorer--isClosing>.filerobot-Explorer-overlay{animation:filerobot-Explorer-fadeOut .3s cubic-bezier(0,0,.2,1)}.filerobot-Explorer--modal .filerobot-Explorer-overlay{background-color:rgba(79,98,118,.3);bottom:0;left:0;outline:none;position:fixed;right:0;top:0;z-index:1002}.filerobot-Explorer-inner{border:1px solid #eaeaea;border-radius:5px;max-height:100%;max-width:100%;outline:none;position:relative}.filerobot-size--md .filerobot-Explorer-inner{min-height:auto}.filerobot-Explorer--modal .filerobot-Explorer-inner{z-index:1003}[data-filerobot-theme=dark] .filerobot-Explorer-inner{background-color:#1f1f1f}.filerobot-Explorer-innerWrap{background:#fff;border-radius:5px;display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;position:relative}.filerobot-Explorer-close:focus{outline:none}.filerobot-Explorer-close::-moz-focus-inner{border:0}.filerobot-Explorer-close{color:hsla(0,0%,100%,.9);cursor:pointer;display:block;font-size:27px;position:absolute;right:-2px;top:-33px;z-index:1005}@media only screen and (min-width:820px){.filerobot-Explorer-close{font-size:35px;right:-35px;top:-10px}}.filerobot-Explorer--isInnerWrapVisible .filerobot-Explorer-innerWrap{opacity:1}.filerobot-Explorer--modal .filerobot-Explorer-inner{border:none;bottom:15px;left:0;position:fixed;right:0;top:5px}@media only screen and (min-width:820px){.filerobot-Explorer--modal .filerobot-Explorer-inner{box-shadow:0 5px 15px 4px rgba(0,0,0,.15);left:50%;top:50%;transform:translate(-50%,-50%)}}.filerobot-Explorer--move-informer .filerobot.filerobot-Informer{bottom:80px}.filerobot-Explorer-isFixed{height:100vh;overflow:hidden}.filerobot-Explorer-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.filerobot-Explorer-TopBar-leftSide{height:100%;margin-right:12px}.filerobot-Explorer-Search-filtersInside-newFilterChip{margin-right:8px;margin-top:0;outline:none}.filerobot-Explorer-Search-filtersInside-newFilterChip *{outline:none}.filerobot-common-FormControl .SfxTagField-listWrapper{width:100%}.sort-menuitem.SfxMenuItem-root .SfxMenuItem-Icon.SfxMenuItem-Actions{display:none}
|
|
@@ -23,6 +23,9 @@ import { downloadOneFile, downloadItems, emitExportEvent } from '../../thunks/do
|
|
|
23
23
|
import { selectAllSelectedItems, selectFirstSelectedFileOrFolder, selectIsFolderSelected, selectSelectedFiles, selectionsCleared } from '../../slices/selections.slice';
|
|
24
24
|
import { useDownloadConsentModal, useTransformedDownloadModal } from '../Modals';
|
|
25
25
|
import Styled from './ActionBar.styled';
|
|
26
|
+
import { collectionsDeselected } from '../../slices/collections.slice';
|
|
27
|
+
import { selectIsCollectionsView, selectIsLabelsView } from '../../slices/views.slice';
|
|
28
|
+
import { downloadLabelAssets, labelsSelectionToggled, selectLabelsArray, selectLabelsSelectedUuids } from '../../slices/labels.slice';
|
|
26
29
|
import { ANIMATED_IMG_ACCEPT_HEADER } from '../../utils/constants';
|
|
27
30
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
28
31
|
var SIZE = 16;
|
|
@@ -41,6 +44,10 @@ var DownloadWithExportButton = function DownloadWithExportButton() {
|
|
|
41
44
|
var selectedFiles = useSelector(selectSelectedFiles);
|
|
42
45
|
var selectedItems = useSelector(selectAllSelectedItems);
|
|
43
46
|
var firstItem = useSelector(selectFirstSelectedFileOrFolder);
|
|
47
|
+
var isCollectionsView = useSelector(selectIsCollectionsView);
|
|
48
|
+
var isLabelsView = useSelector(selectIsLabelsView);
|
|
49
|
+
var labels = useSelector(selectLabelsArray);
|
|
50
|
+
var selectedLabelsUuids = useSelector(selectLabelsSelectedUuids);
|
|
44
51
|
var iconPrimaryColor = theme.palette[PC.IconsPrimary];
|
|
45
52
|
var disableDownloadButton = opts.disableDownloadButton,
|
|
46
53
|
preventDownloadDefaultBehavior = opts.preventDownloadDefaultBehavior,
|
|
@@ -52,13 +59,22 @@ var DownloadWithExportButton = function DownloadWithExportButton() {
|
|
|
52
59
|
exportOptionsMenuAnchor = _useState2[0],
|
|
53
60
|
setExportOptionsMenuAnchor = _useState2[1];
|
|
54
61
|
var menuRef = useRef(null);
|
|
62
|
+
var firstSelectedLabelAssetsCount = useMemo(function () {
|
|
63
|
+
var _labels$find;
|
|
64
|
+
return (selectedLabelsUuids === null || selectedLabelsUuids === void 0 ? void 0 : selectedLabelsUuids.length) === 1 && ((_labels$find = labels.find(function (label) {
|
|
65
|
+
return label.uuid === selectedLabelsUuids[0];
|
|
66
|
+
})) === null || _labels$find === void 0 ? void 0 : _labels$find.assets_count);
|
|
67
|
+
}, [selectedLabelsUuids, labels]);
|
|
55
68
|
var unsupportedExportReason = useMemo(function () {
|
|
56
69
|
return checkItemsSupportExportWithReason(selectedFiles);
|
|
57
70
|
}, [selectedFiles]);
|
|
58
71
|
var hideTransformation = isFolderSelected || !!unsupportedExportReason || hideDownloadVariationsOption;
|
|
59
72
|
var tooltipTitle = i18n(unsupportedExportReason);
|
|
60
|
-
var showDownloadButtonArrow = !disableDownloadButton && !isWidgetSmallSize && !useAssetsPicker;
|
|
61
|
-
var
|
|
73
|
+
var showDownloadButtonArrow = !disableDownloadButton && isCollectionsView && !isLabelsView && !isWidgetSmallSize && !useAssetsPicker;
|
|
74
|
+
var isSingleSelectedLabelWithAssets = (selectedLabelsUuids === null || selectedLabelsUuids === void 0 ? void 0 : selectedLabelsUuids.length) === 1 && !!firstSelectedLabelAssetsCount;
|
|
75
|
+
var isDownloadAllowedInLabelsView = !isLabelsView || isLabelsView && useAssetsPicker || isSingleSelectedLabelWithAssets;
|
|
76
|
+
var isDownloadAllowedInCollectionsView = !isCollectionsView || isCollectionsView && useAssetsPicker;
|
|
77
|
+
var downloadButtonVisible = isDownloadAllowedInLabelsView && isDownloadAllowedInCollectionsView && !preventDownloadDefaultBehavior;
|
|
62
78
|
var downloadButtonDisabled = !checkUserPermissions([PERMISSIONS.DISPLAY]) || !checkFileFolderPermissions({
|
|
63
79
|
permissionsToCheck: [PERMISSIONS.DISPLAY],
|
|
64
80
|
permissionsList: firstItem === null || firstItem === void 0 ? void 0 : firstItem.permissions
|
|
@@ -67,8 +83,15 @@ var DownloadWithExportButton = function DownloadWithExportButton() {
|
|
|
67
83
|
event.stopPropagation();
|
|
68
84
|
setExportOptionsMenuAnchor(exportOptionsMenuAnchor ? null : menuRef.current);
|
|
69
85
|
};
|
|
86
|
+
var deselectAllLabels = function deselectAllLabels() {
|
|
87
|
+
return dispatch(labelsSelectionToggled({
|
|
88
|
+
uuids: []
|
|
89
|
+
}));
|
|
90
|
+
};
|
|
70
91
|
var handleClearSelection = function handleClearSelection() {
|
|
71
92
|
dispatch(selectionsCleared());
|
|
93
|
+
deselectAllLabels();
|
|
94
|
+
dispatch(collectionsDeselected());
|
|
72
95
|
};
|
|
73
96
|
var emitExport = function emitExport() {
|
|
74
97
|
if (selectedItems.length > 0) {
|
|
@@ -93,8 +116,13 @@ var DownloadWithExportButton = function DownloadWithExportButton() {
|
|
|
93
116
|
}
|
|
94
117
|
};
|
|
95
118
|
var onClickDownload = function onClickDownload() {
|
|
119
|
+
if ((selectedLabelsUuids === null || selectedLabelsUuids === void 0 ? void 0 : selectedLabelsUuids.length) === 1) {
|
|
120
|
+
triggerDownloadConsentModal(function () {
|
|
121
|
+
return dispatch(downloadLabelAssets(selectedLabelsUuids[0]));
|
|
122
|
+
});
|
|
123
|
+
}
|
|
96
124
|
setExportOptionsMenuAnchor(null);
|
|
97
|
-
if (!preventDownloadDefaultBehavior && !useAssetsPicker) {
|
|
125
|
+
if (!preventDownloadDefaultBehavior && (!isLabelsView || useAssetsPicker)) {
|
|
98
126
|
var isOneItem = selectedItems.length === 1;
|
|
99
127
|
var items = !isOneItem || isFolderSelected ? selectedItems : selectedItems[0];
|
|
100
128
|
triggerDownloadConsentModal(isOneItem && !isFolderSelected ? function () {
|
|
@@ -170,7 +198,7 @@ var DownloadWithExportButton = function DownloadWithExportButton() {
|
|
|
170
198
|
})
|
|
171
199
|
})
|
|
172
200
|
})]
|
|
173
|
-
}), !disableDownloadButton && /*#__PURE__*/_jsx(_Fragment, {
|
|
201
|
+
}), !disableDownloadButton && !isLabelsView && !isCollectionsView && /*#__PURE__*/_jsx(_Fragment, {
|
|
174
202
|
children: /*#__PURE__*/_jsxs(Menu, {
|
|
175
203
|
anchorEl: exportOptionsMenuAnchor,
|
|
176
204
|
open: Boolean(exportOptionsMenuAnchor),
|
|
@@ -38,7 +38,7 @@ import { selectActiveRegionalLang } from '../../../../slices/metadata.slice';
|
|
|
38
38
|
import { selectIsSimilarSearchActive, selectSearchQuery, selectSimilarSearchOriginalFile } from '../../../../slices/search.slice';
|
|
39
39
|
import StyledAssetsList from '../../AssetsList.styled';
|
|
40
40
|
import Styled from '../ListView.styled';
|
|
41
|
-
import { selectFileLabels } from '../../../../slices/
|
|
41
|
+
import { selectFileLabels } from '../../../../slices/labels.slice';
|
|
42
42
|
import { selectIsAssetsView, selectViewLayout } from '../../../../slices/views.slice';
|
|
43
43
|
import { selectCurrentFileByUuid } from '../../../../slices/files.slice';
|
|
44
44
|
import FileMetadataFieldValue from '../../../common/FileMetadataFieldValue';
|
|
@@ -16,14 +16,19 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
|
16
16
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
17
17
|
import { useState, useEffect, useMemo } from 'react';
|
|
18
18
|
import { useSelector, useDispatch } from 'react-redux';
|
|
19
|
-
import { FolderTree, More } from '@scaleflex/icons';
|
|
19
|
+
import { Bookmark, FolderTree, Label, More } from '@scaleflex/icons';
|
|
20
20
|
import { EllipsedText } from '@scaleflex/ui/core';
|
|
21
21
|
import ignoreEvent from '@scaleflex/widget-utils/lib/ignoreEvent';
|
|
22
|
+
import { useTheme } from '@scaleflex/ui/theme/hooks';
|
|
23
|
+
import { PC } from '@scaleflex/widget-common';
|
|
22
24
|
import { VIEW_OPTIONS } from '../Views/Views.constants';
|
|
23
25
|
import { useExplorer } from '../../hooks';
|
|
24
|
-
import { selectActiveView, selectAllViews, selectIsFoldersView } from '../../slices/views.slice';
|
|
26
|
+
import { selectActiveView, selectAllViews, selectIsCollectionsView, selectIsFoldersView, selectIsLabelsView } from '../../slices/views.slice';
|
|
27
|
+
import { collectionsSearchTermUpdated, fetchCollections, fetchCollectionsFiles, selectActiveCollection, selectCollectionsActiveVirtualFolder, selectIsCollectionTreeOpened, fetchCollectionVirtualFolders } from '../../slices/collections.slice';
|
|
28
|
+
import { fetchLabels, labelsSearchTermUpdated, selectActiveLabel, selectIsLabelsTreeOpened, activateLabel } from '../../slices/labels.slice';
|
|
25
29
|
import Breadcrumb from './Breadcrumb';
|
|
26
30
|
import { openFolderByPath, selectIsFoldersTreeOpened, selectOpenedFolders } from '../../slices/folders.slice';
|
|
31
|
+
import BreadcrumbsViews from './BreadCrumbViews';
|
|
27
32
|
import Styled from './Breadcrumbs.styled';
|
|
28
33
|
|
|
29
34
|
// TODO: Refactor this component to be more dynamic and not rely on conditions (isView...).
|
|
@@ -34,10 +39,18 @@ var Breadcrumbs = function Breadcrumbs() {
|
|
|
34
39
|
var _useExplorer = useExplorer(),
|
|
35
40
|
i18n = _useExplorer.i18n,
|
|
36
41
|
opts = _useExplorer.opts;
|
|
42
|
+
var theme = useTheme();
|
|
37
43
|
var hideLeftSideBar = opts.hideLeftSideBar;
|
|
38
44
|
var openedFolders = useSelector(selectOpenedFolders);
|
|
39
45
|
var activeView = useSelector(selectActiveView);
|
|
40
46
|
var isFoldersView = useSelector(selectIsFoldersView);
|
|
47
|
+
var isCollectionsView = useSelector(selectIsCollectionsView);
|
|
48
|
+
var isLabelsView = useSelector(selectIsLabelsView);
|
|
49
|
+
var activeCollection = useSelector(selectActiveCollection);
|
|
50
|
+
var activeCollectionVirtualFolder = useSelector(selectCollectionsActiveVirtualFolder);
|
|
51
|
+
var showCollectionsTree = useSelector(selectIsCollectionTreeOpened);
|
|
52
|
+
var activeLabel = useSelector(selectActiveLabel);
|
|
53
|
+
var showLabelsTree = useSelector(selectIsLabelsTreeOpened);
|
|
41
54
|
var allViews = useSelector(selectAllViews);
|
|
42
55
|
var showFoldersTree = useSelector(selectIsFoldersTreeOpened);
|
|
43
56
|
var _useState = useState(undefined),
|
|
@@ -52,7 +65,23 @@ var Breadcrumbs = function Breadcrumbs() {
|
|
|
52
65
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
53
66
|
moreFolders = _useState6[0],
|
|
54
67
|
setMoreFolders = _useState6[1];
|
|
55
|
-
var showTreeToggleIcon = !hideLeftSideBar && isFoldersView && !showFoldersTree;
|
|
68
|
+
var showTreeToggleIcon = !hideLeftSideBar && (isFoldersView && !showFoldersTree || isCollectionsView && !showCollectionsTree || isLabelsView && !showLabelsTree);
|
|
69
|
+
var refreshCollections = function refreshCollections() {
|
|
70
|
+
return dispatch(fetchCollections());
|
|
71
|
+
};
|
|
72
|
+
var refreshLabels = function refreshLabels() {
|
|
73
|
+
return dispatch(fetchLabels());
|
|
74
|
+
};
|
|
75
|
+
var refreshActiveCollection = function refreshActiveCollection() {
|
|
76
|
+
return dispatch(fetchCollectionVirtualFolders({
|
|
77
|
+
collectionUuid: activeCollection.uuid
|
|
78
|
+
}));
|
|
79
|
+
};
|
|
80
|
+
var refreshActiveLabel = function refreshActiveLabel() {
|
|
81
|
+
return dispatch(activateLabel({
|
|
82
|
+
uuid: activeLabel.uuid
|
|
83
|
+
}));
|
|
84
|
+
};
|
|
56
85
|
var handleOpenFoldersMenu = function handleOpenFoldersMenu(event) {
|
|
57
86
|
return setFoldersMenuAnchorEl(event.currentTarget);
|
|
58
87
|
};
|
|
@@ -67,15 +96,67 @@ var Breadcrumbs = function Breadcrumbs() {
|
|
|
67
96
|
}
|
|
68
97
|
}
|
|
69
98
|
};
|
|
99
|
+
var onClickMainItem = function onClickMainItem() {
|
|
100
|
+
if (isCollectionsView) activeCollection ? refreshActiveCollection() : refreshCollections();else if (isLabelsView) activeLabel ? refreshActiveLabel() : refreshLabels();
|
|
101
|
+
};
|
|
70
102
|
var breadcrumbs = useMemo(function () {
|
|
103
|
+
var filterBreadcrumbs = function filterBreadcrumbs(breadcrumb) {
|
|
104
|
+
return breadcrumb && (breadcrumb.name || breadcrumb.title);
|
|
105
|
+
};
|
|
71
106
|
var adaptedOpenedFolders = _toConsumableArray(openedFolders);
|
|
72
107
|
var getMainItemName = function getMainItemName() {
|
|
108
|
+
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
109
|
+
_ref$showActiveLabel = _ref.showActiveLabel,
|
|
110
|
+
showActiveLabel = _ref$showActiveLabel === void 0 ? false : _ref$showActiveLabel;
|
|
111
|
+
if (isCollectionsView) {
|
|
112
|
+
if (activeCollection) {
|
|
113
|
+
var _theme$palette;
|
|
114
|
+
return /*#__PURE__*/_jsx(BreadcrumbsViews, {
|
|
115
|
+
mainText: i18n('collectionsViewBreadcrumbLabel'),
|
|
116
|
+
icon: /*#__PURE__*/_jsx(Bookmark, {
|
|
117
|
+
size: 16,
|
|
118
|
+
color: theme === null || theme === void 0 ? void 0 : (_theme$palette = theme.palette) === null || _theme$palette === void 0 ? void 0 : _theme$palette[PC.IconsPrimary]
|
|
119
|
+
}),
|
|
120
|
+
activeName: activeCollection.title,
|
|
121
|
+
onClickMain: refreshCollections,
|
|
122
|
+
showActiveLabel: showActiveLabel
|
|
123
|
+
});
|
|
124
|
+
} else {
|
|
125
|
+
return /*#__PURE__*/_jsx(BreadcrumbsViews, {
|
|
126
|
+
mainText: i18n('collectionsViewBreadcrumbLabel'),
|
|
127
|
+
activeName: i18n('collectionsViewBreadcrumbNotSelectedLabel'),
|
|
128
|
+
onClickMain: refreshCollections,
|
|
129
|
+
showActiveLabel: showActiveLabel
|
|
130
|
+
});
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
if (isLabelsView) {
|
|
134
|
+
if (!showActiveLabel || showActiveLabel && activeLabel) {
|
|
135
|
+
return /*#__PURE__*/_jsx(BreadcrumbsViews, {
|
|
136
|
+
mainText: i18n('labelsViewBreadcrumbLabel'),
|
|
137
|
+
icon: activeLabel ? /*#__PURE__*/_jsx(Label, {
|
|
138
|
+
size: 16,
|
|
139
|
+
style: {
|
|
140
|
+
color: activeLabel === null || activeLabel === void 0 ? void 0 : activeLabel.color
|
|
141
|
+
}
|
|
142
|
+
}) : null,
|
|
143
|
+
activeName: activeLabel === null || activeLabel === void 0 ? void 0 : activeLabel.name,
|
|
144
|
+
showActiveLabel: showActiveLabel,
|
|
145
|
+
onClickMain: refreshLabels
|
|
146
|
+
});
|
|
147
|
+
}
|
|
148
|
+
return null;
|
|
149
|
+
}
|
|
73
150
|
return i18n(VIEW_OPTIONS[activeView].i18nKey);
|
|
74
151
|
};
|
|
75
152
|
var Icon = VIEW_OPTIONS[activeView].icon;
|
|
76
153
|
var mainItem = {
|
|
77
154
|
uuid: "view-mode-".concat(activeView),
|
|
78
155
|
name: getMainItemName(),
|
|
156
|
+
activeLabel: !isFoldersView && getMainItemName({
|
|
157
|
+
showActiveLabel: true
|
|
158
|
+
}),
|
|
159
|
+
onClick: onClickMainItem,
|
|
79
160
|
icon: function icon(props) {
|
|
80
161
|
return /*#__PURE__*/_jsx(Icon, _objectSpread({}, props));
|
|
81
162
|
}
|
|
@@ -90,13 +171,39 @@ var Breadcrumbs = function Breadcrumbs() {
|
|
|
90
171
|
});
|
|
91
172
|
return adaptedOpenedFolders;
|
|
92
173
|
}
|
|
174
|
+
if (isLabelsView) {
|
|
175
|
+
return [mainItem].filter(filterBreadcrumbs);
|
|
176
|
+
}
|
|
177
|
+
if (isCollectionsView) {
|
|
178
|
+
var collectionsVirtualFoldersPath = [];
|
|
179
|
+
var _addInPath = function addInPath(folder) {
|
|
180
|
+
if (folder !== null && folder !== void 0 && folder.name) {
|
|
181
|
+
collectionsVirtualFoldersPath.push({
|
|
182
|
+
name: folder.name,
|
|
183
|
+
onClick: function onClick() {
|
|
184
|
+
return dispatch(fetchCollectionsFiles({
|
|
185
|
+
folder: folder,
|
|
186
|
+
offset: 0
|
|
187
|
+
}));
|
|
188
|
+
}
|
|
189
|
+
});
|
|
190
|
+
}
|
|
191
|
+
if (folder !== null && folder !== void 0 && folder.parent) _addInPath(folder === null || folder === void 0 ? void 0 : folder.parent);
|
|
192
|
+
};
|
|
193
|
+
_addInPath(activeCollectionVirtualFolder);
|
|
194
|
+
return [mainItem].concat(_toConsumableArray(collectionsVirtualFoldersPath.reverse())).filter(filterBreadcrumbs);
|
|
195
|
+
}
|
|
93
196
|
return [mainItem].concat(adaptedOpenedFolders);
|
|
94
|
-
}, [openedFolders, activeView, allViews]);
|
|
197
|
+
}, [openedFolders, activeView, allViews, activeLabel, activeCollection, activeCollectionVirtualFolder]);
|
|
95
198
|
var breadcrumbsLength = breadcrumbs.length;
|
|
96
199
|
var maxNumberOfBreadcrumbsToShow = 3;
|
|
97
200
|
var breadcrumbsFolders = breadcrumbsLength >= maxNumberOfBreadcrumbsToShow ? newBreadcrumbs : breadcrumbs;
|
|
98
201
|
var closeMenu = function closeMenu() {
|
|
99
202
|
setFoldersMenuAnchorEl(undefined);
|
|
203
|
+
|
|
204
|
+
// Reset search values from sub lists
|
|
205
|
+
dispatch(collectionsSearchTermUpdated(''));
|
|
206
|
+
dispatch(labelsSearchTermUpdated(''));
|
|
100
207
|
};
|
|
101
208
|
useEffect(function () {
|
|
102
209
|
var _openedFolders$, _openedFolders$2;
|
|
@@ -123,7 +230,7 @@ var Breadcrumbs = function Breadcrumbs() {
|
|
|
123
230
|
}
|
|
124
231
|
setMoreFolders(breadcrumbsList);
|
|
125
232
|
setNewBreadcrumbs(newBreadcrumbsArray);
|
|
126
|
-
}, [openedFolders]);
|
|
233
|
+
}, [openedFolders, activeCollectionVirtualFolder]);
|
|
127
234
|
var handleToggleTree = function handleToggleTree() {
|
|
128
235
|
var activeViewToggleTreeAction = VIEW_OPTIONS[activeView].toggleTreeAction;
|
|
129
236
|
if (activeViewToggleTreeAction) {
|
|
@@ -156,7 +263,8 @@ var Breadcrumbs = function Breadcrumbs() {
|
|
|
156
263
|
isLast: i + 1 === breadcrumbsFolders.length,
|
|
157
264
|
isFirst: i === 0,
|
|
158
265
|
Icon: breadcrumb.Icon,
|
|
159
|
-
isMenuOpen: Boolean(foldersMenuAnchorEl)
|
|
266
|
+
isMenuOpen: Boolean(foldersMenuAnchorEl),
|
|
267
|
+
activeLabel: breadcrumb.activeLabel
|
|
160
268
|
}, breadcrumb.uuid || breadcrumb.id || breadcrumb.path || breadcrumb.name || breadcrumb.title);
|
|
161
269
|
}), /*#__PURE__*/_jsx(Styled.Menu, {
|
|
162
270
|
anchorEl: foldersMenuAnchorEl,
|