@onereach/ui-components 6.4.6-beta.3438.0 → 6.4.6

package/dist/bundled/v3/components/OrResizeablePanelV3/styles.js

@@ -1,54 +0,0 @@
-import { ResizeablePanelPlacement } from './props.js';
-
-const ResizeablePanel = [
-// Position
-'relative',
-// Layout
-'layout-column'];
-const ResizeablePanelContent = [
-// Layout
-'layout-column grow',
-// Overflow
-'overflow-auto',
-// Spacing
-'px-md', 'py-md'];
-const ResizeablePanelToolbar = [];
-const ResizeablePanelResizeBar = [
-// Position
-'absolute',
-// Theme
-'theme-background-transparent', 'dark:theme-background-transparent-dark',
-// Theme (hover)
-'hover:theme-background-primary-hover', 'dark:hover:theme-background-primary-hover-dark'];
-const ResizeablePanelResizeBarPlacements = {
-  [ResizeablePanelPlacement.Top]: [
-  // Position
-  'bottom-none', 'left-none', 'right-none',
-  // Interactivity
-  'cursor-row-resize',
-  // Box
-  'h-[2px]'],
-  [ResizeablePanelPlacement.Bottom]: [
-  // Position
-  'top-none', 'left-none', 'right-none',
-  // Interactivity
-  'cursor-row-resize',
-  // Box
-  'h-[2px]'],
-  [ResizeablePanelPlacement.Left]: [
-  // Position
-  'right-none', 'top-none', 'bottom-none',
-  // Interactivity
-  'cursor-col-resize',
-  // Box
-  'w-[2px]'],
-  [ResizeablePanelPlacement.Right]: [
-  // Position
-  'left-none', 'top-none', 'bottom-none',
-  // Interactivity
-  'cursor-col-resize',
-  // Box
-  'w-[2px]']
-};
-
-export { ResizeablePanel, ResizeablePanelContent, ResizeablePanelResizeBar, ResizeablePanelResizeBarPlacements, ResizeablePanelToolbar };

package/dist/esm/v2/OrResizeablePanel-f0da49b8.js

