@happyvertical/smrt-ui 0.43.9 → 0.44.0
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/components/calendar/Calendar.svelte +4 -0
- package/dist/components/calendar/Calendar.svelte.d.ts +4 -0
- package/dist/components/calendar/Calendar.svelte.d.ts.map +1 -1
- package/dist/components/calendar/DayView.svelte +4 -0
- package/dist/components/calendar/DayView.svelte.d.ts +4 -0
- package/dist/components/calendar/DayView.svelte.d.ts.map +1 -1
- package/dist/components/data/CollectionList.svelte +14 -0
- package/dist/components/data/CollectionList.svelte.d.ts +14 -0
- package/dist/components/data/CollectionList.svelte.d.ts.map +1 -1
- package/dist/components/data/CollectionToolbar.svelte +13 -0
- package/dist/components/data/CollectionToolbar.svelte.d.ts +13 -0
- package/dist/components/data/CollectionToolbar.svelte.d.ts.map +1 -1
- package/dist/components/feedback/Alert.svelte +7 -0
- package/dist/components/feedback/Alert.svelte.d.ts +7 -0
- package/dist/components/feedback/Alert.svelte.d.ts.map +1 -1
- package/dist/components/feedback/Drawer.svelte +11 -0
- package/dist/components/feedback/Drawer.svelte.d.ts +11 -0
- package/dist/components/feedback/Drawer.svelte.d.ts.map +1 -1
- package/dist/components/feedback/Meter.svelte +10 -0
- package/dist/components/feedback/Meter.svelte.d.ts +10 -0
- package/dist/components/feedback/Meter.svelte.d.ts.map +1 -1
- package/dist/components/feedback/Progress.svelte +8 -0
- package/dist/components/feedback/Progress.svelte.d.ts +8 -0
- package/dist/components/feedback/Progress.svelte.d.ts.map +1 -1
- package/dist/components/feedback/Spinner.svelte +3 -0
- package/dist/components/feedback/Spinner.svelte.d.ts +3 -0
- package/dist/components/feedback/Spinner.svelte.d.ts.map +1 -1
- package/dist/components/feedback/ToastViewport.svelte +3 -0
- package/dist/components/feedback/ToastViewport.svelte.d.ts +3 -0
- package/dist/components/feedback/ToastViewport.svelte.d.ts.map +1 -1
- package/dist/components/forms/Checkbox.svelte +5 -0
- package/dist/components/forms/Checkbox.svelte.d.ts +5 -0
- package/dist/components/forms/Checkbox.svelte.d.ts.map +1 -1
- package/dist/components/forms/Combobox.svelte +11 -0
- package/dist/components/forms/Combobox.svelte.d.ts +11 -0
- package/dist/components/forms/Combobox.svelte.d.ts.map +1 -1
- package/dist/components/forms/DatePicker.svelte +4 -0
- package/dist/components/forms/DatePicker.svelte.d.ts +4 -0
- package/dist/components/forms/DatePicker.svelte.d.ts.map +1 -1
- package/dist/components/forms/ErrorSummary.svelte +4 -0
- package/dist/components/forms/ErrorSummary.svelte.d.ts +4 -0
- package/dist/components/forms/ErrorSummary.svelte.d.ts.map +1 -1
- package/dist/components/forms/Fieldset.svelte +5 -0
- package/dist/components/forms/Fieldset.svelte.d.ts +5 -0
- package/dist/components/forms/Fieldset.svelte.d.ts.map +1 -1
- package/dist/components/forms/FilePicker.svelte +7 -0
- package/dist/components/forms/FilePicker.svelte.d.ts +7 -0
- package/dist/components/forms/FilePicker.svelte.d.ts.map +1 -1
- package/dist/components/forms/Form.svelte +3 -0
- package/dist/components/forms/Form.svelte.d.ts +3 -0
- package/dist/components/forms/Form.svelte.d.ts.map +1 -1
- package/dist/components/forms/FormGroup.svelte +6 -0
- package/dist/components/forms/FormGroup.svelte.d.ts +6 -0
- package/dist/components/forms/FormGroup.svelte.d.ts.map +1 -1
- package/dist/components/forms/Input.svelte +2 -0
- package/dist/components/forms/Input.svelte.d.ts +2 -0
- package/dist/components/forms/Input.svelte.d.ts.map +1 -1
- package/dist/components/forms/InputGroup.svelte +4 -0
- package/dist/components/forms/InputGroup.svelte.d.ts +4 -0
- package/dist/components/forms/InputGroup.svelte.d.ts.map +1 -1
- package/dist/components/forms/Listbox.svelte +8 -0
- package/dist/components/forms/Listbox.svelte.d.ts +8 -0
- package/dist/components/forms/Listbox.svelte.d.ts.map +1 -1
- package/dist/components/forms/MultiSelect.svelte +9 -0
- package/dist/components/forms/MultiSelect.svelte.d.ts +9 -0
- package/dist/components/forms/MultiSelect.svelte.d.ts.map +1 -1
- package/dist/components/forms/Radio.svelte +3 -0
- package/dist/components/forms/Radio.svelte.d.ts +3 -0
- package/dist/components/forms/Radio.svelte.d.ts.map +1 -1
- package/dist/components/forms/RadioGroup.svelte +11 -0
- package/dist/components/forms/RadioGroup.svelte.d.ts +11 -0
- package/dist/components/forms/RadioGroup.svelte.d.ts.map +1 -1
- package/dist/components/forms/RangeSlider.svelte +13 -0
- package/dist/components/forms/RangeSlider.svelte.d.ts +13 -0
- package/dist/components/forms/RangeSlider.svelte.d.ts.map +1 -1
- package/dist/components/forms/SegmentedControl.svelte +9 -0
- package/dist/components/forms/SegmentedControl.svelte.d.ts +9 -0
- package/dist/components/forms/SegmentedControl.svelte.d.ts.map +1 -1
- package/dist/components/forms/Select.svelte +4 -0
- package/dist/components/forms/Select.svelte.d.ts +4 -0
- package/dist/components/forms/Select.svelte.d.ts.map +1 -1
- package/dist/components/forms/Slider.svelte +10 -0
- package/dist/components/forms/Slider.svelte.d.ts +10 -0
- package/dist/components/forms/Slider.svelte.d.ts.map +1 -1
- package/dist/components/forms/StagedControlReview.svelte +5 -0
- package/dist/components/forms/StagedControlReview.svelte.d.ts +5 -0
- package/dist/components/forms/StagedControlReview.svelte.d.ts.map +1 -1
- package/dist/components/forms/Switch.svelte +6 -0
- package/dist/components/forms/Switch.svelte.d.ts +6 -0
- package/dist/components/forms/Switch.svelte.d.ts.map +1 -1
- package/dist/components/forms/TagsInput.svelte +10 -0
- package/dist/components/forms/TagsInput.svelte.d.ts +10 -0
- package/dist/components/forms/TagsInput.svelte.d.ts.map +1 -1
- package/dist/components/forms/Textarea.svelte +4 -0
- package/dist/components/forms/Textarea.svelte.d.ts +4 -0
- package/dist/components/forms/Textarea.svelte.d.ts.map +1 -1
- package/dist/components/forms/TimePicker.svelte +4 -0
- package/dist/components/forms/TimePicker.svelte.d.ts +4 -0
- package/dist/components/forms/TimePicker.svelte.d.ts.map +1 -1
- package/dist/components/forms/ToggleButton.svelte +4 -0
- package/dist/components/forms/ToggleButton.svelte.d.ts +4 -0
- package/dist/components/forms/ToggleButton.svelte.d.ts.map +1 -1
- package/dist/components/layout/Container.svelte +2 -0
- package/dist/components/layout/Container.svelte.d.ts +2 -0
- package/dist/components/layout/Container.svelte.d.ts.map +1 -1
- package/dist/components/layout/Footer.svelte +1 -0
- package/dist/components/layout/Footer.svelte.d.ts +1 -0
- package/dist/components/layout/Footer.svelte.d.ts.map +1 -1
- package/dist/components/layout/Header.svelte +2 -0
- package/dist/components/layout/Header.svelte.d.ts +2 -0
- package/dist/components/layout/Header.svelte.d.ts.map +1 -1
- package/dist/components/layout/Masthead.svelte +6 -0
- package/dist/components/layout/Masthead.svelte.d.ts +6 -0
- package/dist/components/layout/Masthead.svelte.d.ts.map +1 -1
- package/dist/components/memberships/MembershipCard.svelte +5 -0
- package/dist/components/memberships/MembershipCard.svelte.d.ts +5 -0
- package/dist/components/memberships/MembershipCard.svelte.d.ts.map +1 -1
- package/dist/components/memberships/MembershipList.svelte +6 -0
- package/dist/components/memberships/MembershipList.svelte.d.ts +6 -0
- package/dist/components/memberships/MembershipList.svelte.d.ts.map +1 -1
- package/dist/components/roles/RoleBadge.svelte +2 -0
- package/dist/components/roles/RoleBadge.svelte.d.ts +2 -0
- package/dist/components/roles/RoleBadge.svelte.d.ts.map +1 -1
- package/dist/components/roles/RoleSelector.svelte +6 -0
- package/dist/components/roles/RoleSelector.svelte.d.ts +6 -0
- package/dist/components/roles/RoleSelector.svelte.d.ts.map +1 -1
- package/dist/components/ui/Accordion.svelte +5 -0
- package/dist/components/ui/Accordion.svelte.d.ts +5 -0
- package/dist/components/ui/Accordion.svelte.d.ts.map +1 -1
- package/dist/components/ui/AccordionItem.svelte +4 -0
- package/dist/components/ui/AccordionItem.svelte.d.ts +4 -0
- package/dist/components/ui/AccordionItem.svelte.d.ts.map +1 -1
- package/dist/components/ui/Badge.svelte +3 -0
- package/dist/components/ui/Badge.svelte.d.ts +3 -0
- package/dist/components/ui/Badge.svelte.d.ts.map +1 -1
- package/dist/components/ui/Button.svelte +2 -0
- package/dist/components/ui/Button.svelte.d.ts +2 -0
- package/dist/components/ui/Button.svelte.d.ts.map +1 -1
- package/dist/components/ui/Card.svelte +6 -0
- package/dist/components/ui/Card.svelte.d.ts +6 -0
- package/dist/components/ui/Card.svelte.d.ts.map +1 -1
- package/dist/components/ui/Disclosure.svelte +6 -0
- package/dist/components/ui/Disclosure.svelte.d.ts +6 -0
- package/dist/components/ui/Disclosure.svelte.d.ts.map +1 -1
- package/dist/components/ui/Popover.svelte +9 -0
- package/dist/components/ui/Popover.svelte.d.ts +9 -0
- package/dist/components/ui/Popover.svelte.d.ts.map +1 -1
- package/package.json +3 -2
|
@@ -11,9 +11,13 @@ import type { DayEventDetail, DayEventsData } from '../../types-generic';
|
|
|
11
11
|
const { t } = useI18n();
|
|
12
12
|
|
|
13
13
|
export interface Props {
|
|
14
|
+
/** Events data to display on calendar dates, or null to show no events. */
|
|
14
15
|
events?: DayEventsData[] | null;
|
|
16
|
+
/** Initial year to display when the calendar first loads. */
|
|
15
17
|
year?: number;
|
|
18
|
+
/** Initial month to display (zero-indexed, where 0 is January). */
|
|
16
19
|
month?: number; // 0-indexed (0 = January)
|
|
20
|
+
/** Base URL path for constructing day-specific links. */
|
|
17
21
|
baseUrl?: string;
|
|
18
22
|
/** Callback when navigating to prev/next month */
|
|
19
23
|
onMonthNavigate?: (
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import type { DayEventsData } from '../../types-generic';
|
|
2
2
|
export interface Props {
|
|
3
|
+
/** Events data to display on calendar dates, or null to show no events. */
|
|
3
4
|
events?: DayEventsData[] | null;
|
|
5
|
+
/** Initial year to display when the calendar first loads. */
|
|
4
6
|
year?: number;
|
|
7
|
+
/** Initial month to display (zero-indexed, where 0 is January). */
|
|
5
8
|
month?: number;
|
|
9
|
+
/** Base URL path for constructing day-specific links. */
|
|
6
10
|
baseUrl?: string;
|
|
7
11
|
/** Callback when navigating to prev/next month */
|
|
8
12
|
onMonthNavigate?: (direction: 'prev' | 'next', year: number, month: number) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/Calendar.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGzE,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,eAAe,CAAC,EAAE,CAChB,SAAS,EAAE,MAAM,GAAG,MAAM,EAC1B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;IACV,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAqQD,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"Calendar.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/Calendar.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGzE,MAAM,WAAW,KAAK;IACpB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAChC,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,eAAe,CAAC,EAAE,CAChB,SAAS,EAAE,MAAM,GAAG,MAAM,EAC1B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;IACV,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAqQD,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
|
|
@@ -11,9 +11,13 @@ import type { DayEventDetail, DayForecast } from '../../types-generic';
|
|
|
11
11
|
const { t } = useI18n();
|
|
12
12
|
|
|
13
13
|
export interface Props {
|
|
14
|
+
/** Date to display events for in this view. */
|
|
14
15
|
date: Date;
|
|
16
|
+
/** Events occurring on the specified date, or null if none exist. */
|
|
15
17
|
events?: DayEventDetail[] | null;
|
|
18
|
+
/** Weather forecast data for the date, or null if unavailable. */
|
|
16
19
|
forecast?: DayForecast | null;
|
|
20
|
+
/** URL for the back link to return to calendar view. */
|
|
17
21
|
calendarUrl?: string;
|
|
18
22
|
/** Callback when an event card is clicked */
|
|
19
23
|
onEventClick?: (eventType: string, eventName: string) => void;
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import type { DayEventDetail, DayForecast } from '../../types-generic';
|
|
2
2
|
export interface Props {
|
|
3
|
+
/** Date to display events for in this view. */
|
|
3
4
|
date: Date;
|
|
5
|
+
/** Events occurring on the specified date, or null if none exist. */
|
|
4
6
|
events?: DayEventDetail[] | null;
|
|
7
|
+
/** Weather forecast data for the date, or null if unavailable. */
|
|
5
8
|
forecast?: DayForecast | null;
|
|
9
|
+
/** URL for the back link to return to calendar view. */
|
|
6
10
|
calendarUrl?: string;
|
|
7
11
|
/** Callback when an event card is clicked */
|
|
8
12
|
onEventClick?: (eventType: string, eventName: string) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DayView.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/DayView.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvE,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/D;AA6JD,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
|
|
1
|
+
{"version":3,"file":"DayView.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/DayView.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvE,MAAM,WAAW,KAAK;IACpB,+CAA+C;IAC/C,IAAI,EAAE,IAAI,CAAC;IACX,qEAAqE;IACrE,MAAM,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IACjC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/D;AA6JD,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
|
|
@@ -2,19 +2,33 @@
|
|
|
2
2
|
import type { Snippet } from 'svelte';
|
|
3
3
|
|
|
4
4
|
export interface Props<T> {
|
|
5
|
+
/** Array of items to display in the list or grid. */
|
|
5
6
|
items: T[];
|
|
7
|
+
/** Field name or function to uniquely identify each item. */
|
|
6
8
|
itemKey?: keyof T | ((item: T) => string | number);
|
|
9
|
+
/** Field name or function to extract the title text for each item. */
|
|
7
10
|
title?: keyof T | ((item: T) => string);
|
|
11
|
+
/** Field name or function to extract the description text for each item. */
|
|
8
12
|
description?: keyof T | ((item: T) => string | undefined);
|
|
13
|
+
/** Display layout: list (single column) or grid (multiple columns). */
|
|
9
14
|
layout?: 'list' | 'grid';
|
|
15
|
+
/** Whether to show checkboxes for selecting multiple items. */
|
|
10
16
|
selectable?: boolean;
|
|
17
|
+
/** Set of currently selected item keys (bindable). */
|
|
11
18
|
selected?: Set<string | number>;
|
|
19
|
+
/** Whether to show a loading spinner instead of the collection. */
|
|
12
20
|
loading?: boolean;
|
|
21
|
+
/** Custom snippet to render each item's content. */
|
|
13
22
|
item?: Snippet<[{ item: T; index: number; selected: boolean }]>;
|
|
23
|
+
/** Custom snippet to render action buttons for each item. */
|
|
14
24
|
actions?: Snippet<[{ item: T; index: number }]>;
|
|
25
|
+
/** Custom snippet to render when there are no items. */
|
|
15
26
|
empty?: Snippet;
|
|
27
|
+
/** Callback when the selection set changes. */
|
|
16
28
|
onselectionchange?: (selected: Set<string | number>) => void;
|
|
29
|
+
/** Callback when an item is clicked. */
|
|
17
30
|
onitemclick?: (item: T, index: number) => void;
|
|
31
|
+
/** CSS class to apply to the collection container. */
|
|
18
32
|
class?: string;
|
|
19
33
|
}
|
|
20
34
|
|
|
@@ -1,25 +1,39 @@
|
|
|
1
1
|
import type { Snippet } from 'svelte';
|
|
2
2
|
export interface Props<T> {
|
|
3
|
+
/** Array of items to display in the list or grid. */
|
|
3
4
|
items: T[];
|
|
5
|
+
/** Field name or function to uniquely identify each item. */
|
|
4
6
|
itemKey?: keyof T | ((item: T) => string | number);
|
|
7
|
+
/** Field name or function to extract the title text for each item. */
|
|
5
8
|
title?: keyof T | ((item: T) => string);
|
|
9
|
+
/** Field name or function to extract the description text for each item. */
|
|
6
10
|
description?: keyof T | ((item: T) => string | undefined);
|
|
11
|
+
/** Display layout: list (single column) or grid (multiple columns). */
|
|
7
12
|
layout?: 'list' | 'grid';
|
|
13
|
+
/** Whether to show checkboxes for selecting multiple items. */
|
|
8
14
|
selectable?: boolean;
|
|
15
|
+
/** Set of currently selected item keys (bindable). */
|
|
9
16
|
selected?: Set<string | number>;
|
|
17
|
+
/** Whether to show a loading spinner instead of the collection. */
|
|
10
18
|
loading?: boolean;
|
|
19
|
+
/** Custom snippet to render each item's content. */
|
|
11
20
|
item?: Snippet<[{
|
|
12
21
|
item: T;
|
|
13
22
|
index: number;
|
|
14
23
|
selected: boolean;
|
|
15
24
|
}]>;
|
|
25
|
+
/** Custom snippet to render action buttons for each item. */
|
|
16
26
|
actions?: Snippet<[{
|
|
17
27
|
item: T;
|
|
18
28
|
index: number;
|
|
19
29
|
}]>;
|
|
30
|
+
/** Custom snippet to render when there are no items. */
|
|
20
31
|
empty?: Snippet;
|
|
32
|
+
/** Callback when the selection set changes. */
|
|
21
33
|
onselectionchange?: (selected: Set<string | number>) => void;
|
|
34
|
+
/** Callback when an item is clicked. */
|
|
22
35
|
onitemclick?: (item: T, index: number) => void;
|
|
36
|
+
/** CSS class to apply to the collection container. */
|
|
23
37
|
class?: string;
|
|
24
38
|
}
|
|
25
39
|
declare function $$render<T>(): {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollectionList.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/data/CollectionList.svelte.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CollectionList.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/data/CollectionList.svelte.ts"],"names":[],"mappings":"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"}
|
|
@@ -14,22 +14,35 @@ import {
|
|
|
14
14
|
import type { CollectionToolbarDataSurfaceOptions } from './types.js';
|
|
15
15
|
|
|
16
16
|
export interface Props {
|
|
17
|
+
/** Current search query string (bindable). */
|
|
17
18
|
search?: string;
|
|
19
|
+
/** Label for the search input field. */
|
|
18
20
|
searchLabel?: string;
|
|
21
|
+
/** Placeholder text shown in the search input when empty. */
|
|
19
22
|
searchPlaceholder?: string;
|
|
23
|
+
/** Currently active view mode: list, grid, or table. */
|
|
20
24
|
view?: 'list' | 'grid' | 'table';
|
|
25
|
+
/** Available view modes to choose from. */
|
|
21
26
|
views?: Array<'list' | 'grid' | 'table'>;
|
|
27
|
+
/** Total number of results in the current collection. */
|
|
22
28
|
resultCount?: number;
|
|
29
|
+
/** Number of items currently selected. */
|
|
23
30
|
selectedCount?: number;
|
|
31
|
+
/** Snippet to render filter controls in the toolbar. */
|
|
24
32
|
filters?: Snippet;
|
|
33
|
+
/** Snippet to render action buttons in the toolbar. */
|
|
25
34
|
actions?: Snippet;
|
|
35
|
+
/** Snippet to render bulk action buttons (shown when items are selected). */
|
|
26
36
|
bulkActions?: Snippet;
|
|
37
|
+
/** Callback when the user types in the search field. */
|
|
27
38
|
onsearchchange?: (value: string) => void;
|
|
39
|
+
/** Callback when the view mode is changed. */
|
|
28
40
|
onviewchange?: (view: 'list' | 'grid' | 'table') => void;
|
|
29
41
|
/** Shares search state with a DataTable controller when supplied. */
|
|
30
42
|
controller?: DataTableController;
|
|
31
43
|
/** Registers this toolbar only when explicitly supplied. */
|
|
32
44
|
dataSurface?: CollectionToolbarDataSurfaceOptions;
|
|
45
|
+
/** CSS class to apply to the toolbar container. */
|
|
33
46
|
class?: string;
|
|
34
47
|
}
|
|
35
48
|
|
|
@@ -2,22 +2,35 @@ import { type Snippet } from 'svelte';
|
|
|
2
2
|
import type { DataTableController } from './DataTableController.js';
|
|
3
3
|
import type { CollectionToolbarDataSurfaceOptions } from './types.js';
|
|
4
4
|
export interface Props {
|
|
5
|
+
/** Current search query string (bindable). */
|
|
5
6
|
search?: string;
|
|
7
|
+
/** Label for the search input field. */
|
|
6
8
|
searchLabel?: string;
|
|
9
|
+
/** Placeholder text shown in the search input when empty. */
|
|
7
10
|
searchPlaceholder?: string;
|
|
11
|
+
/** Currently active view mode: list, grid, or table. */
|
|
8
12
|
view?: 'list' | 'grid' | 'table';
|
|
13
|
+
/** Available view modes to choose from. */
|
|
9
14
|
views?: Array<'list' | 'grid' | 'table'>;
|
|
15
|
+
/** Total number of results in the current collection. */
|
|
10
16
|
resultCount?: number;
|
|
17
|
+
/** Number of items currently selected. */
|
|
11
18
|
selectedCount?: number;
|
|
19
|
+
/** Snippet to render filter controls in the toolbar. */
|
|
12
20
|
filters?: Snippet;
|
|
21
|
+
/** Snippet to render action buttons in the toolbar. */
|
|
13
22
|
actions?: Snippet;
|
|
23
|
+
/** Snippet to render bulk action buttons (shown when items are selected). */
|
|
14
24
|
bulkActions?: Snippet;
|
|
25
|
+
/** Callback when the user types in the search field. */
|
|
15
26
|
onsearchchange?: (value: string) => void;
|
|
27
|
+
/** Callback when the view mode is changed. */
|
|
16
28
|
onviewchange?: (view: 'list' | 'grid' | 'table') => void;
|
|
17
29
|
/** Shares search state with a DataTable controller when supplied. */
|
|
18
30
|
controller?: DataTableController;
|
|
19
31
|
/** Registers this toolbar only when explicitly supplied. */
|
|
20
32
|
dataSurface?: CollectionToolbarDataSurfaceOptions;
|
|
33
|
+
/** CSS class to apply to the toolbar container. */
|
|
21
34
|
class?: string;
|
|
22
35
|
}
|
|
23
36
|
declare const CollectionToolbar: import("svelte").Component<Props, {}, "view" | "search">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollectionToolbar.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/data/CollectionToolbar.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,OAAO,EAAW,MAAM,QAAQ,CAAC;AAG1D,OAAO,KAAK,EACV,mBAAmB,EAEpB,MAAM,0BAA0B,CAAC;AAMlC,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,YAAY,CAAC;AAGtE,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IACzD,qEAAqE;IACrE,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,mCAAmC,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA4OD,QAAA,MAAM,iBAAiB,0DAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"CollectionToolbar.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/data/CollectionToolbar.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,OAAO,EAAW,MAAM,QAAQ,CAAC;AAG1D,OAAO,KAAK,EACV,mBAAmB,EAEpB,MAAM,0BAA0B,CAAC;AAMlC,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,YAAY,CAAC;AAGtE,MAAM,WAAW,KAAK;IACpB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACjC,2CAA2C;IAC3C,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IACzC,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wDAAwD;IACxD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,8CAA8C;IAC9C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IACzD,qEAAqE;IACrE,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,mCAAmC,CAAC;IAClD,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA4OD,QAAA,MAAM,iBAAiB,0DAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}
|
|
@@ -2,12 +2,19 @@
|
|
|
2
2
|
import type { Snippet } from 'svelte';
|
|
3
3
|
|
|
4
4
|
export interface Props {
|
|
5
|
+
/** Alert type that controls styling and ARIA role. */
|
|
5
6
|
variant?: 'info' | 'success' | 'warning' | 'error';
|
|
7
|
+
/** Optional heading text displayed above the message. */
|
|
6
8
|
title?: string;
|
|
9
|
+
/** Main message content shown in the alert body. */
|
|
7
10
|
children?: Snippet;
|
|
11
|
+
/** Optional snippet to render an action button or link. */
|
|
8
12
|
action?: Snippet;
|
|
13
|
+
/** Whether a close button appears to dismiss the alert. */
|
|
9
14
|
dismissible?: boolean;
|
|
15
|
+
/** Callback when the user clicks the dismiss button. */
|
|
10
16
|
ondismiss?: () => void;
|
|
17
|
+
/** CSS class to apply to the alert container. */
|
|
11
18
|
class?: string;
|
|
12
19
|
}
|
|
13
20
|
|
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
import type { Snippet } from 'svelte';
|
|
2
2
|
export interface Props {
|
|
3
|
+
/** Alert type that controls styling and ARIA role. */
|
|
3
4
|
variant?: 'info' | 'success' | 'warning' | 'error';
|
|
5
|
+
/** Optional heading text displayed above the message. */
|
|
4
6
|
title?: string;
|
|
7
|
+
/** Main message content shown in the alert body. */
|
|
5
8
|
children?: Snippet;
|
|
9
|
+
/** Optional snippet to render an action button or link. */
|
|
6
10
|
action?: Snippet;
|
|
11
|
+
/** Whether a close button appears to dismiss the alert. */
|
|
7
12
|
dismissible?: boolean;
|
|
13
|
+
/** Callback when the user clicks the dismiss button. */
|
|
8
14
|
ondismiss?: () => void;
|
|
15
|
+
/** CSS class to apply to the alert container. */
|
|
9
16
|
class?: string;
|
|
10
17
|
}
|
|
11
18
|
declare const Alert: import("svelte").Component<Props, {}, "">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Alert.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGtC,MAAM,WAAW,KAAK;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmCD,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
|
|
1
|
+
{"version":3,"file":"Alert.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Alert.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGtC,MAAM,WAAW,KAAK;IACpB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACnD,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmCD,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
|
|
@@ -3,16 +3,27 @@ import type { Snippet } from 'svelte';
|
|
|
3
3
|
import Modal from './Modal.svelte';
|
|
4
4
|
|
|
5
5
|
export interface Props {
|
|
6
|
+
/** Whether the drawer is open (bindable). */
|
|
6
7
|
open?: boolean;
|
|
8
|
+
/** Title displayed in the drawer header. */
|
|
7
9
|
title?: string;
|
|
10
|
+
/** Side of screen where drawer slides from (start or end). */
|
|
8
11
|
side?: 'start' | 'end';
|
|
12
|
+
/** Drawer width size: sm, md, lg, or xl. */
|
|
9
13
|
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
14
|
+
/** Whether a close button appears in the header. */
|
|
10
15
|
showClose?: boolean;
|
|
16
|
+
/** Whether clicking the backdrop closes the drawer. */
|
|
11
17
|
closeOnBackdrop?: boolean;
|
|
18
|
+
/** Main content rendered inside the drawer body. */
|
|
12
19
|
children?: Snippet;
|
|
20
|
+
/** Optional custom snippet for the drawer header. */
|
|
13
21
|
header?: Snippet;
|
|
22
|
+
/** Optional custom snippet for the drawer footer. */
|
|
14
23
|
footer?: Snippet;
|
|
24
|
+
/** Callback when the drawer is closed. */
|
|
15
25
|
onclose?: () => void;
|
|
26
|
+
/** Accessibility label for the drawer dialog. */
|
|
16
27
|
ariaLabel?: string;
|
|
17
28
|
}
|
|
18
29
|
|
|
@@ -1,15 +1,26 @@
|
|
|
1
1
|
import type { Snippet } from 'svelte';
|
|
2
2
|
export interface Props {
|
|
3
|
+
/** Whether the drawer is open (bindable). */
|
|
3
4
|
open?: boolean;
|
|
5
|
+
/** Title displayed in the drawer header. */
|
|
4
6
|
title?: string;
|
|
7
|
+
/** Side of screen where drawer slides from (start or end). */
|
|
5
8
|
side?: 'start' | 'end';
|
|
9
|
+
/** Drawer width size: sm, md, lg, or xl. */
|
|
6
10
|
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
11
|
+
/** Whether a close button appears in the header. */
|
|
7
12
|
showClose?: boolean;
|
|
13
|
+
/** Whether clicking the backdrop closes the drawer. */
|
|
8
14
|
closeOnBackdrop?: boolean;
|
|
15
|
+
/** Main content rendered inside the drawer body. */
|
|
9
16
|
children?: Snippet;
|
|
17
|
+
/** Optional custom snippet for the drawer header. */
|
|
10
18
|
header?: Snippet;
|
|
19
|
+
/** Optional custom snippet for the drawer footer. */
|
|
11
20
|
footer?: Snippet;
|
|
21
|
+
/** Callback when the drawer is closed. */
|
|
12
22
|
onclose?: () => void;
|
|
23
|
+
/** Accessibility label for the drawer dialog. */
|
|
13
24
|
ariaLabel?: string;
|
|
14
25
|
}
|
|
15
26
|
declare const Drawer: import("svelte").Component<Props, {}, "open">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Drawer.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAItC,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyBD,QAAA,MAAM,MAAM,+CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
|
|
1
|
+
{"version":3,"file":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Drawer.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAItC,MAAM,WAAW,KAAK;IACpB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACvB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyBD,QAAA,MAAM,MAAM,+CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
|
|
@@ -1,14 +1,24 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
export interface Props {
|
|
3
|
+
/** Current meter value to display. */
|
|
3
4
|
value: number;
|
|
5
|
+
/** Minimum value on the meter scale. */
|
|
4
6
|
min?: number;
|
|
7
|
+
/** Maximum value on the meter scale. */
|
|
5
8
|
max?: number;
|
|
9
|
+
/** Threshold where value transitions from low to normal. */
|
|
6
10
|
low?: number;
|
|
11
|
+
/** Threshold where value transitions to high. */
|
|
7
12
|
high?: number;
|
|
13
|
+
/** Ideal target value that optimizes the meter display. */
|
|
8
14
|
optimum?: number;
|
|
15
|
+
/** Text label displayed above the meter gauge. */
|
|
9
16
|
label: string;
|
|
17
|
+
/** Whether to display the numeric value in the header. */
|
|
10
18
|
showValue?: boolean;
|
|
19
|
+
/** Function to format the displayed numeric value. */
|
|
11
20
|
formatValue?: (value: number) => string;
|
|
21
|
+
/** CSS class to apply to the meter container. */
|
|
12
22
|
class?: string;
|
|
13
23
|
}
|
|
14
24
|
let {
|
|
@@ -1,13 +1,23 @@
|
|
|
1
1
|
export interface Props {
|
|
2
|
+
/** Current meter value to display. */
|
|
2
3
|
value: number;
|
|
4
|
+
/** Minimum value on the meter scale. */
|
|
3
5
|
min?: number;
|
|
6
|
+
/** Maximum value on the meter scale. */
|
|
4
7
|
max?: number;
|
|
8
|
+
/** Threshold where value transitions from low to normal. */
|
|
5
9
|
low?: number;
|
|
10
|
+
/** Threshold where value transitions to high. */
|
|
6
11
|
high?: number;
|
|
12
|
+
/** Ideal target value that optimizes the meter display. */
|
|
7
13
|
optimum?: number;
|
|
14
|
+
/** Text label displayed above the meter gauge. */
|
|
8
15
|
label: string;
|
|
16
|
+
/** Whether to display the numeric value in the header. */
|
|
9
17
|
showValue?: boolean;
|
|
18
|
+
/** Function to format the displayed numeric value. */
|
|
10
19
|
formatValue?: (value: number) => string;
|
|
20
|
+
/** CSS class to apply to the meter container. */
|
|
11
21
|
class?: string;
|
|
12
22
|
}
|
|
13
23
|
declare const Meter: import("svelte").Component<Props, {}, "">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Meter.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Meter.svelte.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAsBD,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
|
|
1
|
+
{"version":3,"file":"Meter.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Meter.svelte.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,KAAK;IACpB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4DAA4D;IAC5D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAsBD,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
|
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
export interface Props {
|
|
3
|
+
/** Current progress value, or undefined to show indeterminate state. */
|
|
3
4
|
value?: number;
|
|
5
|
+
/** Minimum progress value (start point). */
|
|
4
6
|
min?: number;
|
|
7
|
+
/** Maximum progress value (completion point). */
|
|
5
8
|
max?: number;
|
|
9
|
+
/** Accessibility label describing the progress. */
|
|
6
10
|
label?: string;
|
|
11
|
+
/** Display variant: linear progress bar or circular ring. */
|
|
7
12
|
variant?: 'linear' | 'circular';
|
|
13
|
+
/** Size of the progress indicator: sm, md, or lg. */
|
|
8
14
|
size?: 'sm' | 'md' | 'lg';
|
|
15
|
+
/** Whether to display the percentage value. */
|
|
9
16
|
showValue?: boolean;
|
|
17
|
+
/** CSS class to apply to the progress container. */
|
|
10
18
|
class?: string;
|
|
11
19
|
}
|
|
12
20
|
let {
|
|
@@ -1,11 +1,19 @@
|
|
|
1
1
|
export interface Props {
|
|
2
|
+
/** Current progress value, or undefined to show indeterminate state. */
|
|
2
3
|
value?: number;
|
|
4
|
+
/** Minimum progress value (start point). */
|
|
3
5
|
min?: number;
|
|
6
|
+
/** Maximum progress value (completion point). */
|
|
4
7
|
max?: number;
|
|
8
|
+
/** Accessibility label describing the progress. */
|
|
5
9
|
label?: string;
|
|
10
|
+
/** Display variant: linear progress bar or circular ring. */
|
|
6
11
|
variant?: 'linear' | 'circular';
|
|
12
|
+
/** Size of the progress indicator: sm, md, or lg. */
|
|
7
13
|
size?: 'sm' | 'md' | 'lg';
|
|
14
|
+
/** Whether to display the percentage value. */
|
|
8
15
|
showValue?: boolean;
|
|
16
|
+
/** CSS class to apply to the progress container. */
|
|
9
17
|
class?: string;
|
|
10
18
|
}
|
|
11
19
|
declare const Progress: import("svelte").Component<Props, {}, "">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Progress.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Progress.svelte.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAsCD,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"Progress.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Progress.svelte.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,KAAK;IACpB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAChC,qDAAqD;IACrD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAsCD,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
export interface Props {
|
|
3
|
+
/** Accessibility label for screen readers. */
|
|
3
4
|
label?: string;
|
|
5
|
+
/** Spinner size: sm (small), md (medium), or lg (large). */
|
|
4
6
|
size?: 'sm' | 'md' | 'lg';
|
|
7
|
+
/** CSS class to apply to the spinner container. */
|
|
5
8
|
class?: string;
|
|
6
9
|
}
|
|
7
10
|
let { label = 'Loading', size = 'md', class: className = '' }: Props = $props();
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
export interface Props {
|
|
2
|
+
/** Accessibility label for screen readers. */
|
|
2
3
|
label?: string;
|
|
4
|
+
/** Spinner size: sm (small), md (medium), or lg (large). */
|
|
3
5
|
size?: 'sm' | 'md' | 'lg';
|
|
6
|
+
/** CSS class to apply to the spinner container. */
|
|
4
7
|
class?: string;
|
|
5
8
|
}
|
|
6
9
|
declare const Spinner: import("svelte").Component<Props, {}, "">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Spinner.svelte.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAUD,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
|
|
1
|
+
{"version":3,"file":"Spinner.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Spinner.svelte.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,KAAK;IACpB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAUD,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
|
|
@@ -7,8 +7,11 @@ import {
|
|
|
7
7
|
} from './toast.js';
|
|
8
8
|
|
|
9
9
|
export interface Props {
|
|
10
|
+
/** Toaster instance that manages the toast queue. */
|
|
10
11
|
toaster?: Toaster;
|
|
12
|
+
/** Screen corner where toasts appear. */
|
|
11
13
|
position?: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
|
|
14
|
+
/** CSS class to apply to the viewport container. */
|
|
12
15
|
class?: string;
|
|
13
16
|
}
|
|
14
17
|
let {
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { type Toaster } from './toast.js';
|
|
2
2
|
export interface Props {
|
|
3
|
+
/** Toaster instance that manages the toast queue. */
|
|
3
4
|
toaster?: Toaster;
|
|
5
|
+
/** Screen corner where toasts appear. */
|
|
4
6
|
position?: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
|
|
7
|
+
/** CSS class to apply to the viewport container. */
|
|
5
8
|
class?: string;
|
|
6
9
|
}
|
|
7
10
|
declare const ToastViewport: import("svelte").Component<Props, {}, "">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastViewport.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/ToastViewport.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,OAAO,EACb,MAAM,YAAY,CAAC;AAGpB,MAAM,WAAW,KAAK;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmCD,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"ToastViewport.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/ToastViewport.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,OAAO,EACb,MAAM,YAAY,CAAC;AAGpB,MAAM,WAAW,KAAK;IACpB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,CAAC;IACnE,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmCD,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
|
|
@@ -17,10 +17,15 @@ import { useControlRegistration } from './use-control-registration.svelte.js';
|
|
|
17
17
|
|
|
18
18
|
export interface Props
|
|
19
19
|
extends Omit<HTMLInputAttributes, 'type' | 'class' | 'checked'> {
|
|
20
|
+
/** Whether the checkbox is checked (bindable). */
|
|
20
21
|
checked?: boolean;
|
|
22
|
+
/** Whether the checkbox shows indeterminate state. */
|
|
21
23
|
indeterminate?: boolean;
|
|
24
|
+
/** Text label displayed next to the checkbox. */
|
|
22
25
|
label?: string;
|
|
26
|
+
/** CSS class to apply to the checkbox container. */
|
|
23
27
|
class?: string;
|
|
28
|
+
/** Interaction options or false to disable all. */
|
|
24
29
|
interaction?: ControlInteractionOptions | false;
|
|
25
30
|
}
|
|
26
31
|
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
import type { HTMLInputAttributes } from 'svelte/elements';
|
|
2
2
|
import type { ControlInteractionOptions } from './control-interaction.js';
|
|
3
3
|
export interface Props extends Omit<HTMLInputAttributes, 'type' | 'class' | 'checked'> {
|
|
4
|
+
/** Whether the checkbox is checked (bindable). */
|
|
4
5
|
checked?: boolean;
|
|
6
|
+
/** Whether the checkbox shows indeterminate state. */
|
|
5
7
|
indeterminate?: boolean;
|
|
8
|
+
/** Text label displayed next to the checkbox. */
|
|
6
9
|
label?: string;
|
|
10
|
+
/** CSS class to apply to the checkbox container. */
|
|
7
11
|
class?: string;
|
|
12
|
+
/** Interaction options or false to disable all. */
|
|
8
13
|
interaction?: ControlInteractionOptions | false;
|
|
9
14
|
}
|
|
10
15
|
declare const Checkbox: import("svelte").Component<Props, {}, "checked">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Checkbox.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAM3D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAW1E,MAAM,WAAW,KACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;CACjD;AAkHD,QAAA,MAAM,QAAQ,kDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"Checkbox.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Checkbox.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAM3D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAW1E,MAAM,WAAW,KACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IAC/D,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;CACjD;AAkHD,QAAA,MAAM,QAAQ,kDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
|
|
@@ -18,16 +18,27 @@ import {
|
|
|
18
18
|
} from './control-value-validation.js';
|
|
19
19
|
import { useControlRegistration } from './use-control-registration.svelte.js';
|
|
20
20
|
export interface Props {
|
|
21
|
+
/** Array of options to select from. */
|
|
21
22
|
options: ControlOption[];
|
|
23
|
+
/** Currently selected option value (bindable). */
|
|
22
24
|
value?: string;
|
|
25
|
+
/** Label for the combobox control. */
|
|
23
26
|
label: string;
|
|
27
|
+
/** HTML form field name. */
|
|
24
28
|
name?: string;
|
|
29
|
+
/** Placeholder text shown when value is empty. */
|
|
25
30
|
placeholder?: string;
|
|
31
|
+
/** Whether the control is disabled. */
|
|
26
32
|
disabled?: boolean;
|
|
33
|
+
/** Whether the control is required. */
|
|
27
34
|
required?: boolean;
|
|
35
|
+
/** Whether users can enter values not in the options list. */
|
|
28
36
|
allowCustom?: boolean;
|
|
37
|
+
/** Interaction options or false to disable all. */
|
|
29
38
|
interaction?: ControlInteractionOptions | false;
|
|
39
|
+
/** Callback when the selected value changes. */
|
|
30
40
|
onvaluechange?: (value: string) => void;
|
|
41
|
+
/** CSS class to apply to the combobox container. */
|
|
31
42
|
class?: string;
|
|
32
43
|
}
|
|
33
44
|
let {
|
|
@@ -1,15 +1,26 @@
|
|
|
1
1
|
import type { ControlInteractionOptions, ControlOption } from './control-interaction.js';
|
|
2
2
|
export interface Props {
|
|
3
|
+
/** Array of options to select from. */
|
|
3
4
|
options: ControlOption[];
|
|
5
|
+
/** Currently selected option value (bindable). */
|
|
4
6
|
value?: string;
|
|
7
|
+
/** Label for the combobox control. */
|
|
5
8
|
label: string;
|
|
9
|
+
/** HTML form field name. */
|
|
6
10
|
name?: string;
|
|
11
|
+
/** Placeholder text shown when value is empty. */
|
|
7
12
|
placeholder?: string;
|
|
13
|
+
/** Whether the control is disabled. */
|
|
8
14
|
disabled?: boolean;
|
|
15
|
+
/** Whether the control is required. */
|
|
9
16
|
required?: boolean;
|
|
17
|
+
/** Whether users can enter values not in the options list. */
|
|
10
18
|
allowCustom?: boolean;
|
|
19
|
+
/** Interaction options or false to disable all. */
|
|
11
20
|
interaction?: ControlInteractionOptions | false;
|
|
21
|
+
/** Callback when the selected value changes. */
|
|
12
22
|
onvaluechange?: (value: string) => void;
|
|
23
|
+
/** CSS class to apply to the combobox container. */
|
|
13
24
|
class?: string;
|
|
14
25
|
}
|
|
15
26
|
declare const Combobox: import("svelte").Component<Props, {}, "value">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Combobox.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,yBAAyB,EACzB,aAAa,EACd,MAAM,0BAA0B,CAAC;AAWlC,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+KD,QAAA,MAAM,QAAQ,gDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"Combobox.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Combobox.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,yBAAyB,EACzB,aAAa,EACd,MAAM,0BAA0B,CAAC;AAWlC,MAAM,WAAW,KAAK;IACpB,uCAAuC;IACvC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+KD,QAAA,MAAM,QAAQ,gDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
|