box-content-preview 3.126.0 → 3.128.0
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/README.md +7 -7
- package/dist/lib/i18n/bn-IN.js +8 -0
- package/dist/lib/i18n/da-DK.js +8 -0
- package/dist/lib/i18n/de-DE.js +8 -0
- package/dist/lib/i18n/en-AU.js +8 -0
- package/dist/lib/i18n/en-CA.js +8 -0
- package/dist/lib/i18n/en-GB.js +8 -0
- package/dist/lib/i18n/en-US.js +8 -0
- package/dist/lib/i18n/en-x-pseudo.js +8 -0
- package/dist/lib/i18n/es-419.js +8 -0
- package/dist/lib/i18n/es-ES.js +8 -0
- package/dist/lib/i18n/fi-FI.js +8 -0
- package/dist/lib/i18n/fr-CA.js +8 -0
- package/dist/lib/i18n/fr-FR.js +8 -0
- package/dist/lib/i18n/hi-IN.js +8 -0
- package/dist/lib/i18n/it-IT.js +8 -0
- package/dist/lib/i18n/ja-JP.js +8 -0
- package/dist/lib/i18n/ko-KR.js +8 -0
- package/dist/lib/i18n/nb-NO.js +8 -0
- package/dist/lib/i18n/nl-NL.js +8 -0
- package/dist/lib/i18n/pl-PL.js +8 -0
- package/dist/lib/i18n/pt-BR.js +8 -0
- package/dist/lib/i18n/ru-RU.js +8 -0
- package/dist/lib/i18n/sv-SE.js +8 -0
- package/dist/lib/i18n/tr-TR.js +8 -0
- package/dist/lib/i18n/zh-CN.js +8 -0
- package/dist/lib/i18n/zh-TW.js +8 -0
- package/dist/lib/index.css +6 -5
- package/dist/lib/index.js +238 -39
- package/package.json +1 -1
package/dist/lib/i18n/zh-CN.js
CHANGED
|
@@ -41,6 +41,7 @@ export default {
|
|
|
41
41
|
"bcp.loading_preview": "正在加载预览...",
|
|
42
42
|
"bcp.download_file": "下载文件",
|
|
43
43
|
"bcp.text_truncated": "由于大小限制,此文件已被截短。请下载以查看完整文件。",
|
|
44
|
+
"bcp.notice_info": "Info",
|
|
44
45
|
"bcp.toggle_findbar": "切换查找栏",
|
|
45
46
|
"bcp.toggle_thumbnails": "切换缩略图",
|
|
46
47
|
"bcp.gallery_view": "库视图",
|
|
@@ -196,6 +197,13 @@ export default {
|
|
|
196
197
|
"bcp.notification_degraded_preview": "您与 {1} 的连接被阻止。 请联系您的网络管理员调整防火墙设置。",
|
|
197
198
|
"bcp.notification_cannot_download": "无法下载此文件。",
|
|
198
199
|
"bcp.notification_cannot_download_due_to_policy": "由于安全策略,无法下载此文件。",
|
|
200
|
+
"bcp.notifications_region_label": "Notifications",
|
|
201
|
+
"bcp.notification_icon_error": "Error",
|
|
202
|
+
"bcp.notification_icon_info": "Information",
|
|
203
|
+
"bcp.notification_icon_success": "Success",
|
|
204
|
+
"bcp.notification_icon_warning": "Warning",
|
|
205
|
+
"bcp.notification_webgl_context_lost": "WebGL Context Lost",
|
|
206
|
+
"bcp.notification_webgl_context_restored": "WebGL Context Restored",
|
|
199
207
|
"bcp.link_contact_us": "联系我们",
|
|
200
208
|
"bcp.360_videos": "360 度视频",
|
|
201
209
|
"bcp.360_images": "360 度图像",
|
package/dist/lib/i18n/zh-TW.js
CHANGED
|
@@ -41,6 +41,7 @@ export default {
|
|
|
41
41
|
"bcp.loading_preview": "載入預覽中...",
|
|
42
42
|
"bcp.download_file": "下載檔案",
|
|
43
43
|
"bcp.text_truncated": "因大小限制,已截斷此檔案。請下載以檢視整個檔案。",
|
|
44
|
+
"bcp.notice_info": "Info",
|
|
44
45
|
"bcp.toggle_findbar": "切換尋找列",
|
|
45
46
|
"bcp.toggle_thumbnails": "切換縮圖",
|
|
46
47
|
"bcp.gallery_view": "圖庫檢視",
|
|
@@ -196,6 +197,13 @@ export default {
|
|
|
196
197
|
"bcp.notification_degraded_preview": "您與 {1} 的連線正在被阻止。 請聯繫您的網路管理員以調整防火牆設定。",
|
|
197
198
|
"bcp.notification_cannot_download": "無法下載此檔案。",
|
|
198
199
|
"bcp.notification_cannot_download_due_to_policy": "由於安全原則,無法下載檔案。",
|
|
200
|
+
"bcp.notifications_region_label": "Notifications",
|
|
201
|
+
"bcp.notification_icon_error": "Error",
|
|
202
|
+
"bcp.notification_icon_info": "Information",
|
|
203
|
+
"bcp.notification_icon_success": "Success",
|
|
204
|
+
"bcp.notification_icon_warning": "Warning",
|
|
205
|
+
"bcp.notification_webgl_context_lost": "WebGL Context Lost",
|
|
206
|
+
"bcp.notification_webgl_context_restored": "WebGL Context Restored",
|
|
199
207
|
"bcp.link_contact_us": "連絡我們",
|
|
200
208
|
"bcp.360_videos": "360 度影片",
|
|
201
209
|
"bcp.360_images": "360 度影像",
|
package/dist/lib/index.css
CHANGED
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
.bp-ControlsOverflowMenuV2{--blueprint-web-dropdown-content-min-width: 184px}
|
|
47
47
|
.bp-ResponsiveControlsBarV2-item{display:flex;flex:none;gap:inherit;align-items:center}
|
|
48
48
|
.bp-ControlsMenuItemV2.bp-ControlsMenuItemV2{gap:var(--bp-space-020)}.bp-ControlsMenuItemV2.bp-ControlsMenuItemV2>:nth-child(3){margin-inline-start:var(--bp-space-020)}
|
|
49
|
-
.bp-ControlsPillV2{--controls-pill-text-spacing: calc(var(--bp-space-010) + var(--bp-space-005));display:flex;flex:none;align-items:center;padding:var(--bp-space-010);border-radius:var(--bp-radius-10);background:var(--bp-white-opacity-04)}.bp-ControlsPillV2 .bp-ControlsPillV2-button,.bp-ControlsPillV2 .bp-ControlsPillV2-label{--toolbar-item-min-height: var(--bp-size-060);--toolbar-item-border-radius: var(--bp-radius-06)}.bp-ControlsPillV2 .bp-ControlsPillV2-button{--toolbar-item-min-width: var(--bp-size-060);--toolbar-icon-width: var(--bp-size-040);--toolbar-icon-height: var(--bp-size-040)}.bp-ControlsPillV2 .bp-ControlsPillV2-button svg{width:100%;height:100%}.bp-ControlsPillV2 .bp-ControlsPillV2-label{--toolbar-item-min-width: 0;--toolbar-item-padding-inline: calc(var(--controls-pill-text-spacing) - var(--bp-border-01));--toolbar-item-text-indent: 0}.bp-ControlsPillV2 .bp-ControlsPillV2-text{--text-color-on-dark-default: var(--bp-icon-cta-icon-on-dark);padding-inline:var(--controls-pill-text-spacing);white-space:nowrap}.bp-ControlsPillV2 .bp-ControlsPillV2-label .bp-ControlsPillV2-text{padding-inline:0;color:inherit}
|
|
49
|
+
.bp-ControlsPillV2{--controls-pill-text-spacing: calc(var(--bp-space-010) + var(--bp-space-005));display:flex;flex:none;align-items:center;padding:var(--bp-space-010);border-radius:var(--bp-radius-10);background:var(--bp-white-opacity-04)}.bp-ControlsPillV2 .bp-ControlsPillV2-button,.bp-ControlsPillV2 .bp-ControlsPillV2-label{--toolbar-item-min-height: var(--bp-size-060);--toolbar-item-border-radius: var(--bp-radius-06)}.bp-ControlsPillV2 .bp-ControlsPillV2-button{--toolbar-item-min-width: var(--bp-size-060);--toolbar-icon-width: var(--bp-size-040);--toolbar-icon-height: var(--bp-size-040)}.bp-ControlsPillV2 .bp-ControlsPillV2-button svg{width:100%;height:100%}.bp-ControlsPillV2 .bp-ControlsPillV2-label{--toolbar-item-min-width: 0;--toolbar-item-padding-inline: calc(var(--controls-pill-text-spacing) - var(--bp-border-01));--toolbar-item-text-indent: 0;padding-block:0}.bp-ControlsPillV2 .bp-ControlsPillV2-text{--text-color-on-dark-default: var(--bp-icon-cta-icon-on-dark);padding-inline:var(--controls-pill-text-spacing);white-space:nowrap}.bp-ControlsPillV2 .bp-ControlsPillV2-label .bp-ControlsPillV2-text{display:block;padding-inline:0;color:inherit}
|
|
50
50
|
.bp-TabularDigit{display:inline-block;width:1ch;text-align:center}.bp-TabularDigits-text{-webkit-user-select:none;user-select:none;position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;clip-path:inset(50%)}
|
|
51
51
|
.bp-ZoomMenuItemsV2-scale{padding-block:calc(var(--dropdown-menu-item-padding) - var(--dropdown-menu-item-border-width));padding-inline:calc(var(--dropdown-menu-item-padding) - var(--dropdown-menu-item-border-width));text-align:start}
|
|
52
52
|
.bp-image{position:absolute;inset:0;overflow:auto;width:100%;height:100%;margin:0;padding:0;border:0 none;text-align:center;white-space:nowrap}.bp-image::before{content:"";display:inline-block;height:100%;vertical-align:middle}.bp-image img{position:absolute;vertical-align:middle}.bp-image .pannable,.bp-image .panning{cursor:move}.bp-image .zoomable{cursor:pointer;cursor:zoom-in}.bp-images-wrapper{cursor:pointer;cursor:zoom-in;margin:0 auto;padding:0;border:0 none}.bp-images img{display:block;width:100%}.bp-content.bp-annotations-create--region.bp-annotations-ftux-image-cursor-seen .ba-PopupCursor{display:none}.bp-prefetched-image{position:absolute;width:1px;height:1px;visibility:hidden}
|
|
@@ -55,12 +55,13 @@
|
|
|
55
55
|
.bp-PageControlsFormV2{display:flex;flex:none;align-items:center}.bp-PageControlsFormV2-input{display:flex;flex:none;width:var(--bp-size-140)}.bp-PageControlsFormV2 .bp-PageControlsFormV2-input>*{--toolbar-input-height: 100%;--toolbar-input-padding-block: 0;--toolbar-input-padding-inline: var(--bp-space-010)}.bp-PageControlsFormV2 .bp-PageControlsFormV2-input input[type=text]{color:var(--toolbar-input-color);text-align:center;background-color:var(--toolbar-input-background)}.bp-PageControlsFormV2-button-label{white-space:nowrap}
|
|
56
56
|
.bp-images-wrapper{cursor:default;position:absolute;inset:0;overflow:auto;width:100%;height:100%;margin:0 auto;padding:0;border:0 none;text-align:center;white-space:nowrap}.bp-images.pannable{cursor:move;cursor:grab}.bp-images.panning{cursor:move;cursor:grabbing}.bp-images.zoomable{cursor:pointer;cursor:zoom-in}.bp-images{margin:0 auto;padding:0;border:0 none}.bp-images img{display:block;width:100%;margin-bottom:10px}
|
|
57
57
|
@media(max-width: 510px){.bp-box3d .bp-pullup{right:0}}@media(max-height: 550px){.bp-box3d .bp-pullup{overflow:scroll;height:250px}}
|
|
58
|
+
.bp-NotificationsV2Root .bp-NotificationsV2-viewport{position:absolute}.bp-NotificationsV2Root .bp-NotificationsV2-viewport>li{padding:var(--notification-padding-vertical) var(--notification-padding-horizontal)}
|
|
58
59
|
.bp-is-mobile .bp-box3d .bp-controls{z-index:1;opacity:1 !important}.bp-box3d{-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0;display:flex;width:100%;height:100%;margin:0;padding:0;border:0 none;-webkit-touch-callout:none}.bp-box3d.vr-enabled .bp-ControlsRoot,.bp-box3d.vr-enabled .bp-controls{opacity:0 !important}.bp-box3d canvas{cursor:move;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.bp-box3d.bp-invisible{visibility:hidden}.bp-box3d canvas:active{cursor:grabbing}.bp-box3d .bp-overlay-panel{position:absolute;z-index:2;margin:auto;border:1px solid #caccd0;font-size:13px;font-weight:normal;color:#484848;background:#fff;outline:0}.bp-box3d .bp-overlay-panel span{position:relative;top:5px;display:inline-block;opacity:.7}.bp-box3d .bp-toggle-overlay .bp-menu{min-width:196px}.bp-box3d li,.bp-box3d ul{margin:0;padding:0;list-style:none}.bp-box3d input[type=checkbox]{opacity:1}
|
|
59
60
|
.bp-VrToggleControl{will-change:opacity;opacity:.9;transition:opacity 150ms,background-color 150ms;outline:0;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;zoom:1;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:25px;color:#fff;background:rgba(0,0,0,0)}.bp-VrToggleControl:focus:not(:disabled),.bp-VrToggleControl:hover:not(:disabled){opacity:1;background-color:rgba(255,255,255,.08)}.bp-VrToggleControl:focus:not(:disabled) svg,.bp-VrToggleControl:hover:not(:disabled) svg,.bp-VrToggleControl.bp-is-active svg{transform:scale(1.09);transition:transform 150ms}.bp-VrToggleControl.bp-is-active,.bp-VrToggleControl:active:not(:disabled){background-color:rgba(255,255,255,.16)}.bp-VrToggleControl.bp-is-active:focus:not(:disabled),.bp-VrToggleControl.bp-is-active:hover:not(:disabled){background-color:rgba(255,255,255,.2)}.bp-VrToggleControl:focus:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bp-gray-20) 50%, transparent),0 1px 2px rgba(0,0,0,.1)}.bp-VrToggleControl:focus-visible:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bp-gray-20) 50%, transparent),0 1px 2px rgba(0,0,0,.1)}.bp-VrToggleControl:focus:not(:focus-visible){box-shadow:none}.bp-VrToggleControl:disabled{pointer-events:none;cursor:default;opacity:.2}.bp-VrToggleControl svg{width:32px;height:32px;padding:5px}
|
|
60
61
|
.bp-image-360 .bp-reset-icon{display:none}
|
|
61
62
|
.bp-PrintModal-body{display:flex;flex-direction:column;gap:var(--bp-space-020);align-items:center;text-align:center}.bp-PrintModal-footer{justify-content:center}.bp-PrintModal-status{position:relative;display:flex;align-items:center;width:var(--bp-size-080);height:var(--bp-size-080)}
|
|
62
|
-
.bp-content .bp-text{-webkit-user-select:none;user-select:none}.bp-content.bp-is-selectable .bp-text{-webkit-user-select:auto;user-select:auto}.bp-content.bp-is-selectable .bp-text-code{cursor:text}@media print{.bp-content .bp-text{display:none}.bp-content.bp-is-printable .bp-text{display:block}}.bp-text-plain{position:absolute;inset:0;overflow:auto;margin:0;line-height:1.5;text-align:left;word-wrap:break-word;white-space:pre-wrap;background-color:#fff}.bp .bp-text-plain{padding:20px 50px}.bp-text-plain ul{list-style:disc}.bp-text-plain ol{list-style:decimal}.bp-text-plain ol ul,.bp-text-plain ul ul{list-style:circle}.bp-text-truncated{padding-bottom:75px;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center}.bp-text-truncated p{margin:10px 0}@media print{.bp-text-plain{position:static;overflow:visible;margin:0;padding:0;word-wrap:break-word}.bp-text-truncated .bp-btn-download{display:none}}
|
|
63
|
-
.bp-content .bp-text{-webkit-user-select:none;user-select:none}.bp-content.bp-is-selectable .bp-text{-webkit-user-select:auto;user-select:auto}.bp-content.bp-is-selectable .bp-text-code{cursor:text}@media print{.bp-content .bp-text{display:none}.bp-content.bp-is-printable .bp-text{display:block}}.bp-text-plain{position:absolute;inset:0;overflow:auto;margin:0;line-height:1.5;text-align:left;word-wrap:break-word;white-space:pre-wrap;background-color:#fff}.bp .bp-text-plain{padding:20px 50px}.bp-text-plain ul{list-style:disc}.bp-text-plain ol{list-style:decimal}.bp-text-plain ol ul,.bp-text-plain ul ul{list-style:circle}.bp-text-truncated{padding-bottom:75px;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center}.bp-text-truncated p{margin:10px 0}@media print{.bp-text-plain{position:static;overflow:visible;margin:0;padding:0;word-wrap:break-word}.bp-text-truncated .bp-btn-download{display:none}}.markdown-body{white-space:normal}.markdown-body ul li{list-style:disc}
|
|
63
|
+
.bp-content .bp-text{-webkit-user-select:none;user-select:none}.bp-content.bp-is-selectable .bp-text{-webkit-user-select:auto;user-select:auto}.bp-content.bp-is-selectable .bp-text-code{cursor:text}@media print{.bp-content .bp-text{display:none}.bp-content.bp-is-printable .bp-text{display:block}}.bp-text-plain{position:absolute;inset:0;overflow:auto;margin:0;line-height:1.5;text-align:left;word-wrap:break-word;white-space:pre-wrap;background-color:#fff}.bp .bp-text-plain{padding:20px 50px}.bp-text-plain ul{list-style:disc}.bp-text-plain ol{list-style:decimal}.bp-text-plain ol ul,.bp-text-plain ul ul{list-style:circle}.bp-text-truncated{padding-bottom:75px;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center}.bp-text-truncated p{margin:10px 0}.bp .bp-TruncatedTextNoticeV2{display:flex;flex-direction:column;gap:var(--bp-space-030);align-items:center;padding:var(--bp-space-030) 0 75px;white-space:normal}@media print{.bp-text-plain{position:static;overflow:visible;margin:0;padding:0;word-wrap:break-word}.bp-text-truncated .bp-btn-download,.bp-TruncatedTextNoticeV2-download{display:none}}
|
|
64
|
+
.bp-content .bp-text{-webkit-user-select:none;user-select:none}.bp-content.bp-is-selectable .bp-text{-webkit-user-select:auto;user-select:auto}.bp-content.bp-is-selectable .bp-text-code{cursor:text}@media print{.bp-content .bp-text{display:none}.bp-content.bp-is-printable .bp-text{display:block}}.bp-text-plain{position:absolute;inset:0;overflow:auto;margin:0;line-height:1.5;text-align:left;word-wrap:break-word;white-space:pre-wrap;background-color:#fff}.bp .bp-text-plain{padding:20px 50px}.bp-text-plain ul{list-style:disc}.bp-text-plain ol{list-style:decimal}.bp-text-plain ol ul,.bp-text-plain ul ul{list-style:circle}.bp-text-truncated{padding-bottom:75px;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center}.bp-text-truncated p{margin:10px 0}.bp .bp-TruncatedTextNoticeV2{display:flex;flex-direction:column;gap:var(--bp-space-030);align-items:center;padding:var(--bp-space-030) 0 75px;white-space:normal}@media print{.bp-text-plain{position:static;overflow:visible;margin:0;padding:0;word-wrap:break-word}.bp-text-truncated .bp-btn-download,.bp-TruncatedTextNoticeV2-download{display:none}}.markdown-body{white-space:normal}.markdown-body ul li{list-style:disc}
|
|
64
65
|
.bp-content .bp-text{-webkit-user-select:none;user-select:none}.bp-content.bp-is-selectable .bp-text{-webkit-user-select:auto;user-select:auto}.bp-content.bp-is-selectable .bp-text-code{cursor:text}@media print{.bp-content .bp-text{display:none}.bp-content.bp-is-printable .bp-text{display:block}}.bp-text-csv{position:absolute;inset:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;margin:0;color:#000;word-break:normal;word-wrap:normal;white-space:pre}.bp-text-csv .bp-text-csv-grid{width:100%}.bp-text-csv .bp-text-csv-odd-row{background-color:#fcfcfc}.bp-text-csv .bp-text-csv-cell{overflow:auto;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:0 .5em;border-right:1px solid #eaeaea;-ms-overflow-style:-ms-autohiding-scrollbar}.bp-text-csv ::-webkit-scrollbar{width:5px;height:5px}.bp-text-csv ::-webkit-scrollbar-track{border-radius:5px;background-color:#eaeaea}.bp-text-csv ::-webkit-scrollbar-thumb:vertical{border-radius:6px;background-color:rgba(0,0,0,.2)}.bp-text-csv ::-webkit-scrollbar-thumb:horizontal:hover,.bp-text-csv ::-webkit-scrollbar-thumb:vertical:hover{background:rgba(0,0,0,.4)}.bp-text-csv ::-webkit-scrollbar-thumb:horizontal{border-radius:6px;background-color:rgba(0,0,0,.2)}
|
|
65
66
|
.bp-MediaLoadingIndicator{pointer-events:none;position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:-40px 0 0 -40px;border-radius:50%;background:rgba(0,0,0,.5)}
|
|
66
67
|
.bp-SettingsCheckboxItem{color:#767676;white-space:nowrap}.bp-SettingsCheckboxItem-input,.bp-SettingsCheckboxItem-label{-webkit-user-select:none;user-select:none;padding:6px}.bp-SettingsCheckboxItem-input{margin:6px 0}.bp-media--v2 .bp-SettingsCheckboxItem{padding:6px 14px;border-radius:8px;color:#000}.bp-media--v2 .bp-SettingsCheckboxItem:hover{background-color:var(--bp-gray-05)}.bp-media--v2 .bp-SettingsCheckboxItem-label{padding:0 8px;font-size:16px;line-height:24px}
|
|
@@ -72,10 +73,10 @@
|
|
|
72
73
|
.bp-SettingsMenuItem{position:relative;display:flex;gap:8px;align-items:center;align-self:stretch;justify-content:space-between;min-width:160px;padding:8px;border:1px solid rgba(0,0,0,0)}.bp-SettingsMenuItem[aria-disabled=true]{cursor:default}.bp-SettingsMenuItem:hover{border-radius:12px;background-color:#f4f4f4;backdrop-filter:blur(16px);box-shadow:0 4px 12px 0 rgba(0,0,0,.1)}.bp-SettingsMenuItem-arrow{display:flex;align-items:center;justify-content:center}.bp-SettingsMenuItem-label{display:table-cell;line-height:1;vertical-align:middle;padding:6px;font-size:11px;font-weight:normal;color:#999ea4;text-align:left;text-transform:uppercase}.bp-SettingsMenuItem-label svg{display:block}.bp-SettingsMenuItem-value{display:table-cell;line-height:1;vertical-align:middle;padding:6px;font-size:12px;color:#464a4f;text-align:left}.bp-SettingsMenuItem-value svg{display:block}.bp-SettingsMenuItem-value-container{display:flex;align-items:right}.bp-SettingsMenuItem-value-container .bp-SettingsMenuItem-label{display:block}.bp-SettingsMenuItem-value-container .bp-SettingsMenuItem-value{display:block}.bp-media--v2 .bp-SettingsMenuItem{cursor:pointer;gap:16px;padding:6px 14px;border:0;border-radius:8px}.bp-media--v2 .bp-SettingsMenuItem:hover{border-radius:8px;background-color:var(--bp-gray-05);backdrop-filter:none;box-shadow:none}.bp-media--v2 .bp-SettingsMenuItem-label{padding:0 8px;font-size:16px;font-weight:normal;line-height:24px;color:#000;text-transform:none}.bp-media--v2 .bp-SettingsMenuItem-value{padding:0 8px;font-size:16px;line-height:24px;color:#767676}
|
|
73
74
|
.bp-SettingsRadioItem{cursor:pointer;overflow:hidden;padding:8px;white-space:nowrap;outline:0 none}.bp-SettingsRadioItem.bp-is-selected .bp-SettingsRadioItem-check-icon{visibility:visible}.bp-SettingsRadioItem.bp-is-selected .bp-SettingsRadioItem-value{color:#0061d5}.bp-SettingsRadioItem:hover{border-radius:12px;background-color:#f4f4f4;backdrop-filter:blur(16px);box-shadow:0 4px 12px 0 rgba(0,0,0,.1)}.bp-SettingsRadioItem:hover .bp-SettingsRadioItem-check-icon{fill:#2c3e50}.bp-SettingsRadioItem:hover .bp-SettingsRadioItem-value{color:#2c3e50}.bp-is-focused .bp-SettingsRadioItem:focus .bp-SettingsRadioItem-check-icon{fill:#fff}.bp-is-focused .bp-SettingsRadioItem:focus .bp-SettingsRadioItem-value{color:#fff}.bp-SettingsRadioItem-check{display:table-cell;line-height:1;vertical-align:middle}.bp-SettingsRadioItem-check svg{display:block}.bp-SettingsRadioItem-check-icon{visibility:hidden}.bp-SettingsRadioItem-value{display:table-cell;line-height:1;vertical-align:middle;padding:6px;font-size:12px;color:#464a4f;text-align:left}.bp-SettingsRadioItem-value svg{display:block}.bp-media--v2 .bp-SettingsRadioItem{cursor:pointer;display:flex;flex-direction:row-reverse;gap:16px;align-items:center;justify-content:space-between;padding:6px 14px;border-radius:8px}.bp-media--v2 .bp-SettingsRadioItem:hover{border-radius:8px;background-color:var(--bp-gray-05);backdrop-filter:none;box-shadow:none}.bp-media--v2 .bp-SettingsRadioItem:hover .bp-SettingsRadioItem-check-icon{fill:#000}.bp-media--v2 .bp-SettingsRadioItem:hover .bp-SettingsRadioItem-value{color:#000}.bp-media--v2 .bp-SettingsRadioItem.bp-is-selected .bp-SettingsRadioItem-value{color:#000}.bp-media--v2 .bp-SettingsRadioItem.bp-is-selected .bp-SettingsRadioItem-check-icon{fill:#000}.bp-media--v2 .bp-SettingsRadioItem-value{padding:0;font-size:16px;line-height:24px;color:#000;text-align:left}
|
|
74
75
|
.bp-SettingsToggleV2{position:relative;display:inline-flex}.bp-SettingsToggleV2-badge{pointer-events:none;position:absolute;top:50%;left:50%;transform:translateY(-100%);display:flex;align-items:center}
|
|
75
|
-
.bp-MediaSettingsV2{min-width:240px}.bp-MediaSettingsV2-value{display:flex;gap:
|
|
76
|
+
.bp-MediaSettingsV2{min-width:240px}.bp-MediaSettingsV2 [role=menuitemcheckbox] svg,.bp-MediaSettingsV2 [role=menuitemradio] svg{width:var(--bp-size-040);height:var(--bp-size-040)}.bp-MediaSettingsV2 .bp-MediaSettingsV2-back:hover,.bp-MediaSettingsV2 .bp-MediaSettingsV2-back:active,.bp-MediaSettingsV2 .bp-MediaSettingsV2-back[data-highlighted]{background-color:rgba(0,0,0,0)}.bp-MediaSettingsV2-value{display:flex;gap:var(--bp-space-020);align-items:center}
|
|
76
77
|
.bp-PlayPauseToggle{will-change:opacity;opacity:.9;transition:opacity 150ms,background-color 150ms;outline:0;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;zoom:1;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:25px;color:#fff;background:rgba(0,0,0,0)}.bp-PlayPauseToggle:focus:not(:disabled),.bp-PlayPauseToggle:hover:not(:disabled){opacity:1;background-color:rgba(255,255,255,.08)}.bp-PlayPauseToggle:focus:not(:disabled) svg,.bp-PlayPauseToggle:hover:not(:disabled) svg,.bp-PlayPauseToggle.bp-is-active svg{transform:scale(1.09);transition:transform 150ms}.bp-PlayPauseToggle.bp-is-active,.bp-PlayPauseToggle:active:not(:disabled){background-color:rgba(255,255,255,.16)}.bp-PlayPauseToggle.bp-is-active:focus:not(:disabled),.bp-PlayPauseToggle.bp-is-active:hover:not(:disabled){background-color:rgba(255,255,255,.2)}.bp-PlayPauseToggle:focus:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bp-gray-20) 50%, transparent),0 1px 2px rgba(0,0,0,.1)}.bp-PlayPauseToggle:focus-visible:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bp-gray-20) 50%, transparent),0 1px 2px rgba(0,0,0,.1)}.bp-PlayPauseToggle:focus:not(:focus-visible){box-shadow:none}.bp-PlayPauseToggle:disabled{pointer-events:none;cursor:default;opacity:.2}.bp-PlayPauseToggle svg{width:32px;height:32px;padding:5px}
|
|
77
78
|
.bp-DurationLabels{display:flex;align-items:center;justify-content:space-between;margin-right:5px;margin-left:5px}.bp-DurationLabels .bp-DurationLabels-label{font-family:Lato,Arial,sans-serif;font-size:14px;font-weight:normal;font-style:normal;line-height:20px;color:rgba(255,255,255,.8);letter-spacing:.3px}.bp-DurationLabels-label{will-change:opacity;opacity:.9;transition:opacity 150ms,background-color 150ms;cursor:default;padding-right:4px;padding-left:4px;font-size:12px;line-height:12px;color:#fff}.bp-DurationLabels-label:focus:not(:disabled),.bp-DurationLabels-label:hover:not(:disabled){opacity:1;background-color:rgba(255,255,255,.08)}.bp-DurationLabels-label:focus:not(:disabled) svg,.bp-DurationLabels-label:hover:not(:disabled) svg,.bp-DurationLabels-label.bp-is-active svg{transform:scale(1.09);transition:transform 150ms}.bp-DurationLabels-label.bp-is-active,.bp-DurationLabels-label:active:not(:disabled){background-color:rgba(255,255,255,.16)}.bp-DurationLabels-label.bp-is-active:focus:not(:disabled),.bp-DurationLabels-label.bp-is-active:hover:not(:disabled){background-color:rgba(255,255,255,.2)}
|
|
78
|
-
.bp-TimestampControl{position:relative;display:flex;align-items:center}.bp-TimestampControl-button,.bp-TimestampControl-static{-webkit-user-select:none;user-select:none;display:flex;gap:4px;align-items:center;padding:6px 12px;font-family:Lato,Arial,sans-serif;font-size:14px;font-weight:normal;font-variant-numeric:tabular-nums;line-height:20px;color:#fff;letter-spacing:.3px;white-space:nowrap}.bp-TimestampControl-button{will-change:opacity;opacity:.9;transition:opacity 150ms,background-color 150ms;outline:0;cursor:pointer;margin:0;border:0;border-radius:25px;background:rgba(0,0,0,0)}.bp-TimestampControl-button:focus:not(:disabled),.bp-TimestampControl-button:hover:not(:disabled){opacity:1;background-color:rgba(255,255,255,.08)}.bp-TimestampControl-button:focus:not(:disabled) svg,.bp-TimestampControl-button:hover:not(:disabled) svg,.bp-TimestampControl-button.bp-is-active svg{transform:scale(1.09);transition:transform 150ms}.bp-TimestampControl-button.bp-is-active,.bp-TimestampControl-button:active:not(:disabled){background-color:rgba(255,255,255,.16)}.bp-TimestampControl-button.bp-is-active:focus:not(:disabled),.bp-TimestampControl-button.bp-is-active:hover:not(:disabled){background-color:rgba(255,255,255,.2)}.bp-TimestampControl-button:focus:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bp-gray-20) 50%, transparent),0 1px 2px rgba(0,0,0,.1)}.bp-TimestampControl-button:focus-visible:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bp-gray-20) 50%, transparent),0 1px 2px rgba(0,0,0,.1)}.bp-TimestampControl-button:focus:not(:focus-visible){box-shadow:none}.bp-TimestampControl-button:focus:not(:disabled),.bp-TimestampControl-button.bp-is-open{background:rgba(0,0,0,0)}.bp-TimestampControl-button:hover:not(:disabled){background:rgba(255,255,255,.08)}.bp-TimestampControl-separator,.bp-TimestampControl-duration{color:rgba(255,255,255,.8)}.bp-TimestampControl-chevron{width:16px;height:16px;margin-left:2px;fill:rgba(255,255,255,.8)}.bp-TimestampControl-flyout{position:absolute;z-index:1;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);min-width:250px;padding:12px 8px;border-radius:16px;background:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.15)}.bp-TimestampControl-header{-webkit-user-select:none;user-select:none;padding:6px 14px;font-family:Lato,Arial,sans-serif;font-size:14px;font-weight:bold;line-height:20px;color:#767676;letter-spacing:.3px}.bp-TimestampControl-listitem{cursor:pointer;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:6px 14px;border-radius:8px;font-family:Lato,Arial,sans-serif;font-size:16px;line-height:24px;color:#000;white-space:nowrap;outline:none}.bp-TimestampControl-listitem:hover,.bp-TimestampControl-listitem:focus{background:var(--bp-gray-05)}.bp-TimestampControl-check{flex:none;fill:#000}
|
|
79
|
+
.bp-TimestampControl{position:relative;display:flex;align-items:center}.bp-TimestampControl-button,.bp-TimestampControl-static{-webkit-user-select:none;user-select:none;display:flex;gap:4px;align-items:center;padding:6px 12px;font-family:Lato,Arial,sans-serif;font-size:14px;font-weight:normal;font-variant-numeric:tabular-nums;line-height:20px;color:#fff;letter-spacing:.3px;white-space:nowrap}.bp-TimestampControl-button{will-change:opacity;opacity:.9;transition:opacity 150ms,background-color 150ms;outline:0;cursor:pointer;margin:0;border:0;border-radius:25px;background:rgba(0,0,0,0)}.bp-TimestampControl-button:focus:not(:disabled),.bp-TimestampControl-button:hover:not(:disabled){opacity:1;background-color:rgba(255,255,255,.08)}.bp-TimestampControl-button:focus:not(:disabled) svg,.bp-TimestampControl-button:hover:not(:disabled) svg,.bp-TimestampControl-button.bp-is-active svg{transform:scale(1.09);transition:transform 150ms}.bp-TimestampControl-button.bp-is-active,.bp-TimestampControl-button:active:not(:disabled){background-color:rgba(255,255,255,.16)}.bp-TimestampControl-button.bp-is-active:focus:not(:disabled),.bp-TimestampControl-button.bp-is-active:hover:not(:disabled){background-color:rgba(255,255,255,.2)}.bp-TimestampControl-button:focus:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bp-gray-20) 50%, transparent),0 1px 2px rgba(0,0,0,.1)}.bp-TimestampControl-button:focus-visible:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bp-gray-20) 50%, transparent),0 1px 2px rgba(0,0,0,.1)}.bp-TimestampControl-button:focus:not(:focus-visible){box-shadow:none}.bp-TimestampControl-button:focus:not(:disabled),.bp-TimestampControl-button.bp-is-open{background:rgba(0,0,0,0)}.bp-TimestampControl-button:hover:not(:disabled){background:rgba(255,255,255,.08)}.bp-TimestampControl-separator,.bp-TimestampControl-duration{color:rgba(255,255,255,.8)}.bp-TimestampControl-chevron{width:16px;height:16px;margin-left:2px;fill:rgba(255,255,255,.8)}.bp-TimestampControl-menu [role=menuitemradio] svg{width:var(--bp-size-040);height:var(--bp-size-040)}.bp-TimestampControl-flyout{position:absolute;z-index:1;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);min-width:250px;padding:12px 8px;border-radius:16px;background:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.15)}.bp-TimestampControl-header{-webkit-user-select:none;user-select:none;padding:6px 14px;font-family:Lato,Arial,sans-serif;font-size:14px;font-weight:bold;line-height:20px;color:#767676;letter-spacing:.3px}.bp-TimestampControl-listitem{cursor:pointer;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:6px 14px;border-radius:8px;font-family:Lato,Arial,sans-serif;font-size:16px;line-height:24px;color:#000;white-space:nowrap;outline:none}.bp-TimestampControl-listitem:hover,.bp-TimestampControl-listitem:focus{background:var(--bp-gray-05)}.bp-TimestampControl-check{flex:none;fill:#000}
|
|
79
80
|
.bp-VolumeControls{position:relative;display:flex;align-items:center}.bp-VolumeControls-flyout{position:absolute;top:-40px;left:-5px;overflow:hidden;display:none;flex:0 0 auto;max-width:0;height:40px;transition:max-width 200ms ease-in-out}.bp-VolumeControls-flyout.bp-is-open{overflow:visible;display:block}.bp-media--v2 .bp-VolumeControls-flyout{z-index:10}.bp-VolumeControls-slider{width:15px;height:100%;margin-right:6px;margin-left:6px}.bp-VolumeControls-toggle{will-change:opacity;opacity:.9;transition:opacity 150ms,background-color 150ms;outline:0;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;zoom:1;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:25px;color:#fff;background:rgba(0,0,0,0)}.bp-VolumeControls-toggle:focus:not(:disabled),.bp-VolumeControls-toggle:hover:not(:disabled){opacity:1;background-color:rgba(255,255,255,.08)}.bp-VolumeControls-toggle:focus:not(:disabled) svg,.bp-VolumeControls-toggle:hover:not(:disabled) svg,.bp-VolumeControls-toggle.bp-is-active svg{transform:scale(1.09);transition:transform 150ms}.bp-VolumeControls-toggle.bp-is-active,.bp-VolumeControls-toggle:active:not(:disabled){background-color:rgba(255,255,255,.16)}.bp-VolumeControls-toggle.bp-is-active:focus:not(:disabled),.bp-VolumeControls-toggle.bp-is-active:hover:not(:disabled){background-color:rgba(255,255,255,.2)}.bp-VolumeControls-toggle:focus:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bp-gray-20) 50%, transparent),0 1px 2px rgba(0,0,0,.1)}.bp-VolumeControls-toggle:focus-visible:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bp-gray-20) 50%, transparent),0 1px 2px rgba(0,0,0,.1)}.bp-VolumeControls-toggle:focus:not(:focus-visible){box-shadow:none}.bp-VolumeControls-toggle:disabled{pointer-events:none;cursor:default;opacity:.2}.bp-VolumeControls-toggle svg{width:32px;height:32px;padding:5px}.bp-VolumeControls--blueprint .bp-VolumeControls-flyout{right:0;left:0;max-width:none}.bp-VolumeControls--blueprint .bp-VolumeControls-slider{margin-right:auto;margin-left:auto}
|
|
80
81
|
.bp-VolumeSliderControl{outline:0;cursor:pointer;position:relative}.bp-VolumeSliderControl:focus:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bp-gray-20) 50%, transparent),0 1px 2px rgba(0,0,0,.1)}.bp-VolumeSliderControl:focus-visible:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bp-gray-20) 50%, transparent),0 1px 2px rgba(0,0,0,.1)}.bp-VolumeSliderControl:focus:not(:focus-visible){box-shadow:none}.bp-VolumeVerticalSliderControl{outline:0;cursor:pointer;position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;height:140px;margin:auto;padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(34,34,34,.9);box-shadow:0 2px 5px 0 rgba(0,0,0,.25)}.bp-VolumeVerticalSliderControl:focus:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bp-gray-20) 50%, transparent),0 1px 2px rgba(0,0,0,.1)}.bp-VolumeVerticalSliderControl:focus-visible:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bp-gray-20) 50%, transparent),0 1px 2px rgba(0,0,0,.1)}.bp-VolumeVerticalSliderControl:focus:not(:focus-visible){box-shadow:none}.bp-VolumeSliderControl-thumb{cursor:pointer;position:absolute;top:calc(50% - 6px);width:10px;height:12px;margin-left:-6px;border:0;border-radius:12px;background:#0061d5}.bp-VolumeSliderControl-track{position:absolute;inset:0;height:3px;margin:auto 3px;background:rgba(0,0,0,0) linear-gradient(#fff, #fff) no-repeat center border-box}.bp-VolumeVerticalSliderControl-track-container{position:relative;width:8px;height:108px}.bp-VolumeVerticalSliderControl-track-background{position:relative;left:0;width:8px;height:108px;border-radius:20px;background-color:#55554f}.bp-VolumeVerticalSliderControl-track{position:absolute;bottom:0;left:0;width:8px;border-radius:20px;background:#fff}
|
|
81
82
|
.bp-MarkerAvatar{position:absolute;bottom:calc(100% + 4px);left:50%;transform-origin:bottom center;transform:translate(-50%, 0);overflow:visible;width:var(--bp-marker-avatar-size, 20px);height:var(--bp-marker-avatar-size, 20px);border:0;border-radius:50%;outline:none;box-shadow:0 0 0 1px #101010;transition:width 150ms,height 150ms,box-shadow 150ms}.bp-MarkerAvatar img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center}.bp-MarkerAvatar-initial{display:grid;place-items:center;width:100%;height:100%;font-size:10px;font-weight:bold;line-height:1;text-align:center;text-transform:uppercase}.bp-MarkerAvatar-anonymousIcon{width:100%;height:100%;color:#222}:is(.bp-WaveformCommentMarkers-marker:not(.bp-WaveformCommentMarkers-marker--group),.bp-TimeControlsV2-marker:not(.bp-TimeControlsV2-marker--group),.bp-MarkerAvatarStack-item):is(:hover,:focus-visible) .bp-MarkerAvatar{width:24px;height:24px;box-shadow:0 0 0 1px #fff}:is(.bp-WaveformCommentMarkers-marker:not(.bp-WaveformCommentMarkers-marker--group),.bp-TimeControlsV2-marker:not(.bp-TimeControlsV2-marker--group),.bp-MarkerAvatarStack-item):is(:hover,:focus-visible) .bp-MarkerAvatar .bp-MarkerAvatar-initial{font-size:12px}:is(.bp-WaveformCommentMarkers-marker--selected:not(.bp-WaveformCommentMarkers-marker--group),.bp-TimeControlsV2-marker--selected:not(.bp-TimeControlsV2-marker--group),.bp-MarkerAvatarStack-item--selected) .bp-MarkerAvatar,:is(.bp-WaveformCommentMarkers-marker--selected:not(.bp-WaveformCommentMarkers-marker--group),.bp-TimeControlsV2-marker--selected:not(.bp-TimeControlsV2-marker--group),.bp-MarkerAvatarStack-item--selected):is(:hover,:focus-visible) .bp-MarkerAvatar{width:24px;height:24px;box-shadow:0 0 0 2px #fff,0 0 0 3px #101010}:is(.bp-WaveformCommentMarkers-marker--selected:not(.bp-WaveformCommentMarkers-marker--group),.bp-TimeControlsV2-marker--selected:not(.bp-TimeControlsV2-marker--group),.bp-MarkerAvatarStack-item--selected) .bp-MarkerAvatar .bp-MarkerAvatar-initial,:is(.bp-WaveformCommentMarkers-marker--selected:not(.bp-WaveformCommentMarkers-marker--group),.bp-TimeControlsV2-marker--selected:not(.bp-TimeControlsV2-marker--group),.bp-MarkerAvatarStack-item--selected):is(:hover,:focus-visible) .bp-MarkerAvatar .bp-MarkerAvatar-initial{font-size:12px}
|