framework7-svelte 8.3.4 → 9.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (194) hide show
  1. package/components/accordion-content.d.ts +11 -5
  2. package/components/accordion-content.svelte +8 -6
  3. package/components/accordion-item.d.ts +23 -11
  4. package/components/accordion-item.svelte +27 -25
  5. package/components/accordion-toggle.d.ts +11 -5
  6. package/components/accordion-toggle.svelte +8 -6
  7. package/components/accordion.d.ts +11 -5
  8. package/components/accordion.svelte +11 -10
  9. package/components/actions-button.d.ts +14 -6
  10. package/components/actions-button.svelte +21 -19
  11. package/components/actions-group.d.ts +11 -5
  12. package/components/actions-group.svelte +4 -7
  13. package/components/actions-label.d.ts +11 -5
  14. package/components/actions-label.svelte +13 -23
  15. package/components/actions.d.ts +31 -21
  16. package/components/actions.svelte +50 -54
  17. package/components/app.d.ts +11 -5
  18. package/components/app.svelte +6 -7
  19. package/components/area-chart.d.ts +13 -6
  20. package/components/area-chart.svelte +42 -46
  21. package/components/badge.d.ts +11 -5
  22. package/components/badge.svelte +10 -9
  23. package/components/block-footer.d.ts +11 -5
  24. package/components/block-footer.svelte +8 -6
  25. package/components/block-header.d.ts +11 -5
  26. package/components/block-header.svelte +8 -6
  27. package/components/block-title.d.ts +11 -5
  28. package/components/block-title.svelte +12 -10
  29. package/components/block.d.ts +11 -5
  30. package/components/block.svelte +76 -76
  31. package/components/breadcrumbs-collapsed.d.ts +12 -6
  32. package/components/breadcrumbs-collapsed.svelte +10 -15
  33. package/components/breadcrumbs-item.d.ts +12 -6
  34. package/components/breadcrumbs-item.svelte +9 -8
  35. package/components/breadcrumbs-separator.d.ts +10 -5
  36. package/components/breadcrumbs-separator.svelte +9 -5
  37. package/components/breadcrumbs.d.ts +11 -6
  38. package/components/breadcrumbs.svelte +8 -6
  39. package/components/button.d.ts +44 -37
  40. package/components/button.svelte +107 -103
  41. package/components/card-content.d.ts +11 -5
  42. package/components/card-content.svelte +11 -10
  43. package/components/card-footer.d.ts +11 -5
  44. package/components/card-footer.svelte +8 -6
  45. package/components/card-header.d.ts +11 -5
  46. package/components/card-header.svelte +8 -6
  47. package/components/card.d.ts +43 -31
  48. package/components/card.svelte +78 -67
  49. package/components/checkbox.d.ts +20 -13
  50. package/components/checkbox.svelte +32 -30
  51. package/components/chip.d.ts +22 -15
  52. package/components/chip.svelte +54 -60
  53. package/components/fab-backdrop.d.ts +10 -5
  54. package/components/fab-backdrop.svelte +5 -7
  55. package/components/fab-button.d.ts +17 -11
  56. package/components/fab-button.svelte +20 -29
  57. package/components/fab-buttons.d.ts +11 -5
  58. package/components/fab-buttons.svelte +5 -12
  59. package/components/fab.d.ts +22 -13
  60. package/components/fab.svelte +55 -51
  61. package/components/gauge.d.ts +24 -19
  62. package/components/gauge.svelte +25 -25
  63. package/components/icon.d.ts +19 -13
  64. package/components/icon.svelte +65 -63
  65. package/components/input.d.ts +78 -61
  66. package/components/input.svelte +171 -154
  67. package/components/link.d.ts +28 -21
  68. package/components/link.svelte +67 -65
  69. package/components/list-button.d.ts +22 -15
  70. package/components/list-button.svelte +56 -44
  71. package/components/list-group.d.ts +16 -10
  72. package/components/list-group.svelte +38 -34
  73. package/components/list-index.d.ts +20 -13
  74. package/components/list-index.svelte +23 -24
  75. package/components/list-input.d.ts +91 -64
  76. package/components/list-input.svelte +254 -205
  77. package/components/list-item.d.ts +98 -63
  78. package/components/list-item.svelte +412 -439
  79. package/components/list.d.ts +72 -54
  80. package/components/list.svelte +151 -147
  81. package/components/login-screen-title.d.ts +11 -5
  82. package/components/login-screen-title.svelte +4 -6
  83. package/components/login-screen.d.ts +20 -10
  84. package/components/login-screen.svelte +39 -42
  85. package/components/message.d.ts +48 -29
  86. package/components/message.svelte +123 -88
  87. package/components/messagebar-attachment.d.ts +17 -9
  88. package/components/messagebar-attachment.svelte +16 -18
  89. package/components/messagebar-attachments.d.ts +11 -5
  90. package/components/messagebar-attachments.svelte +6 -6
  91. package/components/messagebar-sheet-image.d.ts +19 -10
  92. package/components/messagebar-sheet-image.svelte +30 -22
  93. package/components/messagebar-sheet-item.d.ts +11 -5
  94. package/components/messagebar-sheet-item.svelte +4 -6
  95. package/components/messagebar-sheet.d.ts +11 -5
  96. package/components/messagebar-sheet.svelte +4 -6
  97. package/components/messagebar.d.ts +53 -31
  98. package/components/messagebar.svelte +100 -77
  99. package/components/messages-title.d.ts +11 -5
  100. package/components/messages-title.svelte +4 -6
  101. package/components/messages.d.ts +26 -20
  102. package/components/messages.svelte +32 -32
  103. package/components/nav-left.d.ts +19 -12
  104. package/components/nav-left.svelte +23 -39
  105. package/components/nav-right.d.ts +11 -6
  106. package/components/nav-right.svelte +4 -15
  107. package/components/nav-title-large.d.ts +11 -5
  108. package/components/nav-title-large.svelte +4 -6
  109. package/components/nav-title.d.ts +13 -8
  110. package/components/nav-title.svelte +25 -20
  111. package/components/navbar.d.ts +47 -28
  112. package/components/navbar.svelte +100 -111
  113. package/components/page-content.d.ts +41 -29
  114. package/components/page-content.svelte +58 -50
  115. package/components/page.d.ts +71 -46
  116. package/components/page.svelte +102 -82
  117. package/components/panel.d.ts +51 -35
  118. package/components/panel.svelte +94 -99
  119. package/components/photo-browser.d.ts +50 -41
  120. package/components/photo-browser.svelte +48 -47
  121. package/components/pie-chart.d.ts +13 -6
  122. package/components/pie-chart.svelte +29 -27
  123. package/components/popover.d.ts +28 -19
  124. package/components/popover.svelte +45 -48
  125. package/components/popup.d.ts +37 -23
  126. package/components/popup.svelte +68 -57
  127. package/components/preloader.d.ts +10 -5
  128. package/components/preloader.svelte +30 -31
  129. package/components/progressbar.d.ts +11 -6
  130. package/components/progressbar.svelte +13 -17
  131. package/components/radio.d.ts +19 -12
  132. package/components/radio.svelte +19 -23
  133. package/components/range.d.ts +35 -27
  134. package/components/range.svelte +47 -44
  135. package/components/routable-modals.d.ts +9 -4
  136. package/components/routable-modals.svelte +9 -8
  137. package/components/router-context-provider.d.ts +11 -6
  138. package/components/router-context-provider.svelte +2 -4
  139. package/components/searchbar.d.ts +60 -43
  140. package/components/searchbar.svelte +115 -104
  141. package/components/segmented.d.ts +21 -15
  142. package/components/segmented.svelte +38 -35
  143. package/components/sheet.d.ts +47 -30
  144. package/components/sheet.svelte +94 -76
  145. package/components/snippet-render.d.ts +24 -0
  146. package/components/snippet-render.svelte +9 -0
  147. package/components/stepper.d.ts +53 -43
  148. package/components/stepper.svelte +83 -79
  149. package/components/subnavbar.d.ts +13 -8
  150. package/components/subnavbar.svelte +12 -20
  151. package/components/swipeout-actions.d.ts +14 -8
  152. package/components/swipeout-actions.svelte +14 -13
  153. package/components/swipeout-button.d.ts +20 -13
  154. package/components/swipeout-button.svelte +31 -31
  155. package/components/tab.d.ts +14 -8
  156. package/components/tab.svelte +20 -28
  157. package/components/tabs.d.ts +15 -9
  158. package/components/tabs.svelte +27 -26
  159. package/components/text-editor.d.ts +44 -24
  160. package/components/text-editor.svelte +56 -41
  161. package/components/toggle.d.ts +22 -15
  162. package/components/toggle.svelte +33 -37
  163. package/components/toolbar-pane.d.ts +24 -0
  164. package/components/toolbar-pane.svelte +14 -0
  165. package/components/toolbar.d.ts +30 -20
  166. package/components/toolbar.svelte +61 -53
  167. package/components/treeview-item.d.ts +36 -17
  168. package/components/treeview-item.svelte +101 -81
  169. package/components/treeview.d.ts +11 -5
  170. package/components/treeview.svelte +4 -6
  171. package/components/use-icon.d.ts +9 -4
  172. package/components/use-icon.svelte +1 -1
  173. package/components/view.d.ts +76 -65
  174. package/components/view.svelte +66 -48
  175. package/components/views.d.ts +11 -5
  176. package/components/views.svelte +12 -15
  177. package/framework7-svelte.d.ts +3 -1
  178. package/framework7-svelte.js +6 -4
  179. package/package.json +2 -2
  180. package/shared/components-router.js +28 -25
  181. package/shared/f7.js +1 -7
  182. package/shared/mixins.js +5 -5
  183. package/shared/modal-state-classes.js +4 -5
  184. package/shared/plugin.js +1 -4
  185. package/shared/rest-props.js +1 -4
  186. package/shared/use-icon.js +2 -5
  187. package/shared/use-store.js +9 -9
  188. package/shared/use-tab.js +3 -3
  189. package/shared/use-tooltip.js +3 -4
  190. package/shared/utils.js +2 -8
  191. package/shared/get-reactive-context.js +0 -16
  192. package/shared/list-context.js +0 -10
  193. package/shared/router-context.js +0 -8
  194. package/shared/set-reactive-context.js +0 -26