@@ -1,139 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-
-var ResizeablePanelPlacement;
-(function (ResizeablePanelPlacement) {
-  ResizeablePanelPlacement["Top"] = "top";
-  ResizeablePanelPlacement["Bottom"] = "bottom";
-  ResizeablePanelPlacement["Left"] = "left";
-  ResizeablePanelPlacement["Right"] = "right";
-})(ResizeablePanelPlacement || (ResizeablePanelPlacement = {}));
-
-const ResizeablePanel = [
-// Position
-'relative',
-// Layout
-'layout-column'];
-const ResizeablePanelContent = [
-// Layout
-'layout-column grow',
-// Overflow
-'overflow-auto',
-// Spacing
-'px-md', 'py-md'];
-const ResizeablePanelToolbar = [];
-const ResizeablePanelResizeBar = [
-// Position
-'absolute',
-// Theme
-'theme-background-transparent', 'dark:theme-background-transparent-dark',
-// Theme (hover)
-'hover:theme-background-primary-hover', 'dark:hover:theme-background-primary-hover-dark'];
-const ResizeablePanelResizeBarPlacements = {
-  [ResizeablePanelPlacement.Top]: [
-  // Position
-  'bottom-none', 'left-none', 'right-none',
-  // Interactivity
-  'cursor-row-resize',
-  // Box
-  'h-[2px]'],
-  [ResizeablePanelPlacement.Bottom]: [
-  // Position
-  'top-none', 'left-none', 'right-none',
-  // Interactivity
-  'cursor-row-resize',
-  // Box
-  'h-[2px]'],
-  [ResizeablePanelPlacement.Left]: [
-  // Position
-  'right-none', 'top-none', 'bottom-none',
-  // Interactivity
-  'cursor-col-resize',
-  // Box
-  'w-[2px]'],
-  [ResizeablePanelPlacement.Right]: [
-  // Position
-  'left-none', 'top-none', 'bottom-none',
-  // Interactivity
-  'cursor-col-resize',
-  // Box
-  'w-[2px]']
-};
-
-var script = defineComponent({
-  props: {
-    placement: {
-      type: String,
-      required: true
-    },
-    resizeable: {
-      type: Boolean,
-      default: true
-    },
-    collapsible: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    // Refs
-    const root = ref();
-    const resizeBar = ref();
-    // Styles
-    const rootStyles = computed(() => ['or-resizeable-panel-v3', ...ResizeablePanel]);
-    const resizeBarStyles = computed(() => [...ResizeablePanelResizeBar, ...ResizeablePanelResizeBarPlacements[props.placement]]);
-    const contentStyles = computed(() => [...ResizeablePanelContent]);
-    const toolbarStyles = computed(() => [...ResizeablePanelToolbar]);
-    return {
-      root,
-      resizeBar,
-      rootStyles,
-      resizeBarStyles,
-      contentStyles,
-      toolbarStyles
-    };
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    ref: 'root',
-    class: _vm.rootStyles
-  }, [_c('div', {
-    class: _vm.contentStyles
-  }, [_vm._t("default")], 2), _vm._v(" "), _vm.$slots.toolbar ? [_c('div', {
-    class: _vm.toolbarStyles
-  }, [_vm._t("toolbar")], 2)] : _vm._e(), _vm._v(" "), _vm.resizeable ? [_c('div', {
-    ref: 'resizeBar',
-    class: _vm.resizeBarStyles
-  })] : _vm._e()], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = undefined;
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-export { ResizeablePanelPlacement as R, __vue_component__ as _ };

package/dist/esm/v2/components/or-resizeable-panel-v3/OrResizeablePanel.vue.d.ts

@@ -1,54 +0,0 @@
-import { PropType } from 'vue-demi';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    resizeBar: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    resizeBarStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
-}> & import("@vue/composition-api").Data, {}, {}, {
-    placement: {
-        type: PropType<"top" | "bottom" | "left" | "right">;
-        required: true;
-    };
-    resizeable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    collapsible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, import("@vue/composition-api").ExtractPropTypes<{
-    placement: {
-        type: PropType<"top" | "bottom" | "left" | "right">;
-        required: true;
-    };
-    resizeable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    collapsible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    placement: "top" | "bottom" | "left" | "right";
-    resizeable: boolean;
-    collapsible: boolean;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    resizeBar: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    resizeBarStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
-    placement: "top" | "bottom" | "left" | "right";
-    resizeable: boolean;
-    collapsible: boolean;
-} & {}, {
-    resizeable: boolean;
-    collapsible: boolean;
-}, true>);
-export default _default;

package/dist/esm/v2/components/or-resizeable-panel-v3/index.d.ts

@@ -1,2 +0,0 @@
-export { default as OrResizeablePanelV3 } from './OrResizeablePanel.vue';
-export * from './props';

package/dist/esm/v2/components/or-resizeable-panel-v3/index.js

@@ -1,3 +0,0 @@
-export { _ as OrResizeablePanelV3, R as ResizeablePanelPlacement } from '../../OrResizeablePanel-f0da49b8.js';
-import 'vue-demi';
-import '../../normalize-component-6e8e3d80.js';

package/dist/esm/v2/components/or-resizeable-panel-v3/props.d.ts

@@ -1,6 +0,0 @@
-export declare enum ResizeablePanelPlacement {
-    Top = "top",
-    Bottom = "bottom",
-    Left = "left",
-    Right = "right"
-}

package/dist/esm/v2/components/or-resizeable-panel-v3/styles.d.ts

@@ -1,6 +0,0 @@
-import { ResizeablePanelPlacement } from './props';
-export declare const ResizeablePanel: string[];
-export declare const ResizeablePanelContent: string[];
-export declare const ResizeablePanelToolbar: string[];
-export declare const ResizeablePanelResizeBar: string[];
-export declare const ResizeablePanelResizeBarPlacements: Record<ResizeablePanelPlacement, string[]>;

package/dist/esm/v3/OrResizeablePanel-569c3208.js

@@ -1,117 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode } from 'vue';
-
-var ResizeablePanelPlacement;
-(function (ResizeablePanelPlacement) {
-  ResizeablePanelPlacement["Top"] = "top";
-  ResizeablePanelPlacement["Bottom"] = "bottom";
-  ResizeablePanelPlacement["Left"] = "left";
-  ResizeablePanelPlacement["Right"] = "right";
-})(ResizeablePanelPlacement || (ResizeablePanelPlacement = {}));
-
-const ResizeablePanel = [
-// Position
-'relative',
-// Layout
-'layout-column'];
-const ResizeablePanelContent = [
-// Layout
-'layout-column grow',
-// Overflow
-'overflow-auto',
-// Spacing
-'px-md', 'py-md'];
-const ResizeablePanelToolbar = [];
-const ResizeablePanelResizeBar = [
-// Position
-'absolute',
-// Theme
-'theme-background-transparent', 'dark:theme-background-transparent-dark',
-// Theme (hover)
-'hover:theme-background-primary-hover', 'dark:hover:theme-background-primary-hover-dark'];
-const ResizeablePanelResizeBarPlacements = {
-  [ResizeablePanelPlacement.Top]: [
-  // Position
-  'bottom-none', 'left-none', 'right-none',
-  // Interactivity
-  'cursor-row-resize',
-  // Box
-  'h-[2px]'],
-  [ResizeablePanelPlacement.Bottom]: [
-  // Position
-  'top-none', 'left-none', 'right-none',
-  // Interactivity
-  'cursor-row-resize',
-  // Box
-  'h-[2px]'],
-  [ResizeablePanelPlacement.Left]: [
-  // Position
-  'right-none', 'top-none', 'bottom-none',
-  // Interactivity
-  'cursor-col-resize',
-  // Box
-  'w-[2px]'],
-  [ResizeablePanelPlacement.Right]: [
-  // Position
-  'left-none', 'top-none', 'bottom-none',
-  // Interactivity
-  'cursor-col-resize',
-  // Box
-  'w-[2px]']
-};
-
-var script = defineComponent({
-  props: {
-    placement: {
-      type: String,
-      required: true
-    },
-    resizeable: {
-      type: Boolean,
-      default: true
-    },
-    collapsible: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    // Refs
-    const root = ref();
-    const resizeBar = ref();
-    // Styles
-    const rootStyles = computed(() => ['or-resizeable-panel-v3', ...ResizeablePanel]);
-    const resizeBarStyles = computed(() => [...ResizeablePanelResizeBar, ...ResizeablePanelResizeBarPlacements[props.placement]]);
-    const contentStyles = computed(() => [...ResizeablePanelContent]);
-    const toolbarStyles = computed(() => [...ResizeablePanelToolbar]);
-    return {
-      root,
-      resizeBar,
-      rootStyles,
-      resizeBarStyles,
-      contentStyles,
-      toolbarStyles
-    };
-  }
-});
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    ref: 'root',
-    class: normalizeClass(_ctx.rootStyles)
-  }, [createElementVNode("div", {
-    class: normalizeClass(_ctx.contentStyles)
-  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", {
-    key: 0,
-    class: normalizeClass(_ctx.toolbarStyles)
-  }, [renderSlot(_ctx.$slots, "toolbar")], 2 /* CLASS */)) : createCommentVNode("v-if", true), _ctx.resizeable ? (openBlock(), createElementBlock("div", {
-    key: 1,
-    ref: 'resizeBar',
-    class: normalizeClass(_ctx.resizeBarStyles)
-  }, null, 2 /* CLASS */)) : createCommentVNode("v-if", true)], 2 /* CLASS */);
-}
-
-script.render = render;
-script.__file = "src/components/or-resizeable-panel-v3/OrResizeablePanel.vue";
-
-export { ResizeablePanelPlacement as R, script as s };

