xframelib 1.1.3 → 1.1.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.
@@ -12,7 +12,11 @@ var e = Object.create, t = Object.defineProperty, r = Object.getOwnPropertyDescr
12
12
  });
13
13
  return e;
14
14
  }, u = (e) => o.call(e, "module.exports") ? e["module.exports"] : f(t({}, "__esModule", { value: !0 }), e);
15
- const h = Symbol("Comlink.proxy"), l = Symbol("Comlink.endpoint"), d = Symbol("Comlink.releaseProxy"), p = Symbol("Comlink.finalizer"), b = Symbol("Comlink.thrown"), g = (e) => "object" == typeof e && null !== e || "function" == typeof e, y = new Map([["proxy", {
15
+ /**
16
+ * @license
17
+ * Copyright 2019 Google LLC
18
+ * SPDX-License-Identifier: Apache-2.0
19
+ */ const h = Symbol("Comlink.proxy"), l = Symbol("Comlink.endpoint"), d = Symbol("Comlink.releaseProxy"), p = Symbol("Comlink.finalizer"), b = Symbol("Comlink.thrown"), g = (e) => "object" == typeof e && null !== e || "function" == typeof e, y = new Map([["proxy", {
16
20
  canHandle: (e) => g(e) && e[h],
17
21
  serialize(e) {
18
22
  const { port1: t, port2: r } = new MessageChannel();
@@ -1,22 +1,22 @@
1
1
  import { PropType } from 'vue';
2
2
  import { IWidgetConfig } from '../../model/Layout';
3
- declare var __VLS_1: {}, __VLS_8: {}, __VLS_15: {}, __VLS_22: {}, __VLS_29: {}, __VLS_36: {}, __VLS_43: {}, __VLS_50: {};
3
+ declare var __VLS_1: {}, __VLS_8: {}, __VLS_20: {}, __VLS_27: {}, __VLS_34: {}, __VLS_41: {}, __VLS_48: {}, __VLS_55: {};
4
4
  type __VLS_Slots = {} & {
5
5
  top?: (props: typeof __VLS_1) => any;
6
6
  } & {
7
7
  main?: (props: typeof __VLS_8) => any;
8
8
  } & {
9
- back?: (props: typeof __VLS_15) => any;
9
+ back?: (props: typeof __VLS_20) => any;
10
10
  } & {
11
- front?: (props: typeof __VLS_22) => any;
11
+ front?: (props: typeof __VLS_27) => any;
12
12
  } & {
13
- left?: (props: typeof __VLS_29) => any;
13
+ left?: (props: typeof __VLS_34) => any;
14
14
  } & {
15
- right?: (props: typeof __VLS_36) => any;
15
+ right?: (props: typeof __VLS_41) => any;
16
16
  } & {
17
- bottom?: (props: typeof __VLS_43) => any;
17
+ bottom?: (props: typeof __VLS_48) => any;
18
18
  } & {
19
- default?: (props: typeof __VLS_50) => any;
19
+ default?: (props: typeof __VLS_55) => any;
20
20
  };
21
21
  declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
22
22
  widgetConfig: {
@@ -157,11 +157,11 @@ declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPro
157
157
  onMinimize?: ((...args: any[]) => any) | undefined;
158
158
  }>, {
159
159
  title: string;
160
+ icon: string;
160
161
  top: string | number;
161
162
  left: string | number;
162
163
  right: string | number;
163
164
  bottom: string | number;
164
- icon: string;
165
165
  tag: string | number | unknown[] | Record<string, any>;
166
166
  nWidth: string | number;
167
167
  nHeight: string | number;
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- .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}
1
+ .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}.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}.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)}.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}