origam 0.3.5 → 0.3.6

package/dist/src/composables/Commons/activator.composable.d.ts

@@ -1,5 +1,5 @@
-import type { IActivatorProps } from '../../interfaces';
 import { Ref } from 'vue';
+import type { IActivatorProps } from '../../interfaces';
 export declare function useActivator(props: IActivatorProps, { isActive, isTop }: {
     isActive: Ref<boolean>;
     isTop: Ref<boolean>;

package/dist/src/composables/Commons/activator.composable.js

@@ -1,7 +1,7 @@
+import { computed, effectScope, inject, nextTick, onScopeDispose, ref, watch, watchEffect } from "vue";
 import { useDelay } from "../../composables/index.js";
 import { IN_BROWSER, ORIGAM_MENU_KEY } from "../../consts/index.js";
 import { activator, getCurrentInstance, getTargetActivator, matchesSelector, refElement } from "../../utils/index.js";
-import { computed, effectScope, inject, nextTick, onScopeDispose, ref, watch, watchEffect } from "vue";
 export function useActivator(props, { isActive, isTop }) {
   const vm = getCurrentInstance("useActivator");
   const activatorEl = ref();

package/dist/src/composables/Commons/active.composable.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useActive = useActive;
+var _vue = require("vue");
 var _composables = require("../../composables/index.cjs");
 var _utils = require("../../utils/index.cjs");
-var _vue = require("vue");
 function useActive(props, prop = "active", name = (0, _utils.getCurrentInstanceName)()) {
   const isActive = (0, _composables.useVModel)(props, prop);
   const activeClasses = (0, _vue.computed)(() => {

package/dist/src/composables/Commons/active.composable.js

@@ -1,6 +1,6 @@
+import { computed } from "vue";
 import { useVModel } from "../../composables/index.js";
 import { getCurrentInstanceName } from "../../utils/index.js";
-import { computed } from "vue";
 export function useActive(props, prop = "active", name = getCurrentInstanceName()) {
   const isActive = useVModel(props, prop);
   const activeClasses = computed(() => {

package/dist/src/composables/Commons/adjacent.composable.cjs

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useAdjacent = useAdjacent;
 exports.useAdjacentInner = useAdjacentInner;
-var _utils = require("../../utils/index.cjs");
 var _vue = require("vue");
+var _utils = require("../../utils/index.cjs");
 function useAdjacent(props, prependIcon, appendIcon) {
   const vm = (0, _utils.getCurrentInstance)("OrigamAdjacent");
   const slots = (0, _vue.useSlots)();

package/dist/src/composables/Commons/adjacent.composable.d.ts

@@ -1,5 +1,5 @@
-import type { IAdjacentInnerProps, IAdjacentProps } from '../../interfaces';
 import { ComputedRef, Ref } from 'vue';
+import type { IAdjacentInnerProps, IAdjacentProps } from '../../interfaces';
 export declare function useAdjacent(props: IAdjacentProps, prependIcon: Ref | ComputedRef, appendIcon: Ref | ComputedRef): {
     hasPrependMedia: ComputedRef<boolean>;
     hasPrepend: ComputedRef<boolean>;

package/dist/src/composables/Commons/adjacent.composable.js

@@ -1,5 +1,5 @@
-import { getCurrentInstance } from "../../utils/index.js";
 import { computed, useSlots } from "vue";
+import { getCurrentInstance } from "../../utils/index.js";
 export function useAdjacent(props, prependIcon, appendIcon) {
   const vm = getCurrentInstance("OrigamAdjacent");
   const slots = useSlots();

package/dist/src/composables/Commons/border.composable.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useBorder = useBorder;
+var _vue = require("vue");
 var _consts = require("../../consts/index.cjs");
 var _utils = require("../../utils/index.cjs");
-var _vue = require("vue");
 function useBorder(props, name = (0, _utils.getCurrentInstanceName)()) {
   const borderClasses = (0, _vue.computed)(() => {
     const border = (0, _vue.isRef)(props) ? props.value : props.border;

package/dist/src/composables/Commons/border.composable.d.ts

@@ -1,6 +1,6 @@
+import { Ref } from 'vue';
 import type { IBorderProps } from '../../interfaces';
 import { TDirectionBoth } from "../../types";
-import { Ref } from 'vue';
 export declare function useBorder(props: IBorderProps | Ref<boolean | number | string | TDirectionBoth | Array<TDirectionBoth> | null | undefined>, name?: string): {
     borderClasses: import("vue").ComputedRef<string[]>;
     borderStyles: import("vue").ComputedRef<string[]>;

package/dist/src/composables/Commons/border.composable.js

@@ -1,6 +1,6 @@
+import { computed, isRef } from "vue";
 import { BORDER_REGEX, DIRECTION_ARRAY } from "../../consts/index.js";
 import { convertToUnit, formatBorderStylesVar, getCurrentInstanceName, isEmpty } from "../../utils/index.js";
-import { computed, isRef } from "vue";
 export function useBorder(props, name = getCurrentInstanceName()) {
   const borderClasses = computed(() => {
     const border = isRef(props) ? props.value : props.border;

package/dist/src/composables/Commons/calendar.composable.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCalendar = useCalendar;
+var _vue = require("vue");
 var _composables = require("../../composables/index.cjs");
 var _utils = require("../../utils/index.cjs");
-var _vue = require("vue");
 function useCalendar(props) {
   const adapter = (0, _composables.useDate)();
   const model = (0, _composables.useVModel)(props, "date", [], v => (0, _utils.wrapInArray)(v));

package/dist/src/composables/Commons/calendar.composable.js

@@ -1,6 +1,6 @@
+import { computed } from "vue";
 import { useDate, useVModel } from "../../composables/index.js";
 import { getWeek, wrapInArray } from "../../utils/index.js";
-import { computed } from "vue";
 export function useCalendar(props) {
   const adapter = useDate();
   const model = useVModel(

package/dist/src/composables/Commons/color.composable.cjs

@@ -8,8 +8,8 @@ exports.useBothColor = useBothColor;
 exports.useColor = useColor;
 exports.useColorEffect = useColorEffect;
 exports.useTextColor = useTextColor;
-var _utils = require("../../utils/index.cjs");
 var _vue = require("vue");
+var _utils = require("../../utils/index.cjs");
 function useColor(colors) {
   const colorStyles = (0, _vue.computed)(() => {
     const styles = [];

package/dist/src/composables/Commons/color.composable.d.ts

@@ -1,6 +1,6 @@
+import type { ComputedRef, Ref } from 'vue';
 import type { IColorProps } from "../../interfaces";
 import type { TColor } from '../../types';
-import type { ComputedRef, Ref } from 'vue';
 export declare function useColor(colors: ComputedRef<{
     background?: TColor;
     text?: TColor;

package/dist/src/composables/Commons/color.composable.js

@@ -1,5 +1,5 @@
-import { getForeground, isCssColor, isParsableColor, parseColor } from "../../utils/index.js";
 import { computed, isRef, ref } from "vue";
+import { getForeground, isCssColor, isParsableColor, parseColor } from "../../utils/index.js";
 export function useColor(colors) {
   const colorStyles = computed(() => {
     const styles = [];

package/dist/src/composables/Commons/date.composable.cjs

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createDate = createDate;
 exports.useDate = useDate;
+var _vue = require("vue");
 var _composables = require("../../composables/index.cjs");
 var _consts = require("../../consts/index.cjs");
 var _services = require("../../services/index.cjs");
 var _utils = require("../../utils/index.cjs");
-var _vue = require("vue");
 function createDate(options, locale) {
   const _options = (0, _utils.mergeDeep)({
     adapter: _services.DateAdapter,

package/dist/src/composables/Commons/date.composable.js

@@ -1,8 +1,8 @@
+import { inject } from "vue";
 import { useLocale } from "../../composables/index.js";
 import { ORIGAM_DATE_OPTIONS_KEY } from "../../consts/index.js";
 import { DateAdapter } from "../../services/index.js";
 import { createInstance, mergeDeep } from "../../utils/index.js";
-import { inject } from "vue";
 export function createDate(options, locale) {
   const _options = mergeDeep({
     adapter: DateAdapter,

package/dist/src/composables/Commons/density.composable.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDensity = useDensity;
+var _vue = require("vue");
 var _consts = require("../../consts/index.cjs");
 var _utils = require("../../utils/index.cjs");
-var _vue = require("vue");
 function useDensity(props, name = (0, _utils.getCurrentInstanceName)()) {
   const densityClasses = (0, _vue.computed)(() => {
     const density = (0, _vue.isRef)(props) ? props.value : props.density;

package/dist/src/composables/Commons/density.composable.d.ts

@@ -1,5 +1,5 @@
-import type { IDensityProps } from '../../interfaces';
 import { Ref } from 'vue';
+import type { IDensityProps } from '../../interfaces';
 export declare function useDensity(props: IDensityProps | Ref<number | string | undefined>, name?: string): {
     densityClasses: import("vue").ComputedRef<string[]>;
 };

package/dist/src/composables/Commons/density.composable.js

@@ -1,6 +1,6 @@
+import { computed, isRef } from "vue";
 import { PREDIFINED_DENSITY } from "../../consts/index.js";
 import { getCurrentInstanceName } from "../../utils/index.js";
-import { computed, isRef } from "vue";
 export function useDensity(props, name = getCurrentInstanceName()) {
   const densityClasses = computed(() => {
     const density = isRef(props) ? props.value : props.density;

package/dist/src/composables/Commons/dimension.composable.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDimension = useDimension;
+var _vue = require("vue");
 var _consts = require("../../consts/index.cjs");
 var _utils = require("../../utils/index.cjs");
-var _vue = require("vue");
 function useDimension(props) {
   const dimensionStyles = (0, _vue.computed)(() => {
     const dimensions = [];

package/dist/src/composables/Commons/dimension.composable.js

@@ -1,6 +1,6 @@
+import { computed } from "vue";
 import { DIMENSIONS_ARRAY } from "../../consts/index.js";
 import { convertToUnit, toKebabCase } from "../../utils/index.js";
-import { computed } from "vue";
 export function useDimension(props) {
   const dimensionStyles = computed(() => {
     const dimensions = [];

package/dist/src/composables/Commons/display.composable.cjs

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createDisplay = createDisplay;
 exports.useDisplay = useDisplay;
+var _vue = require("vue");
 var _consts = require("../../consts/index.cjs");
 var _utils = require("../../utils/index.cjs");
-var _vue = require("vue");
 function useDisplay(props = {}, name = (0, _utils.getCurrentInstanceName)()) {
   const display = (0, _vue.inject)(_consts.ORIGAM_DISPLAY_KEY);
   if (!display) throw new Error("Could not find Origam display injection");

package/dist/src/composables/Commons/display.composable.js

@@ -1,6 +1,6 @@
+import { computed, inject, reactive, shallowRef, toRefs, watchEffect } from "vue";
 import { IN_BROWSER, ORIGAM_DISPLAY_KEY } from "../../consts/index.js";
 import { getClientHeight, getClientWidth, getCurrentInstanceName, getPlatform, parseDisplayOptions } from "../../utils/index.js";
-import { computed, inject, reactive, shallowRef, toRefs, watchEffect } from "vue";
 export function useDisplay(props = {}, name = getCurrentInstanceName()) {
   const display = inject(ORIGAM_DISPLAY_KEY);
   if (!display) throw new Error("Could not find Origam display injection");

package/dist/src/composables/Commons/dragResizer.composable.cjs

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDragResizer = useDragResizer;
+var _vue = require("vue");
 var _composables = require("../../composables/index.cjs");
 var _enums = require("../../enums/index.cjs");
 var _utils = require("../../utils/index.cjs");
-var _vue = require("vue");
 function useDragResizer(el, value, min, max, axis) {
   const resizing = (0, _vue.ref)(false);
   const removeListeners = [];

package/dist/src/composables/Commons/dragResizer.composable.d.ts

@@ -1,3 +1,3 @@
-import type { TAxis } from '../../types';
 import { Ref } from 'vue';
+import type { TAxis } from '../../types';
 export declare function useDragResizer(el: HTMLElement | undefined, value: Ref<number>, min: number, max: number, axis: TAxis): void;

package/dist/src/composables/Commons/dragResizer.composable.js

@@ -1,7 +1,7 @@
+import { computed, onUnmounted, ref } from "vue";
 import { useEventListener } from "../../composables/index.js";
 import { AXIS, CLIENT_POSITION } from "../../enums/index.js";
 import { addWindowListener, clamp, getPosition } from "../../utils/index.js";
-import { computed, onUnmounted, ref } from "vue";
 export function useDragResizer(el, value, min, max, axis) {
   const resizing = ref(false);
   const removeListeners = [];

package/dist/src/composables/Commons/elevation.composable.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useElevation = useElevation;
-var _utils = require("../../utils/index.cjs");
 var _vue = require("vue");
+var _utils = require("../../utils/index.cjs");
 function useElevation(props, flat = (0, _vue.ref)(false), bgColor = (0, _vue.ref)("rgb(0,0,0)"), name = (0, _utils.getCurrentInstanceName)()) {
   const elevationClasses = (0, _vue.computed)(() => {
     const elevation = (0, _vue.isRef)(props) ? props.value : props.elevation;

package/dist/src/composables/Commons/elevation.composable.d.ts

@@ -1,6 +1,6 @@
+import { Ref } from 'vue';
 import type { IElevationProps } from '../../interfaces';
 import { TColor } from "../../types";
-import { Ref } from 'vue';
 export declare function useElevation(props: IElevationProps | Ref<number | string | undefined>, flat?: Ref<boolean>, bgColor?: Ref<TColor>, name?: string): {
     elevationClasses: import("vue").ComputedRef<string[]>;
     elevationStyles: import("vue").ComputedRef<string[]>;

package/dist/src/composables/Commons/elevation.composable.js

@@ -1,5 +1,5 @@
-import { formatElevationStyle, getCurrentInstanceName } from "../../utils/index.js";
 import { computed, isRef, ref } from "vue";
+import { formatElevationStyle, getCurrentInstanceName } from "../../utils/index.js";
 export function useElevation(props, flat = ref(false), bgColor = ref("rgb(0,0,0)"), name = getCurrentInstanceName()) {
   const elevationClasses = computed(() => {
     const elevation = isRef(props) ? props.value : props.elevation;

package/dist/src/composables/Commons/eventListener.composable.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useEventListener = useEventListener;
-var _utils = require("../../utils/index.cjs");
 var _vue = require("vue");
+var _utils = require("../../utils/index.cjs");
 function useEventListener(...args) {
   let target;
   let events;

package/dist/src/composables/Commons/eventListener.composable.js

@@ -1,5 +1,5 @@
-import { noop, resolveUnref, tryOnScopeDispose, unrefElement } from "../../utils/index.js";
 import { watch } from "vue";
+import { noop, resolveUnref, tryOnScopeDispose, unrefElement } from "../../utils/index.js";
 export function useEventListener(...args) {
   let target;
   let events;

package/dist/src/composables/Commons/filters.composable.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useFilter = useFilter;
-var _utils = require("../../utils/index.cjs");
 var _vue = require("vue");
+var _utils = require("../../utils/index.cjs");
 function useFilter(props, items, query, options) {
   const filteredItems = (0, _vue.ref)([]);
   const filteredMatches = (0, _vue.ref)(/* @__PURE__ */new Map());

package/dist/src/composables/Commons/filters.composable.d.ts

@@ -1,6 +1,6 @@
+import { MaybeRef, Ref } from 'vue';
 import type { IFiltersProps, IInternalItem } from '../../interfaces';
 import type { TFilterKeyFunctions, TFilterMatch } from '../../types';
-import { MaybeRef, Ref } from 'vue';
 export declare function useFilter<T extends IInternalItem>(props: IFiltersProps, items: MaybeRef<T[]>, query: Ref<string | undefined> | (() => string | undefined), options?: {
     transform?: (item: T) => Record<string, unknown>;
     customKeyFilter?: MaybeRef<TFilterKeyFunctions | undefined>;

package/dist/src/composables/Commons/filters.composable.js

@@ -1,5 +1,5 @@
-import { filterItems } from "../../utils/index.js";
 import { computed, ref, unref, watchEffect } from "vue";
+import { filterItems } from "../../utils/index.js";
 export function useFilter(props, items, query, options) {
   const filteredItems = ref([]);
   const filteredMatches = ref(/* @__PURE__ */ new Map());

package/dist/src/composables/Commons/focus.composable.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useFocus = useFocus;
+var _vue = require("vue");
 var _composables = require("../../composables/index.cjs");
 var _utils = require("../../utils/index.cjs");
-var _vue = require("vue");
 function useFocus(props, name = (0, _utils.getCurrentInstanceName)()) {
   const isFocused = (0, _composables.useVModel)(props, "focused");
   const focusClasses = (0, _vue.computed)(() => {

package/dist/src/composables/Commons/focus.composable.js

@@ -1,6 +1,6 @@
+import { computed } from "vue";
 import { useVModel } from "../../composables/index.js";
 import { getCurrentInstanceName } from "../../utils/index.js";
-import { computed } from "vue";
 export function useFocus(props, name = getCurrentInstanceName()) {
   const isFocused = useVModel(props, "focused");
   const focusClasses = computed(() => {

package/dist/src/composables/Commons/goTo.composable.cjs

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createGoTo = createGoTo;
 exports.useGoTo = useGoTo;
+var _vue = require("vue");
 var _composables = require("../../composables/index.cjs");
 var _consts = require("../../consts/index.cjs");
 var _utils = require("../../utils/index.cjs");
-var _vue = require("vue");
 function createGoTo(options, locale) {
   return {
     rtl: locale.isRtl,

package/dist/src/composables/Commons/goTo.composable.d.ts

@@ -1,5 +1,5 @@
-import type { IGoToInstance, IGoToOptions, ILocaleInstance, IRtlInstance } from "../../interfaces";
 import { ComponentPublicInstance } from "vue";
+import type { IGoToInstance, IGoToOptions, ILocaleInstance, IRtlInstance } from "../../interfaces";
 export declare function createGoTo(options: IGoToOptions | undefined, locale: ILocaleInstance & IRtlInstance): IGoToInstance;
 export declare function useGoTo(_options?: Partial<IGoToOptions>): {
     (target: ComponentPublicInstance | HTMLElement | string | number, options?: Partial<IGoToOptions>): Promise<unknown>;

package/dist/src/composables/Commons/goTo.composable.js

@@ -1,7 +1,7 @@
+import { computed, inject } from "vue";
 import { useRtl } from "../../composables/index.js";
 import { ORIGAM_GO_TO_KEY } from "../../consts/index.js";
 import { genDefaults, mergeDeep, scrollTo } from "../../utils/index.js";
-import { computed, inject } from "vue";
 export function createGoTo(options, locale) {
   return {
     rtl: locale.isRtl,

package/dist/src/composables/Commons/group.composable.cjs

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useGroup = useGroup;
 exports.useGroupItem = useGroupItem;
+var _vue = require("vue");
 var _composables = require("../../composables/index.cjs");
 var _utils = require("../../utils/index.cjs");
-var _vue = require("vue");
 function useGroupItem(props, injectKey, required = true) {
   const vm = (0, _utils.getCurrentInstance)("useGroupItem");
   if (!vm) {

package/dist/src/composables/Commons/group.composable.d.ts

@@ -1,4 +1,4 @@
-import type { IGroupItemProps, IGroupItemProvide, IGroupProps, IGroupProvide } from '../../interfaces';
 import { InjectionKey } from 'vue';
+import type { IGroupItemProps, IGroupItemProvide, IGroupProps, IGroupProvide } from '../../interfaces';
 export declare function useGroupItem(props: IGroupItemProps, injectKey: InjectionKey<IGroupProvide>, required?: boolean): IGroupItemProvide | null;
 export declare function useGroup(props: IGroupProps, injectKey: InjectionKey<IGroupProvide>): IGroupProvide;

package/dist/src/composables/Commons/group.composable.js

@@ -1,14 +1,3 @@
-import { useVModel } from "../../composables/index.js";
-import {
-  consoleWarn,
-  findChildrenWithProvide,
-  getCurrentInstance,
-  getIds,
-  getItemIndex,
-  getUid,
-  getValues,
-  wrapInArray
-} from "../../utils/index.js";
 import {
   computed,
   inject,
@@ -20,6 +9,17 @@ import {
   unref,
   watch
 } from "vue";
+import { useVModel } from "../../composables/index.js";
+import {
+  consoleWarn,
+  findChildrenWithProvide,
+  getCurrentInstance,
+  getIds,
+  getItemIndex,
+  getUid,
+  getValues,
+  wrapInArray
+} from "../../utils/index.js";
 export function useGroupItem(props, injectKey, required = true) {
   const vm = getCurrentInstance("useGroupItem");
   if (!vm) {

package/dist/src/composables/Commons/hotkey.composable.cjs

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useHotkey = useHotkey;
+var _vue = require("vue");
 var _consts = require("../../consts/index.cjs");
 var _hotkeyConst = require("../../consts/Commons/hotkey.const.ts");
 var _utils = require("../../utils/index.cjs");
-var _vue = require("vue");
 function useHotkey(keys, callback, options = {}) {
   if (!_consts.IN_BROWSER) return function () {};
   const {

package/dist/src/composables/Commons/hotkey.composable.d.ts

@@ -1,3 +1,3 @@
-import { IHotkeyOptions } from "../../interfaces";
 import { MaybeRef } from "vue";
+import { IHotkeyOptions } from "../../interfaces";
 export declare function useHotkey(keys: MaybeRef<string | undefined>, callback: (e: KeyboardEvent) => void, options?: IHotkeyOptions): () => void;

package/dist/src/composables/Commons/hotkey.composable.js

@@ -1,7 +1,7 @@
+import { onBeforeUnmount, toValue, watch } from "vue";
 import { IN_BROWSER } from "../../consts/index.js";
 import { KEYBOARD_MODIFIERS } from "../../consts/Commons/hotkey.const.ts";
 import { consoleWarn, getCurrentInstance, splitKeyCombination, splitKeySequence } from "../../utils/index.js";
-import { onBeforeUnmount, toValue, watch } from "vue";
 export function useHotkey(keys, callback, options = {}) {
   if (!IN_BROWSER) return function() {
   };

package/dist/src/composables/Commons/hover.composable.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useHover = useHover;
-var _utils = require("../../utils/index.cjs");
 var _vue = require("vue");
+var _utils = require("../../utils/index.cjs");
 function useHover(props, name = (0, _utils.getCurrentInstanceName)()) {
   const hoverable = (0, _vue.ref)(false);
   const isHover = (0, _vue.ref)(false);

package/dist/src/composables/Commons/hover.composable.js

@@ -1,5 +1,5 @@
-import { getCurrentInstanceName } from "../../utils/index.js";
 import { computed, ref, watch } from "vue";
+import { getCurrentInstanceName } from "../../utils/index.js";
 export function useHover(props, name = getCurrentInstanceName()) {
   const hoverable = ref(false);
   const isHover = ref(false);

package/dist/src/composables/Commons/hydration.composable.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useHydration = useHydration;
+var _vue = require("vue");
 var _composables = require("../../composables/index.cjs");
 var _consts = require("../../consts/index.cjs");
-var _vue = require("vue");
 function useHydration() {
   if (!_consts.IN_BROWSER) return (0, _vue.shallowRef)(false);
   const {

package/dist/src/composables/Commons/hydration.composable.js

@@ -1,6 +1,6 @@
+import { onMounted, shallowRef } from "vue";
 import { useDisplay } from "../../composables/index.js";
 import { IN_BROWSER } from "../../consts/index.js";
-import { onMounted, shallowRef } from "vue";
 export function useHydration() {
   if (!IN_BROWSER) return shallowRef(false);
   const { ssr } = useDisplay();

package/dist/src/composables/Commons/intersectionObserver.composable.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useIntersectionObserver = useIntersectionObserver;
-var _consts = require("../../consts/index.cjs");
 var _vue = require("vue");
+var _consts = require("../../consts/index.cjs");
 function useIntersectionObserver(callback, options) {
   const intersectionRef = (0, _vue.ref)();
   const isIntersecting = (0, _vue.shallowRef)(false);

package/dist/src/composables/Commons/intersectionObserver.composable.js

@@ -1,5 +1,5 @@
-import { SUPPORTS_INTERSECTION } from "../../consts/index.js";
 import { onBeforeUnmount, ref, shallowRef, watch } from "vue";
+import { SUPPORTS_INTERSECTION } from "../../consts/index.js";
 export function useIntersectionObserver(callback, options) {
   const intersectionRef = ref();
   const isIntersecting = shallowRef(false);

package/dist/src/composables/Commons/items.composable.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useItems = useItems;
-var _utils = require("../../utils/index.cjs");
 var _vue = require("vue");
+var _utils = require("../../utils/index.cjs");
 function useItems(props) {
   const items = (0, _vue.computed)(() => {
     if (props.items) {

package/dist/src/composables/Commons/items.composable.js

@@ -1,5 +1,5 @@
-import { deepEqual, transformListItem, transformListItems } from "../../utils/index.js";
 import { computed } from "vue";
+import { deepEqual, transformListItem, transformListItems } from "../../utils/index.js";
 export function useItems(props) {
   const items = computed(() => {
     if (props.items) {

package/dist/src/composables/Commons/layout.composable.cjs

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.useCreateLayout = useCreateLayout;
 exports.useLayout = useLayout;
 exports.useLayoutItem = useLayoutItem;
+var _vue = require("vue");
 var _composables = require("../../composables/index.cjs");
 var _consts = require("../../consts/index.cjs");
 var _utils = require("../../utils/index.cjs");
-var _vue = require("vue");
 function useLayout() {
   const layout = (0, _vue.inject)(_consts.ORIGAM_LAYOUT_KEY);
   if (!layout) {

package/dist/src/composables/Commons/layout.composable.d.ts

@@ -1,5 +1,5 @@
-import type { TDirectionBoth } from "../../types";
 import type { ComputedRef, CSSProperties, Ref, StyleValue } from 'vue';
+import type { TDirectionBoth } from "../../types";
 export declare function useLayout(): {
     getLayoutItem: (id: string) => import("../../interfaces").ILayerItem | undefined;
     mainRect: Ref<import("../../interfaces").ILayer, import("../../interfaces").ILayer>;

package/dist/src/composables/Commons/layout.composable.js

@@ -1,6 +1,3 @@
-import { useResizeObserver } from "../../composables/index.js";
-import { ORIGAM_LAYOUT_ITEM_KEY, ORIGAM_LAYOUT_KEY, ROOT_ZINDEX } from "../../consts/index.js";
-import { convertToUnit, findChildrenWithProvide, generateLayers, getCurrentInstance, getUid, int } from "../../utils/index.js";
 import {
   computed,
   inject,
@@ -13,6 +10,9 @@ import {
   ref,
   shallowRef
 } from "vue";
+import { useResizeObserver } from "../../composables/index.js";
+import { ORIGAM_LAYOUT_ITEM_KEY, ORIGAM_LAYOUT_KEY, ROOT_ZINDEX } from "../../consts/index.js";
+import { convertToUnit, findChildrenWithProvide, generateLayers, getCurrentInstance, getUid, int } from "../../utils/index.js";
 export function useLayout() {
   const layout = inject(ORIGAM_LAYOUT_KEY);
   if (!layout) {

package/dist/src/composables/Commons/loader.composable.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useLoader = useLoader;
-var _utils = require("../../utils/index.cjs");
 var _vue = require("vue");
+var _utils = require("../../utils/index.cjs");
 function useLoader(props, name = (0, _utils.getCurrentInstanceName)()) {
   const loaderClasses = (0, _vue.computed)(() => ({
     [`${name}--loading`]: props.loading