@cloudparker/moldex.js 0.0.18 → 0.0.21

package/dist/actions/ripple.js

@@ -1,4 +1,4 @@
-import { isTouchDevice } from '../utils/index.js';
+import { isTouchDevice } from '../services';
 import '../tailwind.css';
 export const DARK_RIPPLE_COLOR = 'rgba(0, 0, 0, 0.12)';
 export const LIGHT_RIPPLE_COLOR = 'rgba(255, 255, 255, 0.12)';

package/dist/index.d.ts

@@ -1,14 +1,3 @@
 export * from './actions/index.js';
-export * from './button/index.js';
-export * from './date/index.js';
-export * from './dialog/index.js';
-export * from './drawer/index.js';
-export * from './icon/index.js';
-export * from './navbar/index.js';
-export * from './pagination/index.js';
-export * from './progressbar/index.js';
-export * from './ruler/index.js';
-export * from './spinner/index.js';
-export * from './text/index.js';
-export * from './toast/index.js';
-export * from './utils/index.js';
+export * from './services/index.js';
+export * from './views/index.js';

package/dist/index.js

@@ -1,14 +1,3 @@
 export * from './actions/index.js';
-export * from './button/index.js';
-export * from './date/index.js';
-export * from './dialog/index.js';
-export * from './drawer/index.js';
-export * from './icon/index.js';
-export * from './navbar/index.js';
-export * from './pagination/index.js';
-export * from './progressbar/index.js';
-export * from './ruler/index.js';
-export * from './spinner/index.js';
-export * from './text/index.js';
-export * from './toast/index.js';
-export * from './utils/index.js';
+export * from './services/index.js';
+export * from './views/index.js';

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

@@ -0,0 +1,2 @@
+import { type DialogPropsType } from '../../views/core/dialog/components/dialog/dialog.svelte';
+export declare function openDialog<R>(props?: DialogPropsType): Promise<R>;

package/dist/{dialog/services → services/dialog}/dialog-service.js

@@ -1,5 +1,5 @@
 import { mount, unmount } from 'svelte';
