@netless/app-slide 0.3.0-canary.2 → 0.3.0-canary.3
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/dist/main.cjs.js +89 -89
- package/dist/main.cjs.js.map +1 -1
- package/dist/main.es.js +10 -7
- package/dist/main.es.js.map +1 -1
- package/dist/main.iife.js +88 -88
- package/dist/main.iife.js.map +1 -1
- package/package.json +1 -1
- package/src/SlideViewer.ts +5 -0
- package/src/index.ts +6 -3
- package/src/style.scss +15 -11
package/dist/main.es.js
CHANGED
|
@@ -37507,7 +37507,7 @@ const DefaultUrl = "https://convertcdn.netless.link/dynamicConvert";
|
|
|
37507
37507
|
function noop() {
|
|
37508
37508
|
return;
|
|
37509
37509
|
}
|
|
37510
|
-
var styles = /* @__PURE__ */ (() =>
|
|
37510
|
+
var styles = /* @__PURE__ */ (() => '.netless-app-slide-tele-fancy-scrollbar{overscroll-behavior:contain;overflow:auto;overflow-y:scroll;overflow-y:overlay;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-width:auto}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar{height:8px;width:8px}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-track{background-color:transparent}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb{background-color:#444e601a;background-color:transparent;border-radius:4px;transition:background-color .4s}.netless-app-slide-tele-fancy-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#444e601a}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#444e6033}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:active{background-color:#444e6033}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:vertical{min-height:50px}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:horizontal{min-width:50px}.netless-app-slide-content{position:relative;height:100%;overflow:hidden}.netless-app-slide-slide{width:100%;height:100%}.netless-app-slide-preview-mask{display:none;position:absolute;z-index:10200;top:0;left:0;width:100%;height:100%}.netless-app-slide-preview{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:10300;top:0;left:0;width:33%;max-width:200px;height:100%;padding-top:10px;transform:translate(-100%);background:rgba(237,237,240,.9);box-shadow:inset -1px 0 #0000001c;transition:transform .4s}.netless-app-slide-preview-active .netless-app-slide-preview-mask{display:block}.netless-app-slide-preview-active .netless-app-slide-preview{transform:translate(0)}.netless-app-slide-preview-page{position:relative;display:block;width:55%;margin-bottom:10px;font-size:0;color:transparent;outline:none;border:7px solid transparent;border-radius:4px;transition:border-color .3s;user-select:none}.netless-app-slide-preview-page:hover,.netless-app-slide-preview-page.netless-app-slide-preview-page-active{border-color:#444e601a}.netless-app-slide-preview-page>img{width:100%;height:auto;box-sizing:border-box;border:1px solid rgba(0,0,0,.5);border-radius:1px;background-color:#fff;box-shadow:0 2px 8px #0000004d}.netless-app-slide-preview-page-name{position:absolute;top:1px;left:-10px;transform:translate(-100%);text-align:right;font-size:12px;user-select:none}.netless-app-slide-footer{box-sizing:border-box;height:26px;display:flex;align-items:center;padding:0 16px;border-top:1px solid #eeeef7;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.netless-app-slide-float-footer{width:100%;min-height:26px;position:absolute;left:0;bottom:0;z-index:2000;background:rgba(249,249,252,.9);transition:opacity .4s}.netless-app-slide-footer-btn{box-sizing:border-box;width:26px;height:26px;font-size:0;margin:0;padding:3px;border:none;border-radius:1px;outline:none;color:currentColor;background:transparent;transition:background .4s;cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-footer-btn:hover{background:rgba(237,237,240,.9)}@media (hover: none){.netless-app-slide-footer-btn:hover{background:transparent!important}}.netless-app-slide-footer-btn>svg{width:100%;height:100%}.netless-app-slide-footer-btn>svg:nth-of-type(2){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(1){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(2){display:initial}.netless-app-slide-footer-btn~.netless-app-slide-footer-btn{margin-left:15px}.netless-app-slide-page-jumps{flex:1;display:flex;justify-content:center;align-items:center}.netless-app-slide-page-number{display:flex;align-items:center;height:26px;margin-left:auto;font-size:13px;user-select:none;white-space:nowrap;word-break:keep-all;font-variant-numeric:tabular-nums}.netless-app-slide-page-number-input{border:none;outline:none;width:3em;margin:0;padding:0 .5em 0 2px;text-align:right;font-size:13px;line-height:1;font-weight:400;font-family:inherit;border-radius:2px;color:currentColor;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background:transparent;transition:background .4s;user-select:text;font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-page-number-input:hover,.netless-app-slide-page-number-input:focus,.netless-app-slide-page-number-input:active{background:#fff;box-shadow:#63636333 0 2px 8px}.netless-app-slide-readonly .netless-app-slide-footer-btn{cursor:not-allowed}.netless-app-slide-readonly .netless-app-slide-footer-btn:hover{background:transparent}.netless-app-slide-readonly .netless-app-slide-page-number-input{cursor:not-allowed}.netless-app-slide-readonly .netless-app-slide-page-number-input:hover,.netless-app-slide-readonly .netless-app-slide-page-number-input:focus,.netless-app-slide-readonly .netless-app-slide-page-number-input:active{background:transparent;box-shadow:none}.netless-app-slide-readonly .netless-app-slide-page-number-input:disabled{color:inherit}.netless-app-slide-readonly.netless-app-slide-float-footer{display:none}.telebox-color-scheme-dark .netless-app-slide-page-number-input:active,.telebox-color-scheme-dark .netless-app-slide-page-number-input:focus,.telebox-color-scheme-dark .netless-app-slide-page-number-input:hover{color:currentColor;background:#25282e}.telebox-color-scheme-dark .netless-app-slide-footer{border-top:none}.telebox-color-scheme-dark .netless-app-slide-footer-btn:hover{background:#212126}.telebox-color-scheme-dark .netless-app-slide-preview{background:rgba(50,50,50,.9)}\n')();
|
|
37511
37511
|
function sidebarSVG(namespace2) {
|
|
37512
37512
|
const NS = "http://www.w3.org/2000/svg";
|
|
37513
37513
|
const $svg = document.createElementNS(NS, "svg");
|
|
@@ -37884,6 +37884,11 @@ class SlideViewer {
|
|
|
37884
37884
|
});
|
|
37885
37885
|
this.sideEffect.addDisposer(this.sidebar.destroy);
|
|
37886
37886
|
this.sideEffect.addDisposer(() => this.slide.destroy());
|
|
37887
|
+
this.sideEffect.addDisposer(() => {
|
|
37888
|
+
this.$content.parentElement && this.$content.remove();
|
|
37889
|
+
this.$footer.parentElement && this.$footer.remove();
|
|
37890
|
+
this.$slide.parentElement && this.$slide.remove();
|
|
37891
|
+
});
|
|
37887
37892
|
let saved_is_frozen = false;
|
|
37888
37893
|
this.sideEffect.addDisposer(on_visibility_change((visible) => {
|
|
37889
37894
|
if (this._destroyed)
|
|
@@ -38044,26 +38049,24 @@ const addHooks = function addHooks2(emitter) {
|
|
|
38044
38049
|
refrigerator.focus(event.appId);
|
|
38045
38050
|
});
|
|
38046
38051
|
};
|
|
38047
|
-
const version = "0.3.0-canary.
|
|
38052
|
+
const version = "0.3.0-canary.3";
|
|
38048
38053
|
const SlideApp = {
|
|
38049
38054
|
kind: "Slide",
|
|
38050
38055
|
setup(context) {
|
|
38051
38056
|
var _a, _b;
|
|
38052
|
-
console.log("[Slide] setup @ 0.3.0-canary.
|
|
38057
|
+
console.log("[Slide] setup @ 0.3.0-canary.3");
|
|
38053
38058
|
if (!context.storage.state.taskId) {
|
|
38054
38059
|
throw new Error("[Slide] no taskId");
|
|
38055
38060
|
}
|
|
38056
38061
|
const options = context.getAppOptions() || {};
|
|
38057
|
-
const debug = Boolean(options.debug);
|
|
38058
38062
|
const logger = make_logger(context);
|
|
38059
|
-
logger.info("[Slide] setup @ 0.3.0-canary.
|
|
38063
|
+
logger.info("[Slide] setup @ 0.3.0-canary.3");
|
|
38060
38064
|
const sideEffect = new n();
|
|
38061
38065
|
const viewer = new SlideViewer({
|
|
38062
38066
|
interactive: true,
|
|
38063
38067
|
mode: "interactive",
|
|
38064
38068
|
resize: true,
|
|
38065
38069
|
enableGlobalClick: true,
|
|
38066
|
-
controller: debug,
|
|
38067
38070
|
timestamp: make_timestamp(context),
|
|
38068
38071
|
logger,
|
|
38069
38072
|
renderOptions: {
|
|
@@ -38151,7 +38154,7 @@ function connect({ context, viewer, sideEffect, logger }) {
|
|
|
38151
38154
|
if (context.destroyed)
|
|
38152
38155
|
return;
|
|
38153
38156
|
width && context.box.setStageRatio(height / width);
|
|
38154
|
-
whiteboard = context.createWhiteBoardView(slideCount);
|
|
38157
|
+
whiteboard = context.createWhiteBoardView({ size: slideCount });
|
|
38155
38158
|
kick_start();
|
|
38156
38159
|
});
|
|
38157
38160
|
const { slide } = viewer;
|