@budibase/bbui 1.4.0 → 1.4.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.
Files changed (154) hide show
  1. package/LICENSE +375 -0
  2. package/README.md +19 -17
  3. package/dist/bbui.es.js +14 -0
  4. package/dist/bbui.es.js.map +1 -0
  5. package/package.json +71 -26
  6. package/src/ActionButton/ActionButton.svelte +102 -0
  7. package/src/ActionGroup/ActionGroup.svelte +26 -0
  8. package/src/ActionMenu/ActionMenu.svelte +44 -0
  9. package/src/Actions/ClickOutside.svench.svx +30 -0
  10. package/src/Actions/PositionDropdown.svench.svx +81 -0
  11. package/src/Actions/autoresize_textarea.js +14 -0
  12. package/src/Actions/click_outside.js +18 -0
  13. package/src/Actions/position_dropdown.js +75 -0
  14. package/src/Avatar/Avatar.svelte +62 -0
  15. package/src/Badge/Badge.svelte +29 -0
  16. package/src/Banner/Banner.svelte +72 -0
  17. package/src/Banner/BannerDisplay.svelte +41 -0
  18. package/src/Button/Button.svelte +114 -0
  19. package/src/Button/Button.svench +138 -0
  20. package/src/ButtonGroup/ButtonGroup.svelte +30 -0
  21. package/src/ClearButton/ClearButton.svelte +19 -0
  22. package/src/ColorPicker/ColorPicker.svelte +297 -0
  23. package/src/DetailSummary/DetailSummary.svelte +83 -0
  24. package/src/Divider/Divider.svelte +28 -0
  25. package/src/Drawer/Drawer.svelte +113 -0
  26. package/src/Drawer/Drawer.svench +42 -0
  27. package/src/Drawer/DrawerContent.svelte +46 -0
  28. package/src/Form/Checkbox.svelte +23 -0
  29. package/src/Form/Combobox.svelte +45 -0
  30. package/src/Form/Core/Checkbox.svelte +69 -0
  31. package/src/Form/Core/CheckboxGroup.svelte +68 -0
  32. package/src/Form/Core/Combobox.svelte +142 -0
  33. package/src/Form/Core/DatePicker.svelte +257 -0
  34. package/src/Form/Core/Dropzone.svelte +450 -0
  35. package/src/Form/Core/InputDropdown.svelte +228 -0
  36. package/src/Form/Core/Multiselect.svelte +90 -0
  37. package/src/Form/Core/Picker.svelte +259 -0
  38. package/src/Form/Core/PickerDropdown.svelte +436 -0
  39. package/src/Form/Core/RadioGroup.svelte +48 -0
  40. package/src/Form/Core/RichTextField.svelte +42 -0
  41. package/src/Form/Core/Search.svelte +105 -0
  42. package/src/Form/Core/Select.svelte +75 -0
  43. package/src/Form/Core/Slider.svelte +86 -0
  44. package/src/Form/Core/Stepper.svelte +172 -0
  45. package/src/Form/Core/Switch.svelte +37 -0
  46. package/src/Form/Core/TextArea.svelte +78 -0
  47. package/src/Form/Core/TextField.svelte +119 -0
  48. package/src/Form/Core/index.js +15 -0
  49. package/src/Form/DatePicker.svelte +39 -0
  50. package/src/Form/Dropzone.svelte +42 -0
  51. package/src/Form/Field.svelte +42 -0
  52. package/src/Form/FieldLabel.svelte +32 -0
  53. package/src/Form/Input.svelte +40 -45
  54. package/src/Form/InputDropdown.svelte +55 -0
  55. package/src/Form/Multiselect.svelte +40 -0
  56. package/src/Form/PickerDropdown.svelte +134 -0
  57. package/src/Form/RadioGroup.svelte +42 -0
  58. package/src/Form/RichTextField.svelte +36 -0
  59. package/src/Form/Search.svelte +36 -0
  60. package/src/Form/Select.svelte +48 -43
  61. package/src/Form/Slider.svelte +24 -0
  62. package/src/Form/Stepper.svelte +45 -0
  63. package/src/Form/TextArea.svelte +29 -44
  64. package/src/Form/Toggle.svelte +23 -0
  65. package/src/Icon/Icon.svelte +91 -0
  66. package/src/IconPicker/IconPicker.svelte +177 -0
  67. package/src/IconSideNav/IconSideNav.svelte +14 -0
  68. package/src/IconSideNav/IconSideNavItem.svelte +56 -0
  69. package/src/InlineAlert/InlineAlert.svelte +60 -0
  70. package/src/Label/Label.svelte +29 -0
  71. package/src/Layout/Layout.svelte +94 -0
  72. package/src/Layout/Page.svelte +32 -0
  73. package/src/Link/Link.svelte +24 -0
  74. package/src/List/List.svelte +28 -0
  75. package/src/List/ListItem.svelte +98 -0
  76. package/src/Markdown/MarkdownEditor.svelte +60 -0
  77. package/src/Markdown/MarkdownViewer.svelte +70 -0
  78. package/src/Markdown/SpectrumMDE.svelte +184 -0
  79. package/src/Menu/Item.svelte +96 -0
  80. package/src/Menu/Menu.svelte +7 -0
  81. package/src/Menu/Menu.svench +19 -0
  82. package/src/Menu/Section.svelte +10 -0
  83. package/src/Menu/Separator.svelte +1 -0
  84. package/src/Modal/Content.svelte +6 -0
  85. package/src/Modal/CustomContent.svelte +38 -0
  86. package/src/Modal/Modal.svelte +165 -0
  87. package/src/Modal/Modal.svench +117 -0
  88. package/src/Modal/ModalContent.svelte +190 -0
  89. package/src/Modal/QuizModal.svelte +54 -0
  90. package/src/Notification/Notification.svelte +70 -0
  91. package/src/Notification/NotificationDisplay.svelte +43 -0
  92. package/src/Pagination/Pagination.svelte +57 -0
  93. package/src/Popover/Popover.svelte +78 -0
  94. package/src/Popover/Popover.svench +121 -0
  95. package/src/ProgressBar/ProgressBar.svelte +67 -0
  96. package/src/ProgressCircle/ProgressCircle.svelte +62 -0
  97. package/src/SideNavigation/Item.svelte +61 -0
  98. package/src/SideNavigation/Navigation.svelte +12 -0
  99. package/src/StatusLight/StatusLight.svelte +80 -0
  100. package/src/Stores/Notifications.svench.svx +78 -0
  101. package/src/Stores/banner.js +65 -0
  102. package/src/Stores/notifications.js +84 -0
  103. package/src/Table/ArrayRenderer.svelte +17 -0
  104. package/src/Table/AttachmentRenderer.svelte +67 -0
  105. package/src/Table/BoldRenderer.svelte +15 -0
  106. package/src/Table/BooleanRenderer.svelte +42 -0
  107. package/src/Table/CellRenderer.svelte +69 -0
  108. package/src/Table/CodeRenderer.svelte +14 -0
  109. package/src/Table/DateTimeRenderer.svelte +29 -0
  110. package/src/Table/InternalRenderer.svelte +24 -0
  111. package/src/Table/RelationshipRenderer.svelte +40 -0
  112. package/src/Table/SelectEditRenderer.svelte +28 -0
  113. package/src/Table/StringRenderer.svelte +14 -0
  114. package/src/Table/Table.svelte +635 -0
  115. package/src/Table/index.js +1 -0
  116. package/src/Tabs/Tab.svelte +88 -0
  117. package/src/Tabs/Tabs.svelte +130 -0
  118. package/src/Tags/Tag.svelte +43 -0
  119. package/src/Tags/Tags.svelte +7 -0
  120. package/src/Tooltip/Tooltip.svelte +34 -0
  121. package/src/Tooltip/TooltipWrapper.svelte +60 -0
  122. package/src/TreeView/Item.svelte +41 -0
  123. package/src/TreeView/Tree.svelte +16 -0
  124. package/src/Typography/Body.svelte +21 -0
  125. package/src/Typography/Code.svelte +10 -0
  126. package/src/Typography/Detail.svelte +19 -0
  127. package/src/Typography/Heading.svelte +17 -0
  128. package/src/bbui.css +96 -0
  129. package/src/context.js +3 -0
  130. package/src/helpers.js +134 -0
  131. package/src/index.js +98 -11
  132. package/src/spectrum-icons-rollup.js +31 -0
  133. package/src/spectrum-icons-vite.js +31 -0
  134. package/dist/bundle.css +0 -7
  135. package/dist/bundle.css.map +0 -20
  136. package/dist/index.js +0 -1100
  137. package/dist/index.mjs +0 -1086
  138. package/src/Branding/Budibase-logo.svelte +0 -68
  139. package/src/Branding/Logo.svelte +0 -16
  140. package/src/Branding/Logo.svench +0 -8
  141. package/src/Form/Button.svelte +0 -131
  142. package/src/Form/Button.svench +0 -49
  143. package/src/Form/Input.svench +0 -8
  144. package/src/Form/Select.svench +0 -8
  145. package/src/Form/TextArea.svench +0 -8
  146. package/src/Links/Home.svelte +0 -49
  147. package/src/Links/Home.svench +0 -19
  148. package/src/List/Items/DetailSummary.svelte +0 -66
  149. package/src/List/Items/DetailSummary.svench +0 -15
  150. package/src/Switcher/Switcher.svelte +0 -39
  151. package/src/Switcher/Switcher.svench +0 -25
  152. package/src/actions/autoresize_textarea.js +0 -14
  153. package/src/icons/Contribution.svelte +0 -14
  154. package/src/index.svench.svx +0 -35
