wx-svelte-core 2.3.0 → 2.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "wx-svelte-core",
-	"version": "2.3.0",
+	"version": "2.3.1",
 	"description": "SVAR Svelte Core - Svelte UI library of 20+ components and form controls",
 	"productTag": "core",
 	"productTrial": false,
@@ -33,12 +33,13 @@
 	},
 	"homepage": "https://svar.dev/svelte/core/",
 	"dependencies": {
-		"@svar-ui/core-locales": "2.3.0",
+		"@svar-ui/core-locales": "2.3.1",
 		"@svar-ui/lib-dom": "0.9.2",
 		"@svar-ui/lib-svelte": "0.5.2"
 	},
 	"files": [
 		"src",
+		"types",
 		"readme.md",
 		"whatsnew.md",
 		"license.txt"

package/types/index.d.ts

@@ -0,0 +1,439 @@
+import type { Component } from "svelte";
+import type { Snippet } from "svelte";
+
+export declare const TextArea: Component<{
+	value?: string;
+	id?: string | number;
+	placeholder?: string;
+	title?: string;
+	disabled?: boolean;
+	error?: boolean;
+	readonly?: boolean;
+	onchange?: (ev: { value: string; input?: boolean }) => void;
+}>;
+
+export declare const Button: Component<{
+	type?:
+		| "primary"
+		| "secondary"
+		| "danger"
+		| "link"
+		| "primary block"
+		| "secondary block"
+		| "danger block"
+		| "link block";
+	css?: string;
+	icon?: string;
+	disabled?: boolean;
+	title?: string;
+	text?: string;
+	children?: () => any;
+	onclick?: (ev: MouseEvent) => void;
+}>;
+
+export declare const Checkbox: Component<{
+	id?: string | number;
+	label?: string;
+	inputValue?: string | number;
+	value?: boolean;
+	style?: string;
+	disabled?: boolean;
+	onchange?: (ev: { value: boolean; inputValue: string | number }) => void;
+}>;
+
+export declare const CheckboxGroup: Component<{
+	options?: { id: string | number; label: string }[];
+	value?: (string | number)[];
+	type?: "inline" | "grid";
+	onchange?: (ev: { value: (string | number)[] }) => void;
+}>;
+
+export declare const ColorSelect: Component<{
+	colors?: string[];
+	value?: string;
+	id?: string | number;
+	clear?: boolean;
+	placeholder?: string;
+	title?: string;
+	disabled?: boolean;
+	error?: boolean;
+	onchange?: (ev: { value: string }) => void;
+}>;
+
+export declare const ColorBoard: Component<{
+	value?: string;
+	button?: boolean;
+	onchange?: (ev: { value: string; input?: boolean }) => void;
+}>;
+
+export declare const ColorPicker: Component<{
+	value?: string;
+	id?: string | number;
+	placeholder?: string;
+	title?: string;
+	disabled?: boolean;
+	error?: boolean;
+	clear?: boolean;
+	onchange?: (ev: { value: string }) => void;
+}>;
+
+export declare const Combo: Component<{
+	value?: string | number;
+	id?: string | number;
+	options?: { id: string | number; label: string }[];
+	textOptions?: { id: string | number; label: string }[];
+	textField?: string;
+	placeholder?: string;
+	title?: string;
+	disabled?: boolean;
+	error?: boolean;
+	clear?: boolean;
+	children?: () => any;
+	onchange?: (ev: { value: string | number }) => void;
+}>;
+
+export declare const DatePicker: Component<{
+	value?: Date;
+	id?: string | number;
+	disabled?: boolean;
+	error?: boolean;
+	width?: string;
+	align?: "start" | "center" | "end";
+	placeholder?: string;
+	format?: string | ((value: Date) => string);
+	buttons?: boolean | ("clear" | "today")[];
+	css?: string;
+	title?: string;
+	editable?: boolean | ((value: string) => Date | null);
+	clear?: boolean;
+	onchange?: (ev: { value: Date | null }) => void;
+}>;
+
+export declare const DateRangePicker: Component<{
+	value?: { start: Date; end?: Date };
+	id?: string | number;
+	disabled?: boolean;
+	error?: boolean;
+	width?: string;
+	align?: "start" | "center" | "end";
+	placeholder?: string;
+	css?: string;
+	title?: string;
+	format?: string | ((date: Date) => string);
+	months?: 1 | 2;
+	buttons?: boolean | ("clear" | "today" | "done")[];
+	editable?: boolean | ((value: string) => Date | null);
+	clear?: boolean;
+	onchange?: (ev: {
+		value: { start: Date; end: Date | null } | null;
+	}) => void;
+}>;
+
+export declare const Icon: Component<{
+	css?: string;
+	title?: string;
+	children?: () => any;
+	onclick?: (ev: MouseEvent) => void;
+}>;
+
+export declare const MultiCombo: Component<{
+	id?: string | number;
+	value?: (string | number)[];
+	options?: { id: string | number; label: string }[];
+	textOptions?: { id: string | number; label: string }[];
+	textField?: string;
+	placeholder?: string;
+	title?: string;
+	disabled?: boolean;
+	error?: boolean;
+	checkboxes?: boolean;
+	children?: () => any;
+	onchange?: (ev: { value: (string | number)[] }) => void;
+}>;
+
+export declare const Popup: Component<{
+	left?: number;
+	top?: number;
+	at?: string;
+	parent?: HTMLElement;
+	mount?: any;
+	children?: () => any;
+	oncancel?: (ev: MouseEvent) => void;
+}>;
+
+export declare const Dropdown: Component<{
+	position?: string;
+	align?: "start" | "center" | "end";
+	autoFit?: boolean;
+	width?: string;
+	children?: () => any;
+	oncancel?: (ev: MouseEvent) => void;
+}>;
+
+export declare const Pager: Component<{
+	total?: number;
+	pageSize?: number;
+	value?: number;
+	onchange?: (ev: { value: number; from: number; to: number }) => void;
+}>;
+
+export declare const RadioButton: Component<{
+	id?: string | number;
+	label?: string;
+	value?: boolean;
+	name?: string;
+	inputValue?: string | number;
+	disabled?: boolean;
+	onchange?: (ev: { value: boolean; inputValue: string | number }) => void;
+}>;
+
+export declare const RadioButtonGroup: Component<{
+	options?: { id: string | number; label: string }[];
+	value?: string | number;
+	type?: "inline" | "grid";
+	onchange?: (ev: { value: string | number }) => void;
+}>;
+
+export declare const RichSelect: Component<{
+	value?: string | number;
+	options?: { id: string | number; label: string }[];
+	textOptions?: { id: string | number; label: string }[];
+	placeholder?: string;
+	disabled?: boolean;
+	error?: boolean;
+	title?: string;
+	textField?: string;
+	clear?: boolean;
+	children?: () => any;
+	onchange?: (ev: { value: string | number }) => void;
+}>;
+
+export declare const Segmented: Component<{
+	options?: {
+		id: string | number;
+		label: string;
+		icon?: string;
+		title?: string;
+	}[];
+	value?: string | number;
+	css?: string;
+	children?: () => any;
+	onchange?: (ev: { value: string | number }) => void;
+}>;
+
+export declare const Select: Component<{
+	value?: string | number;
+	options?: { id: string | number; label: string }[];
+	placeholder?: string;
+	title?: string;
+	disabled?: boolean;
+	error?: boolean;
+	textField?: string;
+	clear?: boolean;
+	id?: string | number;
+	onchange?: (ev: { value: string | number }) => void;
+}>;
+
+export declare const Slider: Component<{
+	id?: string | number;
+	label?: string;
+	width?: string;
+	min?: number;
+	max?: number;
+	value?: number;
+	step?: number;
+	title?: string;
+	disabled?: boolean;
+	onchange?: (ev: {
+		value: number;
+		previous: number;
+		input?: boolean;
+	}) => void;
+}>;
+
+export declare const Switch: Component<{
+	id?: string | number;
+	value?: boolean;
+	disabled?: boolean;
+	onchange?: (ev: { value: boolean }) => void;
+}>;
+
+export declare const Tabs: Component<{
+	options?: {
+		id: string | number;
+		label?: string;
+		title?: string;
+		icon?: string;
+	}[];
+	value?: string | number;
+	type?: "top" | "bottom";
+	onchange?: (ev: { value: string | number }) => void;
+}>;
+
+export declare const Text: Component<{
+	value?: string | number;
+	id?: string | number;
+	readonly?: boolean;
+	focus?: boolean;
+	select?: boolean;
+	type?: "text" | "number" | "password";
+	placeholder?: string;
+	disabled?: boolean;
+	error?: boolean;
+	inputStyle?: string;
+	title?: string;
+	css?: string;
+	icon?: string;
+	clear?: boolean;
+	onchange?: (ev: { value: string | number; input?: boolean }) => void;
+}>;
+
+export declare const Counter: Component<{
+	id?: string | number;
+	value?: number;
+	step?: number;
+	min?: number;
+	max?: number;
+	error?: boolean;
+	disabled?: boolean;
+	readonly?: boolean;
+	onchange?: (ev: { value: number; input?: boolean }) => void;
+}>;
+
+export declare const Field: Component<{
+	label?: string;
+	position?: "left";
+	width?: string;
+	error?: boolean;
+	type?: "checkbox" | "slider" | "switch";
+	required?: boolean;
+	children?: () => any;
+}>;
+
+export declare const Calendar: Component<{
+	value?: Date;
+	current?: Date;
+	markers?: (date: Date) => string;
+	buttons?: boolean | ("clear" | "today")[];
+	onchange?: (ev: { value: Date | null }) => void;
+}>;
+
+export declare const Month: Component<{
+	value?: { start: Date; end: Date } | Date;
+	current?: Date;
+	part?: string;
+	markers?: (date: Date) => string;
+	oncancel?: () => void;
+	onchange?: (ev: Date) => void;
+}>;
+
+export declare const RangeCalendar: Component<{
+	start?: Date;
+	end?: Date;
+	current?: Date;
+	months?: 1 | 2;
+	markers?: (date: Date) => string;
+	buttons?: boolean | ("clear" | "today" | "done")[];
+	onchange?: (ev: { start: Date | null; end: Date | null }) => void;
+}>;
+
+export declare const TimePicker: Component<{
+	value?: Date;
+	id?: string | number;
+	title?: string;
+	css?: string;
+	disabled?: boolean;
+	error?: boolean;
+	format?: string | ((value: Date) => string);
+	onchange?: (ev: { value: Date }) => void;
+}>;
+
+export declare const TwoState: Component<{
+	value?: boolean;
+	type?:
+		| "primary"
+		| "secondary"
+		| "danger"
+		| "link"
+		| "primary block"
+		| "secondary block"
+		| "danger block"
+		| "link block";
+	icon?: string;
+	disabled?: boolean;
+	iconActive?: string;
+	title?: string;
+	css?: string;
+	text?: string;
+	textActive?: string;
+	active?: Snippet<[]>;
+	children?: () => any;
+	onclick?: (ev: MouseEvent) => void;
+	onchange?: (ev: { value: boolean }) => void;
+}>;
+
+export declare const Modal: Component<{
+	title?: string;
+	buttons?: boolean | string[];
+	header?: Snippet<[]>;
+	footer?: Snippet<[]>;
+	children?: () => any;
+	onconfirm?: (ev: { button?: string; event: MouseEvent }) => void;
+	oncancel?: (ev: { button?: string; event: MouseEvent }) => void;
+}>;
+
+export declare const ModalArea: Component<{
+	children?: () => any;
+}>;
+
+export declare const SideArea: Component<{
+	position?: "right";
+	children?: () => any;
+	oncancel?: () => void;
+}>;
+
+export declare const Portal: Component<{
+	theme?: "willow" | "willow-dark";
+	target?: HTMLElement;
+	children?: () => any;
+}>;
+
+export declare const Material: Component<{
+	fonts?: boolean;
+	children?: () => any;
+}>;
+
+export declare const Willow: Component<{
+	fonts?: boolean;
+	children?: () => any;
+}>;
+
+export declare const WillowDark: Component<{
+	fonts?: boolean;
+	children?: () => any;
+}>;
+
+export declare const Locale: Component<{
+	words?: any;
+	optional?: boolean;
+	children?: () => any;
+}>;
+
+export declare const Globals: Component<{
+	children?: () => any;
+}>;
+
+export declare const SuggestDropdown: Component<{
+	items?: { id: string | number; label: string }[];
+	children?: () => any;
+	onselect?: (ev: { id: string | number }) => void;
+	onready?: (ev: {
+		navigate?: (dir: number | null, ev?: KeyboardEvent) => void;
+		keydown?: (ev: KeyboardEvent, dir: number) => void;
+		move?: (ev: KeyboardEvent) => void;
+	}) => void;
+}>;
+
+export type { ILocale, Terms } from "@svar-ui/lib-dom";
+
+export declare function popupContainer(node: HTMLElement): void;

package/whatsnew.md

@@ -1,3 +1,9 @@
+## 2.3.1
+
+### Fixes
+
+-   Incorrect location of d.ts files
+
 ## 2.3.0
 
 ### New features