@streamscloud/kit 0.16.2 → 0.18.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/styles/_semantic.scss +3 -0
- package/dist/ui/badge/cmp.badge.svelte +4 -0
- package/dist/ui/badge/cmp.badge.svelte.d.ts +1 -0
- package/dist/ui/button/cmp.button.svelte +6 -2
- package/dist/ui/button/cmp.button.svelte.d.ts +1 -1
- package/dist/ui/date-picker/cmp.date-picker.svelte +21 -18
- package/dist/ui/date-picker/cmp.date-picker.svelte.d.ts +1 -1
- package/dist/ui/form-field/cmp.form-field-validatable.svelte +1 -1
- package/dist/ui/form-field/cmp.form-field-validatable.svelte.d.ts +1 -1
- package/dist/ui/input/cmp.input.svelte +21 -18
- package/dist/ui/input/cmp.input.svelte.d.ts +1 -1
- package/dist/ui/numeral-input/cmp.numeral-input.svelte +21 -18
- package/dist/ui/numeral-input/cmp.numeral-input.svelte.d.ts +1 -1
- package/dist/ui/page-toolbar/cmp.reorderable-checkbox-list.svelte +131 -0
- package/dist/ui/page-toolbar/cmp.reorderable-checkbox-list.svelte.d.ts +31 -0
- package/dist/ui/page-toolbar/cmp.toolbar-checkbox.svelte +14 -0
- package/dist/ui/page-toolbar/cmp.toolbar-checkbox.svelte.d.ts +19 -0
- package/dist/ui/page-toolbar/cmp.toolbar-divider.svelte +19 -0
- package/dist/ui/page-toolbar/cmp.toolbar-divider.svelte.d.ts +35 -0
- package/dist/ui/page-toolbar/cmp.toolbar-filter-select.svelte +143 -0
- package/dist/ui/page-toolbar/cmp.toolbar-filter-select.svelte.d.ts +68 -0
- package/dist/ui/page-toolbar/cmp.toolbar-icon-button.svelte +71 -0
- package/dist/ui/page-toolbar/cmp.toolbar-icon-button.svelte.d.ts +32 -0
- package/dist/ui/page-toolbar/cmp.toolbar-option.svelte +189 -0
- package/dist/ui/page-toolbar/cmp.toolbar-option.svelte.d.ts +47 -0
- package/dist/ui/page-toolbar/cmp.toolbar-popover.svelte +23 -8
- package/dist/ui/page-toolbar/cmp.toolbar-popover.svelte.d.ts +14 -6
- package/dist/ui/page-toolbar/cmp.toolbar-section-title.svelte +46 -0
- package/dist/ui/page-toolbar/cmp.toolbar-section-title.svelte.d.ts +24 -0
- package/dist/ui/page-toolbar/cmp.toolbar-sort-select.svelte +31 -0
- package/dist/ui/page-toolbar/cmp.toolbar-sort-select.svelte.d.ts +44 -0
- package/dist/ui/page-toolbar/{cmp.toolbar-switch-item.svelte → cmp.toolbar-switch.svelte} +10 -10
- package/dist/ui/page-toolbar/{cmp.toolbar-switch-item.svelte.d.ts → cmp.toolbar-switch.svelte.d.ts} +2 -2
- package/dist/ui/page-toolbar/cmp.toolbar-toggle.svelte +14 -0
- package/dist/ui/page-toolbar/cmp.toolbar-toggle.svelte.d.ts +19 -0
- package/dist/ui/page-toolbar/cmp.toolbar-value-stepper.svelte +4 -1
- package/dist/ui/page-toolbar/cmp.toolbar-view-controls.svelte +51 -0
- package/dist/ui/page-toolbar/cmp.toolbar-view-controls.svelte.d.ts +27 -0
- package/dist/ui/page-toolbar/index.d.ts +12 -7
- package/dist/ui/page-toolbar/index.js +11 -6
- package/dist/ui/page-toolbar/reorderable-checkbox-list-localization.d.ts +5 -0
- package/dist/ui/page-toolbar/reorderable-checkbox-list-localization.js +17 -0
- package/dist/ui/page-toolbar/toolbar-filter-select-localization.d.ts +5 -0
- package/dist/ui/page-toolbar/toolbar-filter-select-localization.js +20 -0
- package/dist/ui/page-toolbar/toolbar-sort-select-localization.d.ts +3 -0
- package/dist/ui/page-toolbar/toolbar-sort-select-localization.js +9 -0
- package/dist/ui/page-toolbar/toolbar-view-controls-localization.d.ts +5 -0
- package/dist/ui/page-toolbar/toolbar-view-controls-localization.js +17 -0
- package/dist/ui/page-toolbar/types.d.ts +1 -1
- package/dist/ui/rich-text-input/cmp.rich-text-input.svelte +9 -6
- package/dist/ui/rich-text-input/cmp.rich-text-input.svelte.d.ts +1 -1
- package/dist/ui/segmented-control/cmp.segmented-control.svelte +4 -2
- package/dist/ui/segmented-control/cmp.segmented-control.svelte.d.ts +1 -1
- package/dist/ui/select/_select-trigger.scss +20 -17
- package/dist/ui/select/cmp.singleselect-async.svelte +20 -17
- package/dist/ui/select/index.d.ts +1 -0
- package/dist/ui/select/index.js +1 -0
- package/dist/ui/select/multiselect-base.svelte +21 -18
- package/dist/ui/select/select-listbox.svelte +11 -5
- package/dist/ui/select/select-listbox.svelte.d.ts +1 -1
- package/dist/ui/table/_table-styles.scss +156 -0
- package/dist/ui/table/cmp.table-draggable.svelte +338 -0
- package/dist/ui/table/cmp.table-draggable.svelte.d.ts +79 -0
- package/dist/ui/table/cmp.table.svelte +96 -265
- package/dist/ui/table/cmp.table.svelte.d.ts +16 -8
- package/dist/ui/table/index.d.ts +1 -0
- package/dist/ui/table/index.js +1 -0
- package/dist/ui/table/table-cells/index.d.ts +1 -12
- package/dist/ui/table/table-cells/index.js +1 -12
- package/dist/ui/table/table-cells/table-cell.svelte +77 -0
- package/dist/ui/table/table-cells/{table-select-cell.svelte.d.ts → table-cell.svelte.d.ts} +12 -6
- package/dist/ui/table/table-column-models.svelte.d.ts +1 -2
- package/dist/ui/table/table-column-models.svelte.js +0 -1
- package/dist/ui/table/table-columns-manager/cmp.table-columns-manager.svelte +20 -47
- package/dist/ui/table/table-columns-manager/cmp.table-columns-manager.svelte.d.ts +3 -7
- package/dist/ui/table/table-columns-manager/table-columns-manager-localization.d.ts +1 -1
- package/dist/ui/table/table-columns-manager/table-columns-manager-localization.js +7 -7
- package/dist/ui/table/table-localization.d.ts +0 -2
- package/dist/ui/table/table-localization.js +0 -14
- package/dist/ui/table/table-model.svelte.d.ts +2 -3
- package/dist/ui/table/table-model.svelte.js +5 -35
- package/dist/ui/table/table-view.svelte.d.ts +14 -0
- package/dist/ui/table/table-view.svelte.js +32 -0
- package/dist/ui/table/types.d.ts +5 -28
- package/dist/ui/textarea/cmp.textarea.svelte +17 -14
- package/dist/ui/textarea/cmp.textarea.svelte.d.ts +1 -1
- package/dist/ui/toggle/cmp.toggle.svelte +32 -26
- package/dist/ui/toggle/cmp.toggle.svelte.d.ts +2 -0
- package/dist/ui/tree/cmp.tree-node-view.svelte +7 -2
- package/dist/ui/tree/cmp.tree.svelte +9 -1
- package/dist/ui/tree/cmp.tree.svelte.d.ts +1 -1
- package/dist/ui/tree/tree-navigation.svelte.d.ts +2 -0
- package/dist/ui/tree/tree-navigation.svelte.js +3 -0
- package/dist/ui/validatable/cmp.validatable.svelte +5 -5
- package/dist/ui/validatable/cmp.validatable.svelte.d.ts +2 -2
- package/dist/ui/validatable/cmp.validation-error.svelte +4 -4
- package/dist/ui/validatable/cmp.validation-error.svelte.d.ts +1 -1
- package/dist/ui/validatable/{cmp.field-error.svelte → field-frame.svelte} +6 -6
- package/dist/ui/validatable/{cmp.field-error.svelte.d.ts → field-frame.svelte.d.ts} +4 -4
- package/package.json +1 -1
- package/dist/ui/page-toolbar/cmp.reorderable-toggle-list.svelte +0 -153
- package/dist/ui/page-toolbar/cmp.reorderable-toggle-list.svelte.d.ts +0 -20
- package/dist/ui/page-toolbar/cmp.toolbar-checkbox-item.svelte +0 -19
- package/dist/ui/page-toolbar/cmp.toolbar-checkbox-item.svelte.d.ts +0 -12
- package/dist/ui/page-toolbar/cmp.toolbar-panel-button.svelte +0 -42
- package/dist/ui/page-toolbar/cmp.toolbar-panel-button.svelte.d.ts +0 -20
- package/dist/ui/page-toolbar/cmp.toolbar-panel.svelte +0 -57
- package/dist/ui/page-toolbar/cmp.toolbar-panel.svelte.d.ts +0 -19
- package/dist/ui/page-toolbar/cmp.toolbar-toggle-item.svelte +0 -16
- package/dist/ui/page-toolbar/cmp.toolbar-toggle-item.svelte.d.ts +0 -12
- package/dist/ui/table/table-cells/table-select-cell.svelte +0 -28
- package/dist/ui/table/table-cells/table-text-input-cell.svelte +0 -69
- package/dist/ui/table/table-cells/table-text-input-cell.svelte.d.ts +0 -38
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
<script lang="ts" generics="T extends {id: string}">import { Input } from '../../input';
|
|
2
|
-
import { LineClamp } from '../../line-clamp';
|
|
3
|
-
import { NumeralInput } from '../../numeral-input';
|
|
4
|
-
import { untrack } from 'svelte';
|
|
5
|
-
let { item, column } = $props();
|
|
6
|
-
let errorText = $state('');
|
|
7
|
-
const onInput = async (val) => {
|
|
8
|
-
item[column.id] = val === null ? '' : String(val);
|
|
9
|
-
await validate();
|
|
10
|
-
if (column.onInput) {
|
|
11
|
-
column.onInput(item, item[column.id]);
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
const validate = async () => {
|
|
15
|
-
if (!column.validationSchema) {
|
|
16
|
-
return;
|
|
17
|
-
}
|
|
18
|
-
try {
|
|
19
|
-
await column.validationSchema.validate(item[column.id]);
|
|
20
|
-
errorText = '';
|
|
21
|
-
}
|
|
22
|
-
catch (error) {
|
|
23
|
-
const err = error;
|
|
24
|
-
if (err.name !== 'ValidationError') {
|
|
25
|
-
throw error;
|
|
26
|
-
}
|
|
27
|
-
errorText = err.message;
|
|
28
|
-
return;
|
|
29
|
-
}
|
|
30
|
-
finally {
|
|
31
|
-
if (column.onValidated) {
|
|
32
|
-
column.onValidated(item, errorText);
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
$effect(() => {
|
|
37
|
-
untrack(() => void validate());
|
|
38
|
-
});
|
|
39
|
-
</script>
|
|
40
|
-
|
|
41
|
-
<div class="table-text-input-cell" class:table-text-input-cell--errored={!!errorText}>
|
|
42
|
-
{#if column.inputType === 'number'}
|
|
43
|
-
<NumeralInput clearable value={item[column.id]} on={{ input: onInput }} />
|
|
44
|
-
{:else}
|
|
45
|
-
<Input value={item[column.id]} on={{ input: onInput }} />
|
|
46
|
-
{/if}
|
|
47
|
-
{#if errorText}
|
|
48
|
-
<div class="table-text-input-cell__error">
|
|
49
|
-
<LineClamp maxLines={2}>{errorText}</LineClamp>
|
|
50
|
-
</div>
|
|
51
|
-
{/if}
|
|
52
|
-
</div>
|
|
53
|
-
|
|
54
|
-
<style>.table-text-input-cell {
|
|
55
|
-
position: relative;
|
|
56
|
-
font-size: var(--_table--cell--font-size);
|
|
57
|
-
padding-top: 1.5em;
|
|
58
|
-
margin-bottom: 1.5em;
|
|
59
|
-
}
|
|
60
|
-
.table-text-input-cell__error {
|
|
61
|
-
position: absolute;
|
|
62
|
-
top: calc(100% + 0.1em);
|
|
63
|
-
left: 0;
|
|
64
|
-
right: 0;
|
|
65
|
-
display: block;
|
|
66
|
-
color: var(--sc-kit--color--danger);
|
|
67
|
-
font-size: 0.6875rem;
|
|
68
|
-
font-weight: 400;
|
|
69
|
-
}</style>
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import type { ITableTextInputColumn } from '../types';
|
|
2
|
-
declare function $$render<T extends {
|
|
3
|
-
id: string;
|
|
4
|
-
}>(): {
|
|
5
|
-
props: {
|
|
6
|
-
item: any;
|
|
7
|
-
column: ITableTextInputColumn<T>;
|
|
8
|
-
};
|
|
9
|
-
exports: {};
|
|
10
|
-
bindings: "";
|
|
11
|
-
slots: {};
|
|
12
|
-
events: {};
|
|
13
|
-
};
|
|
14
|
-
declare class __sveltets_Render<T extends {
|
|
15
|
-
id: string;
|
|
16
|
-
}> {
|
|
17
|
-
props(): ReturnType<typeof $$render<T>>['props'];
|
|
18
|
-
events(): ReturnType<typeof $$render<T>>['events'];
|
|
19
|
-
slots(): ReturnType<typeof $$render<T>>['slots'];
|
|
20
|
-
bindings(): "";
|
|
21
|
-
exports(): {};
|
|
22
|
-
}
|
|
23
|
-
interface $$IsomorphicComponent {
|
|
24
|
-
new <T extends {
|
|
25
|
-
id: string;
|
|
26
|
-
}>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
|
|
27
|
-
$$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
|
|
28
|
-
} & ReturnType<__sveltets_Render<T>['exports']>;
|
|
29
|
-
<T extends {
|
|
30
|
-
id: string;
|
|
31
|
-
}>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
|
|
32
|
-
z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
|
|
33
|
-
}
|
|
34
|
-
declare const TableTextInputCell: $$IsomorphicComponent;
|
|
35
|
-
type TableTextInputCell<T extends {
|
|
36
|
-
id: string;
|
|
37
|
-
}> = InstanceType<typeof TableTextInputCell<T>>;
|
|
38
|
-
export default TableTextInputCell;
|