package/dist/index.mjs DELETED
@@ -1,1086 +0,0 @@
1
- function noop() { }
2
- function assign(tar, src) {
3
- // @ts-ignore
4
- for (const k in src)
5
- tar[k] = src[k];
6
- return tar;
7
- }
8
- function run(fn) {
9
- return fn();
10
- }
11
- function blank_object() {
12
- return Object.create(null);
13
- }
14
- function run_all(fns) {
15
- fns.forEach(run);
16
- }
17
- function is_function(thing) {
18
- return typeof thing === 'function';
19
- }
20
- function safe_not_equal(a, b) {
21
- return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
22
- }
23
- function create_slot(definition, ctx, $$scope, fn) {
24
- if (definition) {
25
- const slot_ctx = get_slot_context(definition, ctx, $$scope, fn);
26
- return definition[0](slot_ctx);
27
- }
28
- }
29
- function get_slot_context(definition, ctx, $$scope, fn) {
30
- return definition[1] && fn
31
- ? assign($$scope.ctx.slice(), definition[1](fn(ctx)))
32
- : $$scope.ctx;
33
- }
34
- function get_slot_changes(definition, $$scope, dirty, fn) {
35
- if (definition[2] && fn) {
36
- const lets = definition[2](fn(dirty));
37
- if ($$scope.dirty === undefined) {
38
- return lets;
39
- }
40
- if (typeof lets === 'object') {
41
- const merged = [];
42
- const len = Math.max($$scope.dirty.length, lets.length);
43
- for (let i = 0; i < len; i += 1) {
44
- merged[i] = $$scope.dirty[i] | lets[i];
45
- }
46
- return merged;
47
- }
48
- return $$scope.dirty | lets;
49
- }
50
- return $$scope.dirty;
51
- }
52
- function update_slot(slot, slot_definition, ctx, $$scope, dirty, get_slot_changes_fn, get_slot_context_fn) {
53
- const slot_changes = get_slot_changes(slot_definition, $$scope, dirty, get_slot_changes_fn);
54
- if (slot_changes) {
55
- const slot_context = get_slot_context(slot_definition, ctx, $$scope, get_slot_context_fn);
56
- slot.p(slot_context, slot_changes);
57
- }
58
- }
59
- function action_destroyer(action_result) {
60
- return action_result && is_function(action_result.destroy) ? action_result.destroy : noop;
61
- }
62
-
63
- function append(target, node) {
64
- target.appendChild(node);
65
- }
66
- function insert(target, node, anchor) {
67
- target.insertBefore(node, anchor || null);
68
- }
69
- function detach(node) {
70
- node.parentNode.removeChild(node);
71
- }
72
- function element(name) {
73
- return document.createElement(name);
74
- }
75
- function text(data) {
76
- return document.createTextNode(data);
77
- }
78
- function space() {
79
- return text(' ');
80
- }
81
- function listen(node, event, handler, options) {
82
- node.addEventListener(event, handler, options);
83
- return () => node.removeEventListener(event, handler, options);
84
- }
85
- function prevent_default(fn) {
86
- return function (event) {
87
- event.preventDefault();
88
- // @ts-ignore
89
- return fn.call(this, event);
90
- };
91
- }
92
- function attr(node, attribute, value) {
93
- if (value == null)
94
- node.removeAttribute(attribute);
95
- else if (node.getAttribute(attribute) !== value)
96
- node.setAttribute(attribute, value);
97
- }
98
- function children(element) {
99
- return Array.from(element.childNodes);
100
- }
101
- function set_data(text, data) {
102
- data = '' + data;
103
- if (text.data !== data)
104
- text.data = data;
105
- }
106
- function set_input_value(input, value) {
107
- input.value = value == null ? '' : value;
108
- }
109
- function toggle_class(element, name, toggle) {
110
- element.classList[toggle ? 'add' : 'remove'](name);
111
- }
112
-
113
- let current_component;
114
- function set_current_component(component) {
115
- current_component = component;
116
- }
117
- // TODO figure out if we still want to support
118
- // shorthand events, or if we want to implement
119
- // a real bubbling mechanism
120
- function bubble(component, event) {
121
- const callbacks = component.$$.callbacks[event.type];
122
- if (callbacks) {
123
- callbacks.slice().forEach(fn => fn(event));
124
- }
125
- }
126
-
127
- const dirty_components = [];
128
- const binding_callbacks = [];
129
- const render_callbacks = [];
130
- const flush_callbacks = [];
131
- const resolved_promise = Promise.resolve();
132
- let update_scheduled = false;
133
- function schedule_update() {
134
- if (!update_scheduled) {
135
- update_scheduled = true;
136
- resolved_promise.then(flush);
137
- }
138
- }
139
- function add_render_callback(fn) {
140
- render_callbacks.push(fn);
141
- }
142
- let flushing = false;
143
- const seen_callbacks = new Set();
144
- function flush() {
145
- if (flushing)
146
- return;
147
- flushing = true;
148
- do {
149
- // first, call beforeUpdate functions
150
- // and update components
151
- for (let i = 0; i < dirty_components.length; i += 1) {
152
- const component = dirty_components[i];
153
- set_current_component(component);
154
- update(component.$$);
155
- }
156
- dirty_components.length = 0;
157
- while (binding_callbacks.length)
158
- binding_callbacks.pop()();
159
- // then, once components are updated, call
160
- // afterUpdate functions. This may cause
161
- // subsequent updates...
162
- for (let i = 0; i < render_callbacks.length; i += 1) {
163
- const callback = render_callbacks[i];
164
- if (!seen_callbacks.has(callback)) {
165
- // ...so guard against infinite loops
166
- seen_callbacks.add(callback);
167
- callback();
168
- }
169
- }
170
- render_callbacks.length = 0;
171
- } while (dirty_components.length);
172
- while (flush_callbacks.length) {
173
- flush_callbacks.pop()();
174
- }
175
- update_scheduled = false;
176
- flushing = false;
177
- seen_callbacks.clear();
178
- }
179
- function update($$) {
180
- if ($$.fragment !== null) {
181
- $$.update();
182
- run_all($$.before_update);
183
- const dirty = $$.dirty;
184
- $$.dirty = [-1];
185
- $$.fragment && $$.fragment.p($$.ctx, dirty);
186
- $$.after_update.forEach(add_render_callback);
187
- }
188
- }
189
- const outroing = new Set();
190
- let outros;
191
- function group_outros() {
192
- outros = {
193
- r: 0,
194
- c: [],
195
- p: outros // parent group
196
- };
197
- }
198
- function check_outros() {
199
- if (!outros.r) {
200
- run_all(outros.c);
201
- }
202
- outros = outros.p;
203
- }
204
- function transition_in(block, local) {
205
- if (block && block.i) {
206
- outroing.delete(block);
207
- block.i(local);
208
- }
209
- }
210
- function transition_out(block, local, detach, callback) {
211
- if (block && block.o) {
212
- if (outroing.has(block))
213
- return;
214
- outroing.add(block);
215
- outros.c.push(() => {
216
- outroing.delete(block);
217
- if (callback) {
218
- if (detach)
219
- block.d(1);
220
- callback();
221
- }
222
- });
223
- block.o(local);
224
- }
225
- }
226
- function create_component(block) {
227
- block && block.c();
228
- }
229
- function mount_component(component, target, anchor) {
230
- const { fragment, on_mount, on_destroy, after_update } = component.$$;
231
- fragment && fragment.m(target, anchor);
232
- // onMount happens before the initial afterUpdate
233
- add_render_callback(() => {
234
- const new_on_destroy = on_mount.map(run).filter(is_function);
235
- if (on_destroy) {
236
- on_destroy.push(...new_on_destroy);
237
- }
238
- else {
239
- // Edge case - component was destroyed immediately,
240
- // most likely as a result of a binding initialising
241
- run_all(new_on_destroy);
242
- }
243
- component.$$.on_mount = [];
244
- });
245
- after_update.forEach(add_render_callback);
246
- }
247
- function destroy_component(component, detaching) {
248
- const $$ = component.$$;
249
- if ($$.fragment !== null) {
250
- run_all($$.on_destroy);
251
- $$.fragment && $$.fragment.d(detaching);
252
- // TODO null out other refs, including component.$$ (but need to
253
- // preserve final state?)
254
- $$.on_destroy = $$.fragment = null;
255
- $$.ctx = [];
256
- }
257
- }
258
- function make_dirty(component, i) {
259
- if (component.$$.dirty[0] === -1) {
260
- dirty_components.push(component);
261
- schedule_update();
262
- component.$$.dirty.fill(0);
263
- }
264
- component.$$.dirty[(i / 31) | 0] |= (1 << (i % 31));
265
- }
266
- function init(component, options, instance, create_fragment, not_equal, props, dirty = [-1]) {
267
- const parent_component = current_component;
268
- set_current_component(component);
269
- const prop_values = options.props || {};
270
- const $$ = component.$$ = {
271
- fragment: null,
272
- ctx: null,
273
- // state
274
- props,
275
- update: noop,
276
- not_equal,
277
- bound: blank_object(),
278
- // lifecycle
279
- on_mount: [],
280
- on_destroy: [],
281
- before_update: [],
282
- after_update: [],
283
- context: new Map(parent_component ? parent_component.$$.context : []),
284
- // everything else
285
- callbacks: blank_object(),
286
- dirty
287
- };
288
- let ready = false;
289
- $$.ctx = instance
290
- ? instance(component, prop_values, (i, ret, ...rest) => {
291
- const value = rest.length ? rest[0] : ret;
292
- if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
293
- if ($$.bound[i])
294
- $$.bound[i](value);
295
- if (ready)
296
- make_dirty(component, i);
297
- }
298
- return ret;
299
- })
300
- : [];
301
- $$.update();
302
- ready = true;
303
- run_all($$.before_update);
304
- // `false` as a special case of no DOM component
305
- $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
306
- if (options.target) {
307
- if (options.hydrate) {
308
- const nodes = children(options.target);
309
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
310
- $$.fragment && $$.fragment.l(nodes);
311
- nodes.forEach(detach);
312
- }
313
- else {
314
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
315
- $$.fragment && $$.fragment.c();
316
- }
317
- if (options.intro)
318
- transition_in(component.$$.fragment);
319
- mount_component(component, options.target, options.anchor);
320
- flush();
321
- }
322
- set_current_component(parent_component);
323
- }
324
- class SvelteComponent {
325
- $destroy() {
326
- destroy_component(this, 1);
327
- this.$destroy = noop;
328
- }
329
- $on(type, callback) {
330
- const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));
331
- callbacks.push(callback);
332
- return () => {
333
- const index = callbacks.indexOf(callback);
334
- if (index !== -1)
335
- callbacks.splice(index, 1);
336
- };
337
- }
338
- $set() {
339
- // overridden by instance, if it has props
340
- }
341
- }
342
-
343
- /* src/Form/Input.svelte generated by Svelte v3.23.2 */
344
-
345
- function create_fragment(ctx) {
346
- let div;
347
- let label_1;
348
- let t0;
349
- let t1;
350
- let input;
351
- let validator_action;
352
- let mounted;
353
- let dispose;
354
-
355
- return {
356
- c() {
357
- div = element("div");
358
- label_1 = element("label");
359
- t0 = text(/*label*/ ctx[1]);
360
- t1 = space();
361
- input = element("input");
362
- attr(label_1, "for", /*name*/ ctx[0]);
363
- attr(label_1, "class", "svelte-1ujfzyw");
364
- attr(input, "type", /*type*/ ctx[2]);
365
- attr(input, "name", /*name*/ ctx[0]);
366
- attr(input, "placeholder", /*placeholder*/ ctx[3]);
367
- attr(input, "class", "svelte-1ujfzyw");
368
- attr(div, "class", "container svelte-1ujfzyw");
369
- },
370
- m(target, anchor) {
371
- insert(target, div, anchor);
372
- append(div, label_1);
373
- append(label_1, t0);
374
- append(div, t1);
375
- append(div, input);
376
-
377
- if (!mounted) {
378
- dispose = [
379
- listen(input, "change", /*change_handler*/ ctx[5]),
380
- listen(input, "input", /*input_handler*/ ctx[6]),
381
- action_destroyer(validator_action = /*validator*/ ctx[4].call(null, input))
382
- ];
383
-
384
- mounted = true;
385
- }
386
- },
387
- p(ctx, [dirty]) {
388
- if (dirty & /*label*/ 2) set_data(t0, /*label*/ ctx[1]);
389
-
390
- if (dirty & /*name*/ 1) {
391
- attr(label_1, "for", /*name*/ ctx[0]);
392
- }
393
-
394
- if (dirty & /*type*/ 4) {
395
- attr(input, "type", /*type*/ ctx[2]);
396
- }
397
-
398
- if (dirty & /*name*/ 1) {
399
- attr(input, "name", /*name*/ ctx[0]);
400
- }
401
-
402
- if (dirty & /*placeholder*/ 8) {
403
- attr(input, "placeholder", /*placeholder*/ ctx[3]);
404
- }
405
- },
406
- i: noop,
407
- o: noop,
408
- d(detaching) {
409
- if (detaching) detach(div);
410
- mounted = false;
411
- run_all(dispose);
412
- }
413
- };
414
- }
415
-
416
- function instance($$self, $$props, $$invalidate) {
417
- let { name } = $$props,
418
- { label } = $$props,
419
- { type } = $$props,
420
- { placeholder } = $$props,
421
- { validator = () => {
422
-
423
- } } = $$props;
424
-
425
- function change_handler(event) {
426
- bubble($$self, event);
427
- }
428
-
429
- function input_handler(event) {
430
- bubble($$self, event);
431
- }
432
-
433
- $$self.$set = $$props => {
434
- if ("name" in $$props) $$invalidate(0, name = $$props.name);
435
- if ("label" in $$props) $$invalidate(1, label = $$props.label);
436
- if ("type" in $$props) $$invalidate(2, type = $$props.type);
437
- if ("placeholder" in $$props) $$invalidate(3, placeholder = $$props.placeholder);
438
- if ("validator" in $$props) $$invalidate(4, validator = $$props.validator);
439
- };
440
-
441
- return [name, label, type, placeholder, validator, change_handler, input_handler];
442
- }
443
-
444
- class Input extends SvelteComponent {
445
- constructor(options) {
446
- super();
447
-
448
- init(this, options, instance, create_fragment, safe_not_equal, {
449
- name: 0,
450
- label: 1,
451
- type: 2,
452
- placeholder: 3,
453
- validator: 4
454
- });
455
- }
456
- }
457
-
458
- function resize({ target }) {
459
- target.style.height = "1px";
460
- target.style.height = (+target.scrollHeight) + "px";
461
- }
462
-
463
- function text_area_resize(el) {
464
- resize({ target: el });
465
- el.style.overflow = 'hidden';
466
- el.addEventListener('input', resize);
467
-
468
- return {
469
- destroy: () => el.removeEventListener('input', resize)
470
- }
471
- }
472
-
473
- /* src/Form/TextArea.svelte generated by Svelte v3.23.2 */
474
-
475
- function create_fragment$1(ctx) {
476
- let div;
477
- let label_1;
478
- let t0;
479
- let t1;
480
- let textarea;
481
- let text_area_resize_action;
482
- let mounted;
483
- let dispose;
484
-
485
- return {
486
- c() {
487
- div = element("div");
488
- label_1 = element("label");
489
- t0 = text(/*label*/ ctx[2]);
490
- t1 = space();
491
- textarea = element("textarea");
492
- attr(label_1, "for", /*name*/ ctx[1]);
493
- attr(label_1, "class", "svelte-b7rdfu");
494
- attr(textarea, "placeholder", /*placeholder*/ ctx[3]);
495
- attr(textarea, "name", /*name*/ ctx[1]);
496
- attr(textarea, "class", "svelte-b7rdfu");
497
- attr(div, "class", "container svelte-b7rdfu");
498
- },
499
- m(target, anchor) {
500
- insert(target, div, anchor);
501
- append(div, label_1);
502
- append(label_1, t0);
503
- append(div, t1);
504
- append(div, textarea);
505
- set_input_value(textarea, /*value*/ ctx[0]);
506
-
507
- if (!mounted) {
508
- dispose = [
509
- listen(textarea, "input", /*textarea_input_handler*/ ctx[5]),
510
- action_destroyer(text_area_resize_action = text_area_resize.call(null, textarea))
511
- ];
512
-
513
- mounted = true;
514
- }
515
- },
516
- p(ctx, [dirty]) {
517
- if (dirty & /*label*/ 4) set_data(t0, /*label*/ ctx[2]);
518
-
519
- if (dirty & /*name*/ 2) {
520
- attr(label_1, "for", /*name*/ ctx[1]);
521
- }
522
-
523
- if (dirty & /*placeholder*/ 8) {
524
- attr(textarea, "placeholder", /*placeholder*/ ctx[3]);
525
- }
526
-
527
- if (dirty & /*name*/ 2) {
528
- attr(textarea, "name", /*name*/ ctx[1]);
529
- }
530
-
531
- if (dirty & /*value*/ 1) {
532
- set_input_value(textarea, /*value*/ ctx[0]);
533
- }
534
- },
535
- i: noop,
536
- o: noop,
537
- d(detaching) {
538
- if (detaching) detach(div);
539
- mounted = false;
540
- run_all(dispose);
541
- }
542
- };
543
- }
544
-
545
- function instance$1($$self, $$props, $$invalidate) {
546
- let { name } = $$props,
547
- { label } = $$props,
548
- { value } = $$props,
549
- { placeholder } = $$props,
550
- { validator = () => {
551
-
552
- } } = $$props;
553
-
554
- function textarea_input_handler() {
555
- value = this.value;
556
- $$invalidate(0, value);
557
- }
558
-
559
- $$self.$set = $$props => {
560
- if ("name" in $$props) $$invalidate(1, name = $$props.name);
561
- if ("label" in $$props) $$invalidate(2, label = $$props.label);
562
- if ("value" in $$props) $$invalidate(0, value = $$props.value);
563
- if ("placeholder" in $$props) $$invalidate(3, placeholder = $$props.placeholder);
564
- if ("validator" in $$props) $$invalidate(4, validator = $$props.validator);
565
- };
566
-
567
- return [value, name, label, placeholder, validator, textarea_input_handler];
568
- }
569
-
570
- class TextArea extends SvelteComponent {
571
- constructor(options) {
572
- super();
573
-
574
- init(this, options, instance$1, create_fragment$1, safe_not_equal, {
575
- name: 1,
576
- label: 2,
577
- value: 0,
578
- placeholder: 3,
579
- validator: 4
580
- });
581
- }
582
- }
583
-
584
- /* src/Form/Button.svelte generated by Svelte v3.23.2 */
585
-
586
- function create_fragment$2(ctx) {
587
- let button;
588
- let current;
589
- let mounted;
590
- let dispose;
591
- const default_slot_template = /*$$slots*/ ctx[11].default;
592
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[10], null);
593
-
594
- return {
595
- c() {
596
- button = element("button");
597
- if (default_slot) default_slot.c();
598
- button.disabled = /*disabled*/ ctx[3];
599
- attr(button, "class", "svelte-1oez5n8");
600
- toggle_class(button, "primary", /*primary*/ ctx[0]);
601
- toggle_class(button, "secondary", /*secondary*/ ctx[1]);
602
- toggle_class(button, "attention", /*attention*/ ctx[2]);
603
- toggle_class(button, "error", /*error*/ ctx[4]);
604
- toggle_class(button, "warning", /*warning*/ ctx[5]);
605
- toggle_class(button, "small", /*small*/ ctx[6]);
606
- toggle_class(button, "medium", /*medium*/ ctx[7]);
607
- toggle_class(button, "wide", /*wide*/ ctx[8]);
608
- toggle_class(button, "large", /*large*/ ctx[9]);
609
- },
610
- m(target, anchor) {
611
- insert(target, button, anchor);
612
-
613
- if (default_slot) {
614
- default_slot.m(button, null);
615
- }
616
-
617
- current = true;
618
-
619
- if (!mounted) {
620
- dispose = listen(button, "click", prevent_default(/*click_handler*/ ctx[12]));
621
- mounted = true;
622
- }
623
- },
624
- p(ctx, [dirty]) {
625
- if (default_slot) {
626
- if (default_slot.p && dirty & /*$$scope*/ 1024) {
627
- update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[10], dirty, null, null);
628
- }
629
- }
630
-
631
- if (!current || dirty & /*disabled*/ 8) {
632
- button.disabled = /*disabled*/ ctx[3];
633
- }
634
-
635
- if (dirty & /*primary*/ 1) {
636
- toggle_class(button, "primary", /*primary*/ ctx[0]);
637
- }
638
-
639
- if (dirty & /*secondary*/ 2) {
640
- toggle_class(button, "secondary", /*secondary*/ ctx[1]);
641
- }
642
-
643
- if (dirty & /*attention*/ 4) {
644
- toggle_class(button, "attention", /*attention*/ ctx[2]);
645
- }
646
-
647
- if (dirty & /*error*/ 16) {
648
- toggle_class(button, "error", /*error*/ ctx[4]);
649
- }
650
-
651
- if (dirty & /*warning*/ 32) {
652
- toggle_class(button, "warning", /*warning*/ ctx[5]);
653
- }
654
-
655
- if (dirty & /*small*/ 64) {
656
- toggle_class(button, "small", /*small*/ ctx[6]);
657
- }
658
-
659
- if (dirty & /*medium*/ 128) {
660
- toggle_class(button, "medium", /*medium*/ ctx[7]);
661
- }
662
-
663
- if (dirty & /*wide*/ 256) {
664
- toggle_class(button, "wide", /*wide*/ ctx[8]);
665
- }
666
-
667
- if (dirty & /*large*/ 512) {
668
- toggle_class(button, "large", /*large*/ ctx[9]);
669
- }
670
- },
671
- i(local) {
672
- if (current) return;
673
- transition_in(default_slot, local);
674
- current = true;
675
- },
676
- o(local) {
677
- transition_out(default_slot, local);
678
- current = false;
679
- },
680
- d(detaching) {
681
- if (detaching) detach(button);
682
- if (default_slot) default_slot.d(detaching);
683
- mounted = false;
684
- dispose();
685
- }
686
- };
687
- }
688
-
689
- function instance$2($$self, $$props, $$invalidate) {
690
- let { primary = false } = $$props,
691
- { secondary = false } = $$props,
692
- { attention = false } = $$props,
693
- { disabled = false } = $$props,
694
- { error = false } = $$props,
695
- { warning = false } = $$props,
696
- { small = false } = $$props,
697
- { medium = false } = $$props,
698
- { wide = false } = $$props,
699
- { large = false } = $$props;
700
-
701
- let { $$slots = {}, $$scope } = $$props;
702
-
703
- function click_handler(event) {
704
- bubble($$self, event);
705
- }
706
-
707
- $$self.$set = $$props => {
708
- if ("primary" in $$props) $$invalidate(0, primary = $$props.primary);
709
- if ("secondary" in $$props) $$invalidate(1, secondary = $$props.secondary);
710
- if ("attention" in $$props) $$invalidate(2, attention = $$props.attention);
711
- if ("disabled" in $$props) $$invalidate(3, disabled = $$props.disabled);
712
- if ("error" in $$props) $$invalidate(4, error = $$props.error);
713
- if ("warning" in $$props) $$invalidate(5, warning = $$props.warning);
714
- if ("small" in $$props) $$invalidate(6, small = $$props.small);
715
- if ("medium" in $$props) $$invalidate(7, medium = $$props.medium);
716
- if ("wide" in $$props) $$invalidate(8, wide = $$props.wide);
717
- if ("large" in $$props) $$invalidate(9, large = $$props.large);
718
- if ("$$scope" in $$props) $$invalidate(10, $$scope = $$props.$$scope);
719
- };
720
-
721
- return [
722
- primary,
723
- secondary,
724
- attention,
725
- disabled,
726
- error,
727
- warning,
728
- small,
729
- medium,
730
- wide,
731
- large,
732
- $$scope,
733
- $$slots,
734
- click_handler
735
- ];
736
- }
737
-
738
- class Button extends SvelteComponent {
739
- constructor(options) {
740
- super();
741
-
742
- init(this, options, instance$2, create_fragment$2, safe_not_equal, {
743
- primary: 0,
744
- secondary: 1,
745
- attention: 2,
746
- disabled: 3,
747
- error: 4,
748
- warning: 5,
749
- small: 6,
750
- medium: 7,
751
- wide: 8,
752
- large: 9
753
- });
754
- }
755
- }
756
-
757
- /* src/Links/Home.svelte generated by Svelte v3.23.2 */
758
-
759
- function create_if_block_1(ctx) {
760
- let span;
761
- let switch_instance;
762
- let current;
763
- var switch_value = /*icon*/ ctx[1];
764
-
765
- function switch_props(ctx) {
766
- return {};
767
- }
768
-
769
- if (switch_value) {
770
- switch_instance = new switch_value(switch_props());
771
- }
772
-
773
- return {
774
- c() {
775
- span = element("span");
776
- if (switch_instance) create_component(switch_instance.$$.fragment);
777
- attr(span, "class", "nav-item-icon svelte-dsza1v");
778
- },
779
- m(target, anchor) {
780
- insert(target, span, anchor);
781
-
782
- if (switch_instance) {
783
- mount_component(switch_instance, span, null);
784
- }
785
-
786
- current = true;
787
- },
788
- p(ctx, dirty) {
789
- if (switch_value !== (switch_value = /*icon*/ ctx[1])) {
790
- if (switch_instance) {
791
- group_outros();
792
- const old_component = switch_instance;
793
-
794
- transition_out(old_component.$$.fragment, 1, 0, () => {
795
- destroy_component(old_component, 1);
796
- });
797
-
798
- check_outros();
799
- }
800
-
801
- if (switch_value) {
802
- switch_instance = new switch_value(switch_props());
803
- create_component(switch_instance.$$.fragment);
804
- transition_in(switch_instance.$$.fragment, 1);
805
- mount_component(switch_instance, span, null);
806
- } else {
807
- switch_instance = null;
808
- }
809
- }
810
- },
811
- i(local) {
812
- if (current) return;
813
- if (switch_instance) transition_in(switch_instance.$$.fragment, local);
814
- current = true;
815
- },
816
- o(local) {
817
- if (switch_instance) transition_out(switch_instance.$$.fragment, local);
818
- current = false;
819
- },
820
- d(detaching) {
821
- if (detaching) detach(span);
822
- if (switch_instance) destroy_component(switch_instance);
823
- }
824
- };
825
- }
826
-
827
- // (46:2) {#if title}
828
- function create_if_block(ctx) {
829
- let div;
830
- let t;
831
-
832
- return {
833
- c() {
834
- div = element("div");
835
- t = text(/*title*/ ctx[2]);
836
- attr(div, "class", "nav-item-title svelte-dsza1v");
837
- },
838
- m(target, anchor) {
839
- insert(target, div, anchor);
840
- append(div, t);
841
- },
842
- p(ctx, dirty) {
843
- if (dirty & /*title*/ 4) set_data(t, /*title*/ ctx[2]);
844
- },
845
- d(detaching) {
846
- if (detaching) detach(div);
847
- }
848
- };
849
- }
850
-
851
- function create_fragment$3(ctx) {
852
- let a;
853
- let t;
854
- let current;
855
- let if_block0 = /*icon*/ ctx[1] && create_if_block_1(ctx);
856
- let if_block1 = /*title*/ ctx[2] && create_if_block(ctx);
857
-
858
- return {
859
- c() {
860
- a = element("a");
861
- if (if_block0) if_block0.c();
862
- t = space();
863
- if (if_block1) if_block1.c();
864
- attr(a, "href", /*href*/ ctx[0]);
865
- attr(a, "target", "_blank");
866
- attr(a, "class", "nav-item svelte-dsza1v");
867
- toggle_class(a, "active", /*active*/ ctx[3]);
868
- },
869
- m(target, anchor) {
870
- insert(target, a, anchor);
871
- if (if_block0) if_block0.m(a, null);
872
- append(a, t);
873
- if (if_block1) if_block1.m(a, null);
874
- current = true;
875
- },
876
- p(ctx, [dirty]) {
877
- if (/*icon*/ ctx[1]) {
878
- if (if_block0) {
879
- if_block0.p(ctx, dirty);
880
-
881
- if (dirty & /*icon*/ 2) {
882
- transition_in(if_block0, 1);
883
- }
884
- } else {
885
- if_block0 = create_if_block_1(ctx);
886
- if_block0.c();
887
- transition_in(if_block0, 1);
888
- if_block0.m(a, t);
889
- }
890
- } else if (if_block0) {
891
- group_outros();
892
-
893
- transition_out(if_block0, 1, 1, () => {
894
- if_block0 = null;
895
- });
896
-
897
- check_outros();
898
- }
899
-
900
- if (/*title*/ ctx[2]) {
901
- if (if_block1) {
902
- if_block1.p(ctx, dirty);
903
- } else {
904
- if_block1 = create_if_block(ctx);
905
- if_block1.c();
906
- if_block1.m(a, null);
907
- }
908
- } else if (if_block1) {
909
- if_block1.d(1);
910
- if_block1 = null;
911
- }
912
-
913
- if (!current || dirty & /*href*/ 1) {
914
- attr(a, "href", /*href*/ ctx[0]);
915
- }
916
-
917
- if (dirty & /*active*/ 8) {
918
- toggle_class(a, "active", /*active*/ ctx[3]);
919
- }
920
- },
921
- i(local) {
922
- if (current) return;
923
- transition_in(if_block0);
924
- current = true;
925
- },
926
- o(local) {
927
- transition_out(if_block0);
928
- current = false;
929
- },
930
- d(detaching) {
931
- if (detaching) detach(a);
932
- if (if_block0) if_block0.d();
933
- if (if_block1) if_block1.d();
934
- }
935
- };
936
- }
937
-
938
- function instance$3($$self, $$props, $$invalidate) {
939
- let { href } = $$props,
940
- { icon } = $$props,
941
- { title } = $$props,
942
- { active = false } = $$props;
943
-
944
- $$self.$set = $$props => {
945
- if ("href" in $$props) $$invalidate(0, href = $$props.href);
946
- if ("icon" in $$props) $$invalidate(1, icon = $$props.icon);
947
- if ("title" in $$props) $$invalidate(2, title = $$props.title);
948
- if ("active" in $$props) $$invalidate(3, active = $$props.active);
949
- };
950
-
951
- return [href, icon, title, active];
952
- }
953
-
954
- class Home extends SvelteComponent {
955
- constructor(options) {
956
- super();
957
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { href: 0, icon: 1, title: 2, active: 3 });
958
- }
959
- }
960
-
961
- /* src/List/Items/DetailSummary.svelte generated by Svelte v3.23.2 */
962
-
963
- function create_fragment$4(ctx) {
964
- let div4;
965
- let div2;
966
- let div0;
967
- let i;
968
- let i_class_value;
969
- let t0;
970
- let div1;
971
- let t1_value = /*capitalize*/ ctx[2](/*name*/ ctx[1]) + "";
972
- let t1;
973
- let t2;
974
- let div3;
975
- let current;
976
- let mounted;
977
- let dispose;
978
- const default_slot_template = /*$$slots*/ ctx[4].default;
979
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
980
-
981
- return {
982
- c() {
983
- div4 = element("div");
984
- div2 = element("div");
985
- div0 = element("div");
986
- i = element("i");
987
- t0 = space();
988
- div1 = element("div");
989
- t1 = text(t1_value);
990
- t2 = space();
991
- div3 = element("div");
992
- if (default_slot) default_slot.c();
993
-
994
- attr(i, "class", i_class_value = /*show*/ ctx[0]
995
- ? "ri-arrow-down-s-fill"
996
- : "ri-arrow-right-s-fill");
997
-
998
- attr(div0, "class", "icon svelte-1ds8322");
999
- attr(div1, "class", "name svelte-1ds8322");
1000
- attr(div2, "class", "property-group-name svelte-1ds8322");
1001
- attr(div3, "class", "property-panel svelte-1ds8322");
1002
- toggle_class(div3, "show", /*show*/ ctx[0]);
1003
- attr(div4, "class", "property-group-container svelte-1ds8322");
1004
- },
1005
- m(target, anchor) {
1006
- insert(target, div4, anchor);
1007
- append(div4, div2);
1008
- append(div2, div0);
1009
- append(div0, i);
1010
- append(div2, t0);
1011
- append(div2, div1);
1012
- append(div1, t1);
1013
- append(div4, t2);
1014
- append(div4, div3);
1015
-
1016
- if (default_slot) {
1017
- default_slot.m(div3, null);
1018
- }
1019
-
1020
- current = true;
1021
-
1022
- if (!mounted) {
1023
- dispose = listen(div2, "click", /*click_handler*/ ctx[5]);
1024
- mounted = true;
1025
- }
1026
- },
1027
- p(ctx, [dirty]) {
1028
- if (!current || dirty & /*show*/ 1 && i_class_value !== (i_class_value = /*show*/ ctx[0]
1029
- ? "ri-arrow-down-s-fill"
1030
- : "ri-arrow-right-s-fill")) {
1031
- attr(i, "class", i_class_value);
1032
- }
1033
-
1034
- if ((!current || dirty & /*name*/ 2) && t1_value !== (t1_value = /*capitalize*/ ctx[2](/*name*/ ctx[1]) + "")) set_data(t1, t1_value);
1035
-
1036
- if (default_slot) {
1037
- if (default_slot.p && dirty & /*$$scope*/ 8) {
1038
- update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[3], dirty, null, null);
1039
- }
1040
- }
1041
-
1042
- if (dirty & /*show*/ 1) {
1043
- toggle_class(div3, "show", /*show*/ ctx[0]);
1044
- }
1045
- },
1046
- i(local) {
1047
- if (current) return;
1048
- transition_in(default_slot, local);
1049
- current = true;
1050
- },
1051
- o(local) {
1052
- transition_out(default_slot, local);
1053
- current = false;
1054
- },
1055
- d(detaching) {
1056
- if (detaching) detach(div4);
1057
- if (default_slot) default_slot.d(detaching);
1058
- mounted = false;
1059
- dispose();
1060
- }
1061
- };
1062
- }
1063
-
1064
- function instance$4($$self, $$props, $$invalidate) {
1065
- let { name } = $$props, { show = false } = $$props;
1066
- const capitalize = name => name[0].toUpperCase() + name.slice(1);
1067
- let { $$slots = {}, $$scope } = $$props;
1068
- const click_handler = () => $$invalidate(0, show = !show);
1069
-
1070
- $$self.$set = $$props => {
1071
- if ("name" in $$props) $$invalidate(1, name = $$props.name);
1072
- if ("show" in $$props) $$invalidate(0, show = $$props.show);
1073
- if ("$$scope" in $$props) $$invalidate(3, $$scope = $$props.$$scope);
1074
- };
1075
-
1076
- return [show, name, capitalize, $$scope, $$slots, click_handler];
1077
- }
1078
-
1079
- class DetailSummary extends SvelteComponent {
1080
- constructor(options) {
1081
- super();
1082
- init(this, options, instance$4, create_fragment$4, safe_not_equal, { name: 1, show: 0 });
1083
- }
1084
- }
1085
-
1086
- export { Button, DetailSummary, Home, Input, TextArea };