intelliwaketssveltekitv25 1.0.28 → 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 +28 -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 +7 -10
|
@@ -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 :
|
|
@@ -120,6 +126,10 @@
|
|
|
120
126
|
}
|
|
121
127
|
|
|
122
128
|
$effect(() => {
|
|
129
|
+
if (verbose) console.info('Paginator page EFFECT')
|
|
130
|
+
// Don't run the effect until clientWidth has been measured
|
|
131
|
+
if (!clientWidth) return
|
|
132
|
+
|
|
123
133
|
if (queryParamName || cookieName) {
|
|
124
134
|
if (verbose) console.info('Paginator query/cookie', queryParamName, cookieName)
|
|
125
135
|
const currentValue = CleanNumberNull(cookieName ? CookieRead(cookieName) : queryParamName ? pageState.url.searchParams.get(queryParamName) : null)
|
|
@@ -176,6 +186,7 @@
|
|
|
176
186
|
performInvalidate()
|
|
177
187
|
}
|
|
178
188
|
})
|
|
189
|
+
|
|
179
190
|
</script>
|
|
180
191
|
|
|
181
192
|
{#if display.pageCount > 1}
|
|
@@ -183,8 +194,8 @@
|
|
|
183
194
|
{#if display.backNextFastCount}
|
|
184
195
|
<button type="button"
|
|
185
196
|
class="btnClean px-2"
|
|
186
|
-
class:invisible={page <
|
|
187
|
-
onclick={() => page
|
|
197
|
+
class:invisible={page < display.backNextFastCount}
|
|
198
|
+
onclick={() => setPage(page - CleanNumber(display.backNextFastCount))}>
|
|
188
199
|
«
|
|
189
200
|
</button>
|
|
190
201
|
{/if}
|
|
@@ -192,13 +203,17 @@
|
|
|
192
203
|
<button type="button"
|
|
193
204
|
class="btnClean px-2"
|
|
194
205
|
class:invisible={page <= 1}
|
|
195
|
-
onclick={() => page
|
|
206
|
+
onclick={() => setPage(page - 1)}>
|
|
196
207
|
‹
|
|
197
208
|
</button>
|
|
198
209
|
{/if}
|
|
199
210
|
{#if display.ddActions}
|
|
200
|
-
<DropDown ddActions={display.ddActions}
|
|
201
|
-
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>
|
|
202
217
|
{/if}
|
|
203
218
|
{#if display.pagesForRange}
|
|
204
219
|
<div class="pagination justify-center gap-0 border border-slate-300 rounded-lg overflow-hidden">
|
|
@@ -207,7 +222,7 @@
|
|
|
207
222
|
class="btnClean px-2 not-last:border-r not-last:border-r-slate-300"
|
|
208
223
|
class:active={!!pageForRange && pageForRange === display.page}
|
|
209
224
|
disabled={!pageForRange}
|
|
210
|
-
onclick={() =>
|
|
225
|
+
onclick={() => setPage(pageForRange ?? display.page)}>
|
|
211
226
|
{!pageForRange ? '...' : ToDigits(pageForRange)}
|
|
212
227
|
</button>
|
|
213
228
|
{/each}
|
|
@@ -217,17 +232,17 @@
|
|
|
217
232
|
<button type="button"
|
|
218
233
|
class="btnClean px-2"
|
|
219
234
|
class:invisible={page >= pageCount}
|
|
220
|
-
onclick={() => page
|
|
235
|
+
onclick={() => setPage(page + 1)}>
|
|
221
236
|
›
|
|
222
237
|
</button>
|
|
223
238
|
{/if}
|
|
224
239
|
{#if display.backNextFastCount}
|
|
225
240
|
<button type="button"
|
|
226
241
|
class="btnClean px-2"
|
|
227
|
-
class:invisible={(pageCount - page) <
|
|
228
|
-
onclick={() => page
|
|
242
|
+
class:invisible={(pageCount - page) < display.backNextFastCount}
|
|
243
|
+
onclick={() => setPage(page === 1 ? CleanNumber(display.backNextFastCount) : page + CleanNumber(display.backNextFastCount))}>
|
|
229
244
|
»
|
|
230
245
|
</button>
|
|
231
246
|
{/if}
|
|
232
247
|
</div>
|
|
233
|
-
{/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 {};
|