intelliwaketssveltekitv25 1.0.29 → 1.0.30
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.
- package/dist/About.svelte.d.ts +13 -6
- package/dist/AboutBullets.svelte.d.ts +13 -7
- package/dist/AccordianSelect.svelte.d.ts +11 -40
- package/dist/ActivityOverlay.svelte.d.ts +13 -10
- package/dist/ArrayTable.svelte.d.ts +11 -31
- package/dist/BlockNav.svelte.d.ts +13 -7
- package/dist/ButtonGroup.svelte.d.ts +11 -33
- package/dist/Calendar.svelte.d.ts +13 -20
- package/dist/CheckBox.svelte.d.ts +13 -21
- package/dist/DateRangePicker.svelte.d.ts +13 -16
- package/dist/DisplayColor.svelte.d.ts +13 -13
- package/dist/DisplayFraction.svelte.d.ts +13 -8
- package/dist/DisplayHTML.svelte.d.ts +13 -12
- package/dist/DropDown.svelte +2 -1
- package/dist/DropDown.svelte.d.ts +13 -27
- package/dist/DropDownControl.svelte.d.ts +13 -37
- package/dist/EllipsesTruncate.svelte.d.ts +13 -13
- package/dist/Icon.svelte.d.ts +13 -29
- package/dist/InputNumber.svelte.d.ts +14 -4
- package/dist/InputNumberScroll.svelte.d.ts +13 -30
- package/dist/ListGroupItems.svelte.d.ts +13 -26
- package/dist/MasterDetailLayout.svelte.d.ts +13 -33
- package/dist/MessageBoxes.svelte.d.ts +12 -16
- package/dist/Modal.svelte.d.ts +13 -40
- package/dist/ModalFormAction.svelte.d.ts +13 -31
- package/dist/ModalPromptControl.svelte.d.ts +14 -3
- package/dist/MultiSelect.svelte.d.ts +11 -65
- package/dist/NumberFormat.svelte.d.ts +14 -9
- package/dist/Paginator.svelte +27 -13
- package/dist/Paginator.svelte.d.ts +14 -12
- package/dist/Search.svelte.d.ts +13 -17
- package/dist/SelectTimezone.svelte.d.ts +13 -12
- package/dist/SlideDown.svelte.d.ts +13 -17
- package/dist/SliderDual.svelte.d.ts +11 -26
- package/dist/SpinControl.svelte.d.ts +11 -35
- package/dist/Switch.svelte.d.ts +13 -20
- package/dist/SwitchDateNull.svelte.d.ts +13 -18
- package/dist/TabHeader.svelte.d.ts +11 -28
- package/dist/TabHref.svelte.d.ts +13 -17
- package/dist/TextArea.svelte.d.ts +13 -10
- package/dist/TextSpan.svelte.d.ts +13 -8
- package/dist/VirtualList.svelte.d.ts +11 -30
- package/dist/VirtualTable.svelte.d.ts +11 -35
- package/package.json +4 -7
|
@@ -1,31 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
offValue?: number | null;
|
|
9
|
-
name?: string | undefined;
|
|
10
|
-
allowManualEntryMode?: boolean;
|
|
11
|
-
saveManualEntryMode?: string | null;
|
|
12
|
-
readonly?: boolean;
|
|
13
|
-
manualEntryMode?: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* Maximum number of digits allowed for manual entry.
|
|
16
|
-
*
|
|
17
|
-
* @type {number | null}
|
|
18
|
-
*/
|
|
19
|
-
maxManualEntryDigits?: number | null;
|
|
20
|
-
displayPercent?: boolean;
|
|
21
|
-
center?: boolean;
|
|
22
|
-
buttonClassOff?: string;
|
|
23
|
-
buttonClassOn?: string;
|
|
24
|
-
buttonClassHighlightOn?: string;
|
|
25
|
-
buttonClassHighlightOff?: string;
|
|
26
|
-
displayQualifier?: string;
|
|
27
|
-
onChange?: (val: number | null | undefined) => void;
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: Record<string, never>;
|
|
4
|
+
events: {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
};
|
|
7
|
+
slots: {};
|
|
28
8
|
};
|
|
29
|
-
|
|
30
|
-
type
|
|
31
|
-
export
|
|
9
|
+
export type InputNumberScrollProps = typeof __propDef.props;
|
|
10
|
+
export type InputNumberScrollEvents = typeof __propDef.events;
|
|
11
|
+
export type InputNumberScrollSlots = typeof __propDef.slots;
|
|
12
|
+
export default class InputNumberScroll extends SvelteComponentTyped<InputNumberScrollProps, InputNumberScrollEvents, InputNumberScrollSlots> {
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
@@ -1,27 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
emptyListMessage?: string | null;
|
|
9
|
-
borders?: boolean;
|
|
10
|
-
subsExist?: boolean;
|
|
11
|
-
topValue?: string | null;
|
|
12
|
-
active?: TFindIsActive;
|
|
13
|
-
indentLevel?: number;
|
|
14
|
-
collapsedValues?: string[];
|
|
15
|
-
collapsedSections?: string[];
|
|
16
|
-
rememberKey?: string | null;
|
|
17
|
-
pathAnalyzer?: PathAnalyzer | null | undefined;
|
|
18
|
-
wrapText?: boolean;
|
|
19
|
-
ellipses?: boolean;
|
|
20
|
-
noLinkReplace?: boolean;
|
|
21
|
-
rounded?: boolean;
|
|
22
|
-
caret?: boolean | 'left' | 'right';
|
|
23
|
-
empty?: Snippet;
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: Record<string, never>;
|
|
4
|
+
events: {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
};
|
|
7
|
+
slots: {};
|
|
24
8
|
};
|
|
25
|
-
|
|
26
|
-
type
|
|
27
|
-
export
|
|
9
|
+
export type ListGroupItemsProps = typeof __propDef.props;
|
|
10
|
+
export type ListGroupItemsEvents = typeof __propDef.events;
|
|
11
|
+
export type ListGroupItemsSlots = typeof __propDef.slots;
|
|
12
|
+
export default class ListGroupItems extends SvelteComponentTyped<ListGroupItemsProps, ListGroupItemsEvents, ListGroupItemsSlots> {
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
@@ -1,34 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
backName?: string | null;
|
|
9
|
-
listItems?: TMasterDetailListGroupItem[] | null;
|
|
10
|
-
caret?: boolean | 'left' | 'right';
|
|
11
|
-
emptyListMessage?: string | null;
|
|
12
|
-
active?: TFindIsActive;
|
|
13
|
-
mdClass?: string;
|
|
14
|
-
masterClass?: string;
|
|
15
|
-
detailClass?: string;
|
|
16
|
-
wrapText?: boolean;
|
|
17
|
-
ellipses?: boolean;
|
|
18
|
-
borders?: boolean;
|
|
19
|
-
noLinkReplace?: boolean;
|
|
20
|
-
rounded?: boolean;
|
|
21
|
-
roundedDetailFormatted?: boolean;
|
|
22
|
-
roundedDetailFormattedHome?: boolean;
|
|
23
|
-
detailShowHeader?: boolean | string;
|
|
24
|
-
detailShowHeaderFAProps?: IFAProps | null;
|
|
25
|
-
empty?: Snippet;
|
|
26
|
-
header?: Snippet;
|
|
27
|
-
subheader?: Snippet;
|
|
28
|
-
list?: Snippet;
|
|
29
|
-
footer?: Snippet;
|
|
30
|
-
detail?: Snippet;
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: Record<string, never>;
|
|
4
|
+
events: {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
};
|
|
7
|
+
slots: {};
|
|
31
8
|
};
|
|
32
|
-
|
|
33
|
-
type
|
|
34
|
-
export
|
|
9
|
+
export type MasterDetailLayoutProps = typeof __propDef.props;
|
|
10
|
+
export type MasterDetailLayoutEvents = typeof __propDef.events;
|
|
11
|
+
export type MasterDetailLayoutSlots = typeof __propDef.slots;
|
|
12
|
+
export default class MasterDetailLayout extends SvelteComponentTyped<MasterDetailLayoutProps, MasterDetailLayoutEvents, MasterDetailLayoutSlots> {
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
@@ -1,18 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
$$events?: Events;
|
|
7
|
-
$$slots?: Slots;
|
|
8
|
-
}): Exports & {
|
|
9
|
-
$set?: any;
|
|
10
|
-
$on?: any;
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: Record<string, never>;
|
|
4
|
+
events: {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
11
6
|
};
|
|
12
|
-
|
|
7
|
+
slots: {};
|
|
8
|
+
};
|
|
9
|
+
export type MessageBoxesProps = typeof __propDef.props;
|
|
10
|
+
export type MessageBoxesEvents = typeof __propDef.events;
|
|
11
|
+
export type MessageBoxesSlots = typeof __propDef.slots;
|
|
12
|
+
export default class MessageBoxes extends SvelteComponentTyped<MessageBoxesProps, MessageBoxesEvents, MessageBoxesSlots> {
|
|
13
13
|
}
|
|
14
|
-
|
|
15
|
-
[evt: string]: CustomEvent<any>;
|
|
16
|
-
}, {}, {}, string>;
|
|
17
|
-
type MessageBoxes = InstanceType<typeof MessageBoxes>;
|
|
18
|
-
export default MessageBoxes;
|
|
14
|
+
export {};
|
package/dist/Modal.svelte.d.ts
CHANGED
|
@@ -1,46 +1,19 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
rightFooter?: Snippet;
|
|
9
|
-
/** A value equal to the 'noShowValue' or 'false' will have the modal hidden, any other value will show it */
|
|
10
|
-
show: unknown;
|
|
11
|
-
/** The value to compare against to have the modal hidden, default 'false' */
|
|
12
|
-
noShowValue?: unknown;
|
|
13
|
-
forceNoShow?: boolean;
|
|
14
|
-
width?: string;
|
|
15
|
-
cancelButton?: string | false;
|
|
16
|
-
okButton?: string | false;
|
|
17
|
-
okFAProps?: IFAProps;
|
|
18
|
-
okActionNotOnEnter?: boolean;
|
|
19
|
-
okDisabled?: boolean;
|
|
20
|
-
noCloseOnOK?: boolean;
|
|
21
|
-
overflowY?: 'auto' | 'visible' | 'hidden';
|
|
22
|
-
disable?: boolean;
|
|
23
|
-
okType?: 'submit' | 'button';
|
|
24
|
-
marginForStickyHeader?: boolean;
|
|
25
|
-
okButtonWrap?: boolean;
|
|
26
|
-
class?: string;
|
|
27
|
-
okColor?: TDefaultColorPalate;
|
|
28
|
-
color?: TDefaultColorPalate;
|
|
29
|
-
classHeader?: string;
|
|
30
|
-
classBody?: string;
|
|
31
|
-
classFooter?: string;
|
|
32
|
-
classButton?: string;
|
|
33
|
-
borderFooter?: boolean;
|
|
34
|
-
onOK?: () => void;
|
|
35
|
-
onOKPromise?: () => Promise<unknown>;
|
|
36
|
-
onCancel?: () => void;
|
|
37
|
-
onClose?: () => void;
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: Record<string, never>;
|
|
4
|
+
events: {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
};
|
|
7
|
+
slots: {};
|
|
38
8
|
};
|
|
9
|
+
export type ModalProps = typeof __propDef.props;
|
|
10
|
+
export type ModalEvents = typeof __propDef.events;
|
|
11
|
+
export type ModalSlots = typeof __propDef.slots;
|
|
39
12
|
/**
|
|
40
13
|
* This component presents a modal window using the HTML5 dialog element
|
|
41
14
|
* @param {any} show A property that determines if the modal should be shown or not
|
|
42
15
|
* @param {any} noShowValue A property that, if equal to the show property, will hide the modal, otherwise show the modal
|
|
43
16
|
*/
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
export
|
|
17
|
+
export default class Modal extends SvelteComponentTyped<ModalProps, ModalEvents, ModalSlots> {
|
|
18
|
+
}
|
|
19
|
+
export {};
|
|
@@ -1,32 +1,14 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
rightFooter?: Snippet;
|
|
9
|
-
action: string;
|
|
10
|
-
formEnhance?: TEnhanceOptions | null | undefined;
|
|
11
|
-
show?: unknown;
|
|
12
|
-
noShowValue?: unknown;
|
|
13
|
-
width?: string;
|
|
14
|
-
cancelButton?: string | false;
|
|
15
|
-
okButton?: string | false;
|
|
16
|
-
okDisabled?: boolean;
|
|
17
|
-
okFAProps?: IFAProps;
|
|
18
|
-
noCloseOnOK?: boolean;
|
|
19
|
-
overflowVisible?: boolean;
|
|
20
|
-
disable?: boolean;
|
|
21
|
-
marginForStickyHeader?: boolean;
|
|
22
|
-
okButtonWrap?: boolean;
|
|
23
|
-
class?: string;
|
|
24
|
-
classHeader?: string;
|
|
25
|
-
classButton?: string;
|
|
26
|
-
borderFooter?: boolean;
|
|
27
|
-
onCancel?: () => void;
|
|
28
|
-
onClose?: () => void;
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: Record<string, never>;
|
|
4
|
+
events: {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
};
|
|
7
|
+
slots: {};
|
|
29
8
|
};
|
|
30
|
-
|
|
31
|
-
type
|
|
32
|
-
export
|
|
9
|
+
export type ModalFormActionProps = typeof __propDef.props;
|
|
10
|
+
export type ModalFormActionEvents = typeof __propDef.events;
|
|
11
|
+
export type ModalFormActionSlots = typeof __propDef.slots;
|
|
12
|
+
export default class ModalFormAction extends SvelteComponentTyped<ModalFormActionProps, ModalFormActionEvents, ModalFormActionSlots> {
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
@@ -1,3 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: Record<string, never>;
|
|
4
|
+
events: {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
};
|
|
7
|
+
slots: {};
|
|
8
|
+
};
|
|
9
|
+
export type ModalPromptControlProps = typeof __propDef.props;
|
|
10
|
+
export type ModalPromptControlEvents = typeof __propDef.events;
|
|
11
|
+
export type ModalPromptControlSlots = typeof __propDef.slots;
|
|
12
|
+
export default class ModalPromptControl extends SvelteComponentTyped<ModalPromptControlProps, ModalPromptControlEvents, ModalPromptControlSlots> {
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
@@ -1,69 +1,15 @@
|
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
1
2
|
import { type TGenericMultiSelect } from './Definitions';
|
|
2
|
-
import { type ActionArray } from './useActions';
|
|
3
|
-
declare function $$render<T extends TGenericMultiSelect>(): {
|
|
4
|
-
props: {
|
|
5
|
-
id?: string;
|
|
6
|
-
show?: boolean;
|
|
7
|
-
use?: ActionArray;
|
|
8
|
-
possibles: T[];
|
|
9
|
-
selected?: T[];
|
|
10
|
-
selectedIDs?: (number | string)[] | undefined;
|
|
11
|
-
created?: T[];
|
|
12
|
-
existing?: T[];
|
|
13
|
-
name?: string | null;
|
|
14
|
-
placeholder?: string;
|
|
15
|
-
disabled?: boolean;
|
|
16
|
-
readonly?: boolean;
|
|
17
|
-
required?: boolean;
|
|
18
|
-
invalid?: boolean;
|
|
19
|
-
isMulti?: boolean;
|
|
20
|
-
allowClearAll?: boolean;
|
|
21
|
-
createPrefix?: string;
|
|
22
|
-
create?: undefined | ((value: string) => T | null);
|
|
23
|
-
createValid?: undefined | ((value: string) => boolean | string);
|
|
24
|
-
tabindex?: number;
|
|
25
|
-
displayValue?: ((item: T) => string | number);
|
|
26
|
-
idValue?: ((item: T) => any);
|
|
27
|
-
/** Compute the value of the "key" in the "each" statements to make them unique */
|
|
28
|
-
keyValue?: ((item: T, idx?: number) => any);
|
|
29
|
-
inputValue?: ((item: T) => any);
|
|
30
|
-
headerValue?: ((item: T | null | undefined) => string | null | undefined);
|
|
31
|
-
sameSize?: boolean;
|
|
32
|
-
resizeTS?: number;
|
|
33
|
-
autoFocus?: boolean;
|
|
34
|
-
zIndex?: number;
|
|
35
|
-
bodyClass?: string;
|
|
36
|
-
toggleClass?: string;
|
|
37
|
-
controlClass?: string;
|
|
38
|
-
inputClass?: string;
|
|
39
|
-
parentDivElement?: HTMLDivElement | null;
|
|
40
|
-
form?: string | undefined;
|
|
41
|
-
onadd?: (id: string | number) => void;
|
|
42
|
-
onselect?: (id: string | number) => void;
|
|
43
|
-
oncreate?: (item: string) => void;
|
|
44
|
-
onchange?: (items: T[]) => void;
|
|
45
|
-
onclear?: (id: string | number) => void;
|
|
46
|
-
onclearall?: () => void;
|
|
47
|
-
};
|
|
48
|
-
exports: {};
|
|
49
|
-
bindings: "selected" | "show" | "selectedIDs" | "created" | "existing";
|
|
50
|
-
slots: {};
|
|
51
|
-
events: {};
|
|
52
|
-
};
|
|
53
3
|
declare class __sveltets_Render<T extends TGenericMultiSelect> {
|
|
54
|
-
props():
|
|
55
|
-
events():
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
4
|
+
props(): Record<string, never>;
|
|
5
|
+
events(): {} & {
|
|
6
|
+
[evt: string]: CustomEvent<any>;
|
|
7
|
+
};
|
|
8
|
+
slots(): {};
|
|
59
9
|
}
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
<T extends TGenericMultiSelect>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
|
|
65
|
-
z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
|
|
10
|
+
export type MultiSelectProps<T extends TGenericMultiSelect> = ReturnType<__sveltets_Render<T>['props']>;
|
|
11
|
+
export type MultiSelectEvents<T extends TGenericMultiSelect> = ReturnType<__sveltets_Render<T>['events']>;
|
|
12
|
+
export type MultiSelectSlots<T extends TGenericMultiSelect> = ReturnType<__sveltets_Render<T>['slots']>;
|
|
13
|
+
export default class MultiSelect<T extends TGenericMultiSelect> extends SvelteComponentTyped<MultiSelectProps<T>, MultiSelectEvents<T>, MultiSelectSlots<T>> {
|
|
66
14
|
}
|
|
67
|
-
|
|
68
|
-
type MultiSelect<T extends TGenericMultiSelect> = InstanceType<typeof MultiSelect<T>>;
|
|
69
|
-
export default MultiSelect;
|
|
15
|
+
export {};
|
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
export
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: Record<string, never>;
|
|
4
|
+
events: {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
};
|
|
7
|
+
slots: {};
|
|
8
|
+
};
|
|
9
|
+
export type NumberFormatProps = typeof __propDef.props;
|
|
10
|
+
export type NumberFormatEvents = typeof __propDef.events;
|
|
11
|
+
export type NumberFormatSlots = typeof __propDef.slots;
|
|
12
|
+
export default class NumberFormat extends SvelteComponentTyped<NumberFormatProps, NumberFormatEvents, NumberFormatSlots> {
|
|
13
|
+
}
|
|
14
|
+
export {};
|
package/dist/Paginator.svelte
CHANGED
|
@@ -10,10 +10,11 @@
|
|
|
10
10
|
ToArray,
|
|
11
11
|
ToDigits
|
|
12
12
|
} from '@solidbasisventures/intelliwaketsfoundation'
|
|
13
|
-
import { CookieCreate, CookieErase, CookieRead,
|
|
13
|
+
import { CookieCreate, CookieErase, CookieRead, type IDDAction, PageAdvanceSize } from './index'
|
|
14
14
|
import { page as pageState } from '$app/state'
|
|
15
15
|
import { goto, invalidate as doInvalidate, invalidateAll } from '$app/navigation'
|
|
16
16
|
import { browser } from '$app/environment'
|
|
17
|
+
import DropDown from './DropDown.svelte'
|
|
17
18
|
|
|
18
19
|
let {
|
|
19
20
|
page = $bindable(),
|
|
@@ -46,6 +47,10 @@
|
|
|
46
47
|
let clientWidth = $state(0)
|
|
47
48
|
let lastPage = $state(page)
|
|
48
49
|
|
|
50
|
+
function setPage(newPage: number) {
|
|
51
|
+
page = newPage
|
|
52
|
+
}
|
|
53
|
+
|
|
49
54
|
function createDisplay(parm_page: number, parm_pageCount: number, parm_clientWidth: number): TDisplay {
|
|
50
55
|
if (parm_pageCount <= 1) return {
|
|
51
56
|
page: GreaterNumber(0, parm_pageCount),
|
|
@@ -87,10 +92,11 @@
|
|
|
87
92
|
page: usePage,
|
|
88
93
|
pageCount: parm_pageCount,
|
|
89
94
|
ddActions: PagesForRange(usePage, parm_pageCount, 10)
|
|
90
|
-
.map<IDDAction>(pg => ({
|
|
95
|
+
.map<IDDAction>((pg, idx) => ({
|
|
91
96
|
title: !pg ? '...' : `Page ${ToDigits(pg)}`,
|
|
92
97
|
active: !!pg && usePage === pg,
|
|
93
|
-
action: !pg ? undefined : () =>
|
|
98
|
+
action: !pg ? undefined : () => setPage(pg),
|
|
99
|
+
key: idx.toString()
|
|
94
100
|
})),
|
|
95
101
|
showBackNext: remainingButtonsFittable >= 2,
|
|
96
102
|
backNextFastCount: remainingButtonsFittable < 4 ? undefined :
|
|
@@ -121,6 +127,9 @@
|
|
|
121
127
|
|
|
122
128
|
$effect(() => {
|
|
123
129
|
if (verbose) console.info('Paginator page EFFECT')
|
|
130
|
+
// Don't run the effect until clientWidth has been measured
|
|
131
|
+
if (!clientWidth) return
|
|
132
|
+
|
|
124
133
|
if (queryParamName || cookieName) {
|
|
125
134
|
if (verbose) console.info('Paginator query/cookie', queryParamName, cookieName)
|
|
126
135
|
const currentValue = CleanNumberNull(cookieName ? CookieRead(cookieName) : queryParamName ? pageState.url.searchParams.get(queryParamName) : null)
|
|
@@ -177,6 +186,7 @@
|
|
|
177
186
|
performInvalidate()
|
|
178
187
|
}
|
|
179
188
|
})
|
|
189
|
+
|
|
180
190
|
</script>
|
|
181
191
|
|
|
182
192
|
{#if display.pageCount > 1}
|
|
@@ -184,8 +194,8 @@
|
|
|
184
194
|
{#if display.backNextFastCount}
|
|
185
195
|
<button type="button"
|
|
186
196
|
class="btnClean px-2"
|
|
187
|
-
class:invisible={page <
|
|
188
|
-
onclick={() => page
|
|
197
|
+
class:invisible={page < display.backNextFastCount}
|
|
198
|
+
onclick={() => setPage(page - CleanNumber(display.backNextFastCount))}>
|
|
189
199
|
«
|
|
190
200
|
</button>
|
|
191
201
|
{/if}
|
|
@@ -193,13 +203,17 @@
|
|
|
193
203
|
<button type="button"
|
|
194
204
|
class="btnClean px-2"
|
|
195
205
|
class:invisible={page <= 1}
|
|
196
|
-
onclick={() => page
|
|
206
|
+
onclick={() => setPage(page - 1)}>
|
|
197
207
|
‹
|
|
198
208
|
</button>
|
|
199
209
|
{/if}
|
|
200
210
|
{#if display.ddActions}
|
|
201
|
-
<DropDown ddActions={display.ddActions}
|
|
202
|
-
buttonClass="btnLink text-nowrap"
|
|
211
|
+
<DropDown ddActions={display.ddActions}
|
|
212
|
+
buttonClass="btnLink text-nowrap">
|
|
213
|
+
{#snippet button()}
|
|
214
|
+
{ToDigits(display.page)} of {ToDigits(display.pageCount)}
|
|
215
|
+
{/snippet}
|
|
216
|
+
</DropDown>
|
|
203
217
|
{/if}
|
|
204
218
|
{#if display.pagesForRange}
|
|
205
219
|
<div class="pagination justify-center gap-0 border border-slate-300 rounded-lg overflow-hidden">
|
|
@@ -208,7 +222,7 @@
|
|
|
208
222
|
class="btnClean px-2 not-last:border-r not-last:border-r-slate-300"
|
|
209
223
|
class:active={!!pageForRange && pageForRange === display.page}
|
|
210
224
|
disabled={!pageForRange}
|
|
211
|
-
onclick={() =>
|
|
225
|
+
onclick={() => setPage(pageForRange ?? display.page)}>
|
|
212
226
|
{!pageForRange ? '...' : ToDigits(pageForRange)}
|
|
213
227
|
</button>
|
|
214
228
|
{/each}
|
|
@@ -218,17 +232,17 @@
|
|
|
218
232
|
<button type="button"
|
|
219
233
|
class="btnClean px-2"
|
|
220
234
|
class:invisible={page >= pageCount}
|
|
221
|
-
onclick={() => page
|
|
235
|
+
onclick={() => setPage(page + 1)}>
|
|
222
236
|
›
|
|
223
237
|
</button>
|
|
224
238
|
{/if}
|
|
225
239
|
{#if display.backNextFastCount}
|
|
226
240
|
<button type="button"
|
|
227
241
|
class="btnClean px-2"
|
|
228
|
-
class:invisible={(pageCount - page) <
|
|
229
|
-
onclick={() => page
|
|
242
|
+
class:invisible={(pageCount - page) < display.backNextFastCount}
|
|
243
|
+
onclick={() => setPage(page === 1 ? CleanNumber(display.backNextFastCount) : page + CleanNumber(display.backNextFastCount))}>
|
|
230
244
|
»
|
|
231
245
|
</button>
|
|
232
246
|
{/if}
|
|
233
247
|
</div>
|
|
234
|
-
{/if}
|
|
248
|
+
{/if}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
type
|
|
12
|
-
export default Paginator
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: Record<string, never>;
|
|
4
|
+
events: {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
};
|
|
7
|
+
slots: {};
|
|
8
|
+
};
|
|
9
|
+
export type PaginatorProps = typeof __propDef.props;
|
|
10
|
+
export type PaginatorEvents = typeof __propDef.events;
|
|
11
|
+
export type PaginatorSlots = typeof __propDef.slots;
|
|
12
|
+
export default class Paginator extends SvelteComponentTyped<PaginatorProps, PaginatorEvents, PaginatorSlots> {
|
|
13
|
+
}
|
|
14
|
+
export {};
|
package/dist/Search.svelte.d.ts
CHANGED
|
@@ -1,18 +1,14 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
placeholder?: string;
|
|
9
|
-
bordered?: boolean;
|
|
10
|
-
element?: HTMLInputElement | undefined;
|
|
11
|
-
class?: string;
|
|
12
|
-
sessionKey?: string;
|
|
13
|
-
noMagnifyingGlass?: boolean;
|
|
14
|
-
onChange?: (val: string) => void;
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: Record<string, never>;
|
|
4
|
+
events: {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
};
|
|
7
|
+
slots: {};
|
|
15
8
|
};
|
|
16
|
-
|
|
17
|
-
type
|
|
18
|
-
export
|
|
9
|
+
export type SearchProps = typeof __propDef.props;
|
|
10
|
+
export type SearchEvents = typeof __propDef.events;
|
|
11
|
+
export type SearchSlots = typeof __propDef.slots;
|
|
12
|
+
export default class Search extends SvelteComponentTyped<SearchProps, SearchEvents, SearchSlots> {
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
forDate?: TDateAny;
|
|
9
|
-
showPrefix?: boolean;
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: Record<string, never>;
|
|
4
|
+
events: {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
};
|
|
7
|
+
slots: {};
|
|
10
8
|
};
|
|
11
|
-
|
|
12
|
-
type
|
|
13
|
-
export
|
|
9
|
+
export type SelectTimezoneProps = typeof __propDef.props;
|
|
10
|
+
export type SelectTimezoneEvents = typeof __propDef.events;
|
|
11
|
+
export type SelectTimezoneSlots = typeof __propDef.slots;
|
|
12
|
+
export default class SelectTimezone extends SvelteComponentTyped<SelectTimezoneProps, SelectTimezoneEvents, SelectTimezoneSlots> {
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
@@ -1,18 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
use?: ActionArray;
|
|
9
|
-
show?: boolean;
|
|
10
|
-
width?: string;
|
|
11
|
-
maxHeight?: string | null;
|
|
12
|
-
caret?: boolean;
|
|
13
|
-
buttonTitle?: string | null;
|
|
14
|
-
highlightedIndex?: number;
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: Record<string, never>;
|
|
4
|
+
events: {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
};
|
|
7
|
+
slots: {};
|
|
15
8
|
};
|
|
16
|
-
|
|
17
|
-
type
|
|
18
|
-
export
|
|
9
|
+
export type SlideDownProps = typeof __propDef.props;
|
|
10
|
+
export type SlideDownEvents = typeof __propDef.events;
|
|
11
|
+
export type SlideDownSlots = typeof __propDef.slots;
|
|
12
|
+
export default class SlideDown extends SvelteComponentTyped<SlideDownProps, SlideDownEvents, SlideDownSlots> {
|
|
13
|
+
}
|
|
14
|
+
export {};
|