@cloudparker/moldex.js 4.1.8 → 4.1.10

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from './actions/index.js';
 export * from './services/index.js';
 export * from './views/index.js';
+export * from './types.js';

package/dist/index.js

@@ -1,3 +1,4 @@
 export * from './actions/index.js';
 export * from './services/index.js';
 export * from './views/index.js';
+export * from './types.js';

package/dist/services/screen/screen-service.d.ts

@@ -1,7 +1,7 @@
-import { ScreenSizeEnum } from "../../stores/screen-size/screen-size-store.svelte.js";
 import { DialogSizeEnum } from "../dialog/dialog-service.js";
+import { ScreenSize } from "../../types.js";
 export declare const screenSize: {
-    size: ScreenSizeEnum;
+    size: ScreenSize;
     readonly isXXL: boolean;
     readonly isXL: boolean;
     readonly isLg: boolean;

package/dist/services/screen/screen-service.js

@@ -1,27 +1,28 @@
-import { createScreenSizeStore, ScreenSizeEnum } from "../../stores/screen-size/screen-size-store.svelte.js";
+import { createScreenSizeStore, } from "../../stores/screen-size/screen-size-store.svelte.js";
 import { BROWSER } from "esm-env";
 import { DialogSizeEnum } from "../dialog/dialog-service.js";
+import { ScreenSize } from "../../types.js";
 export const screenSize = createScreenSizeStore();
 export const handleScreenSizeUpdate = (size) => {
     // console.log('screenSizeChanged', size)
     if (BROWSER && size) {
         if (size >= 1400) {
-            screenSize.size = ScreenSizeEnum.XXL;
+            screenSize.size = ScreenSize.XXL;
         }
         else if (size >= 1200) {
-            screenSize.size = ScreenSizeEnum.XL;
+            screenSize.size = ScreenSize.XL;
         }
         else if (size >= 992) {
-            screenSize.size = ScreenSizeEnum.LG;
+            screenSize.size = ScreenSize.LG;
         }
         else if (size >= 768) {
-            screenSize.size = ScreenSizeEnum.MD;
+            screenSize.size = ScreenSize.MD;
         }
         else if (size >= 576) {
-            screenSize.size = ScreenSizeEnum.SM;
+            screenSize.size = ScreenSize.SM;
         }
         else if (size < 576) {
-            screenSize.size = ScreenSizeEnum.SM;
+            screenSize.size = ScreenSize.SM;
         }
     }
 };

package/dist/stores/screen-size/screen-size-store.svelte.d.ts

@@ -1,13 +1,6 @@
-export declare enum ScreenSizeEnum {
-    XS = "xs",
-    SM = "sm",
-    MD = "md",
-    LG = "lg",
-    XL = "xl",
-    XXL = "2xl"
-}
-export declare function createScreenSizeStore(initial?: ScreenSizeEnum): {
-    size: ScreenSizeEnum;
+import { ScreenSize } from "../../types";
+export declare function createScreenSizeStore(initial?: ScreenSize): {
+    size: ScreenSize;
     readonly isXXL: boolean;
     readonly isXL: boolean;
     readonly isLg: boolean;

package/dist/stores/screen-size/screen-size-store.svelte.js

@@ -1,35 +1,27 @@
-export var ScreenSizeEnum;
-(function (ScreenSizeEnum) {
-    ScreenSizeEnum["XS"] = "xs";
-    ScreenSizeEnum["SM"] = "sm";
-    ScreenSizeEnum["MD"] = "md";
-    ScreenSizeEnum["LG"] = "lg";
-    ScreenSizeEnum["XL"] = "xl";
-    ScreenSizeEnum["XXL"] = "2xl";
-})(ScreenSizeEnum || (ScreenSizeEnum = {}));
-export function createScreenSizeStore(initial = ScreenSizeEnum.XXL) {
+import { ScreenSize } from "../../types";
+export function createScreenSizeStore(initial = ScreenSize.XXL) {
     let _size = $state(initial);
     return {
         get size() {
             return _size;
         },
         get isXXL() {
-            return _size === ScreenSizeEnum.XXL;
+            return _size === ScreenSize.XXL;
         },
         get isXL() {
-            return _size === ScreenSizeEnum.XL;
+            return _size === ScreenSize.XL;
         },
         get isLg() {
-            return _size === ScreenSizeEnum.LG;
+            return _size === ScreenSize.LG;
         },
         get isMd() {
-            return _size === ScreenSizeEnum.MD;
+            return _size === ScreenSize.MD;
         },
         get isSm() {
-            return _size === ScreenSizeEnum.SM;
+            return _size === ScreenSize.SM;
         },
         get isXs() {
-            return _size === ScreenSizeEnum.XS;
+            return _size === ScreenSize.XS;
         },
         get isMobileScreen() {
             return this.isXs || this.isSm || this.isMd;

package/dist/types.d.ts

@@ -1,6 +1,14 @@
-export declare enum DropdownStateEnum {
+export declare enum DropdownState {
     OPEN = 0,
     OPENED = 1,
     CLOSE = 2,
     CLOSED = 3
 }
+export declare enum ScreenSize {
+    XS = "xs",
+    SM = "sm",
+    MD = "md",
+    LG = "lg",
+    XL = "xl",
+    XXL = "2xl"
+}

package/dist/types.js

@@ -1,7 +1,16 @@
-export var DropdownStateEnum;
-(function (DropdownStateEnum) {
-    DropdownStateEnum[DropdownStateEnum["OPEN"] = 0] = "OPEN";
-    DropdownStateEnum[DropdownStateEnum["OPENED"] = 1] = "OPENED";
-    DropdownStateEnum[DropdownStateEnum["CLOSE"] = 2] = "CLOSE";
-    DropdownStateEnum[DropdownStateEnum["CLOSED"] = 3] = "CLOSED";
-})(DropdownStateEnum || (DropdownStateEnum = {}));
+export var DropdownState;
+(function (DropdownState) {
+    DropdownState[DropdownState["OPEN"] = 0] = "OPEN";
+    DropdownState[DropdownState["OPENED"] = 1] = "OPENED";
+    DropdownState[DropdownState["CLOSE"] = 2] = "CLOSE";
+    DropdownState[DropdownState["CLOSED"] = 3] = "CLOSED";
+})(DropdownState || (DropdownState = {}));
+export var ScreenSize;
+(function (ScreenSize) {
+    ScreenSize["XS"] = "xs";
+    ScreenSize["SM"] = "sm";
+    ScreenSize["MD"] = "md";
+    ScreenSize["LG"] = "lg";
+    ScreenSize["XL"] = "xl";
+    ScreenSize["XXL"] = "2xl";
+})(ScreenSize || (ScreenSize = {}));

package/dist/views/core/button/components/button-dropdown/button-dropdown.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { DropdownStateEnum } from '../../../../../types.js';
+	import { DropdownState } from '../../../../../types.js';
 	import { onMount, type Snippet } from 'svelte';
 	import type { ButtonAppearance, ButtonSize, ButtonType } from '../../types';
 	import Button from '../button/button.svelte';
@@ -42,7 +42,7 @@
 	}: ButtonDropdownProps = $props();
 
 	let placement = $state(false);
-	let dropdownState = $state(DropdownStateEnum.CLOSED);
+	let dropdownState = $state(DropdownState.CLOSED);
 	let openUpward = $state(false);
 	let openMiddle = $state(false);
 	let buttonElement: HTMLDivElement;
@@ -51,11 +51,11 @@
 		ev.stopPropagation();
 
 		if (placement) {
-			dropdownState = DropdownStateEnum.CLOSED;
+			dropdownState = DropdownState.CLOSED;
 			setTimeout(() => (placement = false), 100);
 		} else {
 			placement = true;
-			setTimeout(() => (dropdownState = DropdownStateEnum.OPENED), 1);
+			setTimeout(() => (dropdownState = DropdownState.OPENED), 1);
 			adjustDropdownPosition();
 		}
 	}
@@ -133,7 +133,7 @@
 		<div
 			role="dialog"
 			class="absolute right-0 z-10 max-h-[50vh] min-w-40 origin-top overflow-y-auto rounded-md bg-white shadow-lg transition duration-100 ease-out dark:bg-neutral-800 dark:shadow-black {dropdownClassName} {dropdownState ===
-			DropdownStateEnum.OPENED
+			DropdownState.OPENED
 				? `scale-100 transform opacity-100 ${dropdownOpenClassName}`
 				: `scale-60 transform opacity-0 ${dropdownCloseClassName}`}"
 			style={openMiddle

package/dist/views/core/common/index.d.ts

@@ -0,0 +1,4 @@
+import ContentArea from './components/content-area/content-area.svelte';
+import Loading from './components/loading/loading.svelte';
+import VirtualScrolling from './components/virtual-scrolling/virtual-scrolling-list.svelte';
+export { ContentArea, Loading, VirtualScrolling };

package/dist/views/core/common/index.js

@@ -1,9 +1,4 @@
-import ContentArea from './components/content-area/content-area.svelte'
+import ContentArea from './components/content-area/content-area.svelte';
 import Loading from './components/loading/loading.svelte';
 import VirtualScrolling from './components/virtual-scrolling/virtual-scrolling-list.svelte';
-
-export {
-    ContentArea,
-    Loading,
-    VirtualScrolling
-}
+export { ContentArea, Loading, VirtualScrolling };

package/dist/views/core/navbar/index.d.ts

@@ -1,2 +1,3 @@
-export { default as Navbar } from "./components/navbar/navbar.svelte";
+import Navbar from "./components/navbar/navbar.svelte";
 export * from './types';
+export { Navbar };

package/dist/views/core/navbar/index.js

@@ -1,2 +1,3 @@
-export { default as Navbar } from "./components/navbar/navbar.svelte";
+import Navbar from "./components/navbar/navbar.svelte";
 export * from './types';
+export { Navbar };

package/dist/views/core/sidebar/index.d.ts

@@ -0,0 +1,2 @@
+import Sidebar from "./components/sidebar.svelte";
+export { Sidebar };

package/dist/views/core/sidebar/index.js

@@ -1,5 +1,2 @@
 import Sidebar from "./components/sidebar.svelte";
-
-export {
-    Sidebar
-}
+export { Sidebar };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cloudparker/moldex.js",
-    "version": "4.1.8",
+    "version": "4.1.10",
     "keywords": [
         "svelte"
     ],