xframelib 0.7.6 → 0.7.8

package/dist/assets/output-1225ced9.css

@@ -1,305 +0,0 @@
-.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 0.2s ease-out;
-}
-.splitpanes--horizontal .splitpanes__pane {
-  transition: height 0.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, 0.15);
-  transition: background-color 0.3s;
-}
-.splitpanes.default-theme .splitpanes__splitter:hover:before, .splitpanes.default-theme .splitpanes__splitter:hover:after {
-  background-color: rgba(0, 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;
-}
-
-.vcpg {
-  border: 1px solid var(--border-color);
-  border-radius: 4px;
-  width: 100%;
-}
-.vcpg ::v-deep(.vcp) * {
-  box-sizing: border-box;
-}
-.vcpg ::v-deep(.vcp) .vcp__header {
-  background-color: var(--bg-color-header);
-  height: 30px;
-  border-bottom: 2px solid #c6bebd;
-  transition: background-color 0.3s ease;
-}
-.vcpg ::v-deep(.vcp) .vcp__header .vcp__header:hover {
-  background-color: var(--bg-color-header-hover);
-}
-.vcpg ::v-deep(.vcp) .vcp__header .vcp__header:active {
-  background-color: var(--bg-color-header-active);
-}
-.vcpg ::v-deep(.vcp) .vcp:not(:first-of-type) .vcp__header {
-  border-top: 2px solid var(--border-color);
-}
-.vcpg ::v-deep(.vcp) .vcp__header-title {
-  font-weight: 500;
-}
-.vcpg ::v-deep(.vcp) .vcp__body {
-  border-top: 1px solid var(--border-color);
-  background-color: var(--bg-color-body);
-}
-
-.vcp__header {
-  display: flex;
-  padding: 12px;
-  pointer-events: none;
-}
-.vcp--expandable .vcp__header {
-  pointer-events: auto;
-  cursor: pointer;
-}
-.vcp__header-title {
-  display: flex;
-  align-items: center;
-  flex: 1;
-}
-.vcp__header-icon {
-  display: flex;
-  align-items: center;
-  transition: transform 0.3s cubic-bezier(0.5, 0.25, 0, 1);
-}
-.vcp--expanded .vcp__header-icon {
-  transform-origin: center;
-  transform: rotate(180deg);
-}
-.vcp__header-icon > span {
-  display: flex;
-  height: 24px;
-  width: 24px;
-}
-.vcp__header-icon ::v-deep(svg) {
-  height: 100%;
-  width: 100%;
-}
-.vcp__body {
-  overflow: hidden;
-  transition: all 0.3s cubic-bezier(0.5, 0.25, 0, 1);
-}
-.vcp__body-content {
-  padding: 12px;
-}
-
-.slide-enter-from,
-.slide-leave-to {
-  opacity: 0.25;
-}
-
-.window {
-  display: flex;
-  flex-flow: column;
-  position: absolute;
-  border-radius: 4pt 4pt 0 0;
-}
-
-.titlebar {
-  display: flex;
-  flex-flow: row nowrap;
-  border-radius: 4pt 4pt 0 0;
-  font-family: sans-serif;
-  padding: 0.5em;
-  flex: 0 0 auto;
-}
-
-.title {
-  flex-grow: 1;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.content {
-  flex-grow: 1;
-  padding: 0.5em;
-}
-
-.draggable-handle {
-  cursor: move;
-}
-
-.fade-enter,
-.fade-leave-to {
-  opacity: 0;
-  transform: scale(0.9);
-}
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: 0.2s;
-}
-
-.layoutContainer {
-  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-centerback-backcolor: #020202;
-  --layout-top-zindex: 100;
-  --layout-bottom-zindex: 100;
-  --layout-center-zindex: 90;
-  --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);
-  pointer-events: none;
-}
-
-.bottomContainer {
-  position: absolute;
-  bottom: 0px;
-  left: 0px;
-  width: 100%;
-  height: var(--layout-bottom-height);
-  z-index: var(--layout-bottom-zindex);
-  pointer-events: none;
-}
-
-.leftContainer {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  width: var(--layout-left-width);
-  z-index: var(--layout-left-zindex);
-  height: 100%;
-  pointer-events: none;
-}
-
-.rightContainer {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  width: var(--layout-right-width);
-  z-index: var(--layout-right-zindex);
-  height: 100%;
-  pointer-events: none;
-}
-
-.centerdiv {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  bottom: 0px;
-  width: 100%;
-  background-color: transparent;
-  overflow: hidden;
-  pointer-events: none;
-}
-
-.btn {
-  background-color: transparent;
-  border: none;
-  font-size: medium;
-  margin: 0;
-  padding: 0 0.25em;
-  border-radius: 4pt;
-}

