xframelib 1.1.2 → 1.1.3

package/README.md

@@ -13,7 +13,7 @@
 
 > The core implementation is an enterprise-level micro-front-end architecture based on a Widget mechanism. It accumulates basic functions and components independent of UI interface libraries, improves the stability and high reusability of the basic code, and adheres to the philosophy of originating from and serving projects.
 
-[README中文.md](./README_zh.md) | [更新日志-中文](https://share.note.youdao.com/s/MrahKIVA)
+[README中文.md](https://share.note.youdao.com/s/bnDqvnDw) | [更新日志-中文](https://share.note.youdao.com/s/MrahKIVA)
 
 ## Main Functions:
 

package/dist/assets/{worker-webcache-DX6bhBzy.js → worker-webcache-C22MEJ3V.js}

@@ -210,7 +210,7 @@ function y(t, e, i, s) {
 		e.set(h, n), t.start && t.start(), t.postMessage(Object.assign({ id: h }, i), s);
 	}));
 }
-var S = { hasSubscribers: !1 }, b = S, T = S, _ = () => b.hasSubscribers || T.hasSubscribers, E = "object" == typeof performance && performance && "function" == typeof performance.now ? performance : Date, A = /* @__PURE__ */ new Set(), O = "object" == typeof process && process ? process : {}, F = (t) => !!t && t === Math.floor(t) && t > 0 && isFinite(t), x = (t) => F(t) ? t <= Math.pow(2, 8) ? Uint8Array : t <= Math.pow(2, 16) ? Uint16Array : t <= Math.pow(2, 32) ? Uint32Array : t <= Number.MAX_SAFE_INTEGER ? z : null : null, z = class extends Array {
+var S = { hasSubscribers: !1 }, b = S, T = S, _ = "object" == typeof performance && performance && "function" == typeof performance.now ? performance : Date, E = () => b.hasSubscribers || T.hasSubscribers, A = /* @__PURE__ */ new Set(), O = "object" == typeof process && process ? process : {}, F = (t) => !!t && t === Math.floor(t) && t > 0 && isFinite(t), x = (t) => F(t) ? t <= Math.pow(2, 8) ? Uint8Array : t <= Math.pow(2, 16) ? Uint16Array : t <= Math.pow(2, 32) ? Uint32Array : t <= Number.MAX_SAFE_INTEGER ? z : null : null, z = class extends Array {
 	constructor(t) {
 		super(t), this.fill(0);
 	}
@@ -335,9 +335,9 @@ var S = { hasSubscribers: !1 }, b = S, T = S, _ = () => b.hasSubscribers || T.ha
 		return this.#n;
 	}
 	constructor(e) {
-		let { max: i = 0, ttl: s, ttlResolution: n = 1, ttlAutopurge: h, updateAgeOnGet: r, updateAgeOnHas: o, allowStale: a, dispose: l, onInsert: c, disposeAfter: u, noDisposeOnSet: f, noUpdateTTL: d, maxSize: p = 0, maxEntrySize: g = 0, sizeCalculation: v, fetchMethod: m, memoMethod: w, noDeleteOnFetchRejection: y, noDeleteOnStaleGet: S, allowStaleOnFetchRejection: b, allowStaleOnFetchAbort: T, ignoreFetchAbort: _, perf: z } = e;
+		let { max: i = 0, ttl: s, ttlResolution: n = 1, ttlAutopurge: h, updateAgeOnGet: r, updateAgeOnHas: o, allowStale: a, dispose: l, onInsert: c, disposeAfter: u, noDisposeOnSet: f, noUpdateTTL: d, maxSize: p = 0, maxEntrySize: g = 0, sizeCalculation: v, fetchMethod: m, memoMethod: w, noDeleteOnFetchRejection: y, noDeleteOnStaleGet: S, allowStaleOnFetchRejection: b, allowStaleOnFetchAbort: T, ignoreFetchAbort: E, perf: z } = e;
 		if (void 0 !== z && "function" != typeof z?.now) throw new TypeError("perf option must have a now() method if specified");
-		if (this.#o = z ?? E, 0 !== i && !F(i)) throw new TypeError("max option must be a nonnegative integer");
+		if (this.#o = z ?? _, 0 !== i && !F(i)) throw new TypeError("max option must be a nonnegative integer");
 		let C = i ? x(i) : Array;
 		if (!C) throw new Error("invalid max value: " + i);
 		if (this.#t = i, this.#e = p, this.maxEntrySize = g || this.#e, this.sizeCalculation = v, this.sizeCalculation) {
@@ -346,7 +346,7 @@ var S = { hasSubscribers: !1 }, b = S, T = S, _ = () => b.hasSubscribers || T.ha
 		}
 		if (void 0 !== w && "function" != typeof w) throw new TypeError("memoMethod must be a function if defined");
 		if (this.#r = w, void 0 !== m && "function" != typeof m) throw new TypeError("fetchMethod must be a function if specified");
-		if (this.#h = m, this.#E = !!m, this.#c = /* @__PURE__ */ new Map(), this.#u = Array.from({ length: i }).fill(void 0), this.#f = Array.from({ length: i }).fill(void 0), this.#d = new C(i), this.#p = new C(i), this.#g = 0, this.#v = 0, this.#m = k.create(i), this.#a = 0, this.#l = 0, "function" == typeof l && (this.#i = l), "function" == typeof c && (this.#s = c), "function" == typeof u ? (this.#n = u, this.#w = []) : (this.#n = void 0, this.#w = void 0), this.#_ = !!this.#i, this.#O = !!this.#s, this.#A = !!this.#n, this.noDisposeOnSet = !!f, this.noUpdateTTL = !!d, this.noDeleteOnFetchRejection = !!y, this.allowStaleOnFetchRejection = !!b, this.allowStaleOnFetchAbort = !!T, this.ignoreFetchAbort = !!_, 0 !== this.maxEntrySize) {
+		if (this.#h = m, this.#E = !!m, this.#c = /* @__PURE__ */ new Map(), this.#u = Array.from({ length: i }).fill(void 0), this.#f = Array.from({ length: i }).fill(void 0), this.#d = new C(i), this.#p = new C(i), this.#g = 0, this.#v = 0, this.#m = k.create(i), this.#a = 0, this.#l = 0, "function" == typeof l && (this.#i = l), "function" == typeof c && (this.#s = c), "function" == typeof u ? (this.#n = u, this.#w = []) : (this.#n = void 0, this.#w = void 0), this.#_ = !!this.#i, this.#O = !!this.#s, this.#A = !!this.#n, this.noDisposeOnSet = !!f, this.noUpdateTTL = !!d, this.noDeleteOnFetchRejection = !!y, this.allowStaleOnFetchRejection = !!b, this.allowStaleOnFetchAbort = !!T, this.ignoreFetchAbort = !!E, 0 !== this.maxEntrySize) {
 			if (0 !== this.#e && !F(this.#e)) throw new TypeError("maxSize must be a positive integer if specified");
 			if (!F(this.maxEntrySize)) throw new TypeError("maxEntrySize must be a positive integer if specified");
 			this.#j();
@@ -622,7 +622,7 @@ var S = { hasSubscribers: !1 }, b = S, T = S, _ = () => b.hasSubscribers || T.ha
 		return !1;
 	}
 	peek(t, e = {}) {
-		let { status: i = _() ? {} : void 0 } = e;
+		let { status: i = E() ? {} : void 0 } = e;
 		i && (i.op = "peek", i.key = t), e.status = i;
 		let s = this.#Y(t, e);
 		return b.hasSubscribers && b.publish(i), s;
@@ -674,10 +674,10 @@ var S = { hasSubscribers: !1 }, b = S, T = S, _ = () => b.hasSubscribers || T.ha
 		return !!e && e instanceof Promise && e.hasOwnProperty("__staleWhileFetching") && e.__abortController instanceof AbortController;
 	}
 	fetch(t, e = {}) {
-		let i = T.hasSubscribers, { status: s = _() ? {} : void 0 } = e;
+		let i = T.hasSubscribers, { status: s = E() ? {} : void 0 } = e;
 		e.status = s, s && e.context && (s.context = e.context);
 		let n = this.#q(t, e);
-		return s && _() && i && (s.trace = !0, T.tracePromise((() => n), s).catch((() => {}))), n;
+		return s && i && (s.trace = !0, T.tracePromise((() => n), s).catch((() => {}))), n;
 	}
 	async #q(t, e = {}) {
 		let { allowStale: i = this.allowStale, updateAgeOnGet: s = this.updateAgeOnGet, noDeleteOnStaleGet: n = this.noDeleteOnStaleGet, ttl: h = this.ttl, noDisposeOnSet: r = this.noDisposeOnSet, size: o = 0, sizeCalculation: a = this.sizeCalculation, noUpdateTTL: l = this.noUpdateTTL, noDeleteOnFetchRejection: c = this.noDeleteOnFetchRejection, allowStaleOnFetchRejection: u = this.allowStaleOnFetchRejection, ignoreFetchAbort: f = this.ignoreFetchAbort, allowStaleOnFetchAbort: d = this.allowStaleOnFetchAbort, context: p, forceRefresh: g = !1, status: v, signal: m } = e;
@@ -721,10 +721,10 @@ var S = { hasSubscribers: !1 }, b = S, T = S, _ = () => b.hasSubscribers || T.ha
 		}
 	}
 	forceFetch(t, e = {}) {
-		let i = T.hasSubscribers, { status: s = _() ? {} : void 0 } = e;
+		let i = T.hasSubscribers, { status: s = E() ? {} : void 0 } = e;
 		e.status = s, s && e.context && (s.context = e.context);
 		let n = this.#K(t, e);
-		return s && _() && i && (s.trace = !0, T.tracePromise((() => n), s).catch((() => {}))), n;
+		return s && i && (s.trace = !0, T.tracePromise((() => n), s).catch((() => {}))), n;
 	}
 	async #K(t, e = {}) {
 		let i = await this.#q(t, e);

package/dist/index.css

@@ -1 +1 @@
-.popover-content-transition-bottom-enter-from,.popover-content-transition-bottom-leave-to{height:500px !important;opacity:0}.popover-content-transition-bottom-enter-active{transition:height .05s ease-in,opacity .05s ease-in}.popover-content-transition-bottom-leave-active{transition:height .05s ease-out,opacity .05s ease-out}.popover-content-transition-left-enter-from{left:-800px}.popover-content-transition-left-leave-to{left:0}.popover-content-transition-left-enter-active{transition:left 1s}.popover-content-transition-left-leave-active{transition:left 1s}.layoutContainer{position:relative;width:100%;height:100%;padding:0;margin:0;--layout-top-height: 70px;--layout-left-width: 200px;--layout-right-width: 200px;--layout-bottom-height: 60px;--layout-top-zindex: 100;--layout-bottom-zindex: 100;--layout-centermain-zindex: 80;--layout-centerback-zindex: 90;--layout-centerfront-zindex: 110;--layout-left-zindex: 100;--layout-right-zindex: 100}.topContainer{position:absolute;top:0px;left:0px;width:100%;height:var(--layout-top-height);z-index:var(--layout-top-zindex);overflow:hidden;pointer-events:none}.topContainer>*{pointer-events:all !important}.bottomContainer{position:absolute;bottom:0px;left:0px;width:100%;height:var(--layout-bottom-height);z-index:var(--layout-bottom-zindex);overflow:hidden;pointer-events:none}.bottomContainer>*{pointer-events:all !important}.leftContainer{position:absolute;top:0px;left:0px;bottom:0;z-index:var(--layout-left-zindex);width:var(--layout-left-width);overflow:hidden;pointer-events:none}.leftContainer>*{pointer-events:all !important}.rightContainer{position:absolute;top:0px;right:0px;bottom:0;width:var(--layout-right-width);z-index:var(--layout-right-zindex);overflow:hidden;pointer-events:none}.rightContainer>*{pointer-events:all !important}.centerdiv{position:absolute;top:0;left:0;bottom:0;width:100%;background-color:rgba(0,0,0,0);overflow:hidden;pointer-events:none}.centerdiv>*{pointer-events:all !important}.mainContainer{z-index:var(--layout-centermain-zindex)}.backContainer{z-index:var(--layout-centerback-zindex)}.centerFrontContainer{z-index:var(--layout-centerfront-zindex)}.adivider{width:100%;margin:10px 0;display:flex;align-items:center;justify-items:center}.adivider .line{border:v-bind(lineColor) 1px solid}.adivider .contentText{background-color:inherit;font-size:18px}.xScreen-container{width:100%;height:100vh}.xScreen-container .xScreen{position:fixed;top:50%;left:50%;z-index:99;display:flex;flex-direction:column;overflow:hidden;transition:all .3s;transform-origin:left top}.scrollSnapContainer{position:relative;height:v-bind(heightStyle);overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory;scroll-snap-stop:always;-webkit-scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}.scrollSection{position:relative;width:100%;min-height:v-bind(heightStyle);scroll-snap-align:start}.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging *{user-select:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:rgba(0,0,0,.15);transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:rgba(0,0,0,.25)}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translateX(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}.iconify{color:#000}.paneltitle{display:inline-block;vertical-align:middle;font-size:16px;font-weight:600;text-wrap:nowrap;overflow:hidden;margin-left:5px}.dragPanelBar{float:right;padding-right:10px;width:var(--right-bar-width);min-width:40px;height:100%;display:flex;align-items:center;justify-content:space-between}.dragPanelBar svg:hover{border:1px solid #333}.dragWindowPanel{position:absolute;background-color:#ddd;z-index:10;border-radius:6px;display:grid;grid-template-rows:min-content auto;user-select:none}.dragWindowPanel .dragPanelTitle{background-color:#eee;border-radius:5px 5px 0 0;padding-left:5px;vertical-align:middle;pointer-events:all}.dragWindowPanel .dragPanelTitle img{display:inline-block;vertical-align:middle}.dragWindowPanel .dragPanelContent{margin-top:1px;background-color:#eee;height:100%;overflow-x:hidden;overflow-y:auto;padding:5px 8px}.drag-pointer-group{pointer-events:none;position:absolute;left:0;top:0;z-index:11;margin:-0.5rem;display:grid;height:calc(100% + 1rem);width:calc(100% + 1rem);grid-template-columns:1rem auto 1rem;grid-template-rows:1rem auto 1rem}.drag-pointer-group>*{pointer-events:all !important}.maxPanel{top:0px !important;left:0px !important;width:100% !important;height:100% !important;border-radius:0px !important}.dragWindowPanel_dark{background-color:#043351}.dragWindowPanel_dark .iconify{color:#eee}.dragWindowPanel_dark .dragPanelTitle{background-color:#043351;color:#eee;border-radius:5px 5px 0 0;padding-left:5px;vertical-align:middle;pointer-events:all}.dragWindowPanel_dark .dragPanelTitle img{display:inline-block;vertical-align:middle}.dragWindowPanel_dark .dragPanelContent{background-color:#2f353d;margin-top:1px;height:100%;overflow-x:hidden;overflow-y:auto;padding:5px 8px}.cursor-nw-resize{cursor:nw-resize}.cursor-n-resize{cursor:n-resize}.cursor-ne-resize{cursor:ne-resize}.cursor-w-resize{cursor:w-resize}.cursor-e-resize{cursor:e-resize}.cursor-se-resize{cursor:se-resize}.cursor-sw-resize{cursor:sw-resize}.cursor-s-resize{cursor:s-resize}
+.adivider{width:100%;margin:10px 0;display:flex;align-items:center;justify-items:center}.adivider .line{border:v-bind(lineColor) 1px solid}.adivider .contentText{background-color:inherit;font-size:18px}.xScreen-container{width:100%;height:100vh}.xScreen-container .xScreen{position:fixed;top:50%;left:50%;z-index:99;display:flex;flex-direction:column;overflow:hidden;transition:all .3s;transform-origin:left top}.scrollSnapContainer{position:relative;height:v-bind(heightStyle);overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory;scroll-snap-stop:always;-webkit-scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}.scrollSection{position:relative;width:100%;min-height:v-bind(heightStyle);scroll-snap-align:start}.popover-content-transition-bottom-enter-from,.popover-content-transition-bottom-leave-to{height:500px !important;opacity:0}.popover-content-transition-bottom-enter-active{transition:height .05s ease-in,opacity .05s ease-in}.popover-content-transition-bottom-leave-active{transition:height .05s ease-out,opacity .05s ease-out}.popover-content-transition-left-enter-from{left:-800px}.popover-content-transition-left-leave-to{left:0}.popover-content-transition-left-enter-active{transition:left 1s}.popover-content-transition-left-leave-active{transition:left 1s}.layoutContainer{position:relative;width:100%;height:100%;padding:0;margin:0;--layout-top-height: 70px;--layout-left-width: 200px;--layout-right-width: 200px;--layout-bottom-height: 60px;--layout-top-zindex: 100;--layout-bottom-zindex: 100;--layout-centermain-zindex: 80;--layout-centerback-zindex: 90;--layout-centerfront-zindex: 110;--layout-left-zindex: 100;--layout-right-zindex: 100}.topContainer{position:absolute;top:0px;left:0px;width:100%;height:var(--layout-top-height);z-index:var(--layout-top-zindex);overflow:hidden;pointer-events:none}.topContainer>*{pointer-events:all !important}.bottomContainer{position:absolute;bottom:0px;left:0px;width:100%;height:var(--layout-bottom-height);z-index:var(--layout-bottom-zindex);overflow:hidden;pointer-events:none}.bottomContainer>*{pointer-events:all !important}.leftContainer{position:absolute;top:0px;left:0px;bottom:0;z-index:var(--layout-left-zindex);width:var(--layout-left-width);overflow:hidden;pointer-events:none}.leftContainer>*{pointer-events:all !important}.rightContainer{position:absolute;top:0px;right:0px;bottom:0;width:var(--layout-right-width);z-index:var(--layout-right-zindex);overflow:hidden;pointer-events:none}.rightContainer>*{pointer-events:all !important}.centerdiv{position:absolute;top:0;left:0;bottom:0;width:100%;background-color:rgba(0,0,0,0);overflow:hidden;pointer-events:none}.centerdiv>*{pointer-events:all !important}.mainContainer{z-index:var(--layout-centermain-zindex)}.backContainer{z-index:var(--layout-centerback-zindex)}.centerFrontContainer{z-index:var(--layout-centerfront-zindex)}.iconify{color:#000}.paneltitle{display:inline-block;vertical-align:middle;font-size:16px;font-weight:600;text-wrap:nowrap;overflow:hidden;margin-left:5px}.dragPanelBar{float:right;padding-right:10px;width:var(--right-bar-width);min-width:40px;height:100%;display:flex;align-items:center;justify-content:space-between}.dragPanelBar svg:hover{border:1px solid #333}.dragWindowPanel{position:absolute;background-color:#ddd;z-index:10;border-radius:6px;display:grid;grid-template-rows:min-content auto;user-select:none}.dragWindowPanel .dragPanelTitle{background-color:#eee;border-radius:5px 5px 0 0;padding-left:5px;vertical-align:middle;pointer-events:all}.dragWindowPanel .dragPanelTitle img{display:inline-block;vertical-align:middle}.dragWindowPanel .dragPanelContent{margin-top:1px;background-color:#eee;height:100%;overflow-x:hidden;overflow-y:auto;padding:5px 8px}.drag-pointer-group{pointer-events:none;position:absolute;left:0;top:0;z-index:11;margin:-0.5rem;display:grid;height:calc(100% + 1rem);width:calc(100% + 1rem);grid-template-columns:1rem auto 1rem;grid-template-rows:1rem auto 1rem}.drag-pointer-group>*{pointer-events:all !important}.maxPanel{top:0px !important;left:0px !important;width:100% !important;height:100% !important;border-radius:0px !important}.dragWindowPanel_dark{background-color:#043351}.dragWindowPanel_dark .iconify{color:#eee}.dragWindowPanel_dark .dragPanelTitle{background-color:#043351;color:#eee;border-radius:5px 5px 0 0;padding-left:5px;vertical-align:middle;pointer-events:all}.dragWindowPanel_dark .dragPanelTitle img{display:inline-block;vertical-align:middle}.dragWindowPanel_dark .dragPanelContent{background-color:#2f353d;margin-top:1px;height:100%;overflow-x:hidden;overflow-y:auto;padding:5px 8px}.cursor-nw-resize{cursor:nw-resize}.cursor-n-resize{cursor:n-resize}.cursor-ne-resize{cursor:ne-resize}.cursor-w-resize{cursor:w-resize}.cursor-e-resize{cursor:e-resize}.cursor-se-resize{cursor:se-resize}.cursor-sw-resize{cursor:sw-resize}.cursor-s-resize{cursor:s-resize}.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging *{user-select:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:rgba(0,0,0,.15);transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:rgba(0,0,0,.25)}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translateX(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}