@sveltia/ui 0.15.11 → 0.15.13

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 (41) hide show
  1. package/package/components/button/button.svelte +1 -1
  2. package/package/components/button/button.svelte.d.ts +8 -8
  3. package/package/components/button/select-button-group.svelte.d.ts +4 -4
  4. package/package/components/button/select-button.svelte.d.ts +4 -4
  5. package/package/components/button/split-button.svelte +1 -1
  6. package/package/components/button/split-button.svelte.d.ts +4 -4
  7. package/package/components/checkbox/checkbox.svelte.d.ts +6 -6
  8. package/package/components/dialog/dialog.svelte.d.ts +2 -2
  9. package/package/components/disclosure/disclosure.svelte.d.ts +2 -2
  10. package/package/components/drawer/drawer.svelte.d.ts +2 -2
  11. package/package/components/grid/grid.svelte.d.ts +2 -2
  12. package/package/components/listbox/listbox.svelte.d.ts +8 -8
  13. package/package/components/listbox/option-group.svelte.d.ts +2 -2
  14. package/package/components/menu/menu-button.svelte.d.ts +4 -4
  15. package/package/components/menu/menu-item-checkbox.svelte.d.ts +4 -4
  16. package/package/components/menu/menu-item-group.svelte.d.ts +2 -2
  17. package/package/components/menu/menu-item-radio.svelte.d.ts +4 -4
  18. package/package/components/menu/menu-item.svelte.d.ts +2 -2
  19. package/package/components/radio/radio-group.svelte.d.ts +4 -4
  20. package/package/components/radio/radio.svelte.d.ts +4 -4
  21. package/package/components/select/combobox.svelte.d.ts +4 -4
  22. package/package/components/select/select-tags.svelte.d.ts +6 -6
  23. package/package/components/select/select.svelte.d.ts +4 -4
  24. package/package/components/slider/slider.svelte.d.ts +8 -8
  25. package/package/components/switch/switch.svelte.d.ts +6 -6
  26. package/package/components/text-editor/core.js +1 -1
  27. package/package/components/text-editor/lexical-root.svelte.d.ts +4 -4
  28. package/package/components/text-editor/text-editor.svelte +2 -5
  29. package/package/components/text-editor/text-editor.svelte.d.ts +4 -4
  30. package/package/components/text-editor/toolbar/editor-toolbar.svelte +1 -5
  31. package/package/components/text-editor/toolbar/format-text-button.svelte +1 -1
  32. package/package/components/text-editor/toolbar/insert-link-button.svelte +4 -4
  33. package/package/components/text-field/number-input.svelte.d.ts +10 -10
  34. package/package/components/text-field/password-input.svelte.d.ts +4 -4
  35. package/package/components/text-field/search-bar.svelte.d.ts +4 -4
  36. package/package/components/text-field/text-area.svelte.d.ts +4 -4
  37. package/package/components/text-field/text-input.svelte.d.ts +8 -8
  38. package/package/components/util/app-shell.svelte +491 -2
  39. package/package/components/util/modal.svelte.d.ts +4 -4
  40. package/package/index.js +1 -8
  41. package/package.json +1 -1
