@cloudparker/moldex.js 0.0.114 → 0.0.115

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/services/dialog/dialog-service.d.ts +1 -1
  2. package/dist/services/dialog/dialog-service.js +6 -6
  3. package/dist/views/core/dialog/components/dialog/dialog.svelte +2 -2
  4. package/dist/views/core/dialog/components/dialog/dialog.svelte.d.ts +1 -1
  5. package/dist/views/core/pagination/components/pagination/pagination.svelte +10 -10
  6. package/dist/views/core/pagination/components/pagination/pagination.svelte.d.ts +1 -1
  7. package/package.json +1 -1
package/dist/services/dialog/dialog-service.d.ts CHANGED
@@ -32,7 +32,7 @@ export declare function openConfirmDialog(params?: DialogProps & {
32
32
  export declare function openAlertDialog(params?: DialogProps & {
33
33
  msg?: string;
34
34
  }): Promise<unknown>;
35
- export declare function openDeleteConfirmDialog({ msg, title, footerOkButtonLable, footerOkButtonClassName, ...params }?: DialogProps & {
35
+ export declare function openDeleteConfirmDialog({ msg, title, footerOkButtonLabel, footerOkButtonClassName, ...params }?: DialogProps & {
36
36
  msg?: string;
37
37
  }): Promise<unknown>;
38
38
  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 CHANGED
@@ -44,7 +44,7 @@ export async function openDialog(props = {}) {
44
44
  export async function openConfirmDialog(params = {}) {
45
45
  let msg = params.msg || 'Are you sure?';
46
46
  params.title = params.title || 'Confirm';
47
- params.footerOkButtonLable = params.footerOkButtonLable || 'Confirm';
47
+ params.footerOkButtonLabel = params.footerOkButtonLabel || 'Confirm';
48
48
  return await openDialog({
49
49
  bodyComponent: MsgDialog,
50
50
  props: { msg },
@@ -59,7 +59,7 @@ export async function openConfirmDialog(params = {}) {
59
59
  export async function openAlertDialog(params = {}) {
60
60
  let msg = params.msg || 'Alert Information?';
61
61
  params.title = params.title || 'Alert';
62
- params.footerOkButtonLable = params.footerOkButtonLable || 'Confirm';
62
+ params.footerOkButtonLabel = params.footerOkButtonLabel || 'Confirm';
63
63
  return await openDialog({
64
64
  bodyComponent: MsgDialog,
65
65
  props: { msg },
@@ -72,11 +72,11 @@ export async function openAlertDialog(params = {}) {
72
72
  footerCloseButtonLabel: 'OK'
73
73
  });
74
74
  }
75
- 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 } = {}) {
75
+ 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 } = {}) {
76
76
  return await openConfirmDialog({
77
77
  msg,
78
78
  title,
79
- footerOkButtonLable,
79
+ footerOkButtonLabel,
80
80
  footerOkButtonClassName,
81
81
  ...params,
82
82
  size: DialogSizeEnum.SM,
@@ -112,7 +112,7 @@ export async function openPickerDialog({ items, value, multiple, hasCheckbox = t
112
112
  hasTitle: true,
113
113
  hasHeaderBack: isMobileScreen(),
114
114
  hasHeaderClose: !isMobileScreen(),
115
- footerOkButtonLable: 'Select',
115
+ footerOkButtonLabel: 'Select',
116
116
  footerClassName: 'border-t',
117
117
  title: 'Pick',
118
118
  ...params,
@@ -210,7 +210,7 @@ export async function openCropperDialog({ outputWidth, outputFormat = OutputImag
210
210
  hasFooter: true,
211
211
  hasFooterOkButton: true,
212
212
  hasFooterCloseButton: true,
213
- footerOkButtonLable: params.footerOkButtonLable || 'CROP',
213
+ footerOkButtonLabel: params.footerOkButtonLabel || 'CROP',
214
214
  hasTitle: true,
215
215
  title: params.title || 'Crop Image',
216
216
  hasHeaderBack: isMobileScreen(),
package/dist/views/core/dialog/components/dialog/dialog.svelte CHANGED
@@ -23,7 +23,7 @@ let {
23
23
  footerOkButtonEnabled = true,
24
24
  footerOkButtonSpinner = false,
25
25
  footerOkButtonType = "button",
26
- footerOkButtonLable = "Save",
26
+ footerOkButtonLabel = "Save",
27
27
  hasFooter = false,
28
28
  hasFooterCloseButton = false,
29
29
  hasFooterOkButton = false,
@@ -274,7 +274,7 @@ function handleOkClick(event) {
274
274
  type={targetFormId ? 'submit' : footerOkButtonType}
275
275
  appearance="primary"
276
276
  className=" {footerOkButtonClassName}"
277
- label={footerOkButtonLable}
277
+ label={footerOkButtonLabel}
278
278
  disabled={!footerOkButtonEnabled}
279
279
  spinner={footerOkButtonSpinner}
280
280
  spinnerClassName="text-white w-4 h-4"
package/dist/views/core/dialog/components/dialog/dialog.svelte.d.ts CHANGED
@@ -22,7 +22,7 @@ export type DialogProps = {
22
22
  footerOkButtonEnabled?: boolean;
23
23
  footerOkButtonSpinner?: boolean;
24
24
  footerOkButtonType?: 'button' | 'submit' | 'reset';
25
- footerOkButtonLable?: string;
25
+ footerOkButtonLabel?: string;
26
26
  hasFooter?: boolean;
27
27
  hasFooterCloseButton?: boolean;
28
28
  hasFooterOkButton?: boolean;
package/dist/views/core/pagination/components/pagination/pagination.svelte CHANGED
@@ -15,7 +15,7 @@ let {
15
15
  itemsText = "Items",
16
16
  pageSizeText = "Page Size",
17
17
  pageText = "Page",
18
- disbaleSizeMenuButton,
18
+ disableSizeMenuButton,
19
19
  onPageSizeChange,
20
20
  onPageIndexChange
21
21
  } = $props();
@@ -26,7 +26,10 @@ let hasLast = $derived(pageIndex < pageCount - 1);
26
26
  let hasNext = $derived(pageIndex < pageCount - 1);
27
27
  const handlePageSize = (size) => {
28
28
  pageIndex = 0;
29
- pageSize = size;
29
+ if (pageSize != size) {
30
+ pageSize = size;
31
+ onPageSizeChange?.(pageSize);
32
+ }
30
33
  };
31
34
  const handlePage = (type) => {
32
35
  let index = 0;
@@ -48,7 +51,10 @@ const handlePage = (type) => {
48
51
  }
49
52
  if (index <= 0) index = 0;
50
53
  if (index >= pageCount) index = pageCount - 1;
51
- pageIndex = index;
54
+ if (pageIndex != index) {
55
+ pageIndex = index;
56
+ onPageIndexChange?.(pageIndex);
57
+ }
52
58
  };
53
59
  function handlePageSizeMenu(ev, menu) {
54
60
  try {
@@ -57,12 +63,6 @@ function handlePageSizeMenu(ev, menu) {
57
63
  } catch (error) {
58
64
  }
59
65
  }
60
- $effect(() => {
61
- onPageSizeChange && onPageSizeChange(pageSize);
62
- });
63
- $effect(() => {
64
- onPageIndexChange && onPageIndexChange(pageIndex);
65
- });
66
66
  </script>
67
67
 
68
68
  {#snippet pageButton({ onClick, disabled, icon }: any)}
@@ -75,7 +75,7 @@ $effect(() => {
75
75
  <div>{pageSizeText}</div>
76
76
  <div class="">
77
77
  <ButtonMenu
78
- disabled={disbaleSizeMenuButton}
78
+ disabled={disableSizeMenuButton}
79
79
  iconPath={mdiChevronDown}
80
80
  label={'' + pageSize}
81
81
  menus={pageSizeOptions.map((o) => '' + o)}
package/dist/views/core/pagination/components/pagination/pagination.svelte.d.ts CHANGED
@@ -6,7 +6,7 @@ type PropsType = {
6
6
  itemsText?: string;
7
7
  pageSizeText?: string;
8
8
  pageText?: string;
9
- disbaleSizeMenuButton?: boolean;
9
+ disableSizeMenuButton?: boolean;
10
10
  onPageSizeChange?: (size: number) => void;
11
11
  onPageIndexChange?: (index: number) => void;
12
12
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudparker/moldex.js",
3
- "version": "0.0.114",
3
+ "version": "0.0.115",
4
4
  "author": "cloudparker.com",
5
5
  "license": "MIT",
6
6
  "keywords": [