package/dist/esm/v3/components/or-resizeable-panel-v3/OrResizeablePanel.vue.d.ts

@@ -1,39 +0,0 @@
-import { PropType } from 'vue-demi';
-declare const _default: import("vue-demi").DefineComponent<{
-    placement: {
-        type: PropType<"top" | "bottom" | "left" | "right">;
-        required: true;
-    };
-    resizeable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    collapsible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    resizeBar: import("vue-demi").Ref<HTMLElement | undefined>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-    resizeBarStyles: import("vue-demi").ComputedRef<string[]>;
-    contentStyles: import("vue-demi").ComputedRef<string[]>;
-    toolbarStyles: import("vue-demi").ComputedRef<string[]>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    placement: {
-        type: PropType<"top" | "bottom" | "left" | "right">;
-        required: true;
-    };
-    resizeable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    collapsible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    resizeable: boolean;
-    collapsible: boolean;
-}>;
-export default _default;

package/dist/esm/v3/components/or-resizeable-panel-v3/index.d.ts

@@ -1,2 +0,0 @@
-export { default as OrResizeablePanelV3 } from './OrResizeablePanel.vue';
-export * from './props';

package/dist/esm/v3/components/or-resizeable-panel-v3/index.js

@@ -1,3 +0,0 @@
-export { s as OrResizeablePanelV3, R as ResizeablePanelPlacement } from '../../OrResizeablePanel-569c3208.js';
-import 'vue-demi';
-import 'vue';

package/dist/esm/v3/components/or-resizeable-panel-v3/props.d.ts

@@ -1,6 +0,0 @@
-export declare enum ResizeablePanelPlacement {
-    Top = "top",
-    Bottom = "bottom",
-    Left = "left",
-    Right = "right"
-}

package/dist/esm/v3/components/or-resizeable-panel-v3/styles.d.ts

@@ -1,6 +0,0 @@
-import { ResizeablePanelPlacement } from './props';
-export declare const ResizeablePanel: string[];
-export declare const ResizeablePanelContent: string[];
-export declare const ResizeablePanelToolbar: string[];
-export declare const ResizeablePanelResizeBar: string[];
-export declare const ResizeablePanelResizeBarPlacements: Record<ResizeablePanelPlacement, string[]>;