package/dist/assets/output-ad5f5cbf.css

@@ -1,307 +0,0 @@
-.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 0.2s ease-out;
-}
-.splitpanes--horizontal .splitpanes__pane {
-  transition: height 0.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, 0.15);
-  transition: background-color 0.3s;
-}
-.splitpanes.default-theme .splitpanes__splitter:hover:before, .splitpanes.default-theme .splitpanes__splitter:hover:after {
-  background-color: rgba(0, 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;
-}
-
-.vcpg {
-  border: 1px solid var(--border-color);
-  border-radius: 4px;
-  width: 100%;
-}
-.vcpg ::v-deep(.vcp) * {
-  box-sizing: border-box;
-}
-.vcpg ::v-deep(.vcp) .vcp__header {
-  background-color: var(--bg-color-header);
-  height: 30px;
-  border-bottom: 2px solid #c6bebd;
-  transition: background-color 0.3s ease;
-}
-.vcpg ::v-deep(.vcp) .vcp__header .vcp__header:hover {
-  background-color: var(--bg-color-header-hover);
-}
-.vcpg ::v-deep(.vcp) .vcp__header .vcp__header:active {
-  background-color: var(--bg-color-header-active);
-}
-.vcpg ::v-deep(.vcp) .vcp:not(:first-of-type) .vcp__header {
-  border-top: 2px solid var(--border-color);
-}
-.vcpg ::v-deep(.vcp) .vcp__header-title {
-  font-weight: 500;
-}
-.vcpg ::v-deep(.vcp) .vcp__body {
-  border-top: 1px solid var(--border-color);
-  background-color: var(--bg-color-body);
-}
-
-.vcp__header {
-  display: flex;
-  padding: 12px;
-  pointer-events: none;
-}
-.vcp--expandable .vcp__header {
-  pointer-events: auto;
-  cursor: pointer;
-}
-.vcp__header-title {
-  display: flex;
-  align-items: center;
-  flex: 1;
-}
-.vcp__header-icon {
-  display: flex;
-  align-items: center;
-  transition: transform 0.3s cubic-bezier(0.5, 0.25, 0, 1);
-}
-.vcp--expanded .vcp__header-icon {
-  transform-origin: center;
-  transform: rotate(180deg);
-}
-.vcp__header-icon > span {
-  display: flex;
-  height: 24px;
-  width: 24px;
-}
-.vcp__header-icon ::v-deep(svg) {
-  height: 100%;
-  width: 100%;
-}
-.vcp__body {
-  overflow: hidden;
-  transition: all 0.3s cubic-bezier(0.5, 0.25, 0, 1);
-}
-.vcp__body-content {
-  padding: 12px;
-}
-
-.slide-enter-from,
-.slide-leave-to {
-  opacity: 0.25;
-}
-
-.window {
-  display: flex;
-  flex-flow: column;
-  position: absolute;
-  border-radius: 4pt 4pt 0 0;
-}
-
-.titlebar {
-  display: flex;
-  flex-flow: row nowrap;
-  border-radius: 4pt 4pt 0 0;
-  font-family: sans-serif;
-  padding: 0.5em;
-  flex: 0 0 auto;
-}
-
-.title {
-  flex-grow: 1;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.content {
-  flex-grow: 1;
-  padding: 0.5em;
-}
-
-.draggable-handle {
-  cursor: move;
-}
-
-.fade-enter,
-.fade-leave-to {
-  opacity: 0;
-  transform: scale(0.9);
-}
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: 0.2s;
-}
-
-.layoutContainer {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  --layout-top-zindex: 100;
-  --layout-bottom-zindex: 100;
-  --layout-centermain-zindex:70;
-  --layout-centerback-zindex: 80;
-  --layout-centerfront-zindex: 90;
-  --layout-left-zindex: 100;
-  --layout-right-zindex: 100;
-}
-
-.topContainer {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  z-index: var(--layout-top-zindex);
-}
-
-.bottomContainer {
-  position: absolute;
-  bottom: 0px;
-  left: 0px;
-  width: 100%;
-  z-index: var(--layout-bottom-zindex);
-}
-
-.leftContainer {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  z-index: var(--layout-left-zindex);
-  height: 100%;
-}
-
-.rightContainer {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  z-index: var(--layout-right-zindex);
-  height: 100%;
-}
-
-.centerdiv {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 0;
-  background-color: transparent;
-  overflow: hidden;
-}
-
-.mainContainer {
-  bottom: 0;
-  width: 100%;
-  z-index: var(--layout-centermain-zindex);
-}
-
-.backContainer {
-  z-index: var(--layout-centerback-zindex);
-}
-
-.centerFrontContainer {
-  z-index: var(--layout-centerfront-zindex);
-}
-
-.btn {
-  background-color: transparent;
-  border: none;
-  font-size: medium;
-  margin: 0;
-  padding: 0 0.25em;
-  border-radius: 4pt;
-}

package/dist/controls/collapsepanel/VCollapsiblePanel.vue.d.ts

@@ -1,27 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    expanded: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    body: import("vue").ComputedRef<{
-        hasContent: boolean | undefined;
-        dataKey: string;
-    }>;
-    panelRef: import("vue").Ref<HTMLElement | undefined>;
-    bodyRef: import("vue").Ref<HTMLElement | undefined>;
-    bodyContentRef: import("vue").Ref<HTMLElement | undefined>;
-    isExpanded: import("vue").ComputedRef<boolean | undefined>;
-    collapse: (element: HTMLElement) => void;
-    expand: (element: HTMLElement) => void;
-    toggle: () => void;
-    toggleIcon: string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    expanded: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    expanded: boolean;
-}, {}>;
-export default _default;