@@ -12,17 +12,17 @@
12
12
  export default class Slider extends SvelteComponent<{
13
13
  [x: string]: any;
14
14
  class?: string | undefined;
15
- invalid?: boolean | undefined;
16
15
  disabled?: boolean | undefined;
16
+ invalid?: boolean | undefined;
17
+ max?: number | undefined;
18
+ min?: number | undefined;
19
+ step?: number | undefined;
17
20
  value?: number | undefined;
18
21
  hidden?: boolean | undefined;
19
22
  readonly?: boolean | undefined;
20
23
  values?: [number, number] | undefined;
21
- max?: number | undefined;
22
- min?: number | undefined;
23
24
  sliderLabel?: string | undefined;
24
25
  sliderLabels?: [string, string] | undefined;
25
- step?: number | undefined;
26
26
  optionLabels?: string[] | number[] | undefined;
27
27
  }, {
28
28
  change: CustomEvent<any>;
@@ -38,17 +38,17 @@ declare const __propDef: {
38
38
  props: {
39
39
  [x: string]: any;
40
40
  class?: string | undefined;
41
- invalid?: boolean | undefined;
42
41
  disabled?: boolean | undefined;
42
+ invalid?: boolean | undefined;
43
+ max?: number | undefined;
44
+ min?: number | undefined;
45
+ step?: number | undefined;
43
46
  value?: number | undefined;
44
47
  hidden?: boolean | undefined;
45
48
  readonly?: boolean | undefined;
46
49
  values?: [number, number] | undefined;
47
- max?: number | undefined;
48
- min?: number | undefined;
49
50
  sliderLabel?: string | undefined;
50
51
  sliderLabels?: [string, string] | undefined;
51
- step?: number | undefined;
52
52
  optionLabels?: string[] | number[] | undefined;
53
53
  };
54
54
  events: {
@@ -9,13 +9,13 @@
9
9
  export default class Switch extends SvelteComponent<{
10
10
  [x: string]: any;
11
11
  class?: string | undefined;
12
+ disabled?: boolean | undefined;
12
13
  invalid?: boolean | undefined;
13
14
  label?: string | undefined;
14
- disabled?: boolean | undefined;
15
+ checked?: boolean | "mixed" | undefined;
16
+ required?: boolean | undefined;
15
17
  hidden?: boolean | undefined;
16
18
  readonly?: boolean | undefined;
17
- required?: boolean | undefined;
18
- checked?: boolean | "mixed" | undefined;
19
19
  }, {
20
20
  change: CustomEvent<any>;
21
21
  } & {
@@ -32,13 +32,13 @@ declare const __propDef: {
32
32
  props: {
33
33
  [x: string]: any;
34
34
  class?: string | undefined;
35
+ disabled?: boolean | undefined;
35
36
  invalid?: boolean | undefined;
36
37
  label?: string | undefined;
37
- disabled?: boolean | undefined;
38
+ checked?: boolean | "mixed" | undefined;
39
+ required?: boolean | undefined;
38
40
  hidden?: boolean | undefined;
39
41
  readonly?: boolean | undefined;
40
- required?: boolean | undefined;
41
- checked?: boolean | "mixed" | undefined;
42
42
  };
43
43
  events: {
44
44
  change: CustomEvent<any>;
@@ -41,7 +41,7 @@ import {
41
41
  $getSelection as getSelection,
42
42
  $isRangeSelection as isRangeSelection,
43
43
  } from 'lexical';
44
- import { blockButtonTypes, textFormatButtonTypes } from './';
44
+ import { blockButtonTypes, textFormatButtonTypes } from '.';
45
45
 
46
46
  /**
47
47
  * Lexical editor configuration.
@@ -2,12 +2,12 @@
2
2
  /** @typedef {typeof __propDef.events} LexicalRootEvents */
3
3
  /** @typedef {typeof __propDef.slots} LexicalRootSlots */
4
4
  export default class LexicalRoot extends SvelteComponent<{
5
- invalid?: boolean | undefined;
6
5
  disabled?: boolean | undefined;
6
+ invalid?: boolean | undefined;
7
+ required?: boolean | undefined;
7
8
  value?: string | undefined;
8
9
  hidden?: boolean | undefined;
9
10
  readonly?: boolean | undefined;
10
- required?: boolean | undefined;
11
11
  }, {
12
12
  [evt: string]: CustomEvent<any>;
13
13
  }, {}> {
@@ -18,12 +18,12 @@ export type LexicalRootSlots = typeof __propDef.slots;
18
18
  import { SvelteComponent } from "svelte";
19
19
  declare const __propDef: {
20
20
  props: {
21
- invalid?: boolean | undefined;
22
21
  disabled?: boolean | undefined;
22
+ invalid?: boolean | undefined;
23
+ required?: boolean | undefined;
23
24
  value?: string | undefined;
24
25
  hidden?: boolean | undefined;
25
26
  readonly?: boolean | undefined;
26
- required?: boolean | undefined;
27
27
  };
28
28
  events: {
29
29
  [evt: string]: CustomEvent<any>;
@@ -8,11 +8,8 @@
8
8
  import { _ } from 'svelte-i18n';
9
9
  import { writable } from 'svelte/store';
10
10
  import Alert from '../alert/alert.svelte';
11
- import { blockButtonTypes, inlineButtonTypes } from './';
12
- import {
13
- convertMarkdown as convertMarkdownToLexical,
14
- initEditor,
15
- } from './core';
11
+ import { blockButtonTypes, inlineButtonTypes } from '.';
12
+ import { convertMarkdown as convertMarkdownToLexical, initEditor } from './core';
16
13
  import LexicalRoot from './lexical-root.svelte';
17
14
  import EditorToolbar from './toolbar/editor-toolbar.svelte';
18
15
  import TextArea from '../text-field/text-area.svelte';
@@ -4,13 +4,13 @@
4
4
  /** A rich text editor based on Lexical. */
5
5
  export default class TextEditor extends SvelteComponent<{
6
6
  [x: string]: any;
7
- invalid?: boolean | undefined;
8
7
  disabled?: boolean | undefined;
8
+ invalid?: boolean | undefined;
9
+ required?: boolean | undefined;
9
10
  value?: string | undefined;
10
11
  hidden?: boolean | undefined;
11
12
  readonly?: boolean | undefined;
12
13
  flex?: boolean | undefined;
13
- required?: boolean | undefined;
14
14
  modes?: TextEditorMode[] | undefined;
15
15
  buttons?: (TextEditorInlineType | TextEditorBlockType)[] | undefined;
16
16
  }, {
@@ -24,13 +24,13 @@ import { SvelteComponent } from "svelte";
24
24
  declare const __propDef: {
25
25
  props: {
26
26
  [x: string]: any;
27
- invalid?: boolean | undefined;
28
27
  disabled?: boolean | undefined;
28
+ invalid?: boolean | undefined;
29
+ required?: boolean | undefined;
29
30
  value?: string | undefined;
30
31
  hidden?: boolean | undefined;
31
32
  readonly?: boolean | undefined;
32
33
  flex?: boolean | undefined;
33
- required?: boolean | undefined;
34
34
  modes?: TextEditorMode[] | undefined;
35
35
  buttons?: (TextEditorInlineType | TextEditorBlockType)[] | undefined;
36
36
  };
@@ -1,6 +1,7 @@
1
1
  <script>
2
2
  import { getContext } from 'svelte';
3
3
  import { _ } from 'svelte-i18n';
4
+ import { availableButtons, blockButtonTypes, inlineButtonTypes } from '..';
4
5
  import ButtonGroup from '../../button/button-group.svelte';
5
6
  import Button from '../../button/button.svelte';
6
7
  import Divider from '../../divider/divider.svelte';
@@ -8,11 +9,6 @@
8
9
  import Icon from '../../icon/icon.svelte';
9
10
  import MenuButton from '../../menu/menu-button.svelte';
10
11
  import Menu from '../../menu/menu.svelte';
11
- import {
12
- availableButtons,
13
- blockButtonTypes,
14
- inlineButtonTypes,
15
- } from '..';
16
12
  import FormatTextButton from './format-text-button.svelte';
17
13
  import InsertLinkButton from './insert-link-button.svelte';
18
14
  import ToggleBlockMenuItem from './toggle-block-menu-item.svelte';
@@ -2,9 +2,9 @@
2
2
  import { FORMAT_TEXT_COMMAND } from 'lexical';
3
3
  import { getContext } from 'svelte';
4
4
  import { _ } from 'svelte-i18n';
5
+ import { availableButtons } from '..';
5
6
  import Button from '../../button/button.svelte';
6
7
  import Icon from '../../icon/icon.svelte';
7
- import { availableButtons } from '..';
8
8
 
9
9
  /**
10
10
  * Button type.
@@ -13,12 +13,12 @@
13
13
  } from 'lexical';
14
14
  import { getContext, onMount } from 'svelte';
15
15
  import { _ } from 'svelte-i18n';
16
- import { isMac, matchShortcuts } from '../../../services/events';
17
- import TextInput from '../../text-field/text-input.svelte';
18
16
  import { availableButtons } from '..';
19
- import Icon from '../../icon/icon.svelte';
20
- import Dialog from '../../dialog/dialog.svelte';
17
+ import { isMac, matchShortcuts } from '../../../services/events';
21
18
  import Button from '../../button/button.svelte';
19
+ import Dialog from '../../dialog/dialog.svelte';
20
+ import Icon from '../../icon/icon.svelte';
21
+ import TextInput from '../../text-field/text-input.svelte';
22
22
 
23
23
  const id = generateElementId('insert-link');
24
24
 
@@ -9,16 +9,16 @@
9
9
  export default class NumberInput extends SvelteComponent<{
10
10
  [x: string]: any;
11
11
  class?: string | undefined;
12
- invalid?: boolean | undefined;
13
12
  disabled?: boolean | undefined;
13
+ invalid?: boolean | undefined;
14
+ max?: number | undefined;
15
+ min?: number | undefined;
16
+ required?: boolean | undefined;
17
+ step?: number | undefined;
14
18
  value?: string | undefined;
15
19
  hidden?: boolean | undefined;
16
20
  readonly?: boolean | undefined;
17
21
  flex?: boolean | undefined;
18
- required?: boolean | undefined;
19
- max?: number | undefined;
20
- min?: number | undefined;
21
- step?: number | undefined;
22
22
  }, {
23
23
  keydown: KeyboardEvent;
24
24
  keyup: KeyboardEvent;
@@ -44,16 +44,16 @@ declare const __propDef: {
44
44
  props: {
45
45
  [x: string]: any;
46
46
  class?: string | undefined;
47
- invalid?: boolean | undefined;
48
47
  disabled?: boolean | undefined;
48
+ invalid?: boolean | undefined;
49
+ max?: number | undefined;
50
+ min?: number | undefined;
51
+ required?: boolean | undefined;
52
+ step?: number | undefined;
49
53
  value?: string | undefined;
50
54
  hidden?: boolean | undefined;
51
55
  readonly?: boolean | undefined;
52
56
  flex?: boolean | undefined;
53
- required?: boolean | undefined;
54
- max?: number | undefined;
55
- min?: number | undefined;
56
- step?: number | undefined;
57
57
  };
58
58
  events: {
59
59
  keydown: KeyboardEvent;
@@ -10,13 +10,13 @@
10
10
  export default class PasswordInput extends SvelteComponent<{
11
11
  [x: string]: any;
12
12
  class?: string | undefined;
13
- invalid?: boolean | undefined;
14
13
  disabled?: boolean | undefined;
14
+ invalid?: boolean | undefined;
15
+ required?: boolean | undefined;
15
16
  value?: string | undefined;
16
17
  hidden?: boolean | undefined;
17
18
  readonly?: boolean | undefined;
18
19
  flex?: boolean | undefined;
19
- required?: boolean | undefined;
20
20
  }, {
21
21
  keydown: KeyboardEvent;
22
22
  keyup: KeyboardEvent;
@@ -39,13 +39,13 @@ declare const __propDef: {
39
39
  props: {
40
40
  [x: string]: any;
41
41
  class?: string | undefined;
42
- invalid?: boolean | undefined;
43
42
  disabled?: boolean | undefined;
43
+ invalid?: boolean | undefined;
44
+ required?: boolean | undefined;
44
45
  value?: string | undefined;
45
46
  hidden?: boolean | undefined;
46
47
  readonly?: boolean | undefined;
47
48
  flex?: boolean | undefined;
48
- required?: boolean | undefined;
49
49
  };
50
50
  events: {
51
51
  keydown: KeyboardEvent;
@@ -10,14 +10,14 @@
10
10
  export default class SearchBar extends SvelteComponent<{
11
11
  [x: string]: any;
12
12
  class?: string | undefined;
13
+ disabled?: boolean | undefined;
13
14
  focus?: (() => void) | undefined;
14
15
  invalid?: boolean | undefined;
15
- disabled?: boolean | undefined;
16
+ required?: boolean | undefined;
16
17
  value?: string | undefined;
17
18
  hidden?: boolean | undefined;
18
19
  readonly?: boolean | undefined;
19
20
  flex?: boolean | undefined;
20
- required?: boolean | undefined;
21
21
  }, {
22
22
  keydown: KeyboardEvent;
23
23
  keyup: KeyboardEvent;
@@ -66,14 +66,14 @@ declare const __propDef: {
66
66
  props: {
67
67
  [x: string]: any;
68
68
  class?: string | undefined;
69
+ disabled?: boolean | undefined;
69
70
  focus?: (() => void) | undefined;
70
71
  invalid?: boolean | undefined;
71
- disabled?: boolean | undefined;
72
+ required?: boolean | undefined;
72
73
  value?: string | undefined;
73
74
  hidden?: boolean | undefined;
74
75
  readonly?: boolean | undefined;
75
76
  flex?: boolean | undefined;
76
- required?: boolean | undefined;
77
77
  };
78
78
  events: {
79
79
  keydown: KeyboardEvent;
@@ -11,13 +11,13 @@ export default class TextArea extends SvelteComponent<{
11
11
  [x: string]: any;
12
12
  class?: string | undefined;
13
13
  name?: string | undefined;
14
- invalid?: boolean | undefined;
15
14
  disabled?: boolean | undefined;
15
+ invalid?: boolean | undefined;
16
+ required?: boolean | undefined;
16
17
  value?: string | undefined;
17
18
  hidden?: boolean | undefined;
18
19
  readonly?: boolean | undefined;
19
20
  flex?: boolean | undefined;
20
- required?: boolean | undefined;
21
21
  autoResize?: boolean | undefined;
22
22
  }, {
23
23
  keydown: KeyboardEvent;
@@ -38,13 +38,13 @@ declare const __propDef: {
38
38
  [x: string]: any;
39
39
  class?: string | undefined;
40
40
  name?: string | undefined;
41
- invalid?: boolean | undefined;
42
41
  disabled?: boolean | undefined;
42
+ invalid?: boolean | undefined;
43
+ required?: boolean | undefined;
43
44
  value?: string | undefined;
44
45
  hidden?: boolean | undefined;
45
46
  readonly?: boolean | undefined;
46
47
  flex?: boolean | undefined;
47
- required?: boolean | undefined;
48
48
  autoResize?: boolean | undefined;
49
49
  };
50
50
  events: {
@@ -10,8 +10,9 @@ export default class TextInput extends SvelteComponent<{
10
10
  [x: string]: any;
11
11
  class?: string | undefined;
12
12
  name?: string | undefined;
13
- invalid?: boolean | undefined;
14
13
  disabled?: boolean | undefined;
14
+ invalid?: boolean | undefined;
15
+ required?: boolean | undefined;
15
16
  value?: string | number | undefined;
16
17
  role?: "textbox" | "searchbox" | "combobox" | "spinbutton" | undefined;
17
18
  hidden?: boolean | undefined;
@@ -19,9 +20,8 @@ export default class TextInput extends SvelteComponent<{
19
20
  readonly?: boolean | undefined;
20
21
  keyShortcuts?: string | undefined;
21
22
  flex?: boolean | undefined;
22
- required?: boolean | undefined;
23
23
  showInlineLabel?: boolean | undefined;
24
- inputmode?: "search" | "text" | "numeric" | "decimal" | "tel" | "email" | "url" | undefined;
24
+ inputmode?: "search" | "text" | "email" | "tel" | "numeric" | "decimal" | "url" | undefined;
25
25
  }, {
26
26
  keydown: KeyboardEvent;
27
27
  keyup: KeyboardEvent;
@@ -71,8 +71,8 @@ export default class TextInput extends SvelteComponent<{
71
71
  set showInlineLabel(_: boolean | undefined);
72
72
  get showInlineLabel(): boolean | undefined;
73
73
  /**accessor*/
74
- set inputmode(_: "search" | "text" | "numeric" | "decimal" | "tel" | "email" | "url" | undefined);
75
- get inputmode(): "search" | "text" | "numeric" | "decimal" | "tel" | "email" | "url" | undefined;
74
+ set inputmode(_: "search" | "text" | "email" | "tel" | "numeric" | "decimal" | "url" | undefined);
75
+ get inputmode(): "search" | "text" | "email" | "tel" | "numeric" | "decimal" | "url" | undefined;
76
76
  }
77
77
  export type TextInputProps = typeof __propDef.props;
78
78
  export type TextInputEvents = typeof __propDef.events;
@@ -83,8 +83,9 @@ declare const __propDef: {
83
83
  [x: string]: any;
84
84
  class?: string | undefined;
85
85
  name?: string | undefined;
86
- invalid?: boolean | undefined;
87
86
  disabled?: boolean | undefined;
87
+ invalid?: boolean | undefined;
88
+ required?: boolean | undefined;
88
89
  value?: string | number | undefined;
89
90
  role?: "textbox" | "searchbox" | "combobox" | "spinbutton" | undefined;
90
91
  hidden?: boolean | undefined;
@@ -92,9 +93,8 @@ declare const __propDef: {
92
93
  readonly?: boolean | undefined;
93
94
  keyShortcuts?: string | undefined;
94
95
  flex?: boolean | undefined;
95
- required?: boolean | undefined;
96
96
  showInlineLabel?: boolean | undefined;
97
- inputmode?: "search" | "text" | "numeric" | "decimal" | "tel" | "email" | "url" | undefined;
97
+ inputmode?: "search" | "text" | "email" | "tel" | "numeric" | "decimal" | "url" | undefined;
98
98
  };
99
99
  events: {
100
100
  keydown: KeyboardEvent;