@stubber/form-fields 1.0.1 → 1.0.2
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 +10 -0
- package/dist/Field.svelte.d.ts +4 -2
- package/dist/Form.svelte.d.ts +4 -2
- package/dist/NullFieldWrapper.svelte.d.ts +4 -2
- package/dist/fields/component_parts/arraybuilder/FieldWrapper.svelte.d.ts +4 -2
- package/dist/fields/component_parts/fieldbuilder/FieldWrapper.svelte.d.ts +4 -2
- package/dist/fields/components/AgGrid.svelte +7 -14
- package/dist/fields/components/AgGrid.svelte.d.ts +4 -2
- package/dist/fields/components/Arraybuilder.svelte.d.ts +4 -2
- package/dist/fields/components/Checkbox.svelte.d.ts +4 -2
- package/dist/fields/components/CheckboxAutocomplete.svelte.d.ts +4 -2
- package/dist/fields/components/Contactselector.svelte.d.ts +4 -2
- package/dist/fields/components/Currency.svelte.d.ts +4 -2
- package/dist/fields/components/Dataindication.svelte.d.ts +4 -2
- package/dist/fields/components/Date.svelte.d.ts +4 -2
- package/dist/fields/components/Datetime.svelte.d.ts +4 -2
- package/dist/fields/components/Email.svelte.d.ts +4 -2
- package/dist/fields/components/Fieldbuilder.svelte.d.ts +4 -2
- package/dist/fields/components/Fieldsbuilder.svelte.d.ts +4 -2
- package/dist/fields/components/File.svelte.d.ts +4 -2
- package/dist/fields/components/Heading.svelte.d.ts +4 -2
- package/dist/fields/components/Hidden.svelte.d.ts +4 -2
- package/dist/fields/components/Hiddenlocation.svelte.d.ts +4 -2
- package/dist/fields/components/Html.svelte.d.ts +4 -2
- package/dist/fields/components/Jsoneditor.svelte +115 -2
- package/dist/fields/components/Jsoneditor.svelte.d.ts +4 -2
- package/dist/fields/components/Map.svelte.d.ts +4 -2
- package/dist/fields/components/Multicheckbox.svelte.d.ts +4 -2
- package/dist/fields/components/Multistep.svelte.d.ts +4 -2
- package/dist/fields/components/Note.svelte.d.ts +4 -2
- package/dist/fields/components/Number.svelte.d.ts +4 -2
- package/dist/fields/components/Objectbuilder.svelte.d.ts +4 -2
- package/dist/fields/components/Qrcodescanner.svelte +2 -6
- package/dist/fields/components/Qrcodescanner.svelte.d.ts +4 -2
- package/dist/fields/components/Radio.svelte.d.ts +4 -2
- package/dist/fields/components/Renderfield.svelte.d.ts +4 -2
- package/dist/fields/components/Screenrecorder.svelte +4 -7
- package/dist/fields/components/Screenrecorder.svelte.d.ts +4 -2
- package/dist/fields/components/Screenshot.svelte +4 -7
- package/dist/fields/components/Screenshot.svelte.d.ts +4 -2
- package/dist/fields/components/Scrollandreaddisplay.svelte.d.ts +4 -2
- package/dist/fields/components/Section.svelte.d.ts +4 -2
- package/dist/fields/components/Select.svelte.d.ts +4 -2
- package/dist/fields/components/Selectresource.svelte.d.ts +4 -2
- package/dist/fields/components/Signature.svelte.d.ts +4 -2
- package/dist/fields/components/Slider.svelte.d.ts +4 -2
- package/dist/fields/components/SmartText.svelte +0 -2
- package/dist/fields/components/SmartText.svelte.d.ts +4 -2
- package/dist/fields/components/Telephone.svelte.d.ts +4 -2
- package/dist/fields/components/Text.svelte.d.ts +4 -2
- package/dist/fields/components/Voicenote.svelte +4 -7
- package/dist/fields/components/Voicenote.svelte.d.ts +4 -2
- package/dist/fields/components/index.d.ts +1 -0
- package/dist/fields/components/index.js +1 -0
- package/dist/fields/definitions/_placeholder.json +15 -0
- package/dist/fields/definitions/index.d.ts +2 -0
- package/dist/fields/definitions/index.js +2 -0
- package/dist/thirdparty/mapbox/GeoCoder.svelte.d.ts +4 -2
- package/dist/thirdparty/mapbox/Map.svelte.d.ts +4 -2
- package/dist/thirdparty/mapbox/MapMarker.svelte.d.ts +4 -2
- package/package.json +23 -10
|
@@ -89,6 +89,119 @@
|
|
|
89
89
|
</div>
|
|
90
90
|
{/if}
|
|
91
91
|
|
|
92
|
-
<style
|
|
93
|
-
|
|
92
|
+
<style>.jse-theme-dark {
|
|
93
|
+
--jse-theme: dark;
|
|
94
|
+
|
|
95
|
+
/* over all fonts, sizes, and colors */
|
|
96
|
+
--jse-theme-color: #2f6dd0;
|
|
97
|
+
--jse-theme-color-highlight: #467cd2;
|
|
98
|
+
--jse-background-color: #1e1e1e;
|
|
99
|
+
--jse-text-color: #d4d4d4;
|
|
100
|
+
--jse-text-color-inverse: #4d4d4d;
|
|
101
|
+
|
|
102
|
+
/* main, menu, modal */
|
|
103
|
+
--jse-main-border: 1px solid #4f4f4f;
|
|
104
|
+
--jse-menu-color: #fff;
|
|
105
|
+
--jse-modal-background: #2f2f2f;
|
|
106
|
+
--jse-modal-overlay-background: rgba(0, 0, 0, 0.5);
|
|
107
|
+
--jse-modal-code-background: #2f2f2f;
|
|
108
|
+
|
|
109
|
+
/* tooltip in text mode */
|
|
110
|
+
--jse-tooltip-color: var(--jse-text-color);
|
|
111
|
+
--jse-tooltip-background: #4b4b4b;
|
|
112
|
+
--jse-tooltip-border: 1px solid #737373;
|
|
113
|
+
--jse-tooltip-action-button-color: inherit;
|
|
114
|
+
--jse-tooltip-action-button-background: #737373;
|
|
115
|
+
|
|
116
|
+
/* panels: navigation bar, gutter, search box */
|
|
117
|
+
--jse-panel-background: #333333;
|
|
118
|
+
--jse-panel-background-border: 1px solid #464646;
|
|
119
|
+
--jse-panel-color: var(--jse-text-color);
|
|
120
|
+
--jse-panel-color-readonly: #737373;
|
|
121
|
+
--jse-panel-border: 1px solid #3c3c3c;
|
|
122
|
+
--jse-panel-button-color-highlight: #e5e5e5;
|
|
123
|
+
--jse-panel-button-background-highlight: #464646;
|
|
124
|
+
|
|
125
|
+
/* navigation-bar */
|
|
126
|
+
--jse-navigation-bar-background: #656565;
|
|
127
|
+
--jse-navigation-bar-background-highlight: #7e7e7e;
|
|
128
|
+
--jse-navigation-bar-dropdown-color: var(--jse-text-color);
|
|
129
|
+
|
|
130
|
+
/* context menu */
|
|
131
|
+
--jse-context-menu-background: #4b4b4b;
|
|
132
|
+
--jse-context-menu-background-highlight: #595959;
|
|
133
|
+
--jse-context-menu-separator-color: #595959;
|
|
134
|
+
--jse-context-menu-color: var(--jse-text-color);
|
|
135
|
+
--jse-context-menu-pointer-background: #737373;
|
|
136
|
+
--jse-context-menu-pointer-background-highlight: #818181;
|
|
137
|
+
--jse-context-menu-pointer-color: var(--jse-context-menu-color);
|
|
138
|
+
|
|
139
|
+
/* contents: json key and values */
|
|
140
|
+
--jse-key-color: #9cdcfe;
|
|
141
|
+
--jse-value-color: var(--jse-text-color);
|
|
142
|
+
--jse-value-color-number: #b5cea8;
|
|
143
|
+
--jse-value-color-boolean: #569cd6;
|
|
144
|
+
--jse-value-color-null: #569cd6;
|
|
145
|
+
--jse-value-color-string: #ce9178;
|
|
146
|
+
--jse-value-color-url: #ce9178;
|
|
147
|
+
--jse-delimiter-color: #949494;
|
|
148
|
+
--jse-edit-outline: 2px solid var(--jse-text-color);
|
|
149
|
+
|
|
150
|
+
/* contents: selected or hovered */
|
|
151
|
+
--jse-selection-background-color: #464646;
|
|
152
|
+
--jse-selection-background-inactive-color: #333333;
|
|
153
|
+
--jse-hover-background-color: #343434;
|
|
154
|
+
--jse-active-line-background-color: rgba(255, 255, 255, 0.06);
|
|
155
|
+
--jse-search-match-background-color: #343434;
|
|
156
|
+
|
|
157
|
+
/* contents: section of collapsed items in an array */
|
|
158
|
+
--jse-collapsed-items-background-color: #333333;
|
|
159
|
+
--jse-collapsed-items-selected-background-color: #565656;
|
|
160
|
+
--jse-collapsed-items-link-color: #b2b2b2;
|
|
161
|
+
--jse-collapsed-items-link-color-highlight: #ec8477;
|
|
162
|
+
|
|
163
|
+
/* contents: highlighting of search results */
|
|
164
|
+
--jse-search-match-color: #724c27;
|
|
165
|
+
--jse-search-match-outline: 1px solid #966535;
|
|
166
|
+
--jse-search-match-active-color: #9f6c39;
|
|
167
|
+
--jse-search-match-active-outline: 1px solid #bb7f43;
|
|
168
|
+
|
|
169
|
+
/* contents: inline tags inside the JSON document */
|
|
170
|
+
--jse-tag-background: #444444;
|
|
171
|
+
--jse-tag-color: #bdbdbd;
|
|
172
|
+
|
|
173
|
+
/* contents: table */
|
|
174
|
+
--jse-table-header-background: #333333;
|
|
175
|
+
--jse-table-header-background-highlight: #424242;
|
|
176
|
+
--jse-table-row-odd-background: rgba(255, 255, 255, 0.1);
|
|
177
|
+
|
|
178
|
+
/* controls in modals: inputs, buttons, and `a` */
|
|
179
|
+
--jse-input-background: #3d3d3d;
|
|
180
|
+
--jse-input-border: var(--jse-main-border);
|
|
181
|
+
--jse-button-background: #808080;
|
|
182
|
+
--jse-button-background-highlight: #7a7a7a;
|
|
183
|
+
--jse-button-color: #e0e0e0;
|
|
184
|
+
--jse-button-secondary-background: #494949;
|
|
185
|
+
--jse-button-secondary-background-highlight: #5d5d5d;
|
|
186
|
+
--jse-button-secondary-background-disabled: #9d9d9d;
|
|
187
|
+
--jse-button-secondary-color: var(--jse-text-color);
|
|
188
|
+
--jse-a-color: #55abff;
|
|
189
|
+
--jse-a-color-highlight: #4387c9;
|
|
190
|
+
|
|
191
|
+
/* svelte-select */
|
|
192
|
+
--jse-svelte-select-background: #3d3d3d;
|
|
193
|
+
--jse-svelte-select-border: 1px solid #4f4f4f;
|
|
194
|
+
--list-background: #3d3d3d;
|
|
195
|
+
--item-hover-bg: #505050;
|
|
196
|
+
--multi-item-bg: #5b5b5b;
|
|
197
|
+
--input-color: #d4d4d4;
|
|
198
|
+
--multi-clear-bg: #8a8a8a;
|
|
199
|
+
--multi-item-clear-icon-color: #d4d4d4;
|
|
200
|
+
--multi-item-outline: 1px solid #696969;
|
|
201
|
+
--list-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);
|
|
202
|
+
|
|
203
|
+
/* color picker */
|
|
204
|
+
--jse-color-picker-background: #656565;
|
|
205
|
+
--jse-color-picker-border-box-shadow: #8c8c8c 0 0 0 1px;
|
|
206
|
+
}
|
|
94
207
|
</style>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @typedef {typeof __propDef.props} JsoneditorProps */
|
|
2
2
|
/** @typedef {typeof __propDef.events} JsoneditorEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} JsoneditorSlots */
|
|
4
|
-
export default class Jsoneditor extends
|
|
4
|
+
export default class Jsoneditor extends SvelteComponent<{
|
|
5
5
|
field: any;
|
|
6
6
|
}, {
|
|
7
7
|
[evt: string]: CustomEvent<any>;
|
|
@@ -10,7 +10,7 @@ export default class Jsoneditor extends SvelteComponentTyped<{
|
|
|
10
10
|
export type JsoneditorProps = typeof __propDef.props;
|
|
11
11
|
export type JsoneditorEvents = typeof __propDef.events;
|
|
12
12
|
export type JsoneditorSlots = typeof __propDef.slots;
|
|
13
|
-
import {
|
|
13
|
+
import { SvelteComponent } from "svelte";
|
|
14
14
|
declare const __propDef: {
|
|
15
15
|
props: {
|
|
16
16
|
field: any;
|
|
@@ -19,5 +19,7 @@ declare const __propDef: {
|
|
|
19
19
|
[evt: string]: CustomEvent<any>;
|
|
20
20
|
};
|
|
21
21
|
slots: {};
|
|
22
|
+
exports?: undefined;
|
|
23
|
+
bindings?: undefined;
|
|
22
24
|
};
|
|
23
25
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @typedef {typeof __propDef.props} MapProps */
|
|
2
2
|
/** @typedef {typeof __propDef.events} MapEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} MapSlots */
|
|
4
|
-
export default class Map extends
|
|
4
|
+
export default class Map extends SvelteComponent<{
|
|
5
5
|
form: any;
|
|
6
6
|
field: any;
|
|
7
7
|
}, {
|
|
@@ -11,7 +11,7 @@ export default class Map extends SvelteComponentTyped<{
|
|
|
11
11
|
export type MapProps = typeof __propDef.props;
|
|
12
12
|
export type MapEvents = typeof __propDef.events;
|
|
13
13
|
export type MapSlots = typeof __propDef.slots;
|
|
14
|
-
import {
|
|
14
|
+
import { SvelteComponent } from "svelte";
|
|
15
15
|
declare const __propDef: {
|
|
16
16
|
props: {
|
|
17
17
|
form: any;
|
|
@@ -21,5 +21,7 @@ declare const __propDef: {
|
|
|
21
21
|
[evt: string]: CustomEvent<any>;
|
|
22
22
|
};
|
|
23
23
|
slots: {};
|
|
24
|
+
exports?: undefined;
|
|
25
|
+
bindings?: undefined;
|
|
24
26
|
};
|
|
25
27
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @typedef {typeof __propDef.props} MulticheckboxProps */
|
|
2
2
|
/** @typedef {typeof __propDef.events} MulticheckboxEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} MulticheckboxSlots */
|
|
4
|
-
export default class Multicheckbox extends
|
|
4
|
+
export default class Multicheckbox extends SvelteComponent<{
|
|
5
5
|
field: any;
|
|
6
6
|
}, {
|
|
7
7
|
[evt: string]: CustomEvent<any>;
|
|
@@ -10,7 +10,7 @@ export default class Multicheckbox extends SvelteComponentTyped<{
|
|
|
10
10
|
export type MulticheckboxProps = typeof __propDef.props;
|
|
11
11
|
export type MulticheckboxEvents = typeof __propDef.events;
|
|
12
12
|
export type MulticheckboxSlots = typeof __propDef.slots;
|
|
13
|
-
import {
|
|
13
|
+
import { SvelteComponent } from "svelte";
|
|
14
14
|
declare const __propDef: {
|
|
15
15
|
props: {
|
|
16
16
|
field: any;
|
|
@@ -19,5 +19,7 @@ declare const __propDef: {
|
|
|
19
19
|
[evt: string]: CustomEvent<any>;
|
|
20
20
|
};
|
|
21
21
|
slots: {};
|
|
22
|
+
exports?: undefined;
|
|
23
|
+
bindings?: undefined;
|
|
22
24
|
};
|
|
23
25
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @typedef {typeof __propDef.props} MultistepProps */
|
|
2
2
|
/** @typedef {typeof __propDef.events} MultistepEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} MultistepSlots */
|
|
4
|
-
export default class Multistep extends
|
|
4
|
+
export default class Multistep extends SvelteComponent<{
|
|
5
5
|
form: any;
|
|
6
6
|
field: any;
|
|
7
7
|
}, {
|
|
@@ -11,7 +11,7 @@ export default class Multistep extends SvelteComponentTyped<{
|
|
|
11
11
|
export type MultistepProps = typeof __propDef.props;
|
|
12
12
|
export type MultistepEvents = typeof __propDef.events;
|
|
13
13
|
export type MultistepSlots = typeof __propDef.slots;
|
|
14
|
-
import {
|
|
14
|
+
import { SvelteComponent } from "svelte";
|
|
15
15
|
declare const __propDef: {
|
|
16
16
|
props: {
|
|
17
17
|
form: any;
|
|
@@ -21,5 +21,7 @@ declare const __propDef: {
|
|
|
21
21
|
[evt: string]: CustomEvent<any>;
|
|
22
22
|
};
|
|
23
23
|
slots: {};
|
|
24
|
+
exports?: undefined;
|
|
25
|
+
bindings?: undefined;
|
|
24
26
|
};
|
|
25
27
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @typedef {typeof __propDef.props} NoteProps */
|
|
2
2
|
/** @typedef {typeof __propDef.events} NoteEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} NoteSlots */
|
|
4
|
-
export default class Note extends
|
|
4
|
+
export default class Note extends SvelteComponent<{
|
|
5
5
|
field: any;
|
|
6
6
|
}, {
|
|
7
7
|
[evt: string]: CustomEvent<any>;
|
|
@@ -10,7 +10,7 @@ export default class Note extends SvelteComponentTyped<{
|
|
|
10
10
|
export type NoteProps = typeof __propDef.props;
|
|
11
11
|
export type NoteEvents = typeof __propDef.events;
|
|
12
12
|
export type NoteSlots = typeof __propDef.slots;
|
|
13
|
-
import {
|
|
13
|
+
import { SvelteComponent } from "svelte";
|
|
14
14
|
declare const __propDef: {
|
|
15
15
|
props: {
|
|
16
16
|
field: any;
|
|
@@ -19,5 +19,7 @@ declare const __propDef: {
|
|
|
19
19
|
[evt: string]: CustomEvent<any>;
|
|
20
20
|
};
|
|
21
21
|
slots: {};
|
|
22
|
+
exports?: undefined;
|
|
23
|
+
bindings?: undefined;
|
|
22
24
|
};
|
|
23
25
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @typedef {typeof __propDef.props} NumberProps */
|
|
2
2
|
/** @typedef {typeof __propDef.events} NumberEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} NumberSlots */
|
|
4
|
-
export default class Number extends
|
|
4
|
+
export default class Number extends SvelteComponent<{
|
|
5
5
|
field: any;
|
|
6
6
|
}, {
|
|
7
7
|
[evt: string]: CustomEvent<any>;
|
|
@@ -10,7 +10,7 @@ export default class Number extends SvelteComponentTyped<{
|
|
|
10
10
|
export type NumberProps = typeof __propDef.props;
|
|
11
11
|
export type NumberEvents = typeof __propDef.events;
|
|
12
12
|
export type NumberSlots = typeof __propDef.slots;
|
|
13
|
-
import {
|
|
13
|
+
import { SvelteComponent } from "svelte";
|
|
14
14
|
declare const __propDef: {
|
|
15
15
|
props: {
|
|
16
16
|
field: any;
|
|
@@ -19,5 +19,7 @@ declare const __propDef: {
|
|
|
19
19
|
[evt: string]: CustomEvent<any>;
|
|
20
20
|
};
|
|
21
21
|
slots: {};
|
|
22
|
+
exports?: undefined;
|
|
23
|
+
bindings?: undefined;
|
|
22
24
|
};
|
|
23
25
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @typedef {typeof __propDef.props} ObjectbuilderProps */
|
|
2
2
|
/** @typedef {typeof __propDef.events} ObjectbuilderEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} ObjectbuilderSlots */
|
|
4
|
-
export default class Objectbuilder extends
|
|
4
|
+
export default class Objectbuilder extends SvelteComponent<{
|
|
5
5
|
form: any;
|
|
6
6
|
field: any;
|
|
7
7
|
}, {
|
|
@@ -11,7 +11,7 @@ export default class Objectbuilder extends SvelteComponentTyped<{
|
|
|
11
11
|
export type ObjectbuilderProps = typeof __propDef.props;
|
|
12
12
|
export type ObjectbuilderEvents = typeof __propDef.events;
|
|
13
13
|
export type ObjectbuilderSlots = typeof __propDef.slots;
|
|
14
|
-
import {
|
|
14
|
+
import { SvelteComponent } from "svelte";
|
|
15
15
|
declare const __propDef: {
|
|
16
16
|
props: {
|
|
17
17
|
form: any;
|
|
@@ -21,5 +21,7 @@ declare const __propDef: {
|
|
|
21
21
|
[evt: string]: CustomEvent<any>;
|
|
22
22
|
};
|
|
23
23
|
slots: {};
|
|
24
|
+
exports?: undefined;
|
|
25
|
+
bindings?: undefined;
|
|
24
26
|
};
|
|
25
27
|
export {};
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
import { writable } from "svelte/store";
|
|
7
7
|
import { fade } from "svelte/transition";
|
|
8
8
|
import { Html5Qrcode } from "html5-qrcode";
|
|
9
|
-
import { Button } from "@stubber/ui";
|
|
9
|
+
import { Button } from "@stubber/ui/button";
|
|
10
10
|
|
|
11
11
|
export let field;
|
|
12
12
|
|
|
@@ -147,11 +147,7 @@
|
|
|
147
147
|
{/if}
|
|
148
148
|
<div class="flex">
|
|
149
149
|
<div class="flex ml-auto">
|
|
150
|
-
<Button
|
|
151
|
-
disabled={!scansuccess}
|
|
152
|
-
on:click={confirmScan}>
|
|
153
|
-
Confirm
|
|
154
|
-
</Button>
|
|
150
|
+
<Button disabled={!scansuccess} on:click={confirmScan}>Confirm</Button>
|
|
155
151
|
</div>
|
|
156
152
|
</div>
|
|
157
153
|
{:else}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @typedef {typeof __propDef.props} QrcodescannerProps */
|
|
2
2
|
/** @typedef {typeof __propDef.events} QrcodescannerEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} QrcodescannerSlots */
|
|
4
|
-
export default class Qrcodescanner extends
|
|
4
|
+
export default class Qrcodescanner extends SvelteComponent<{
|
|
5
5
|
field: any;
|
|
6
6
|
}, {
|
|
7
7
|
[evt: string]: CustomEvent<any>;
|
|
@@ -10,7 +10,7 @@ export default class Qrcodescanner extends SvelteComponentTyped<{
|
|
|
10
10
|
export type QrcodescannerProps = typeof __propDef.props;
|
|
11
11
|
export type QrcodescannerEvents = typeof __propDef.events;
|
|
12
12
|
export type QrcodescannerSlots = typeof __propDef.slots;
|
|
13
|
-
import {
|
|
13
|
+
import { SvelteComponent } from "svelte";
|
|
14
14
|
declare const __propDef: {
|
|
15
15
|
props: {
|
|
16
16
|
field: any;
|
|
@@ -19,5 +19,7 @@ declare const __propDef: {
|
|
|
19
19
|
[evt: string]: CustomEvent<any>;
|
|
20
20
|
};
|
|
21
21
|
slots: {};
|
|
22
|
+
exports?: undefined;
|
|
23
|
+
bindings?: undefined;
|
|
22
24
|
};
|
|
23
25
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @typedef {typeof __propDef.props} RadioProps */
|
|
2
2
|
/** @typedef {typeof __propDef.events} RadioEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} RadioSlots */
|
|
4
|
-
export default class Radio extends
|
|
4
|
+
export default class Radio extends SvelteComponent<{
|
|
5
5
|
field: any;
|
|
6
6
|
}, {
|
|
7
7
|
[evt: string]: CustomEvent<any>;
|
|
@@ -10,7 +10,7 @@ export default class Radio extends SvelteComponentTyped<{
|
|
|
10
10
|
export type RadioProps = typeof __propDef.props;
|
|
11
11
|
export type RadioEvents = typeof __propDef.events;
|
|
12
12
|
export type RadioSlots = typeof __propDef.slots;
|
|
13
|
-
import {
|
|
13
|
+
import { SvelteComponent } from "svelte";
|
|
14
14
|
declare const __propDef: {
|
|
15
15
|
props: {
|
|
16
16
|
field: any;
|
|
@@ -19,5 +19,7 @@ declare const __propDef: {
|
|
|
19
19
|
[evt: string]: CustomEvent<any>;
|
|
20
20
|
};
|
|
21
21
|
slots: {};
|
|
22
|
+
exports?: undefined;
|
|
23
|
+
bindings?: undefined;
|
|
22
24
|
};
|
|
23
25
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @typedef {typeof __propDef.props} RenderfieldProps */
|
|
2
2
|
/** @typedef {typeof __propDef.events} RenderfieldEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} RenderfieldSlots */
|
|
4
|
-
export default class Renderfield extends
|
|
4
|
+
export default class Renderfield extends SvelteComponent<{
|
|
5
5
|
form: any;
|
|
6
6
|
field: any;
|
|
7
7
|
}, {
|
|
@@ -11,7 +11,7 @@ export default class Renderfield extends SvelteComponentTyped<{
|
|
|
11
11
|
export type RenderfieldProps = typeof __propDef.props;
|
|
12
12
|
export type RenderfieldEvents = typeof __propDef.events;
|
|
13
13
|
export type RenderfieldSlots = typeof __propDef.slots;
|
|
14
|
-
import {
|
|
14
|
+
import { SvelteComponent } from "svelte";
|
|
15
15
|
declare const __propDef: {
|
|
16
16
|
props: {
|
|
17
17
|
form: any;
|
|
@@ -21,5 +21,7 @@ declare const __propDef: {
|
|
|
21
21
|
[evt: string]: CustomEvent<any>;
|
|
22
22
|
};
|
|
23
23
|
slots: {};
|
|
24
|
+
exports?: undefined;
|
|
25
|
+
bindings?: undefined;
|
|
24
26
|
};
|
|
25
27
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script>
|
|
2
2
|
import { onMount } from "svelte";
|
|
3
|
-
import { Button } from "@stubber/ui";
|
|
3
|
+
import { Button } from "@stubber/ui/button";
|
|
4
4
|
import _ from "lodash-es";
|
|
5
5
|
import { deepEqual } from "fast-equals";
|
|
6
6
|
import { writable } from "svelte/store";
|
|
@@ -214,14 +214,11 @@
|
|
|
214
214
|
{label}
|
|
215
215
|
</label>
|
|
216
216
|
<div>
|
|
217
|
-
<Button
|
|
218
|
-
variant={isRecording ? "destructive" : "default"}
|
|
219
|
-
on:click={toggleRecording}
|
|
220
|
-
>
|
|
217
|
+
<Button variant={isRecording ? "destructive" : "default"} on:click={toggleRecording}>
|
|
221
218
|
{#if isRecording}
|
|
222
|
-
|
|
219
|
+
<i class="fa-solid fa-video-slash" />
|
|
223
220
|
{:else}
|
|
224
|
-
|
|
221
|
+
<i class="fa-solid fa-video" />
|
|
225
222
|
{/if}
|
|
226
223
|
{buttonLabel}
|
|
227
224
|
</Button>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @typedef {typeof __propDef.props} ScreenrecorderProps */
|
|
2
2
|
/** @typedef {typeof __propDef.events} ScreenrecorderEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} ScreenrecorderSlots */
|
|
4
|
-
export default class Screenrecorder extends
|
|
4
|
+
export default class Screenrecorder extends SvelteComponent<{
|
|
5
5
|
form: any;
|
|
6
6
|
field: any;
|
|
7
7
|
}, {
|
|
@@ -11,7 +11,7 @@ export default class Screenrecorder extends SvelteComponentTyped<{
|
|
|
11
11
|
export type ScreenrecorderProps = typeof __propDef.props;
|
|
12
12
|
export type ScreenrecorderEvents = typeof __propDef.events;
|
|
13
13
|
export type ScreenrecorderSlots = typeof __propDef.slots;
|
|
14
|
-
import {
|
|
14
|
+
import { SvelteComponent } from "svelte";
|
|
15
15
|
declare const __propDef: {
|
|
16
16
|
props: {
|
|
17
17
|
form: any;
|
|
@@ -21,5 +21,7 @@ declare const __propDef: {
|
|
|
21
21
|
[evt: string]: CustomEvent<any>;
|
|
22
22
|
};
|
|
23
23
|
slots: {};
|
|
24
|
+
exports?: undefined;
|
|
25
|
+
bindings?: undefined;
|
|
24
26
|
};
|
|
25
27
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script>
|
|
2
2
|
import { onMount } from "svelte";
|
|
3
|
-
import { Button } from "@stubber/ui";
|
|
3
|
+
import { Button } from "@stubber/ui/button";
|
|
4
4
|
import _ from "lodash-es";
|
|
5
5
|
import { deepEqual } from "fast-equals";
|
|
6
6
|
import { writable } from "svelte/store";
|
|
@@ -216,14 +216,11 @@
|
|
|
216
216
|
{label}
|
|
217
217
|
</label>
|
|
218
218
|
<div>
|
|
219
|
-
<Button
|
|
220
|
-
variant={isRecording ? "destructive" : "default"}
|
|
221
|
-
on:click={toggleRecording}
|
|
222
|
-
>
|
|
219
|
+
<Button variant={isRecording ? "destructive" : "default"} on:click={toggleRecording}>
|
|
223
220
|
{#if isRecording}
|
|
224
|
-
|
|
221
|
+
<i class="fa-solid fa-camera-slash" />
|
|
225
222
|
{:else}
|
|
226
|
-
|
|
223
|
+
<i class="fa-solid fa-camera" />
|
|
227
224
|
{/if}
|
|
228
225
|
{buttonLabel}
|
|
229
226
|
</Button>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @typedef {typeof __propDef.props} ScreenshotProps */
|
|
2
2
|
/** @typedef {typeof __propDef.events} ScreenshotEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} ScreenshotSlots */
|
|
4
|
-
export default class Screenshot extends
|
|
4
|
+
export default class Screenshot extends SvelteComponent<{
|
|
5
5
|
form: any;
|
|
6
6
|
field: any;
|
|
7
7
|
}, {
|
|
@@ -11,7 +11,7 @@ export default class Screenshot extends SvelteComponentTyped<{
|
|
|
11
11
|
export type ScreenshotProps = typeof __propDef.props;
|
|
12
12
|
export type ScreenshotEvents = typeof __propDef.events;
|
|
13
13
|
export type ScreenshotSlots = typeof __propDef.slots;
|
|
14
|
-
import {
|
|
14
|
+
import { SvelteComponent } from "svelte";
|
|
15
15
|
declare const __propDef: {
|
|
16
16
|
props: {
|
|
17
17
|
form: any;
|
|
@@ -21,5 +21,7 @@ declare const __propDef: {
|
|
|
21
21
|
[evt: string]: CustomEvent<any>;
|
|
22
22
|
};
|
|
23
23
|
slots: {};
|
|
24
|
+
exports?: undefined;
|
|
25
|
+
bindings?: undefined;
|
|
24
26
|
};
|
|
25
27
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @typedef {typeof __propDef.props} ScrollandreaddisplayProps */
|
|
2
2
|
/** @typedef {typeof __propDef.events} ScrollandreaddisplayEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} ScrollandreaddisplaySlots */
|
|
4
|
-
export default class Scrollandreaddisplay extends
|
|
4
|
+
export default class Scrollandreaddisplay extends SvelteComponent<{
|
|
5
5
|
field: any;
|
|
6
6
|
}, {
|
|
7
7
|
[evt: string]: CustomEvent<any>;
|
|
@@ -10,7 +10,7 @@ export default class Scrollandreaddisplay extends SvelteComponentTyped<{
|
|
|
10
10
|
export type ScrollandreaddisplayProps = typeof __propDef.props;
|
|
11
11
|
export type ScrollandreaddisplayEvents = typeof __propDef.events;
|
|
12
12
|
export type ScrollandreaddisplaySlots = typeof __propDef.slots;
|
|
13
|
-
import {
|
|
13
|
+
import { SvelteComponent } from "svelte";
|
|
14
14
|
declare const __propDef: {
|
|
15
15
|
props: {
|
|
16
16
|
field: any;
|
|
@@ -19,5 +19,7 @@ declare const __propDef: {
|
|
|
19
19
|
[evt: string]: CustomEvent<any>;
|
|
20
20
|
};
|
|
21
21
|
slots: {};
|
|
22
|
+
exports?: undefined;
|
|
23
|
+
bindings?: undefined;
|
|
22
24
|
};
|
|
23
25
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @typedef {typeof __propDef.props} SectionProps */
|
|
2
2
|
/** @typedef {typeof __propDef.events} SectionEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} SectionSlots */
|
|
4
|
-
export default class Section extends
|
|
4
|
+
export default class Section extends SvelteComponent<{
|
|
5
5
|
form: any;
|
|
6
6
|
field: any;
|
|
7
7
|
}, {
|
|
@@ -11,7 +11,7 @@ export default class Section extends SvelteComponentTyped<{
|
|
|
11
11
|
export type SectionProps = typeof __propDef.props;
|
|
12
12
|
export type SectionEvents = typeof __propDef.events;
|
|
13
13
|
export type SectionSlots = typeof __propDef.slots;
|
|
14
|
-
import {
|
|
14
|
+
import { SvelteComponent } from "svelte";
|
|
15
15
|
declare const __propDef: {
|
|
16
16
|
props: {
|
|
17
17
|
form: any;
|
|
@@ -21,5 +21,7 @@ declare const __propDef: {
|
|
|
21
21
|
[evt: string]: CustomEvent<any>;
|
|
22
22
|
};
|
|
23
23
|
slots: {};
|
|
24
|
+
exports?: undefined;
|
|
25
|
+
bindings?: undefined;
|
|
24
26
|
};
|
|
25
27
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @typedef {typeof __propDef.props} SelectProps */
|
|
2
2
|
/** @typedef {typeof __propDef.events} SelectEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} SelectSlots */
|
|
4
|
-
export default class Select extends
|
|
4
|
+
export default class Select extends SvelteComponent<{
|
|
5
5
|
field: any;
|
|
6
6
|
}, {
|
|
7
7
|
[evt: string]: CustomEvent<any>;
|
|
@@ -10,7 +10,7 @@ export default class Select extends SvelteComponentTyped<{
|
|
|
10
10
|
export type SelectProps = typeof __propDef.props;
|
|
11
11
|
export type SelectEvents = typeof __propDef.events;
|
|
12
12
|
export type SelectSlots = typeof __propDef.slots;
|
|
13
|
-
import {
|
|
13
|
+
import { SvelteComponent } from "svelte";
|
|
14
14
|
declare const __propDef: {
|
|
15
15
|
props: {
|
|
16
16
|
field: any;
|
|
@@ -19,5 +19,7 @@ declare const __propDef: {
|
|
|
19
19
|
[evt: string]: CustomEvent<any>;
|
|
20
20
|
};
|
|
21
21
|
slots: {};
|
|
22
|
+
exports?: undefined;
|
|
23
|
+
bindings?: undefined;
|
|
22
24
|
};
|
|
23
25
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @typedef {typeof __propDef.props} SelectresourceProps */
|
|
2
2
|
/** @typedef {typeof __propDef.events} SelectresourceEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} SelectresourceSlots */
|
|
4
|
-
export default class Selectresource extends
|
|
4
|
+
export default class Selectresource extends SvelteComponent<{
|
|
5
5
|
form: any;
|
|
6
6
|
field: any;
|
|
7
7
|
}, {
|
|
@@ -11,7 +11,7 @@ export default class Selectresource extends SvelteComponentTyped<{
|
|
|
11
11
|
export type SelectresourceProps = typeof __propDef.props;
|
|
12
12
|
export type SelectresourceEvents = typeof __propDef.events;
|
|
13
13
|
export type SelectresourceSlots = typeof __propDef.slots;
|
|
14
|
-
import {
|
|
14
|
+
import { SvelteComponent } from "svelte";
|
|
15
15
|
declare const __propDef: {
|
|
16
16
|
props: {
|
|
17
17
|
form: any;
|
|
@@ -21,5 +21,7 @@ declare const __propDef: {
|
|
|
21
21
|
[evt: string]: CustomEvent<any>;
|
|
22
22
|
};
|
|
23
23
|
slots: {};
|
|
24
|
+
exports?: undefined;
|
|
25
|
+
bindings?: undefined;
|
|
24
26
|
};
|
|
25
27
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @typedef {typeof __propDef.props} SignatureProps */
|
|
2
2
|
/** @typedef {typeof __propDef.events} SignatureEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} SignatureSlots */
|
|
4
|
-
export default class Signature extends
|
|
4
|
+
export default class Signature extends SvelteComponent<{
|
|
5
5
|
form: any;
|
|
6
6
|
field: any;
|
|
7
7
|
}, {
|
|
@@ -11,7 +11,7 @@ export default class Signature extends SvelteComponentTyped<{
|
|
|
11
11
|
export type SignatureProps = typeof __propDef.props;
|
|
12
12
|
export type SignatureEvents = typeof __propDef.events;
|
|
13
13
|
export type SignatureSlots = typeof __propDef.slots;
|
|
14
|
-
import {
|
|
14
|
+
import { SvelteComponent } from "svelte";
|
|
15
15
|
declare const __propDef: {
|
|
16
16
|
props: {
|
|
17
17
|
form: any;
|
|
@@ -21,5 +21,7 @@ declare const __propDef: {
|
|
|
21
21
|
[evt: string]: CustomEvent<any>;
|
|
22
22
|
};
|
|
23
23
|
slots: {};
|
|
24
|
+
exports?: undefined;
|
|
25
|
+
bindings?: undefined;
|
|
24
26
|
};
|
|
25
27
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @typedef {typeof __propDef.props} SliderProps */
|
|
2
2
|
/** @typedef {typeof __propDef.events} SliderEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} SliderSlots */
|
|
4
|
-
export default class Slider extends
|
|
4
|
+
export default class Slider extends SvelteComponent<{
|
|
5
5
|
field: any;
|
|
6
6
|
}, {
|
|
7
7
|
[evt: string]: CustomEvent<any>;
|
|
@@ -10,7 +10,7 @@ export default class Slider extends SvelteComponentTyped<{
|
|
|
10
10
|
export type SliderProps = typeof __propDef.props;
|
|
11
11
|
export type SliderEvents = typeof __propDef.events;
|
|
12
12
|
export type SliderSlots = typeof __propDef.slots;
|
|
13
|
-
import {
|
|
13
|
+
import { SvelteComponent } from "svelte";
|
|
14
14
|
declare const __propDef: {
|
|
15
15
|
props: {
|
|
16
16
|
field: any;
|
|
@@ -19,5 +19,7 @@ declare const __propDef: {
|
|
|
19
19
|
[evt: string]: CustomEvent<any>;
|
|
20
20
|
};
|
|
21
21
|
slots: {};
|
|
22
|
+
exports?: undefined;
|
|
23
|
+
bindings?: undefined;
|
|
22
24
|
};
|
|
23
25
|
export {};
|