@cloudparker/moldex.js 0.0.113 → 0.0.115

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

@@ -32,7 +32,7 @@ export declare function openConfirmDialog(params?: DialogProps & {
 export declare function openAlertDialog(params?: DialogProps & {
     msg?: string;
 }): Promise<unknown>;
-export declare function openDeleteConfirmDialog({ msg, title, footerOkButtonLable, footerOkButtonClassName, ...params }?: DialogProps & {
+export declare function openDeleteConfirmDialog({ msg, title, footerOkButtonLabel, footerOkButtonClassName, ...params }?: DialogProps & {
     msg?: string;
 }): Promise<unknown>;
 export declare function openPickerDialog<R>({ items, value, multiple, hasCheckbox, hasArrow, maxlength, maxlengthMsg, identityFieldName, titleFieldName, searchFieldName, subtitleFieldName, hasIcon, iconPath, iconClassName, isCircularIcon, circularIconClassName, itemTileSnippet, ...params }: DialogProps & PickerDialogProps): Promise<R>;

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

@@ -44,7 +44,7 @@ export async function openDialog(props = {}) {
 export async function openConfirmDialog(params = {}) {
     let msg = params.msg || 'Are you sure?';
     params.title = params.title || 'Confirm';
-    params.footerOkButtonLable = params.footerOkButtonLable || 'Confirm';
+    params.footerOkButtonLabel = params.footerOkButtonLabel || 'Confirm';
     return await openDialog({
         bodyComponent: MsgDialog,
         props: { msg },
@@ -59,7 +59,7 @@ export async function openConfirmDialog(params = {}) {
 export async function openAlertDialog(params = {}) {
     let msg = params.msg || 'Alert Information?';
     params.title = params.title || 'Alert';
-    params.footerOkButtonLable = params.footerOkButtonLable || 'Confirm';
+    params.footerOkButtonLabel = params.footerOkButtonLabel || 'Confirm';
     return await openDialog({
         bodyComponent: MsgDialog,
         props: { msg },
@@ -72,11 +72,11 @@ export async function openAlertDialog(params = {}) {
         footerCloseButtonLabel: 'OK'
     });
 }
-export async function openDeleteConfirmDialog({ msg = 'Are you sure to delete?', title = 'Delete', footerOkButtonLable = 'Delete', footerOkButtonClassName = 'bg-red-500 hover:bg-red-700 focus:bg-red-700', ...params } = {}) {
+export async function openDeleteConfirmDialog({ msg = 'Are you sure to delete?', title = 'Delete', footerOkButtonLabel = 'Delete', footerOkButtonClassName = 'bg-red-500 hover:bg-red-700 focus:bg-red-700', ...params } = {}) {
     return await openConfirmDialog({
         msg,
         title,
-        footerOkButtonLable,
+        footerOkButtonLabel,
         footerOkButtonClassName,
         ...params,
         size: DialogSizeEnum.SM,
@@ -112,7 +112,7 @@ export async function openPickerDialog({ items, value, multiple, hasCheckbox = t
         hasTitle: true,
         hasHeaderBack: isMobileScreen(),
         hasHeaderClose: !isMobileScreen(),
-        footerOkButtonLable: 'Select',
+        footerOkButtonLabel: 'Select',
         footerClassName: 'border-t',
         title: 'Pick',
         ...params,
@@ -210,7 +210,7 @@ export async function openCropperDialog({ outputWidth, outputFormat = OutputImag
         hasFooter: true,
         hasFooterOkButton: true,
         hasFooterCloseButton: true,
-        footerOkButtonLable: params.footerOkButtonLable || 'CROP',
+        footerOkButtonLabel: params.footerOkButtonLabel || 'CROP',
         hasTitle: true,
         title: params.title || 'Crop Image',
         hasHeaderBack: isMobileScreen(),

package/dist/services/utils/currency-service.d.ts

@@ -1,3 +1,48 @@
+export declare enum CurrencySymbols {
+    AED = "\u062F.\u0625",
+    AUD = "$",
+    BDT = "\u09F3",
+    BHD = ".\u062F.\u0628",
+    BRL = "R$",
+    CAD = "$",
+    CHF = "CHF",
+    CNY = "\u00A5",
+    CZK = "K\u010D",
+    DKK = "kr",
+    EGP = "\u00A3",
+    EUR = "\u20AC",
+    GBP = "\u00A3",
+    HKD = "$",
+    HUF = "Ft",
+    IDR = "Rp",
+    ILS = "\u20AA",
+    INR = "\u20B9",
+    JOD = "\u062F.\u0627",
+    JPY = "\u00A5",
+    KRW = "\u20A9",
+    KWD = "\u062F.\u0643",
+    LKR = "Rs",
+    MXN = "$",
+    MYR = "RM",
+    NGN = "\u20A6",
+    NOK = "kr",
+    NPR = "\u20A8",
+    NZD = "$",
+    OMR = "\u0631.\u0639.",
+    PHP = "\u20B1",
+    PKR = "\u20A8",
+    PLN = "z\u0142",
+    QAR = "\u0631.\u0642",
+    RUB = "\u20BD",
+    SAR = "\uFDFC",
+    SEK = "kr",
+    SGD = "$",
+    THB = "\u0E3F",
+    TRY = "\u20BA",
+    USD = "$",
+    VND = "\u20AB",
+    ZAR = "R"
+}
 /**
  * Converts a number into words based on the Indian numbering system.
  * Supports up to Crore level and works for numbers up to 99 Crore.

package/dist/services/utils/currency-service.js

@@ -1,6 +1,52 @@
 const belowTwenty = ["", "One", "Two", "Three", "Four", "Five", "Six", "Seven", "Eight", "Nine", "Ten", "Eleven", "Twelve", "Thirteen", "Fourteen", "Fifteen", "Sixteen", "Seventeen", "Eighteen", "Nineteen"];
 const tens = ["", "", "Twenty", "Thirty", "Forty", "Fifty", "Sixty", "Seventy", "Eighty", "Ninety"];
 const scales = ["", "Thousand", "Lakh", "Crore"];
+export var CurrencySymbols;
+(function (CurrencySymbols) {
+    CurrencySymbols["AED"] = "\u062F.\u0625";
+    CurrencySymbols["AUD"] = "$";
+    CurrencySymbols["BDT"] = "\u09F3";
+    CurrencySymbols["BHD"] = ".\u062F.\u0628";
+    CurrencySymbols["BRL"] = "R$";
+    CurrencySymbols["CAD"] = "$";
+    CurrencySymbols["CHF"] = "CHF";
+    CurrencySymbols["CNY"] = "\u00A5";
+    CurrencySymbols["CZK"] = "K\u010D";
+    CurrencySymbols["DKK"] = "kr";
+    CurrencySymbols["EGP"] = "\u00A3";
+    CurrencySymbols["EUR"] = "\u20AC";
+    CurrencySymbols["GBP"] = "\u00A3";
+    CurrencySymbols["HKD"] = "$";
+    CurrencySymbols["HUF"] = "Ft";
+    CurrencySymbols["IDR"] = "Rp";
+    CurrencySymbols["ILS"] = "\u20AA";
+    CurrencySymbols["INR"] = "\u20B9";
+    CurrencySymbols["JOD"] = "\u062F.\u0627";
+    CurrencySymbols["JPY"] = "\u00A5";
+    CurrencySymbols["KRW"] = "\u20A9";
+    CurrencySymbols["KWD"] = "\u062F.\u0643";
+    CurrencySymbols["LKR"] = "Rs";
+    CurrencySymbols["MXN"] = "$";
+    CurrencySymbols["MYR"] = "RM";
+    CurrencySymbols["NGN"] = "\u20A6";
+    CurrencySymbols["NOK"] = "kr";
+    CurrencySymbols["NPR"] = "\u20A8";
+    CurrencySymbols["NZD"] = "$";
+    CurrencySymbols["OMR"] = "\u0631.\u0639.";
+    CurrencySymbols["PHP"] = "\u20B1";
+    CurrencySymbols["PKR"] = "\u20A8";
+    CurrencySymbols["PLN"] = "z\u0142";
+    CurrencySymbols["QAR"] = "\u0631.\u0642";
+    CurrencySymbols["RUB"] = "\u20BD";
+    CurrencySymbols["SAR"] = "\uFDFC";
+    CurrencySymbols["SEK"] = "kr";
+    CurrencySymbols["SGD"] = "$";
+    CurrencySymbols["THB"] = "\u0E3F";
+    CurrencySymbols["TRY"] = "\u20BA";
+    CurrencySymbols["USD"] = "$";
+    CurrencySymbols["VND"] = "\u20AB";
+    CurrencySymbols["ZAR"] = "R";
+})(CurrencySymbols || (CurrencySymbols = {}));
 /**
  * Converts a number into words based on the Indian numbering system.
  * Supports up to Crore level and works for numbers up to 99 Crore.

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

@@ -23,7 +23,7 @@ let {
   footerOkButtonEnabled = true,
   footerOkButtonSpinner = false,
   footerOkButtonType = "button",
-  footerOkButtonLable = "Save",
+  footerOkButtonLabel = "Save",
   hasFooter = false,
   hasFooterCloseButton = false,
   hasFooterOkButton = false,
@@ -274,7 +274,7 @@ function handleOkClick(event) {
 							type={targetFormId ? 'submit' : footerOkButtonType}
 							appearance="primary"
 							className=" {footerOkButtonClassName}"
-							label={footerOkButtonLable}
+							label={footerOkButtonLabel}
 							disabled={!footerOkButtonEnabled}
 							spinner={footerOkButtonSpinner}
 							spinnerClassName="text-white w-4 h-4"

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

@@ -22,7 +22,7 @@ export type DialogProps = {
     footerOkButtonEnabled?: boolean;
     footerOkButtonSpinner?: boolean;
     footerOkButtonType?: 'button' | 'submit' | 'reset';
-    footerOkButtonLable?: string;
+    footerOkButtonLabel?: string;
     hasFooter?: boolean;
     hasFooterCloseButton?: boolean;
     hasFooterOkButton?: boolean;

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

@@ -15,7 +15,7 @@ let {
   itemsText = "Items",
   pageSizeText = "Page Size",
   pageText = "Page",
-  disbaleSizeMenuButton,
+  disableSizeMenuButton,
   onPageSizeChange,
   onPageIndexChange
 } = $props();
@@ -26,7 +26,10 @@ let hasLast = $derived(pageIndex < pageCount - 1);
 let hasNext = $derived(pageIndex < pageCount - 1);
 const handlePageSize = (size) => {
   pageIndex = 0;
-  pageSize = size;
+  if (pageSize != size) {
+    pageSize = size;
+    onPageSizeChange?.(pageSize);
+  }
 };
 const handlePage = (type) => {
   let index = 0;
@@ -48,7 +51,10 @@ const handlePage = (type) => {
   }
   if (index <= 0) index = 0;
   if (index >= pageCount) index = pageCount - 1;
-  pageIndex = index;
+  if (pageIndex != index) {
+    pageIndex = index;
+    onPageIndexChange?.(pageIndex);
+  }
 };
 function handlePageSizeMenu(ev, menu) {
   try {
@@ -57,12 +63,6 @@ function handlePageSizeMenu(ev, menu) {
   } catch (error) {
   }
 }
-$effect(() => {
-  onPageSizeChange && onPageSizeChange(pageSize);
-});
-$effect(() => {
-  onPageIndexChange && onPageIndexChange(pageIndex);
-});
 </script>
 
 {#snippet pageButton({ onClick, disabled, icon }: any)}
@@ -75,7 +75,7 @@ $effect(() => {
 		<div>{pageSizeText}</div>
 		<div class="">
 			<ButtonMenu
-				disabled={disbaleSizeMenuButton}
+				disabled={disableSizeMenuButton}
 				iconPath={mdiChevronDown}
 				label={'' + pageSize}
 				menus={pageSizeOptions.map((o) => '' + o)}

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

@@ -6,7 +6,7 @@ type PropsType = {
     itemsText?: string;
     pageSizeText?: string;
     pageText?: string;
-    disbaleSizeMenuButton?: boolean;
+    disableSizeMenuButton?: boolean;
     onPageSizeChange?: (size: number) => void;
     onPageIndexChange?: (index: number) => void;
 };

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

@@ -1,17 +1,10 @@
-<script lang="ts">import { BROWSER } from "esm-env";
-let { input, symbol = "$", hasSymbol = true } = $props();
-let value = $state("");
-function prepare(..._) {
-  value = Math.abs(input || 0).toFixed(2);
-}
-$effect(() => {
-  BROWSER && prepare(input);
-});
+<script lang="ts">let { input, symbol = "$", hasSymbol = true, empty = "-", decimal = 2 } = $props();
+let value = $derived(Math.abs(input || 0).toFixed(decimal));
 </script>
 
-<span>
+<span class="text-nowrap">
 	{#if (input || 0) < 0}
-		{'-'}
+		{empty}
 	{/if}
 	{#if hasSymbol}
 		{symbol || ''}

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

@@ -1,8 +1,11 @@
-type PropsType = {
+import type { CurrencySymbols } from '../../../../../services';
+type Props = {
     input: number;
-    symbol: string;
-    hasSymbol: boolean;
+    symbol?: CurrencySymbols | string;
+    hasSymbol?: boolean;
+    empty?: string;
+    decimal?: number;
 };
-declare const TextCurrency: import("svelte").Component<PropsType, {}, "">;
+declare const TextCurrency: import("svelte").Component<Props, {}, "">;
 type TextCurrency = ReturnType<typeof TextCurrency>;
 export default TextCurrency;

package/package.json

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