package/src/components/or-resizeable-panel-v3/OrResizeablePanel.vue

@@ -1,82 +0,0 @@
-<template>
-  <div
-    :ref="'root'"
-    :class="rootStyles"
-  >
-    <div :class="contentStyles">
-      <slot />
-    </div>
-
-    <template v-if="$slots.toolbar">
-      <div :class="toolbarStyles">
-        <slot name="toolbar" />
-      </div>
-    </template>
-
-    <template v-if="resizeable">
-      <div
-        :ref="'resizeBar'"
-        :class="resizeBarStyles"
-      />
-    </template>
-  </div>
-</template>
-
-<script lang="ts">
-import { PropType, computed, defineComponent, ref } from 'vue-demi';
-import { ResizeablePanelPlacement } from './props';
-import { ResizeablePanel, ResizeablePanelContent, ResizeablePanelResizeBar, ResizeablePanelResizeBarPlacements, ResizeablePanelToolbar } from './styles';
-
-export default defineComponent({
-  props: {
-    placement: {
-      type: String as PropType<`${ResizeablePanelPlacement}`>,
-      required: true,
-    },
-
-    resizeable: {
-      type: Boolean,
-      default: true,
-    },
-
-    collapsible: {
-      type: Boolean,
-      default: false,
-    },
-  },
-
-  setup(props) {
-    // Refs
-    const root = ref<HTMLElement>();
-    const resizeBar = ref<HTMLElement>();
-
-    // Styles
-    const rootStyles = computed(() => [
-      'or-resizeable-panel-v3',
-      ...ResizeablePanel,
-    ]);
-
-    const resizeBarStyles = computed(() => [
-      ...ResizeablePanelResizeBar,
-      ...ResizeablePanelResizeBarPlacements[props.placement],
-    ]);
-
-    const contentStyles = computed(() => [
-      ...ResizeablePanelContent,
-    ]);
-
-    const toolbarStyles = computed(() => [
-      ...ResizeablePanelToolbar,
-    ]);
-
-    return {
-      root,
-      resizeBar,
-      rootStyles,
-      resizeBarStyles,
-      contentStyles,
-      toolbarStyles,
-    };
-  },
-});
-</script>

package/src/components/or-resizeable-panel-v3/index.ts

@@ -1,2 +0,0 @@
-export { default as OrResizeablePanelV3 } from './OrResizeablePanel.vue';
-export * from './props';

package/src/components/or-resizeable-panel-v3/props.ts

@@ -1,6 +0,0 @@
-export enum ResizeablePanelPlacement {
-  Top = 'top',
-  Bottom = 'bottom',
-  Left = 'left',
-  Right = 'right',
-}

package/src/components/or-resizeable-panel-v3/styles.ts

@@ -1,92 +0,0 @@
-import { ResizeablePanelPlacement } from './props';
-
-export const ResizeablePanel: string[] = [
-  // Position
-  'relative',
-
-  // Layout
-  'layout-column',
-];
-
-export const ResizeablePanelContent: string[] = [
-  // Layout
-  'layout-column grow',
-
-  // Overflow
-  'overflow-auto',
-
-  // Spacing
-  'px-md',
-  'py-md',
-];
-
-export const ResizeablePanelToolbar: string[] = [
-
-];
-
-export const ResizeablePanelResizeBar: string[] = [
-  // Position
-  'absolute',
-
-  // Theme
-  'theme-background-transparent',
-  'dark:theme-background-transparent-dark',
-
-  // Theme (hover)
-  'hover:theme-background-primary-hover',
-  'dark:hover:theme-background-primary-hover-dark',
-];
-
-export const ResizeablePanelResizeBarPlacements: Record<ResizeablePanelPlacement, string[]> = {
-  [ResizeablePanelPlacement.Top]: [
-    // Position
-    'bottom-none',
-    'left-none',
-    'right-none',
-
-    // Interactivity
-    'cursor-row-resize',
-
-    // Box
-    'h-[2px]',
-  ],
-
-  [ResizeablePanelPlacement.Bottom]: [
-    // Position
-    'top-none',
-    'left-none',
-    'right-none',
-
-    // Interactivity
-    'cursor-row-resize',
-
-    // Box
-    'h-[2px]',
-  ],
-
-  [ResizeablePanelPlacement.Left]: [
-    // Position
-    'right-none',
-    'top-none',
-    'bottom-none',
-
-    // Interactivity
-    'cursor-col-resize',
-
-    // Box
-    'w-[2px]',
-  ],
-
-  [ResizeablePanelPlacement.Right]: [
-    // Position
-    'left-none',
-    'top-none',
-    'bottom-none',
-
-    // Interactivity
-    'cursor-col-resize',
-
-    // Box
-    'w-[2px]',
-  ],
-};