@humandialog/forms.svelte 0.5.6 → 0.5.8
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/README.md +0 -0
- package/components/Fab.svelte.d.ts +14 -14
- package/components/Floating_container.svelte.d.ts +21 -21
- package/components/Grid.menu.svelte.d.ts +25 -25
- package/components/button.svelte.d.ts +24 -24
- package/components/checkbox.svelte.d.ts +26 -26
- package/components/combo/combo.d.ts +17 -17
- package/components/combo/combo.item.svelte.d.ts +19 -19
- package/components/combo/combo.js +17 -17
- package/components/combo/combo.source.svelte.d.ts +22 -22
- package/components/combo/combo.svelte.d.ts +42 -42
- package/components/contextmenu.svelte.d.ts +26 -26
- package/components/date.svelte.d.ts +31 -31
- package/components/delayed.spinner.svelte.d.ts +19 -19
- package/components/document/internal/Document_command.d.ts +9 -9
- package/components/document/internal/Document_command.js +9 -9
- package/components/document/internal/Selection_helper.d.ts +7 -7
- package/components/document/internal/Selection_helper.js +133 -133
- package/components/document/internal/Selection_range.d.ts +26 -26
- package/components/document/internal/Selection_range.js +58 -58
- package/components/document/internal/palette.row.svelte.d.ts +36 -36
- package/components/document/internal/palette.svelte.d.ts +67 -67
- package/components/document/rich.edit.svelte.d.ts +32 -32
- package/components/edit.field.svelte.d.ts +28 -28
- package/components/file.loader.svelte.d.ts +25 -25
- package/components/icon.svelte.d.ts +62 -62
- package/components/input.text.svelte.d.ts +29 -29
- package/components/inputbox.ltop.svelte.d.ts +52 -52
- package/components/kanban/Kanban.d.ts +43 -43
- package/components/kanban/Kanban.js +79 -79
- package/components/kanban/internal/kanban.card.svelte +108 -108
- package/components/kanban/internal/kanban.card.svelte.d.ts +32 -32
- package/components/kanban/internal/kanban.column.svelte +66 -66
- package/components/kanban/internal/kanban.column.svelte.d.ts +51 -51
- package/components/kanban/internal/kanban.inserter.svelte +14 -14
- package/components/kanban/internal/kanban.inserter.svelte.d.ts +18 -18
- package/components/kanban/internal/kanban.move.menu.svelte +135 -135
- package/components/kanban/internal/kanban.move.menu.svelte.d.ts +22 -22
- package/components/kanban/internal/kanban.props.svelte.d.ts +19 -19
- package/components/kanban/kanban.callbacks.svelte +1 -1
- package/components/kanban/kanban.callbacks.svelte.d.ts +18 -18
- package/components/kanban/kanban.column.svelte +2 -2
- package/components/kanban/kanban.column.svelte.d.ts +21 -21
- package/components/kanban/kanban.combo.svelte +3 -3
- package/components/kanban/kanban.combo.svelte.d.ts +24 -24
- package/components/kanban/kanban.date.svelte +1 -1
- package/components/kanban/kanban.date.svelte.d.ts +21 -21
- package/components/kanban/kanban.source.svelte.d.ts +23 -23
- package/components/kanban/kanban.static.svelte.d.ts +20 -20
- package/components/kanban/kanban.summary.svelte.d.ts +18 -18
- package/components/kanban/kanban.svelte +89 -82
- package/components/kanban/kanban.svelte.d.ts +65 -63
- package/components/kanban/kanban.tags.svelte.d.ts +23 -23
- package/components/kanban/kanban.title.svelte +2 -2
- package/components/kanban/kanban.title.svelte.d.ts +18 -18
- package/components/list/List.d.ts +44 -44
- package/components/list/List.js +52 -52
- package/components/list/internal/list.element.props.svelte +65 -65
- package/components/list/internal/list.element.props.svelte.d.ts +21 -21
- package/components/list/internal/list.element.summary.svelte +46 -44
- package/components/list/internal/list.element.summary.svelte.d.ts +24 -25
- package/components/list/internal/list.element.svelte +58 -12
- package/components/list/internal/list.element.svelte.d.ts +31 -29
- package/components/list/internal/list.inserter.svelte.d.ts +19 -19
- package/components/list/list.combo.svelte.d.ts +21 -21
- package/components/list/list.date.svelte.d.ts +18 -18
- package/components/list/list.inserter.svelte.d.ts +17 -17
- package/components/list/list.static.svelte.d.ts +17 -17
- package/components/list/list.summary.svelte.d.ts +19 -19
- package/components/list/list.svelte +15 -2
- package/components/list/list.svelte.d.ts +59 -59
- package/components/list/list.title.svelte.d.ts +22 -22
- package/components/menu.d.ts +4 -4
- package/components/menu.js +56 -56
- package/components/radio.svelte.d.ts +26 -26
- package/components/sidebar/sidebar.brand.svelte.d.ts +31 -31
- package/components/sidebar/sidebar.group.svelte.d.ts +33 -33
- package/components/sidebar/sidebar.item.svelte.d.ts +28 -28
- package/components/sidebar/sidebar.list.svelte +15 -15
- package/components/sidebar/sidebar.list.svelte.d.ts +33 -33
- package/components/sidebar/sidebar.svelte.d.ts +27 -27
- package/components/simple.table.svelte.d.ts +41 -41
- package/components/table/_template.table.svelte.d.ts +57 -57
- package/components/table/column.svelte.d.ts +19 -19
- package/components/table/item.svelte.d.ts +17 -17
- package/components/table/table.d.ts +11 -11
- package/components/table/table.js +11 -11
- package/components/table/table.svelte.d.ts +75 -75
- package/components/tag.svelte +17 -17
- package/components/tag.svelte.d.ts +19 -19
- package/components/tags.svelte.d.ts +31 -31
- package/components/textarea.ltop.svelte.d.ts +35 -35
- package/components/tile.title.svelte.d.ts +29 -29
- package/desk.svelte +8 -7
- package/desk.svelte.d.ts +23 -23
- package/form.box.svelte.d.ts +35 -35
- package/horizontal.toolbar.svelte.d.ts +25 -25
- package/index.d.ts +59 -59
- package/index.js +65 -65
- package/internal/configurable.content.svelte.d.ts +27 -27
- package/internal/loading.svelte.d.ts +23 -23
- package/modal.svelte.d.ts +35 -35
- package/operations.svelte.d.ts +16 -16
- package/package.json +8 -8
- package/page.row.svelte.d.ts +31 -31
- package/page.svelte.d.ts +45 -45
- package/stores.d.ts +39 -39
- package/stores.js +0 -0
- package/tenant.members.svelte +1 -1
- package/tenant.members.svelte.d.ts +33 -33
- package/tile.svelte.d.ts +33 -33
- package/tiles.row.svelte.d.ts +31 -31
- package/tiles.vertical.row.svelte.d.ts +29 -29
- package/updates.d.ts +4 -4
- package/updates.js +0 -0
- package/utils.d.ts +35 -35
- package/utils.js +0 -0
- package/vertical.toolbar.svelte.d.ts +27 -27
|
@@ -156,70 +156,70 @@ export function activate(e) {
|
|
|
156
156
|
activateItem("props", columnDef, columnDef.operations);
|
|
157
157
|
rootElement?.scrollIntoView();
|
|
158
158
|
}
|
|
159
|
-
</script>
|
|
160
|
-
|
|
161
|
-
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
|
162
|
-
|
|
163
|
-
<section class="snap-center sm:snap-align-none flex-none sm:flex-1 sm:min-w-[180px] sm:max-w-[240px] rounded-md border border-transparent {width_class} {selected_class} {focused_class}"
|
|
164
|
-
bind:this={rootElement}>
|
|
165
|
-
<header class:cursor-pointer={!is_row_active && columnDef.operations}
|
|
166
|
-
use:selectable={columnDef}
|
|
167
|
-
on:click={activate}>
|
|
168
|
-
<h2 class="mt-2 mb-2 text-lg sm:text-xs uppercase w-full min-h-[1rem] text-center whitespace-nowrap relative">
|
|
169
|
-
<span
|
|
170
|
-
use:editable={{
|
|
171
|
-
action: (text) => onTitleChanged(text),
|
|
172
|
-
active: false
|
|
173
|
-
}}
|
|
174
|
-
bind:this={titleElement}>
|
|
175
|
-
{columnDef.title}
|
|
176
|
-
</span>
|
|
177
|
-
|
|
178
|
-
{#if columnDef.finishing}
|
|
179
|
-
<div class="inline-block text-green-600 h-3 w-3 ml-2">
|
|
180
|
-
<FaCheck/>
|
|
181
|
-
</div>
|
|
182
|
-
{/if}
|
|
183
|
-
<button class="absolute right-2 w-4 sm:w-2.5"
|
|
184
|
-
on:click|stopPropagation={(e) => add(KanbanColumnTop)}>
|
|
185
|
-
<FaPlus/>
|
|
186
|
-
</button>
|
|
187
|
-
</h2>
|
|
188
|
-
</header>
|
|
189
|
-
<ul class="w-full border-stone-700" bind:this={column_element}>
|
|
190
|
-
{#if showInserterAfterId === KanbanColumnTop}
|
|
191
|
-
<Inserter onInsert={async (text) => {await onInsert(currentColumnIdx, text, KanbanColumnTop)}}
|
|
192
|
-
bind:this={inserter} />
|
|
193
|
-
{/if}
|
|
194
|
-
|
|
195
|
-
{#if column_items && column_items.length > 0}
|
|
196
|
-
{#each column_items as element, item_idx (getItemKey(element))}
|
|
197
|
-
<Card item={element}
|
|
198
|
-
bind:this={cards[item_idx]}>
|
|
199
|
-
<svelte:fragment slot="kanbanCardTopProps" let:element>
|
|
200
|
-
<slot name="kanbanCardTopProps" {element}/>
|
|
201
|
-
</svelte:fragment>
|
|
202
|
-
|
|
203
|
-
<svelte:fragment slot="kanbanCardMiddleProps" let:element>
|
|
204
|
-
<slot name="kanbanCardMiddleProps" {element}/>
|
|
205
|
-
</svelte:fragment>
|
|
206
|
-
|
|
207
|
-
<svelte:fragment slot="kanbanCardBottomProps" let:element>
|
|
208
|
-
<slot name="kanbanCardBottomProps" {element}/>
|
|
209
|
-
</svelte:fragment>
|
|
210
|
-
</Card>
|
|
211
|
-
|
|
212
|
-
{#if showInserterAfterId == element.Id}
|
|
213
|
-
<Inserter onInsert={async (text) => {await onInsert(currentColumnIdx, text, showInserterAfterId)}}
|
|
214
|
-
bind:this={inserter} />
|
|
215
|
-
{/if}
|
|
216
|
-
{/each}
|
|
217
|
-
{/if}
|
|
218
|
-
|
|
219
|
-
{#if showInserterAfterId === KanbanColumnBottom}
|
|
220
|
-
<Inserter onInsert={async (text) => {await onInsert(currentColumnIdx, text, KanbanColumnBottom)}}
|
|
221
|
-
bind:this={inserter} />
|
|
222
|
-
{/if}
|
|
223
|
-
|
|
224
|
-
</ul>
|
|
159
|
+
</script>
|
|
160
|
+
|
|
161
|
+
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
|
162
|
+
|
|
163
|
+
<section class="snap-center sm:snap-align-none flex-none sm:flex-1 sm:min-w-[180px] sm:max-w-[240px] rounded-md border border-transparent {width_class} {selected_class} {focused_class}"
|
|
164
|
+
bind:this={rootElement}>
|
|
165
|
+
<header class:cursor-pointer={!is_row_active && columnDef.operations}
|
|
166
|
+
use:selectable={columnDef}
|
|
167
|
+
on:click={activate}>
|
|
168
|
+
<h2 class="mt-2 mb-2 text-lg sm:text-xs uppercase w-full min-h-[1rem] text-center whitespace-nowrap relative">
|
|
169
|
+
<span
|
|
170
|
+
use:editable={{
|
|
171
|
+
action: (text) => onTitleChanged(text),
|
|
172
|
+
active: false
|
|
173
|
+
}}
|
|
174
|
+
bind:this={titleElement}>
|
|
175
|
+
{columnDef.title}
|
|
176
|
+
</span>
|
|
177
|
+
|
|
178
|
+
{#if columnDef.finishing}
|
|
179
|
+
<div class="inline-block text-green-600 h-3 w-3 ml-2">
|
|
180
|
+
<FaCheck/>
|
|
181
|
+
</div>
|
|
182
|
+
{/if}
|
|
183
|
+
<button class="absolute right-2 w-4 sm:w-2.5"
|
|
184
|
+
on:click|stopPropagation={(e) => add(KanbanColumnTop)}>
|
|
185
|
+
<FaPlus/>
|
|
186
|
+
</button>
|
|
187
|
+
</h2>
|
|
188
|
+
</header>
|
|
189
|
+
<ul class="w-full border-stone-700" bind:this={column_element}>
|
|
190
|
+
{#if showInserterAfterId === KanbanColumnTop}
|
|
191
|
+
<Inserter onInsert={async (text) => {await onInsert(currentColumnIdx, text, KanbanColumnTop)}}
|
|
192
|
+
bind:this={inserter} />
|
|
193
|
+
{/if}
|
|
194
|
+
|
|
195
|
+
{#if column_items && column_items.length > 0}
|
|
196
|
+
{#each column_items as element, item_idx (getItemKey(element))}
|
|
197
|
+
<Card item={element}
|
|
198
|
+
bind:this={cards[item_idx]}>
|
|
199
|
+
<svelte:fragment slot="kanbanCardTopProps" let:element>
|
|
200
|
+
<slot name="kanbanCardTopProps" {element}/>
|
|
201
|
+
</svelte:fragment>
|
|
202
|
+
|
|
203
|
+
<svelte:fragment slot="kanbanCardMiddleProps" let:element>
|
|
204
|
+
<slot name="kanbanCardMiddleProps" {element}/>
|
|
205
|
+
</svelte:fragment>
|
|
206
|
+
|
|
207
|
+
<svelte:fragment slot="kanbanCardBottomProps" let:element>
|
|
208
|
+
<slot name="kanbanCardBottomProps" {element}/>
|
|
209
|
+
</svelte:fragment>
|
|
210
|
+
</Card>
|
|
211
|
+
|
|
212
|
+
{#if showInserterAfterId == element.Id}
|
|
213
|
+
<Inserter onInsert={async (text) => {await onInsert(currentColumnIdx, text, showInserterAfterId)}}
|
|
214
|
+
bind:this={inserter} />
|
|
215
|
+
{/if}
|
|
216
|
+
{/each}
|
|
217
|
+
{/if}
|
|
218
|
+
|
|
219
|
+
{#if showInserterAfterId === KanbanColumnBottom}
|
|
220
|
+
<Inserter onInsert={async (text) => {await onInsert(currentColumnIdx, text, KanbanColumnBottom)}}
|
|
221
|
+
bind:this={inserter} />
|
|
222
|
+
{/if}
|
|
223
|
+
|
|
224
|
+
</ul>
|
|
225
225
|
</section>
|
|
@@ -1,51 +1,51 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
declare const __propDef: {
|
|
3
|
-
props: {
|
|
4
|
-
currentColumnIdx: number;
|
|
5
|
-
onInsert: Function;
|
|
6
|
-
getHeight?: (() => number) | undefined;
|
|
7
|
-
editName?: ((onFinish?: Function | undefined) => void) | undefined;
|
|
8
|
-
SET_LEFT?: 0 | undefined;
|
|
9
|
-
SET_RIGHT?: 1 | undefined;
|
|
10
|
-
CLEAR_LEFT?: 2 | undefined;
|
|
11
|
-
CLEAR_RIGHT?: 3 | undefined;
|
|
12
|
-
setBorder?: ((what_to_do: number) => void) | undefined;
|
|
13
|
-
reload?: (() => void) | undefined;
|
|
14
|
-
findCardByItem?: ((item: object) => any) | undefined;
|
|
15
|
-
activateByItemId?: ((id: number) => void) | undefined;
|
|
16
|
-
add?: ((after?: object | number) => Promise<void>) | undefined;
|
|
17
|
-
activate?: ((e: any) => void) | undefined;
|
|
18
|
-
};
|
|
19
|
-
events: {
|
|
20
|
-
[evt: string]: CustomEvent<any>;
|
|
21
|
-
};
|
|
22
|
-
slots: {
|
|
23
|
-
kanbanCardTopProps: {
|
|
24
|
-
element: object;
|
|
25
|
-
};
|
|
26
|
-
kanbanCardMiddleProps: {
|
|
27
|
-
element: object;
|
|
28
|
-
};
|
|
29
|
-
kanbanCardBottomProps: {
|
|
30
|
-
element: object;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
export type KanbanProps = typeof __propDef.props;
|
|
35
|
-
export type KanbanEvents = typeof __propDef.events;
|
|
36
|
-
export type KanbanSlots = typeof __propDef.slots;
|
|
37
|
-
export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
|
|
38
|
-
get getHeight(): () => number;
|
|
39
|
-
get editName(): (onFinish?: Function | undefined) => void;
|
|
40
|
-
get SET_LEFT(): 0;
|
|
41
|
-
get SET_RIGHT(): 1;
|
|
42
|
-
get CLEAR_LEFT(): 2;
|
|
43
|
-
get CLEAR_RIGHT(): 3;
|
|
44
|
-
get setBorder(): (what_to_do: number) => void;
|
|
45
|
-
get reload(): () => void;
|
|
46
|
-
get findCardByItem(): (item: object) => any;
|
|
47
|
-
get activateByItemId(): (id: number) => void;
|
|
48
|
-
get add(): (after?: number | object) => Promise<void>;
|
|
49
|
-
get activate(): (e: any) => void;
|
|
50
|
-
}
|
|
51
|
-
export {};
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: {
|
|
4
|
+
currentColumnIdx: number;
|
|
5
|
+
onInsert: Function;
|
|
6
|
+
getHeight?: (() => number) | undefined;
|
|
7
|
+
editName?: ((onFinish?: Function | undefined) => void) | undefined;
|
|
8
|
+
SET_LEFT?: 0 | undefined;
|
|
9
|
+
SET_RIGHT?: 1 | undefined;
|
|
10
|
+
CLEAR_LEFT?: 2 | undefined;
|
|
11
|
+
CLEAR_RIGHT?: 3 | undefined;
|
|
12
|
+
setBorder?: ((what_to_do: number) => void) | undefined;
|
|
13
|
+
reload?: (() => void) | undefined;
|
|
14
|
+
findCardByItem?: ((item: object) => any) | undefined;
|
|
15
|
+
activateByItemId?: ((id: number) => void) | undefined;
|
|
16
|
+
add?: ((after?: object | number) => Promise<void>) | undefined;
|
|
17
|
+
activate?: ((e: any) => void) | undefined;
|
|
18
|
+
};
|
|
19
|
+
events: {
|
|
20
|
+
[evt: string]: CustomEvent<any>;
|
|
21
|
+
};
|
|
22
|
+
slots: {
|
|
23
|
+
kanbanCardTopProps: {
|
|
24
|
+
element: object;
|
|
25
|
+
};
|
|
26
|
+
kanbanCardMiddleProps: {
|
|
27
|
+
element: object;
|
|
28
|
+
};
|
|
29
|
+
kanbanCardBottomProps: {
|
|
30
|
+
element: object;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export type KanbanProps = typeof __propDef.props;
|
|
35
|
+
export type KanbanEvents = typeof __propDef.events;
|
|
36
|
+
export type KanbanSlots = typeof __propDef.slots;
|
|
37
|
+
export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
|
|
38
|
+
get getHeight(): () => number;
|
|
39
|
+
get editName(): (onFinish?: Function | undefined) => void;
|
|
40
|
+
get SET_LEFT(): 0;
|
|
41
|
+
get SET_RIGHT(): 1;
|
|
42
|
+
get CLEAR_LEFT(): 2;
|
|
43
|
+
get CLEAR_RIGHT(): 3;
|
|
44
|
+
get setBorder(): (what_to_do: number) => void;
|
|
45
|
+
get reload(): () => void;
|
|
46
|
+
get findCardByItem(): (item: object) => any;
|
|
47
|
+
get activateByItemId(): (id: number) => void;
|
|
48
|
+
get add(): (after?: number | object) => Promise<void>;
|
|
49
|
+
get activate(): (e: any) => void;
|
|
50
|
+
}
|
|
51
|
+
export {};
|
|
@@ -7,18 +7,18 @@ export function run(onclose) {
|
|
|
7
7
|
startEditing(insertion_paragraph, onclose);
|
|
8
8
|
}
|
|
9
9
|
let insertion_paragraph;
|
|
10
|
-
</script>
|
|
11
|
-
|
|
12
|
-
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
|
13
|
-
|
|
14
|
-
<li class=" mx-2 pt-2 pb-4 px-1 rounded-md border border-transparent
|
|
15
|
-
bg-stone-100 dark:bg-stone-700">
|
|
16
|
-
|
|
17
|
-
<h3 class=" text-lg font-semibold min-h-[1.75rem]
|
|
18
|
-
sm:text-sm sm:font-semibold sm:min-h-[1.25rem]
|
|
19
|
-
whitespace-nowrap overflow-clip w-full sm:flex-none "
|
|
20
|
-
use:editable={onInsert}
|
|
21
|
-
bind:this={insertion_paragraph}>
|
|
22
|
-
|
|
23
|
-
</h3>
|
|
10
|
+
</script>
|
|
11
|
+
|
|
12
|
+
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
|
13
|
+
|
|
14
|
+
<li class=" mx-2 pt-2 pb-4 px-1 rounded-md border border-transparent
|
|
15
|
+
bg-stone-100 dark:bg-stone-700">
|
|
16
|
+
|
|
17
|
+
<h3 class=" text-lg font-semibold min-h-[1.75rem]
|
|
18
|
+
sm:text-sm sm:font-semibold sm:min-h-[1.25rem]
|
|
19
|
+
whitespace-nowrap overflow-clip w-full sm:flex-none "
|
|
20
|
+
use:editable={onInsert}
|
|
21
|
+
bind:this={insertion_paragraph}>
|
|
22
|
+
|
|
23
|
+
</h3>
|
|
24
24
|
</li>
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
declare const __propDef: {
|
|
3
|
-
props: {
|
|
4
|
-
onInsert: any;
|
|
5
|
-
run?: ((onclose: any) => void) | undefined;
|
|
6
|
-
};
|
|
7
|
-
events: {
|
|
8
|
-
[evt: string]: CustomEvent<any>;
|
|
9
|
-
};
|
|
10
|
-
slots: {};
|
|
11
|
-
};
|
|
12
|
-
export type KanbanProps = typeof __propDef.props;
|
|
13
|
-
export type KanbanEvents = typeof __propDef.events;
|
|
14
|
-
export type KanbanSlots = typeof __propDef.slots;
|
|
15
|
-
export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
|
|
16
|
-
get run(): (onclose: any) => void;
|
|
17
|
-
}
|
|
18
|
-
export {};
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: {
|
|
4
|
+
onInsert: any;
|
|
5
|
+
run?: ((onclose: any) => void) | undefined;
|
|
6
|
+
};
|
|
7
|
+
events: {
|
|
8
|
+
[evt: string]: CustomEvent<any>;
|
|
9
|
+
};
|
|
10
|
+
slots: {};
|
|
11
|
+
};
|
|
12
|
+
export type KanbanProps = typeof __propDef.props;
|
|
13
|
+
export type KanbanEvents = typeof __propDef.events;
|
|
14
|
+
export type KanbanSlots = typeof __propDef.slots;
|
|
15
|
+
export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
|
|
16
|
+
get run(): (onclose: any) => void;
|
|
17
|
+
}
|
|
18
|
+
export {};
|
|
@@ -12,138 +12,138 @@ function replaceMenu() {
|
|
|
12
12
|
afterActionOperation(item);
|
|
13
13
|
}, 0);
|
|
14
14
|
}
|
|
15
|
-
</script>
|
|
16
|
-
|
|
17
|
-
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
|
18
|
-
|
|
19
|
-
<menu class="hidden sm:flex flex-row gap-3">
|
|
20
|
-
<section class="flex flex-col gap-1">
|
|
21
|
-
<p class="text-xs h-4 w-[100px] truncate"></p>
|
|
22
|
-
<button class=" h-8 w-full
|
|
23
|
-
text-xs font-medium text-stone-900 dark:text-stone-400 dark:hover:text-white
|
|
24
|
-
bg-stone-100 hover:bg-stone-200 dark:bg-stone-800 dark:hover:bg-stone-700 active:bg-stone-300 dark:active:bg-stone-600
|
|
25
|
-
border rounded border-stone-200 dark:border-stone-600 focus:outline-none
|
|
26
|
-
inline-flex items-center justify-center"
|
|
27
|
-
on:click={(e) => { onMoveUp(item); replaceMenu()}}>
|
|
28
|
-
<div class="w-3 h-3"><FaAngleUp/></div>
|
|
29
|
-
</button>
|
|
30
|
-
|
|
31
|
-
<button class=" h-8 w-full
|
|
32
|
-
text-xs font-medium text-stone-900 dark:text-stone-400 dark:hover:text-white
|
|
33
|
-
bg-stone-100 hover:bg-stone-200 dark:bg-stone-800 dark:hover:bg-stone-700 active:bg-stone-300 dark:active:bg-stone-600
|
|
34
|
-
border rounded border-stone-200 dark:border-stone-600 focus:outline-none
|
|
35
|
-
inline-flex items-center justify-center"
|
|
36
|
-
on:click={(e) => { onMoveDown(item); replaceMenu()}}>
|
|
37
|
-
<div class="w-3 h-3"><FaAngleDown/></div>
|
|
38
|
-
</button>
|
|
39
|
-
</section>
|
|
40
|
-
|
|
41
|
-
{#if definition && definition.columns && definition.columns.length > 0}
|
|
42
|
-
{#each definition.columns as column, idx}
|
|
43
|
-
<section class="flex flex-col gap-1">
|
|
44
|
-
<p class="text-xs h-4 w-[100px] ml-1 truncate">{column.title}</p>
|
|
45
|
-
<button class=" h-8 w-full
|
|
46
|
-
text-base font-medium text-stone-900 dark:text-stone-400 dark:hover:text-white
|
|
47
|
-
bg-stone-100 hover:bg-stone-200 dark:bg-stone-800 dark:hover:bg-stone-700 active:bg-stone-300 dark:active:bg-stone-600
|
|
48
|
-
border rounded border-stone-200 dark:border-stone-600 focus:outline-none
|
|
49
|
-
inline-flex items-center justify-center"
|
|
50
|
-
on:click={(e) => { onReplace(item, idx, KanbanColumnTop); replaceMenu()}}>
|
|
51
|
-
<div class="w-3 h-3"><FaAngleDoubleUp/></div>
|
|
52
|
-
</button>
|
|
53
|
-
|
|
54
|
-
<button class=" h-8 w-full
|
|
55
|
-
text-base font-medium text-stone-900 dark:text-stone-400 dark:hover:text-white
|
|
56
|
-
bg-stone-100 hover:bg-stone-200 dark:bg-stone-800 dark:hover:bg-stone-700 active:bg-stone-300 dark:active:bg-stone-600
|
|
57
|
-
border rounded border-stone-200 dark:border-stone-600 focus:outline-none
|
|
58
|
-
inline-flex items-center justify-center"
|
|
59
|
-
on:click={(e) => { onReplace(item, idx, KanbanColumnBottom); replaceMenu()}}>
|
|
60
|
-
<div class="w-3 h-3"><FaAngleDoubleDown/></div>
|
|
61
|
-
</button>
|
|
62
|
-
</section>
|
|
63
|
-
{/each}
|
|
64
|
-
{/if}
|
|
65
|
-
</menu>
|
|
66
|
-
|
|
67
|
-
<menu class="flex sm:hidden flex-col gap-3">
|
|
68
|
-
<section class="flex flex-row">
|
|
69
|
-
<p class="text-base truncate "></p>
|
|
70
|
-
<div class="flex flex-row ml-auto gap-3">
|
|
71
|
-
<button class=" bg-transparent
|
|
72
|
-
w-[55px] h-[55px]
|
|
73
|
-
m-0
|
|
74
|
-
flex items-center justify-center
|
|
75
|
-
disable-dbl-tap-zoom"
|
|
76
|
-
on:click={(e) => { onMoveUp(item); replaceMenu()}}>
|
|
77
|
-
<div class=" w-10 h-10
|
|
78
|
-
text-white bg-zinc-500 hover:bg-zinc-500
|
|
79
|
-
font-medium rounded-full text-sm text-center shadow-md
|
|
80
|
-
dark:bg-zinc-500 dark:hover:bg-zinc-500
|
|
81
|
-
flex items-center justify-center">
|
|
82
|
-
<div class="w-5 h-5">
|
|
83
|
-
<FaAngleUp/>
|
|
84
|
-
</div>
|
|
85
|
-
</div>
|
|
86
|
-
</button>
|
|
87
|
-
|
|
88
|
-
<button class=" bg-transparent
|
|
89
|
-
w-[55px] h-[55px]
|
|
90
|
-
m-0
|
|
91
|
-
flex items-center justify-center
|
|
92
|
-
disable-dbl-tap-zoom"
|
|
93
|
-
on:click={(e) => { onMoveDown(item); replaceMenu()}}>
|
|
94
|
-
<div class=" w-10 h-10
|
|
95
|
-
text-white bg-zinc-500 hover:bg-zinc-500
|
|
96
|
-
font-medium rounded-full text-sm text-center shadow-md
|
|
97
|
-
dark:bg-zinc-500 dark:hover:bg-zinc-500
|
|
98
|
-
flex items-center justify-center">
|
|
99
|
-
<div class="w-5 h-5">
|
|
100
|
-
<FaAngleDown/>
|
|
101
|
-
</div>
|
|
102
|
-
</div>
|
|
103
|
-
</button>
|
|
104
|
-
</div>
|
|
105
|
-
</section>
|
|
106
|
-
|
|
107
|
-
{#if definition && definition.columns && definition.columns.length > 0}
|
|
108
|
-
{#each definition.columns as column, idx}
|
|
109
|
-
<section class="flex flex-row">
|
|
110
|
-
<p class="text-base mt-4 truncate w-[120px]">{column.title}</p>
|
|
111
|
-
<div class="flex flex-row ml-auto gap-3">
|
|
112
|
-
<button class=" bg-transparent
|
|
113
|
-
w-[55px] h-[55px]
|
|
114
|
-
m-0
|
|
115
|
-
flex items-center justify-center
|
|
116
|
-
disable-dbl-tap-zoom"
|
|
117
|
-
on:click={(e) => { onReplace(item, idx, KanbanColumnTop); replaceMenu()}}>
|
|
118
|
-
<div class=" w-10 h-10
|
|
119
|
-
text-white bg-zinc-500 hover:bg-zinc-500
|
|
120
|
-
font-medium rounded-full text-sm text-center shadow-md
|
|
121
|
-
dark:bg-zinc-500 dark:hover:bg-zinc-500
|
|
122
|
-
flex items-center justify-center">
|
|
123
|
-
<div class="w-5 h-5">
|
|
124
|
-
<FaAngleDoubleUp/>
|
|
125
|
-
</div>
|
|
126
|
-
</div>
|
|
127
|
-
</button>
|
|
128
|
-
|
|
129
|
-
<button class=" bg-transparent
|
|
130
|
-
w-[55px] h-[55px]
|
|
131
|
-
m-0
|
|
132
|
-
flex items-center justify-center
|
|
133
|
-
disable-dbl-tap-zoom"
|
|
134
|
-
on:click={(e) => { onReplace(item, idx, KanbanColumnBottom); replaceMenu()}}>
|
|
135
|
-
<div class=" w-10 h-10
|
|
136
|
-
text-white bg-zinc-500 hover:bg-zinc-500
|
|
137
|
-
font-medium rounded-full text-sm text-center shadow-md
|
|
138
|
-
dark:bg-zinc-500 dark:hover:bg-zinc-500
|
|
139
|
-
flex items-center justify-center">
|
|
140
|
-
<div class="w-5 h-5">
|
|
141
|
-
<FaAngleDoubleDown/>
|
|
142
|
-
</div>
|
|
143
|
-
</div>
|
|
144
|
-
</button>
|
|
145
|
-
</div>
|
|
146
|
-
</section>
|
|
147
|
-
{/each}
|
|
148
|
-
{/if}
|
|
149
|
-
</menu>
|
|
15
|
+
</script>
|
|
16
|
+
|
|
17
|
+
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
|
18
|
+
|
|
19
|
+
<menu class="hidden sm:flex flex-row gap-3">
|
|
20
|
+
<section class="flex flex-col gap-1">
|
|
21
|
+
<p class="text-xs h-4 w-[100px] truncate"></p>
|
|
22
|
+
<button class=" h-8 w-full
|
|
23
|
+
text-xs font-medium text-stone-900 dark:text-stone-400 dark:hover:text-white
|
|
24
|
+
bg-stone-100 hover:bg-stone-200 dark:bg-stone-800 dark:hover:bg-stone-700 active:bg-stone-300 dark:active:bg-stone-600
|
|
25
|
+
border rounded border-stone-200 dark:border-stone-600 focus:outline-none
|
|
26
|
+
inline-flex items-center justify-center"
|
|
27
|
+
on:click={(e) => { onMoveUp(item); replaceMenu()}}>
|
|
28
|
+
<div class="w-3 h-3"><FaAngleUp/></div>
|
|
29
|
+
</button>
|
|
30
|
+
|
|
31
|
+
<button class=" h-8 w-full
|
|
32
|
+
text-xs font-medium text-stone-900 dark:text-stone-400 dark:hover:text-white
|
|
33
|
+
bg-stone-100 hover:bg-stone-200 dark:bg-stone-800 dark:hover:bg-stone-700 active:bg-stone-300 dark:active:bg-stone-600
|
|
34
|
+
border rounded border-stone-200 dark:border-stone-600 focus:outline-none
|
|
35
|
+
inline-flex items-center justify-center"
|
|
36
|
+
on:click={(e) => { onMoveDown(item); replaceMenu()}}>
|
|
37
|
+
<div class="w-3 h-3"><FaAngleDown/></div>
|
|
38
|
+
</button>
|
|
39
|
+
</section>
|
|
40
|
+
|
|
41
|
+
{#if definition && definition.columns && definition.columns.length > 0}
|
|
42
|
+
{#each definition.columns as column, idx}
|
|
43
|
+
<section class="flex flex-col gap-1">
|
|
44
|
+
<p class="text-xs h-4 w-[100px] ml-1 truncate">{column.title}</p>
|
|
45
|
+
<button class=" h-8 w-full
|
|
46
|
+
text-base font-medium text-stone-900 dark:text-stone-400 dark:hover:text-white
|
|
47
|
+
bg-stone-100 hover:bg-stone-200 dark:bg-stone-800 dark:hover:bg-stone-700 active:bg-stone-300 dark:active:bg-stone-600
|
|
48
|
+
border rounded border-stone-200 dark:border-stone-600 focus:outline-none
|
|
49
|
+
inline-flex items-center justify-center"
|
|
50
|
+
on:click={(e) => { onReplace(item, idx, KanbanColumnTop); replaceMenu()}}>
|
|
51
|
+
<div class="w-3 h-3"><FaAngleDoubleUp/></div>
|
|
52
|
+
</button>
|
|
53
|
+
|
|
54
|
+
<button class=" h-8 w-full
|
|
55
|
+
text-base font-medium text-stone-900 dark:text-stone-400 dark:hover:text-white
|
|
56
|
+
bg-stone-100 hover:bg-stone-200 dark:bg-stone-800 dark:hover:bg-stone-700 active:bg-stone-300 dark:active:bg-stone-600
|
|
57
|
+
border rounded border-stone-200 dark:border-stone-600 focus:outline-none
|
|
58
|
+
inline-flex items-center justify-center"
|
|
59
|
+
on:click={(e) => { onReplace(item, idx, KanbanColumnBottom); replaceMenu()}}>
|
|
60
|
+
<div class="w-3 h-3"><FaAngleDoubleDown/></div>
|
|
61
|
+
</button>
|
|
62
|
+
</section>
|
|
63
|
+
{/each}
|
|
64
|
+
{/if}
|
|
65
|
+
</menu>
|
|
66
|
+
|
|
67
|
+
<menu class="flex sm:hidden flex-col gap-3">
|
|
68
|
+
<section class="flex flex-row">
|
|
69
|
+
<p class="text-base truncate "></p>
|
|
70
|
+
<div class="flex flex-row ml-auto gap-3">
|
|
71
|
+
<button class=" bg-transparent
|
|
72
|
+
w-[55px] h-[55px]
|
|
73
|
+
m-0
|
|
74
|
+
flex items-center justify-center
|
|
75
|
+
disable-dbl-tap-zoom"
|
|
76
|
+
on:click={(e) => { onMoveUp(item); replaceMenu()}}>
|
|
77
|
+
<div class=" w-10 h-10
|
|
78
|
+
text-white bg-zinc-500 hover:bg-zinc-500
|
|
79
|
+
font-medium rounded-full text-sm text-center shadow-md
|
|
80
|
+
dark:bg-zinc-500 dark:hover:bg-zinc-500
|
|
81
|
+
flex items-center justify-center">
|
|
82
|
+
<div class="w-5 h-5">
|
|
83
|
+
<FaAngleUp/>
|
|
84
|
+
</div>
|
|
85
|
+
</div>
|
|
86
|
+
</button>
|
|
87
|
+
|
|
88
|
+
<button class=" bg-transparent
|
|
89
|
+
w-[55px] h-[55px]
|
|
90
|
+
m-0
|
|
91
|
+
flex items-center justify-center
|
|
92
|
+
disable-dbl-tap-zoom"
|
|
93
|
+
on:click={(e) => { onMoveDown(item); replaceMenu()}}>
|
|
94
|
+
<div class=" w-10 h-10
|
|
95
|
+
text-white bg-zinc-500 hover:bg-zinc-500
|
|
96
|
+
font-medium rounded-full text-sm text-center shadow-md
|
|
97
|
+
dark:bg-zinc-500 dark:hover:bg-zinc-500
|
|
98
|
+
flex items-center justify-center">
|
|
99
|
+
<div class="w-5 h-5">
|
|
100
|
+
<FaAngleDown/>
|
|
101
|
+
</div>
|
|
102
|
+
</div>
|
|
103
|
+
</button>
|
|
104
|
+
</div>
|
|
105
|
+
</section>
|
|
106
|
+
|
|
107
|
+
{#if definition && definition.columns && definition.columns.length > 0}
|
|
108
|
+
{#each definition.columns as column, idx}
|
|
109
|
+
<section class="flex flex-row">
|
|
110
|
+
<p class="text-base mt-4 truncate w-[120px]">{column.title}</p>
|
|
111
|
+
<div class="flex flex-row ml-auto gap-3">
|
|
112
|
+
<button class=" bg-transparent
|
|
113
|
+
w-[55px] h-[55px]
|
|
114
|
+
m-0
|
|
115
|
+
flex items-center justify-center
|
|
116
|
+
disable-dbl-tap-zoom"
|
|
117
|
+
on:click={(e) => { onReplace(item, idx, KanbanColumnTop); replaceMenu()}}>
|
|
118
|
+
<div class=" w-10 h-10
|
|
119
|
+
text-white bg-zinc-500 hover:bg-zinc-500
|
|
120
|
+
font-medium rounded-full text-sm text-center shadow-md
|
|
121
|
+
dark:bg-zinc-500 dark:hover:bg-zinc-500
|
|
122
|
+
flex items-center justify-center">
|
|
123
|
+
<div class="w-5 h-5">
|
|
124
|
+
<FaAngleDoubleUp/>
|
|
125
|
+
</div>
|
|
126
|
+
</div>
|
|
127
|
+
</button>
|
|
128
|
+
|
|
129
|
+
<button class=" bg-transparent
|
|
130
|
+
w-[55px] h-[55px]
|
|
131
|
+
m-0
|
|
132
|
+
flex items-center justify-center
|
|
133
|
+
disable-dbl-tap-zoom"
|
|
134
|
+
on:click={(e) => { onReplace(item, idx, KanbanColumnBottom); replaceMenu()}}>
|
|
135
|
+
<div class=" w-10 h-10
|
|
136
|
+
text-white bg-zinc-500 hover:bg-zinc-500
|
|
137
|
+
font-medium rounded-full text-sm text-center shadow-md
|
|
138
|
+
dark:bg-zinc-500 dark:hover:bg-zinc-500
|
|
139
|
+
flex items-center justify-center">
|
|
140
|
+
<div class="w-5 h-5">
|
|
141
|
+
<FaAngleDoubleDown/>
|
|
142
|
+
</div>
|
|
143
|
+
</div>
|
|
144
|
+
</button>
|
|
145
|
+
</div>
|
|
146
|
+
</section>
|
|
147
|
+
{/each}
|
|
148
|
+
{/if}
|
|
149
|
+
</menu>
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
import { rKanban_definition } from '../Kanban';
|
|
3
|
-
declare const __propDef: {
|
|
4
|
-
props: {
|
|
5
|
-
definition: rKanban_definition;
|
|
6
|
-
item: object;
|
|
7
|
-
afterActionOperation?: Function | undefined;
|
|
8
|
-
onMoveUp: Function;
|
|
9
|
-
onMoveDown: Function;
|
|
10
|
-
onReplace: Function;
|
|
11
|
-
};
|
|
12
|
-
events: {
|
|
13
|
-
[evt: string]: CustomEvent<any>;
|
|
14
|
-
};
|
|
15
|
-
slots: {};
|
|
16
|
-
};
|
|
17
|
-
export type KanbanProps = typeof __propDef.props;
|
|
18
|
-
export type KanbanEvents = typeof __propDef.events;
|
|
19
|
-
export type KanbanSlots = typeof __propDef.slots;
|
|
20
|
-
export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
|
|
21
|
-
}
|
|
22
|
-
export {};
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
import { rKanban_definition } from '../Kanban';
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: {
|
|
5
|
+
definition: rKanban_definition;
|
|
6
|
+
item: object;
|
|
7
|
+
afterActionOperation?: Function | undefined;
|
|
8
|
+
onMoveUp: Function;
|
|
9
|
+
onMoveDown: Function;
|
|
10
|
+
onReplace: Function;
|
|
11
|
+
};
|
|
12
|
+
events: {
|
|
13
|
+
[evt: string]: CustomEvent<any>;
|
|
14
|
+
};
|
|
15
|
+
slots: {};
|
|
16
|
+
};
|
|
17
|
+
export type KanbanProps = typeof __propDef.props;
|
|
18
|
+
export type KanbanEvents = typeof __propDef.events;
|
|
19
|
+
export type KanbanSlots = typeof __propDef.slots;
|
|
20
|
+
export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
|
|
21
|
+
}
|
|
22
|
+
export {};
|