-import Dialog, {} from '../components/dialog/dialog.svelte';
+import Dialog, {} from '../../views/core/dialog/components/dialog/dialog.svelte';
 function addDialog(props) {
     const dialog = mount(Dialog, { target: document.getElementsByTagName('body')[0], props });
     dialog.openDialog();

package/dist/services/index.d.ts

@@ -0,0 +1,6 @@
+export * from './date/date-service.js';
+export * from './dialog/dialog-service.js';
+export * from './navigation/navigation-service.js';
+export * from './screen/screen-service.js';
+export * from './toast/toast-service.js';
+export * from './utils/utils-service.js';

package/dist/services/index.js

@@ -0,0 +1,6 @@
+export * from './date/date-service.js';
+export * from './dialog/dialog-service.js';
+export * from './navigation/navigation-service.js';
+export * from './screen/screen-service.js';
+export * from './toast/toast-service.js';
+export * from './utils/utils-service.js';

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

@@ -0,0 +1,18 @@
+export type BackStateType = {
+    _id: string;
+    isModal?: boolean;
+    isOffcanvas?: boolean;
+    listener: (state: BackStateType) => void;
+    data?: any;
+};
+export declare const referrer: {
+    referer: string;
+};
+export declare const pushBackState: (obj: BackStateType) => void;
+export declare const popBackState: () => BackStateType | undefined;
+export declare const registerBackPress: (state: BackStateType) => void;
+export declare const addBackKeyListener: (callback: (event?: PopStateEvent) => boolean) => ((event: PopStateEvent) => void) | undefined;
+export declare const removeBackKeyListener: (listener: () => boolean) => void;
+export declare function goBack(): void;
+export declare function goHome(): void;
+export declare function createRedirectUrl(): string | null;

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

@@ -0,0 +1,51 @@
+import { goto, pushState } from '$app/navigation';
+import { createRefererStore } from '../../stores/referrer-store/referrer-store.svelte';
+import { BROWSER } from 'esm-env';
+import { writable } from 'svelte/store';
+export const referrer = createRefererStore();
+let backStateArray = [];
+export const pushBackState = (obj) => {
+    backStateArray.push(obj);
+};
+export const popBackState = () => {
+    return backStateArray.pop();
+};
+export const registerBackPress = (state) => {
+    if (BROWSER) {
+        pushBackState(state);
+        pushState('', {});
+    }
+};
+export const addBackKeyListener = (callback) => {
+    if (BROWSER) {
+        let listener = (event) => {
+            if (callback) {
+                let result = callback(event);
+                if (result) {
+                    pushState('', {});
+                }
+            }
+        };
+        pushState('', {});
+        window.addEventListener('popstate', listener);
+        return listener;
+    }
+};
+export const removeBackKeyListener = (listener) => {
+    if (BROWSER) {
+        window.removeEventListener('popstate', listener);
+    }
+};
+export function goBack() {
+    history.back();
+}
+export function goHome() {
+    goto('/', { replaceState: true });
+}
+;
+export function createRedirectUrl() {
+    let pathname = window.location.pathname;
+    let redirectUrl = pathname + window.location.search || '';
+    let redirectInSearchParams = new URLSearchParams(window.location.search).get('redirect');
+    return redirectInSearchParams || redirectUrl || '';
+}

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

@@ -0,0 +1,14 @@
+import { ScreenSizeEnum } from "../../stores/screen-size/screen-size-store.svelte";
+export declare const screenSize: {
+    size: ScreenSizeEnum;
+    readonly isXXL: boolean;
+    readonly isXL: boolean;
+    readonly isLg: boolean;
+    readonly isMd: boolean;
+    readonly isSm: boolean;
+    readonly isXs: boolean;
+};
+export declare const handleScreenSizeUpdate: (size: number) => void;
+export declare function isSmallScreen(): boolean;
+export declare function isMobileScreen(): boolean;
+export declare function isTouchDevice(): boolean;

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

@@ -0,0 +1,35 @@
+import { createScreenSizeStore, ScreenSizeEnum } from "../../stores/screen-size/screen-size-store.svelte";
+import { BROWSER } from "esm-env";
+export const screenSize = createScreenSizeStore();
+export const handleScreenSizeUpdate = (size) => {
+    // console.log('screenSizeChanged', size)
+    if (BROWSER && size) {
+        if (size >= 1400) {
+            screenSize.size = ScreenSizeEnum.XXL;
+        }
+        else if (size >= 1200) {
+            screenSize.size = ScreenSizeEnum.XL;
+        }
+        else if (size >= 992) {
+            screenSize.size = ScreenSizeEnum.LG;
+        }
+        else if (size >= 768) {
+            screenSize.size = ScreenSizeEnum.MD;
+        }
+        else if (size >= 576) {
+            screenSize.size = ScreenSizeEnum.SM;
+        }
+        else if (size < 576) {
+            screenSize.size = ScreenSizeEnum.SM;
+        }
+    }
+};
+export function isSmallScreen() {
+    return screenSize.isSm || screenSize.isXs;
+}
+export function isMobileScreen() {
+    return isSmallScreen();
+}
+export function isTouchDevice() {
+    return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0 || window.matchMedia("(pointer: coarse)").matches;
+}

package/dist/{toast/services → services/toast}/toast-service.d.ts

@@ -1,4 +1,4 @@
-import { type ToastPropsType } from "../components/toast/toast.svelte";
+import type { ToastPropsType } from "../../views";
 export declare function showToast(props: ToastPropsType | string): void;
 export declare function showSuccessToast(): void;
 export declare function showFailedToast(): void;

package/dist/{toast/services → services/toast}/toast-service.js

@@ -1,5 +1,5 @@
+import Toast from "../../views/core/toast/components/toast/toast.svelte";
 import { mount } from "svelte";
-import Toast, {} from "../components/toast/toast.svelte";
 function addToast(props) {
     const toast = mount(Toast, { target: document.getElementsByTagName('body')[0], props });
     toast.openToast();

package/dist/{utils/services → services/utils}/utils-service.d.ts

@@ -66,7 +66,6 @@ export declare function playClickEffect(): void;
 export declare function toArrayByKey(key: string, obj?: any): any[];
 export declare function convertNumToAlphabates(num: number): string;
 export declare function fetchText(url: string): Promise<string>;
-export declare function isTouchDevice(): any;
 export declare function toCurrency(value?: number, symbol?: string): string;
 export declare function inchToPixel(inches: number): number;
 export declare function pixelToInch(pixels: number): number;

package/dist/{utils/services → services/utils}/utils-service.js

@@ -1,5 +1,5 @@
 import { BROWSER } from 'esm-env';
-import { toDate } from '../../date/services/date-service.js';
+import { toDate } from '../date/date-service';
 const KEY_GEO_INFO = 'geo.info';
 export const FILE_VIEWER_HOST = 'https://viewer.cloudparker.com';
 export const CODE_FILE_EXTENTIONS = [
@@ -347,9 +347,6 @@ export async function fetchText(url) {
     // console.log(text)
     return text;
 }
-export function isTouchDevice() {
-    return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0 || window.matchMedia("(pointer: coarse)").matches;
-}
 export function toCurrency(value = 0, symbol = '$') {
     let currency = Math.abs(value);
     let result = '';

package/dist/stores/referrer-store/referrer-store.svelte.d.ts

@@ -0,0 +1,3 @@
+export declare function createRefererStore(initial?: string): {
+    referer: string;
+};

package/dist/stores/referrer-store/referrer-store.svelte.js

@@ -0,0 +1,11 @@
+export function createRefererStore(initial = '') {
+    let _referer = $state('');
+    return {
+        get referer() {
+            return _referer;
+        },
+        set referer(value) {
+            _referer = value;
+        }
+    };
+}

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

@@ -0,0 +1,17 @@
+export declare enum ScreenSizeEnum {
+    XS = "xs",
+    SM = "sm",
+    MD = "md",
+    LG = "lg",
+    XL = "xl",
+    XXL = "2xl"
+}
+export declare function createScreenSizeStore(initial?: ScreenSizeEnum): {
+    size: ScreenSizeEnum;
+    readonly isXXL: boolean;
+    readonly isXL: boolean;
+    readonly isLg: boolean;
+    readonly isMd: boolean;
+    readonly isSm: boolean;
+    readonly isXs: boolean;
+};

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

@@ -0,0 +1,38 @@
+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) {
+    let _size = $state(initial);
+    return {
+        get size() {
+            return _size;
+        },
+        get isXXL() {
+            return _size === ScreenSizeEnum.XXL;
+        },
+        get isXL() {
+            return _size === ScreenSizeEnum.XL;
+        },
+        get isLg() {
+            return _size === ScreenSizeEnum.LG;
+        },
+        get isMd() {
+            return _size === ScreenSizeEnum.MD;
+        },
+        get isSm() {
+            return _size === ScreenSizeEnum.SM;
+        },
+        get isXs() {
+            return _size === ScreenSizeEnum.XS;
+        },
+        set size(size) {
+            _size = size;
+        }
+    };
+}

package/dist/{button → views/core/button}/components/button/button.svelte

@@ -1,7 +1,7 @@
-<script lang="ts">import "../../../tailwind.css";
-import { ripple } from "../../../actions/ripple.js";
-import Icon from "../../../icon/components/icon/icon.svelte";
-import { Spinner } from "../../../spinner/index.js";
+<script lang="ts">import "../../../../../tailwind.css";
+import { ripple } from "../../../../../actions/ripple.js";
+import { Spinner } from "../../../spinner";
+import { Icon } from "../../../icon";
 let {
   id = "",
   form = void 0,

package/dist/{button → views/core/button}/components/button/button.svelte.d.ts

@@ -1,4 +1,4 @@
-import '../../../tailwind.css';
+import '../../../../../tailwind.css';
 import type { Snippet } from 'svelte';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/{button → views/core/button}/components/button-list-item/button-list-item.svelte

@@ -1,13 +1,8 @@
 <script context="module" lang="ts"></script>
 
-<script lang="ts">import "../../../tailwind.css";
-import { ripple } from "../../../actions/ripple.js";
-import Icon from "../../../icon/components/icon/icon.svelte";
-import {
-  mdiCheckCircle,
-  mdiCheckCircleOutline,
-  mdiChevronRight
-} from "../../../icon/services/icon-path-service.js";
+<script lang="ts">import "../../../../../tailwind.css";
+import { ripple } from "../../../../../actions/ripple.js";
+import { Icon, mdiCheckCircle, mdiCheckCircleOutline, mdiChevronRight } from "../../../icon";
 let {
   item,
   index,

package/dist/{button → views/core/button}/components/button-list-item/button-list-item.svelte.d.ts

@@ -18,7 +18,7 @@ export type ListItemType = {
     arrowIconPath?: string;
     arrowClassName?: string;
 };
-import '../../../tailwind.css';
+import '../../../../../tailwind.css';
 import type { Snippet } from 'svelte';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/{button → views/core/button}/components/button-menu/button-menu.svelte

@@ -1,12 +1,7 @@
-<script lang="ts">import "../../../tailwind.css";
-import Icon from "../../../icon/components/icon/icon.svelte";
-import {
-  mdiCheckCircle,
-  mdiCheckCircleOutline,
-  mdiChevronDown
-} from "../../../icon/services/icon-path-service.js";
+<script lang="ts">import "../../../../../tailwind.css";
+import { ripple } from "../../../../../actions/ripple.js";
+import { Icon, mdiCheckCircle, mdiCheckCircleOutline, mdiChevronDown } from "../../../icon";
 import ButtonListItem from "../button-list-item/button-list-item.svelte";
-import { ripple } from "../../../actions/ripple.js";
 var MenuStateEnum = /* @__PURE__ */ ((MenuStateEnum2) => {
   MenuStateEnum2[MenuStateEnum2["OPENED"] = 0] = "OPENED";
   MenuStateEnum2[MenuStateEnum2["CLOSED"] = 1] = "CLOSED";
@@ -128,7 +123,7 @@ $effect(() => {
 				{#if dropIconPath}
 					<Icon path={dropIconPath} className="w-5 h-5 text-gray-400 {dropIconClassName}" />
 				{/if}
-			{/if}
+			{/if}ß
 		</div>
 	</button>
 	{#if dropdownState == MenuStateEnum.OPENED}

package/dist/{button → views/core/button}/components/button-menu/button-menu.svelte.d.ts

@@ -1,4 +1,4 @@
-import '../../../tailwind.css';
+import '../../../../../tailwind.css';
 import type { Snippet } from 'svelte';
 import type { ListItemType } from '../button-list-item/button-list-item.svelte';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {

package/dist/{dialog → views/core/dialog}/components/dialog/dialog.svelte

@@ -1,9 +1,9 @@
 <script lang="ts" context="module"></script>
 
-<script lang="ts">import "../../../tailwind.css";
-import Button from "../../../button/components/button/button.svelte";
-import { mdiArrowLeft, mdiClose } from "../../../icon/services/icon-path-service.js";
+<script lang="ts">import Button from "../../../button/components/button/button.svelte";
 import {} from "svelte";
+import "../../../../../tailwind.css";
+import { mdiArrowLeft, mdiClose } from "../../../icon";
 let {
   id = "",
   cancelable = true,

package/dist/{dialog → views/core/dialog}/components/dialog/dialog.svelte.d.ts

@@ -52,8 +52,8 @@ export type DialogExportsType = {
     setOkSpinner: (value: boolean) => void;
     setOkDisabled: (value: boolean) => void;
 };
-import '../../../tailwind.css';
 import { type Snippet } from 'svelte';
+import '../../../../../tailwind.css';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/{dialog → views/core/dialog}/index.d.ts

@@ -1,3 +1,2 @@
 import Dialog, { type DialogExportsType, type DialogPropsType } from './components/dialog/dialog.svelte';
-export * from './services/dialog-service.js';
 export { Dialog, type DialogExportsType, type DialogPropsType };

package/dist/{dialog → views/core/dialog}/index.js

@@ -1,3 +1,2 @@
 import Dialog, {} from './components/dialog/dialog.svelte';
-export * from './services/dialog-service.js';
 export { Dialog };

package/dist/{drawer → views/core/drawer}/components/drawer/drawer.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import "../../../tailwind.css";
+<script lang="ts">import "../../../../../tailwind.css";
 let {
   id = "",
   children,

package/dist/{drawer → views/core/drawer}/components/drawer/drawer.svelte.d.ts

@@ -1,5 +1,5 @@
-import '../../../tailwind.css';
 import type { Snippet } from 'svelte';
+import '../../../../../tailwind.css';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/{icon → views/core/icon}/components/icon/icon.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import "../../../tailwind.css";
+<script lang="ts">import "../../../../../tailwind.css";
 let {
   path,
   className = "",

package/dist/{icon → views/core/icon}/components/icon/icon.svelte.d.ts

@@ -1,4 +1,4 @@
-import '../../../tailwind.css';
+import '../../../../../tailwind.css';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

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

@@ -0,0 +1,13 @@
+export * from './button/index.js';
+export * from './dialog/index.js';
+export * from './drawer/index.js';
+export * from './icon/index.js';
+export * from './navbar/index.js';
+export * from './pagination/index.js';
+export * from './progressbar/index.js';
+export * from './ruler/index.js';
+export * from './spinner/index.js';
+export * from './text/index.js';
+export * from './toast/index.js';
+export * from './screen-detector/index.js';
+export * from './referrer/index.js';

package/dist/views/core/index.js

@@ -0,0 +1,13 @@
+export * from './button/index.js';
+export * from './dialog/index.js';
+export * from './drawer/index.js';
+export * from './icon/index.js';
+export * from './navbar/index.js';
+export * from './pagination/index.js';
+export * from './progressbar/index.js';
+export * from './ruler/index.js';
+export * from './spinner/index.js';
+export * from './text/index.js';
+export * from './toast/index.js';
+export * from './screen-detector/index.js';
+export * from './referrer/index.js';

package/dist/{navbar → views/core/navbar}/components/navbar/navbar.svelte

@@ -1,7 +1,6 @@
-<script lang="ts">import "../../../tailwind.css";
+<script lang="ts">import "../../../../../tailwind.css";
 import Button from "../../../button/components/button/button.svelte";
-import Icon from "../../../icon/components/icon/icon.svelte";
-import { mdiMenu } from "../../../icon/services/icon-path-service.js";
+import { Icon, mdiMenu } from "../../../icon";
 let {
   id = "",
   children,

package/dist/{navbar → views/core/navbar}/components/navbar/navbar.svelte.d.ts

@@ -1,4 +1,4 @@
-import '../../../tailwind.css';
+import '../../../../../tailwind.css';
 import type { Snippet } from 'svelte';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/{pagination → views/core/pagination}/components/pagination/pagination.svelte

@@ -1,9 +1,9 @@
-<script lang="ts">import { ripple } from "../../../actions";
+<script lang="ts">import "../../../../../tailwind.css";
+import { ripple } from "../../../../../actions";
 import ButtonMenu from "../../../button/components/button-menu/button-menu.svelte";
 import Button from "../../../button/components/button/button.svelte";
-import { mdiChevronLeft, mdiChevronRight, mdiPageFirst, mdiPageLast } from "../../../icon";
-import Icon from "../../../icon/components/icon/icon.svelte";
 import { BROWSER } from "esm-env";
+import { mdiChevronLeft, mdiChevronRight, mdiPageFirst, mdiPageLast } from "../../../icon";
 let {
   length = 0,
   pageIndex = 0,

package/dist/{pagination → views/core/pagination}/components/pagination/pagination.svelte.d.ts

@@ -1,3 +1,4 @@
+import '../../../../../tailwind.css';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/{progressbar → views/core/progressbar}/components/progressbar/progressbar.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">let {
+<script lang="ts">import "../../../../../tailwind.css";
+let {
   backgroundClassName = "",
   className = "h-4",
   value = 0,

package/dist/{progressbar → views/core/progressbar}/components/progressbar/progressbar.svelte.d.ts

@@ -1,3 +1,4 @@
+import '../../../../../tailwind.css';
 import type { Snippet } from 'svelte';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/views/core/referrer/components/referrer.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">import { page } from "$app/stores";
+import { referrer } from "../../../../services/navigation/navigation-service";
+import { BROWSER } from "esm-env";
+$effect(() => {
+  if (BROWSER) {
+    const unsubscribe = page.subscribe((_) => {
+      referrer.referer = referrer.referer === location.href ? referrer.referer : location.href;
+    });
+    return () => {
+      unsubscribe && unsubscribe();
+    };
+  }
+});
+</script>

package/dist/views/core/referrer/components/referrer.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Referrer: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Referrer = InstanceType<typeof Referrer>;
+export default Referrer;

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

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

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

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

package/dist/{ruler → views/core/ruler}/components/vertical-ruler/verticcal-ruler.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import "../../../tailwind.css";
+<script lang="ts">import "../../../../../tailwind.css";
 let { className = "" } = $props();
 </script>
 

package/dist/{ruler → views/core/ruler}/components/vertical-ruler/verticcal-ruler.svelte.d.ts

@@ -1,4 +1,4 @@
-import '../../../tailwind.css';
+import '../../../../../tailwind.css';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/views/core/screen-detector/components/screen-detector.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">import { handleScreenSizeUpdate } from "../../../../services";
+import { BROWSER } from "esm-env";
+let innerWidth = $state(0);
+function screenSizeChanged(size) {
+  handleScreenSizeUpdate(size);
+}
+$effect(() => {
+  BROWSER && screenSizeChanged(innerWidth);
+});
+</script>
+
+<svelte:window bind:innerWidth />

package/dist/views/core/screen-detector/components/screen-detector.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ScreenDetector: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ScreenDetector = InstanceType<typeof ScreenDetector>;
+export default ScreenDetector;

package/dist/views/core/screen-detector/index.d.ts

@@ -0,0 +1,2 @@
+import ScreenDetector from "./components/screen-detector.svelte";
+export { ScreenDetector, };

package/dist/views/core/screen-detector/index.js

@@ -0,0 +1,2 @@
+import ScreenDetector from "./components/screen-detector.svelte";
+export { ScreenDetector, };

package/dist/{spinner → views/core/spinner}/components/spinner/spinner.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import "../../../tailwind.css";
+<script lang="ts">import "../../../../../tailwind.css";
 let { className = "" } = $props();
 </script>
 

package/dist/{spinner → views/core/spinner}/components/spinner/spinner.svelte.d.ts

@@ -1,4 +1,4 @@
-import '../../../tailwind.css';
+import '../../../../../tailwind.css';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/{text → views/core/text}/components/text-await/text-await.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">let { input, key, hasTitle } = $props();
+<script lang="ts">import "../../../../../tailwind.css";
+let { input, key, hasTitle } = $props();
 </script>
 
 {#if input}

package/dist/{text → views/core/text}/components/text-await/text-await.svelte.d.ts

@@ -1,3 +1,4 @@
+import '../../../../../tailwind.css';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/{text → views/core/text}/components/text-copy/text-copy.svelte

@@ -1,7 +1,7 @@
-<script lang="ts">import Button from "../../../button/components/button/button.svelte";
-import { mdiContentCopy } from "../../../icon/index.js";
-import { showToast } from "../../../toast/index.js";
-import { copyText } from "../../../utils/index.js";
+<script lang="ts">import "../../../../../tailwind.css";
+import Button from "../../../button/components/button/button.svelte";
+import { copyText, showToast } from "../../../../../services/index.js";
+import { mdiContentCopy } from "../../../icon";
 let {
   input,
   containerClassName = "",

package/dist/{text → views/core/text}/components/text-copy/text-copy.svelte.d.ts

@@ -1,3 +1,4 @@
+import '../../../../../tailwind.css';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/{text → views/core/text}/components/text-country/text-country.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">import EasyScriptLoader from "@cloudparker/easy-script-loader-svelte";
+<script lang="ts">import "../../../../../tailwind.css";
+import EasyScriptLoader from "@cloudparker/easy-script-loader-svelte";
 import { BROWSER } from "esm-env";
 let { input } = $props();
 let countries = $state([]);

package/dist/{text → views/core/text}/components/text-country/text-country.svelte.d.ts

@@ -1,3 +1,4 @@
+import '../../../../../tailwind.css';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/{text → views/core/text}/components/text-country-state/text-country-state.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">import EasyScriptLoader from "@cloudparker/easy-script-loader-svelte";
+<script lang="ts">import "../../../../../tailwind.css";
+import EasyScriptLoader from "@cloudparker/easy-script-loader-svelte";
 import { BROWSER } from "esm-env";
 let { input } = $props();
 let states = $state([]);

package/dist/{text → views/core/text}/components/text-country-state/text-country-state.svelte.d.ts

@@ -1,3 +1,4 @@
+import '../../../../../tailwind.css';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/{text → views/core/text}/components/text-currency/text-currency.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">import { BROWSER } from "esm-env";
+<script lang="ts">import "../../../../../tailwind.css";
+import { BROWSER } from "esm-env";
 let { input, symbol = "$", hasSymbol = true } = $props();
 let value = $state("");
 function prepare(..._) {

package/dist/{text → views/core/text}/components/text-currency/text-currency.svelte.d.ts

@@ -1,3 +1,4 @@
+import '../../../../../tailwind.css';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/{text → views/core/text}/components/text-date/text-date.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">import { dateFormat, dateToAgo, toDate } from "../../../date";
+<script lang="ts">import "../../../../../tailwind.css";
+import { dateFormat, dateToAgo, toDate } from "../../../../../services";
 import { BROWSER } from "esm-env";
 let { input, format = "DD-MM-YYYY hh:mm a" } = $props();
 let dateString = $state("");

package/dist/{text → views/core/text}/components/text-date/text-date.svelte.d.ts

@@ -1,3 +1,4 @@
+import '../../../../../tailwind.css';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/{text → views/core/text}/components/text-email/text-email.svelte

@@ -1,6 +1,6 @@
-<script lang="ts">import { ripple } from "../../../actions";
-import { mdiEmailOutline } from "../../../icon";
-import Icon from "../../../icon/components/icon/icon.svelte";
+<script lang="ts">import "../../../../../tailwind.css";
+import { ripple } from "../../../../../actions";
+import { Icon, mdiEmailOutline } from "../../../icon";
 let { input, buttonClassName, iconClassName, iconPath = mdiEmailOutline } = $props();
 </script>
 

package/dist/{text → views/core/text}/components/text-email/text-email.svelte.d.ts

@@ -1,3 +1,4 @@
+import '../../../../../tailwind.css';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/views/core/text/components/text-html/text-html.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">import "../../../../../tailwind.css";
+let { input } = $props();
+</script>
+
+<span>
+	{@html input || ''}
+</span>

package/dist/{text → views/core/text}/components/text-html/text-html.svelte.d.ts

@@ -1,3 +1,4 @@
+import '../../../../../tailwind.css';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/{text → views/core/text}/components/text-phone/text-phone.svelte

@@ -1,12 +1,16 @@
 <script lang="ts">import { mdiPhone } from "../../../icon";
 import Icon from "../../../icon/components/icon/icon.svelte";
+import "../../../../../tailwind.css";
 let { input, buttonClassName, iconClassName, iconPath = mdiPhone } = $props();
 </script>
 
 <span class="flex items-center">
 	<span>{input || ''}</span>
 	{#if input}
-		<a class="ms-1 p-1 rounded text-gray-500 hover:text-gray-700 hover:bg-gray-100 {buttonClassName}" href="tel:{input}">
+		<a
+			class="ms-1 p-1 rounded text-gray-500 hover:text-gray-700 hover:bg-gray-100 {buttonClassName}"
+			href="tel:{input}"
+		>
 			<Icon path={iconPath} className="w-4 h-4 {iconClassName} " />
 		</a>
 	{/if}

package/dist/{text → views/core/text}/components/text-phone/text-phone.svelte.d.ts

@@ -1,3 +1,4 @@
+import '../../../../../tailwind.css';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/{toast → views/core/toast}/components/toast/toast.svelte

@@ -1,6 +1,7 @@
 <script context="module" lang="ts"></script>
 
-<script lang="ts">let isPlaced = $state(false);
+<script lang="ts">import "../../../../../tailwind.css";
+let isPlaced = $state(false);
 let isOpened = $state(false);
 let { id, msg, duration = 3e3, className, children } = $props();
 export function openToast() {

package/dist/{toast → views/core/toast}/components/toast/toast.svelte.d.ts

@@ -6,6 +6,7 @@ export type ToastPropsType = {
     className?: string;
     children?: Snippet;
 };
+import '../../../../../tailwind.css';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/{toast → views/core/toast}/index.d.ts

@@ -1,3 +1,2 @@
 import type { ToastPropsType } from './components/toast/toast.svelte';
-export * from './services/toast-service.js';
 export { type ToastPropsType, };

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

@@ -0,0 +1 @@
+export {};

package/dist/views/index.d.ts

@@ -0,0 +1 @@
+export * from './core/index.js';

package/dist/views/index.js

@@ -0,0 +1 @@
+export * from './core/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cloudparker/moldex.js",
-    "version": "0.0.18",
+    "version": "0.0.21",
     "author": "cloudparker.com",
     "license": "MIT",
     "keywords": [

package/dist/date/index.d.ts

@@ -1 +0,0 @@
-export * from './services/date-service.js';

package/dist/date/index.js

@@ -1 +0,0 @@
-export * from './services/date-service.js';

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

@@ -1,2 +0,0 @@
-import { type DialogPropsType } from '../components/dialog/dialog.svelte';
-export declare function openDialog<R>(props?: DialogPropsType): Promise<R>;

package/dist/text/components/text-html/text-html.svelte

@@ -1,6 +0,0 @@
-<script lang="ts">let { input } = $props();
-</script>
-
-<span>
-	{@html input || ''}
-</span>

package/dist/toast/index.js

@@ -1,2 +0,0 @@
-export * from './services/toast-service.js';
-export {};

package/dist/utils/index.d.ts

@@ -1 +0,0 @@
-export * from './services/utils-service.js';

package/dist/utils/index.js

@@ -1 +0,0 @@
-export * from './services/utils-service.js';