package/dist/controls/collapsepanel/VCollapsiblePanelGroup.vue.d.ts

@@ -1,33 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    accordion: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    baseColor: {
-        type: StringConstructor;
-        default: string;
-    };
-}, {
-    idGroup: import("vue").Ref<string>;
-    cssColorVars: {
-        '--base-color': string;
-        '--border-color': string;
-        '--bg-color-header': string;
-        '--bg-color-header-hover': string;
-        '--bg-color-header-active': string;
-        '--bg-color-body': string;
-    };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    accordion: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    baseColor: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
-    accordion: boolean;
-    baseColor: string;
-}, {}>;
-export default _default;

package/dist/controls/collapsepanel/color.util.d.ts

@@ -1 +0,0 @@
-export declare const lightenDarkenColor: (hexColor: string, amount: number) => string;

package/dist/controls/collapsepanel/composables/store.d.ts

@@ -1,7 +0,0 @@
-export declare const useCollapsiblePanelStore: () => {
-    useGroupAccordion: (idGroup: string) => import("vue").ComputedRef<boolean>;
-    setGroupAccordionStatus: (idGroup: string, status: boolean) => void;
-    panelExpanded: (idGroup: string, idPanel: string) => import("vue").ComputedRef<boolean>;
-    setPanelExpandedStatus: (idGroup: string, idPanel: string, status: boolean) => void;
-    togglePanelExpandedStatus: (idGroup: string, idPanel: string) => void;
-};

package/dist/controls/collapsepanel/constant.d.ts

@@ -1 +0,0 @@
-export declare const toggleIcon = "\n    <svg\n        width=\"24px\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        fill=\"currentColor\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path d=\"M6.34292 7.75734L4.92871 9.17155L11.9998 16.2426L19.0708 9.17158L17.6566 7.75737L11.9998 13.4142L6.34292 7.75734Z\"/>\n    </svg>\n";

package/dist/controls/collapsepanel/index.d.ts

@@ -1,3 +0,0 @@
-import VCollapsiblePanelGroup from './VCollapsiblePanelGroup.vue';
-import VCollapsiblePanel from './VCollapsiblePanel.vue';
-export { VCollapsiblePanel, VCollapsiblePanelGroup };