@@ -1,53 +1,53 @@
1
1
 
2
- import { SvelteComponent } from 'svelte';
2
+ import { SvelteComponent, Snippet } from 'svelte';
3
3
  import { HTMLAttributes } from 'svelte/elements';
4
4
 
5
5
  import { SmartSelect } from 'framework7/types';
6
6
 
7
7
 
8
- interface ListItemProps {
9
- title ?: string | number;
10
- text ?: string | number;
11
- media ?: string;
12
- subtitle ?: string | number;
13
- header ?: string | number;
14
- footer ?: string | number;
15
- tooltip ?: string;
16
- tooltipTrigger ?: string;
17
- link ?: boolean | string;
18
- target ?: string;
19
- tabLink ?: boolean | string;
20
- tabLinkActive ?: boolean;
8
+ interface Props {
9
+ title?: string | number | Snippet;
10
+ text?: string | number | Snippet;
11
+ media?: string | Snippet;
12
+ subtitle?: string | number | Snippet;
13
+ header?: string | number | Snippet;
14
+ footer?: string | number | Snippet;
15
+ tooltip?: string;
16
+ tooltipTrigger?: string;
17
+ link?: boolean | string;
18
+ target?: string;
19
+ tabLink?: boolean | string;
20
+ tabLinkActive?: boolean;
21
21
  selected?: boolean;
22
- after ?: string | number;
23
- badge ?: string | number;
24
- badgeColor ?: string;
25
- mediaItem ?: boolean;
26
- mediaList ?: boolean;
27
- groupTitle ?: boolean;
28
- swipeout ?: boolean;
29
- swipeoutOpened ?: boolean;
30
- sortable ?: boolean;
31
- sortableOpposite ?: boolean;
32
- accordionItem ?: boolean;
33
- accordionItemOpened ?: boolean;
34
- smartSelect ?: boolean;
35
- smartSelectParams ?: SmartSelect.Parameters;
36
- noChevron ?: boolean;
37
- chevronCenter ?: boolean;
38
- checkbox ?: boolean;
39
- checkboxIcon ?: boolean;
40
- radio ?: boolean;
41
- radioIcon ?: string;
42
- checked ?: boolean;
43
- defaultChecked ?: boolean;
44
- indeterminate ?: boolean;
45
- name ?: string;
46
- value ?: string | number | Array<any>;
47
- readonly ?: boolean;
48
- required ?: boolean;
49
- disabled ?: boolean;
50
- virtualListIndex ?: number;
22
+ after?: string | number | Snippet;
23
+ badge?: string | number | Snippet;
24
+ badgeColor?: string;
25
+ mediaItem?: boolean;
26
+ mediaList?: boolean;
27
+ groupTitle?: boolean;
28
+ swipeout?: boolean;
29
+ swipeoutOpened?: boolean;
30
+ sortable?: boolean;
31
+ sortableOpposite?: boolean;
32
+ accordionItem?: boolean;
33
+ accordionItemOpened?: boolean;
34
+ smartSelect?: boolean;
35
+ smartSelectParams?: SmartSelect.Parameters;
36
+ noChevron?: boolean;
37
+ chevronCenter?: boolean;
38
+ checkbox?: boolean;
39
+ checkboxIcon?: boolean;
40
+ radio?: boolean;
41
+ radioIcon?: string;
42
+ checked?: boolean;
43
+ defaultChecked?: boolean;
44
+ indeterminate?: boolean;
45
+ name?: string;
46
+ value?: string | number | Array<any>;
47
+ readonly?: boolean;
48
+ required?: boolean;
49
+ disabled?: boolean;
50
+ virtualListIndex?: number;
51
51
  color?: string;
52
52
  colorTheme?: string;
53
53
  textColor?: string;
@@ -94,31 +94,66 @@ interface ListItemProps {
94
94
  cardPreventOpen?: boolean | string;
95
95
  cardClose?: boolean | string;
96
96
  menuClose?: boolean | string;
97
- onClick ?: (event?: any) => void;
98
- onSwipeoutOverswipeEnter ?: (...args: any[]) => void;
99
- onSwipeoutOverswipeExit ?: (...args: any[]) => void;
100
- onSwipeoutDeleted ?: (...args: any[]) => void;
101
- onSwipeoutDelete ?: (...args: any[]) => void;
102
- onSwipeoutClose ?: (...args: any[]) => void;
103
- onSwipeoutClosed ?: (...args: any[]) => void;
104
- onSwipeoutOpen ?: (...args: any[]) => void;
105
- onSwipeoutOpened ?: (...args: any[]) => void;
106
- onSwipeout ?: (progress?: any) => void;
107
- onAccordionBeforeClose ?: (prevent?: any) => void;
108
- onAccordionClose ?: (...args: any[]) => void;
109
- onAccordionClosed ?: (...args: any[]) => void;
110
- onAccordionBeforeOpen ?: (prevent?: any) => void;
111
- onAccordionOpen ?: (...args: any[]) => void;
112
- onAccordionOpened ?: (...args: any[]) => void;
113
- onChange ?: (event?: any) => void;
97
+ onClick?: (event?: any) => void;
98
+ onSwipeoutOverswipeEnter?: (...args: any[]) => void;
99
+ onSwipeoutOverswipeExit?: (...args: any[]) => void;
100
+ onSwipeoutDeleted?: (...args: any[]) => void;
101
+ onSwipeoutDelete?: (...args: any[]) => void;
102
+ onSwipeoutClose?: (...args: any[]) => void;
103
+ onSwipeoutClosed?: (...args: any[]) => void;
104
+ onSwipeoutOpen?: (...args: any[]) => void;
105
+ onSwipeoutOpened?: (...args: any[]) => void;
106
+ onSwipeout?: (progress?: any) => void;
107
+ onAccordionBeforeClose?: (prevent?: any) => void;
108
+ onAccordionClose?: (...args: any[]) => void;
109
+ onAccordionClosed?: (...args: any[]) => void;
110
+ onAccordionBeforeOpen?: (prevent?: any) => void;
111
+ onAccordionOpen?: (...args: any[]) => void;
112
+ onAccordionOpened?: (...args: any[]) => void;
113
+ onChange?: (event?: any) => void;
114
+ children?: Snippet;
115
+ rootStart?: Snippet;
116
+ contentStart?: Snippet;
117
+ innerStart?: Snippet;
118
+ beforeTitle?: Snippet;
119
+ afterTitle?: Snippet;
120
+ afterStart?: Snippet;
121
+ afterEnd?: Snippet;
122
+ inner?: Snippet;
123
+ innerEnd?: Snippet;
124
+ content?: Snippet;
125
+ contentEnd?: Snippet;
126
+ root?: Snippet;
127
+ onclick?: () => void;
128
+ onswipeoutoverswipeenter?: () => void;
129
+ onswipeoutoverswipeexit?: () => void;
130
+ onswipeoutdeleted?: () => void;
131
+ onswipeoutdelete?: () => void;
132
+ onswipeoutclose?: () => void;
133
+ onswipeoutclosed?: () => void;
134
+ onswipeoutopen?: () => void;
135
+ onswipeoutopened?: () => void;
136
+ onswipeout?: () => void;
137
+ onaccordionbeforeclose?: () => void;
138
+ onaccordionclose?: () => void;
139
+ onaccordionclosed?: () => void;
140
+ onaccordionbeforeopen?: () => void;
141
+ onaccordionopen?: () => void;
142
+ onaccordionopened?: () => void;
143
+ onchange?: () => void;
114
144
  }
115
145
 
146
+ interface ListItemProps {}
147
+ interface ListItemProps extends Props {}
148
+
149
+ interface ListItemEvents extends Record<'',{}>{}
150
+
116
151
 
117
152
 
118
153
  declare class ListItem extends SvelteComponent<
119
- ListItemProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof ListItemProps>,
120
- { click: CustomEvent<void>; swipeoutOverswipeEnter: CustomEvent<void>; swipeoutOverswipeExit: CustomEvent<void>; swipeoutDeleted: CustomEvent<void>; swipeoutDelete: CustomEvent<void>; swipeoutClose: CustomEvent<void>; swipeoutClosed: CustomEvent<void>; swipeoutOpen: CustomEvent<void>; swipeoutOpened: CustomEvent<void>; swipeout: CustomEvent<void>; accordionBeforeClose: CustomEvent<void>; accordionClose: CustomEvent<void>; accordionClosed: CustomEvent<void>; accordionBeforeOpen: CustomEvent<void>; accordionOpen: CustomEvent<void>; accordionOpened: CustomEvent<void>; change: CustomEvent<void>; },
121
- { 'default' : {}; 'root-start' : {}; 'content-start' : {}; 'media' : {}; 'inner-start' : {}; 'header' : {}; 'before-title' : {}; 'title' : {}; 'after-title' : {}; 'after-start' : {}; 'after' : {}; 'after-end' : {}; 'subtitle' : {}; 'text' : {}; 'inner' : {}; 'footer' : {}; 'inner-end' : {}; 'content' : {}; 'content-end' : {}; 'root' : {}; 'root-end' : {}; }
154
+ ListItemProps,
155
+ ListItemEvents,
156
+ { }
122
157
  > {}
123
158
 
124
159
  export { ListItemProps };