@softwareone/spi-sv5-library 1.14.0 → 1.14.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 (207) hide show
  1. package/README.md +221 -91
  2. package/dist/{Accordion → components/accordion}/Accordion.svelte +2 -7
  3. package/dist/{Accordion → components/accordion}/Accordion.svelte.d.ts +2 -2
  4. package/dist/{Announcement → components/announcement}/Announcement.svelte +1 -1
  5. package/dist/{Announcement → components/announcement}/Announcement.svelte.d.ts +1 -1
  6. package/dist/{Avatar → components/avatar}/Avatar.svelte +2 -2
  7. package/dist/{Avatar → components/avatar}/Avatar.svelte.d.ts +2 -2
  8. package/dist/{Button → components/button}/Button.svelte +2 -2
  9. package/dist/{Button → components/button}/Button.svelte.d.ts +2 -2
  10. package/dist/{Card → components/card}/Card.svelte +2 -2
  11. package/dist/{Card → components/card}/Card.svelte.d.ts +2 -2
  12. package/dist/{Chips → components/chips}/Chips.svelte +3 -3
  13. package/dist/components/chips/Chips.svelte.d.ts +8 -0
  14. package/dist/{Confirmation → components/confirmation}/Confirmation.svelte +1 -1
  15. package/dist/{Controls/AttachFile → components/controls/attach-file}/AttachFile.svelte +2 -2
  16. package/dist/{Controls/AttachFile → components/controls/attach-file}/AttachFile.svelte.d.ts +1 -1
  17. package/dist/{Controls/AttachFile → components/controls/attach-file}/Warnings.svelte +2 -2
  18. package/dist/{Controls/AttachFile → components/controls/attach-file}/Warnings.svelte.d.ts +2 -2
  19. package/dist/{Controls/Input → components/controls/input}/Input.svelte +4 -4
  20. package/dist/{Controls/Input → components/controls/input}/Input.svelte.d.ts +3 -3
  21. package/dist/{Controls/Label → components/controls/label}/Label.svelte +2 -2
  22. package/dist/{Controls/Label → components/controls/label}/Label.svelte.d.ts +1 -1
  23. package/dist/{Controls/RadioGroup → components/controls/radio-group}/RadioGroup.svelte +5 -5
  24. package/dist/{Controls/RadioGroup → components/controls/radio-group}/RadioGroup.svelte.d.ts +4 -4
  25. package/dist/{Controls/Select → components/controls/select}/Select.svelte +24 -12
  26. package/dist/{Controls/Select → components/controls/select}/Select.svelte.d.ts +4 -4
  27. package/dist/{Controls/TextArea → components/controls/textarea}/TextArea.svelte +4 -4
  28. package/dist/{Controls/TextArea → components/controls/textarea}/TextArea.svelte.d.ts +3 -3
  29. package/dist/{Controls/Toggle → components/controls/toggle}/Toggle.svelte +4 -4
  30. package/dist/components/controls/toggle/Toggle.svelte.d.ts +10 -0
  31. package/dist/{DeleteConfirmation → components/delete-confirmation}/DeleteConfirmation.svelte +3 -3
  32. package/dist/{DeleteConfirmation → components/delete-confirmation}/DeleteConfirmation.svelte.d.ts +2 -2
  33. package/dist/{ErrorPage → components/error-page}/ErrorPage.svelte +4 -4
  34. package/dist/{ErrorPage → components/error-page}/ErrorPage.svelte.d.ts +2 -2
  35. package/dist/{Footer → components/footer}/Footer.svelte +3 -2
  36. package/dist/{Footer → components/footer}/Footer.svelte.d.ts +2 -2
  37. package/dist/{Form → components/form}/Form.svelte +2 -2
  38. package/dist/components/form/index.d.ts +5 -0
  39. package/dist/components/form/index.js +4 -0
  40. package/dist/{Header → components/header}/Header.svelte +7 -7
  41. package/dist/{Header → components/header}/Header.svelte.d.ts +4 -4
  42. package/dist/{Header → components/header}/HeaderAccount.svelte +1 -1
  43. package/dist/{Header → components/header}/HeaderAccount.svelte.d.ts +1 -1
  44. package/dist/{HighlightPanel → components/highlight-panel}/HighlightPanel.svelte +3 -3
  45. package/dist/{HighlightPanel → components/highlight-panel}/HighlightPanel.svelte.d.ts +3 -3
  46. package/dist/components/highlight-panel/enums.d.ts +12 -0
  47. package/dist/{HighlightPanel/highlightPanelState.svelte.d.ts → components/highlight-panel/types.d.ts} +2 -13
  48. package/dist/{Home → components/home}/Home.svelte +3 -3
  49. package/dist/components/home/Home.svelte.d.ts +8 -0
  50. package/dist/components/index.d.ts +50 -0
  51. package/dist/components/index.js +39 -0
  52. package/dist/{Menu → components/menu}/Menu.svelte +3 -3
  53. package/dist/components/menu/Menu.svelte.d.ts +8 -0
  54. package/dist/{Menu → components/menu}/MenuItem.svelte +4 -4
  55. package/dist/{Menu → components/menu}/MenuItem.svelte.d.ts +3 -3
  56. package/dist/{Menu → components/menu}/Sidebar.svelte +1 -1
  57. package/dist/{Menu → components/menu}/Sidebar.svelte.d.ts +1 -1
  58. package/dist/{Menu/MenuState.svelte.d.ts → components/menu/types.d.ts} +0 -1
  59. package/dist/components/menu/utils.d.ts +2 -0
  60. package/dist/{Modal → components/modal}/Modal.svelte +1 -1
  61. package/dist/{Modal → components/modal}/Modal.svelte.d.ts +1 -1
  62. package/dist/{Modal → components/modal}/ModalContent.svelte +2 -2
  63. package/dist/{Modal → components/modal}/ModalContent.svelte.d.ts +2 -2
  64. package/dist/{Modal → components/modal}/ModalFooter.svelte +2 -2
  65. package/dist/{Modal → components/modal}/ModalFooter.svelte.d.ts +1 -1
  66. package/dist/{Modal → components/modal}/ModalHeader.svelte +1 -1
  67. package/dist/{Modal → components/modal}/ModalHeader.svelte.d.ts +1 -1
  68. package/dist/{Notification → components/notification}/Notification.svelte +10 -1
  69. package/dist/{Notification/notificationState.svelte.d.ts → components/notification/Notification.svelte.d.ts} +4 -2
  70. package/dist/{Processing → components/processing}/Processing.svelte +9 -3
  71. package/dist/components/processing/Processing.svelte.d.ts +9 -0
  72. package/dist/{ProgressPage → components/progress-page}/ProgressPage.svelte +4 -4
  73. package/dist/{ProgressPage → components/progress-page}/ProgressPage.svelte.d.ts +3 -3
  74. package/dist/{ProgressWizard → components/progress-wizard}/ProgressWizard.svelte +3 -3
  75. package/dist/{ProgressWizard → components/progress-wizard}/ProgressWizard.svelte.d.ts +3 -3
  76. package/dist/{ProgressWizard → components/progress-wizard}/context.d.ts +1 -1
  77. package/dist/{ProgressWizard/progressWizardState.svelte.d.ts → components/progress-wizard/types.d.ts} +0 -1
  78. package/dist/components/progress-wizard/utils.d.ts +2 -0
  79. package/dist/{Spinner → components/spinner}/Spinner.svelte +2 -2
  80. package/dist/{Spinner → components/spinner}/Spinner.svelte.d.ts +2 -2
  81. package/dist/{Switcher → components/switcher}/Switcher.svelte +3 -3
  82. package/dist/components/switcher/Switcher.svelte.d.ts +8 -0
  83. package/dist/{Table → components/table}/AdvancedFilter.svelte +2 -2
  84. package/dist/{Table → components/table}/Header.svelte +2 -2
  85. package/dist/{Table → components/table}/Pagination.svelte +1 -1
  86. package/dist/{Table → components/table}/Table.svelte +2 -2
  87. package/dist/{Table → components/table}/adapter/index.d.ts +1 -1
  88. package/dist/{Table → components/table}/adapter/index.js +1 -1
  89. package/dist/{Table → components/table}/index.d.ts +6 -5
  90. package/dist/{Table → components/table}/index.js +4 -4
  91. package/dist/{Tabs → components/tabs}/Tabs.svelte +3 -3
  92. package/dist/{Tabs → components/tabs}/Tabs.svelte.d.ts +3 -3
  93. package/dist/{Toast → components/toast}/Toast.svelte +3 -3
  94. package/dist/components/toast/Toast.svelte.d.ts +6 -0
  95. package/dist/components/toast/state.svelte.d.ts +11 -0
  96. package/dist/components/toast/types.d.ts +7 -0
  97. package/dist/components/toast/types.js +1 -0
  98. package/dist/{Tooltip → components/tooltip}/Tooltip.svelte +2 -2
  99. package/dist/{Tooltip → components/tooltip}/Tooltip.svelte.d.ts +2 -2
  100. package/dist/{Waffle → components/waffle}/Waffle.svelte +2 -1
  101. package/dist/{Waffle → components/waffle}/Waffle.svelte.d.ts +1 -1
  102. package/dist/components/waffle/types.js +1 -0
  103. package/dist/index.d.ts +1 -61
  104. package/dist/index.js +1 -55
  105. package/package.json +5 -5
  106. package/dist/Breadcrumbs/Breadcrumbs.svelte +0 -78
  107. package/dist/Breadcrumbs/Breadcrumbs.svelte.d.ts +0 -18
  108. package/dist/Breadcrumbs/breadcrumbsState.svelte.d.ts +0 -8
  109. package/dist/Breadcrumbs/breadcrumbsState.svelte.js +0 -24
  110. package/dist/Chips/Chips.svelte.d.ts +0 -8
  111. package/dist/Controls/Toggle/Toggle.svelte.d.ts +0 -10
  112. package/dist/Form/index.d.ts +0 -6
  113. package/dist/Form/index.js +0 -11
  114. package/dist/Home/Home.svelte.d.ts +0 -8
  115. package/dist/Menu/Menu.svelte.d.ts +0 -8
  116. package/dist/Notification/Notification.svelte.d.ts +0 -4
  117. package/dist/Processing/Processing.svelte.d.ts +0 -4
  118. package/dist/Processing/processingState.svelte.d.ts +0 -6
  119. package/dist/Switcher/Switcher.svelte.d.ts +0 -8
  120. package/dist/Toast/Toast.svelte.d.ts +0 -6
  121. package/dist/Toast/toastState.svelte.d.ts +0 -16
  122. /package/dist/{Announcement/AnnouncementState.svelte.d.ts → components/announcement/types.d.ts} +0 -0
  123. /package/dist/{Form → components/announcement}/types.js +0 -0
  124. /package/dist/{Chips/chipsState.svelte.d.ts → components/chips/enums.d.ts} +0 -0
  125. /package/dist/{Chips/chipsState.svelte.js → components/chips/enums.js} +0 -0
  126. /package/dist/{Confirmation → components/confirmation}/Confirmation.svelte.d.ts +0 -0
  127. /package/dist/{Controls/AttachFile → components/controls/attach-file}/FileManager.svelte +0 -0
  128. /package/dist/{Controls/AttachFile → components/controls/attach-file}/FileManager.svelte.d.ts +0 -0
  129. /package/dist/{Controls/Input → components/controls/input}/InputIcon.svelte +0 -0
  130. /package/dist/{Controls/Input → components/controls/input}/InputIcon.svelte.d.ts +0 -0
  131. /package/dist/{Controls/Label/labelState.svelte.d.ts → components/controls/label/types.d.ts} +0 -0
  132. /package/dist/{Announcement/AnnouncementState.svelte.js → components/controls/label/types.js} +0 -0
  133. /package/dist/{Controls/RadioGroup/radioGroupState.svelte.d.ts → components/controls/radio-group/types.d.ts} +0 -0
  134. /package/dist/{Controls/Label/labelState.svelte.js → components/controls/radio-group/types.js} +0 -0
  135. /package/dist/{Controls/Select/selectState.svelte.d.ts → components/controls/select/types.d.ts} +0 -0
  136. /package/dist/{Controls/RadioGroup/radioGroupState.svelte.js → components/controls/select/types.js} +0 -0
  137. /package/dist/{Form → components/form}/Form.svelte.d.ts +0 -0
  138. /package/dist/{Form → components/form}/context.d.ts +0 -0
  139. /package/dist/{Form → components/form}/context.js +0 -0
  140. /package/dist/{Form → components/form}/types.d.ts +0 -0
  141. /package/dist/{Controls/Select/selectState.svelte.js → components/form/types.js} +0 -0
  142. /package/dist/{Form/helper.d.ts → components/form/utils.d.ts} +0 -0
  143. /package/dist/{Form/helper.js → components/form/utils.js} +0 -0
  144. /package/dist/{Form → components/form}/zod-validations.d.ts +0 -0
  145. /package/dist/{Form → components/form}/zod-validations.js +0 -0
  146. /package/dist/{Header → components/header}/HeaderLoader.svelte +0 -0
  147. /package/dist/{Header → components/header}/HeaderLoader.svelte.d.ts +0 -0
  148. /package/dist/{Header → components/header}/HeaderLogo.svelte +0 -0
  149. /package/dist/{Header → components/header}/HeaderLogo.svelte.d.ts +0 -0
  150. /package/dist/{HighlightPanel/highlightPanelState.svelte.js → components/highlight-panel/enums.js} +0 -0
  151. /package/dist/{Modal/modalState.svelte.js → components/highlight-panel/types.js} +0 -0
  152. /package/dist/{Link → components/link}/Link.svelte +0 -0
  153. /package/dist/{Link → components/link}/Link.svelte.d.ts +0 -0
  154. /package/dist/{Notification/notificationState.svelte.js → components/menu/types.js} +0 -0
  155. /package/dist/{Menu/MenuState.svelte.js → components/menu/utils.js} +0 -0
  156. /package/dist/{Modal/modalState.svelte.d.ts → components/modal/types.d.ts} +0 -0
  157. /package/dist/{Processing/processingState.svelte.js → components/modal/types.js} +0 -0
  158. /package/dist/{ProgressWizard → components/progress-wizard}/context.js +0 -0
  159. /package/dist/{Switcher/switcherState.svelte.js → components/progress-wizard/types.js} +0 -0
  160. /package/dist/{ProgressWizard/progressWizardState.svelte.js → components/progress-wizard/utils.js} +0 -0
  161. /package/dist/{Search → components/search}/Search.svelte +0 -0
  162. /package/dist/{Search → components/search}/Search.svelte.d.ts +0 -0
  163. /package/dist/{Switcher/switcherState.svelte.d.ts → components/switcher/types.d.ts} +0 -0
  164. /package/dist/{Waffle/waffleState.svelte.js → components/switcher/types.js} +0 -0
  165. /package/dist/{Table → components/table}/ActionsColumn.svelte +0 -0
  166. /package/dist/{Table → components/table}/ActionsColumn.svelte.d.ts +0 -0
  167. /package/dist/{Table → components/table}/AdvancedFilter.svelte.d.ts +0 -0
  168. /package/dist/{Table → components/table}/Body.svelte +0 -0
  169. /package/dist/{Table → components/table}/Body.svelte.d.ts +0 -0
  170. /package/dist/{Table → components/table}/ColumnVisibilityDropdown.svelte +0 -0
  171. /package/dist/{Table → components/table}/ColumnVisibilityDropdown.svelte.d.ts +0 -0
  172. /package/dist/{Table → components/table}/Footer.svelte +0 -0
  173. /package/dist/{Table → components/table}/Footer.svelte.d.ts +0 -0
  174. /package/dist/{Table → components/table}/Header.svelte.d.ts +0 -0
  175. /package/dist/{Table → components/table}/PageSize.svelte +0 -0
  176. /package/dist/{Table → components/table}/PageSize.svelte.d.ts +0 -0
  177. /package/dist/{Table → components/table}/Pagination.svelte.d.ts +0 -0
  178. /package/dist/{Table → components/table}/RowCheckBox.svelte +0 -0
  179. /package/dist/{Table → components/table}/RowCheckBox.svelte.d.ts +0 -0
  180. /package/dist/{Table → components/table}/Skeleton.svelte +0 -0
  181. /package/dist/{Table → components/table}/Skeleton.svelte.d.ts +0 -0
  182. /package/dist/{Table → components/table}/Table.svelte.d.ts +0 -0
  183. /package/dist/{Table → components/table}/adapter/flex-render.svelte +0 -0
  184. /package/dist/{Table → components/table}/adapter/flex-render.svelte.d.ts +0 -0
  185. /package/dist/{Table → components/table}/adapter/render-component.d.ts +0 -0
  186. /package/dist/{Table → components/table}/adapter/render-component.js +0 -0
  187. /package/dist/{Table → components/table}/adapter/table.svelte.d.ts +0 -0
  188. /package/dist/{Table → components/table}/adapter/table.svelte.js +0 -0
  189. /package/dist/{Table → components/table}/consts.d.ts +0 -0
  190. /package/dist/{Table → components/table}/consts.js +0 -0
  191. /package/dist/{Table → components/table}/context.d.ts +0 -0
  192. /package/dist/{Table → components/table}/context.js +0 -0
  193. /package/dist/{Table → components/table}/excel-setting.d.ts +0 -0
  194. /package/dist/{Table → components/table}/excel-setting.js +0 -0
  195. /package/dist/{Table → components/table}/excel.d.ts +0 -0
  196. /package/dist/{Table → components/table}/excel.js +0 -0
  197. /package/dist/{Table → components/table}/tanstack-types.d.ts +0 -0
  198. /package/dist/{Table → components/table}/types.d.ts +0 -0
  199. /package/dist/{Table → components/table}/types.js +0 -0
  200. /package/dist/{Table/util.d.ts → components/table/utils.d.ts} +0 -0
  201. /package/dist/{Table/util.js → components/table/utils.js} +0 -0
  202. /package/dist/{Tabs/tabsState.svelte.d.ts → components/tabs/types.d.ts} +0 -0
  203. /package/dist/{Tabs/tabsState.svelte.js → components/tabs/types.js} +0 -0
  204. /package/dist/{Toast/toastState.svelte.js → components/toast/state.svelte.js} +0 -0
  205. /package/dist/{Waffle → components/waffle}/WaffleItems.svelte +0 -0
  206. /package/dist/{Waffle → components/waffle}/WaffleItems.svelte.d.ts +0 -0
  207. /package/dist/{Waffle/waffleState.svelte.d.ts → components/waffle/types.d.ts} +0 -0
@@ -4,7 +4,7 @@
4
4
  import ModalContent from './ModalContent.svelte';
5
5
  import ModalFooter from './ModalFooter.svelte';
6
6
  import ModalHeader from './ModalHeader.svelte';
7
- import type { ModalProps } from './modalState.svelte.js';
7
+ import type { ModalProps } from './types.js';
8
8
 
9
9
  let {
10
10
  // eslint-disable-next-line no-useless-assignment
@@ -1,4 +1,4 @@
1
- import type { ModalProps } from './modalState.svelte.js';
1
+ import type { ModalProps } from './types.js';
2
2
  declare const Modal: import("svelte").Component<ModalProps, {}, "showModal">;
3
3
  type Modal = ReturnType<typeof Modal>;
4
4
  export default Modal;
@@ -1,12 +1,12 @@
1
1
  <script lang="ts">
2
2
  import type { Snippet } from 'svelte';
3
3
 
4
- interface ModalContentProps {
4
+ interface Props {
5
5
  content?: Snippet;
6
6
  disablePadding?: boolean;
7
7
  }
8
8
 
9
- let { content, disablePadding = false }: ModalContentProps = $props();
9
+ let { content, disablePadding = false }: Props = $props();
10
10
  </script>
11
11
 
12
12
  <div class="modal-content" class:padding={!disablePadding}>
@@ -1,8 +1,8 @@
1
1
  import type { Snippet } from 'svelte';
2
- interface ModalContentProps {
2
+ interface Props {
3
3
  content?: Snippet;
4
4
  disablePadding?: boolean;
5
5
  }
6
- declare const ModalContent: import("svelte").Component<ModalContentProps, {}, "">;
6
+ declare const ModalContent: import("svelte").Component<Props, {}, "">;
7
7
  type ModalContent = ReturnType<typeof ModalContent>;
8
8
  export default ModalContent;
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">
2
- import Button from '../Button/Button.svelte';
3
- import type { ModalFooterProps } from './modalState.svelte.js';
2
+ import Button from '../button/Button.svelte';
3
+ import type { ModalFooterProps } from './types.js';
4
4
 
5
5
  let { footer, onclose }: ModalFooterProps & { onclose: VoidFunction } = $props();
6
6
  </script>
@@ -1,4 +1,4 @@
1
- import type { ModalFooterProps } from './modalState.svelte.js';
1
+ import type { ModalFooterProps } from './types.js';
2
2
  type $$ComponentProps = ModalFooterProps & {
3
3
  onclose: VoidFunction;
4
4
  };
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import type { ModalHeaderProps } from './modalState.svelte.js';
2
+ import type { ModalHeaderProps } from './types.js';
3
3
 
4
4
  let {
5
5
  title = '',
@@ -1,4 +1,4 @@
1
- import type { ModalHeaderProps } from './modalState.svelte.js';
1
+ import type { ModalHeaderProps } from './types.js';
2
2
  type $$ComponentProps = ModalHeaderProps & {
3
3
  onclose: VoidFunction;
4
4
  };
@@ -1,5 +1,14 @@
1
1
  <script lang="ts">
2
- import type { NotificationProps } from './notificationState.svelte';
2
+ import type { Snippet } from 'svelte';
3
+
4
+ type NotificationType = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
5
+
6
+ interface NotificationProps {
7
+ title?: string;
8
+ type: NotificationType;
9
+ disableBorder?: boolean;
10
+ content: Snippet;
11
+ }
3
12
 
4
13
  let { title, disableBorder = false, content, type }: NotificationProps = $props();
5
14
  </script>
@@ -1,9 +1,11 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  type NotificationType = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
3
- export interface NotificationProps {
3
+ interface NotificationProps {
4
4
  title?: string;
5
5
  type: NotificationType;
6
6
  disableBorder?: boolean;
7
7
  content: Snippet;
8
8
  }
9
- export {};
9
+ declare const Notification: import("svelte").Component<NotificationProps, {}, "">;
10
+ type Notification = ReturnType<typeof Notification>;
11
+ export default Notification;
@@ -1,13 +1,19 @@
1
1
  <script lang="ts">
2
- import Modal from '../Modal/Modal.svelte';
3
- import type { ProcessingProps } from './processingState.svelte.js';
2
+ import Modal from '../modal/Modal.svelte';
3
+
4
+ interface Props {
5
+ title?: string;
6
+ text?: string;
7
+ show?: boolean;
8
+ asModal?: boolean;
9
+ }
4
10
 
5
11
  let {
6
12
  title = 'Processing your request',
7
13
  text = '',
8
14
  show = $bindable(true),
9
15
  asModal = false
10
- }: ProcessingProps = $props();
16
+ }: Props = $props();
11
17
  </script>
12
18
 
13
19
  {#snippet processingContent()}
@@ -0,0 +1,9 @@
1
+ interface Props {
2
+ title?: string;
3
+ text?: string;
4
+ show?: boolean;
5
+ asModal?: boolean;
6
+ }
7
+ declare const Processing: import("svelte").Component<Props, {}, "show">;
8
+ type Processing = ReturnType<typeof Processing>;
9
+ export default Processing;
@@ -1,14 +1,14 @@
1
1
  <script lang="ts">
2
- import { Button } from '../index.js';
2
+ import { Button } from '../../index.js';
3
3
 
4
- type ProgressPageProps = {
4
+ interface Props {
5
5
  iconName: string;
6
6
  title: string;
7
7
  description?: string;
8
8
  documentationUrl?: string;
9
9
  onclick?: VoidFunction;
10
10
  buttonText?: string;
11
- };
11
+ }
12
12
 
13
13
  let {
14
14
  iconName,
@@ -17,7 +17,7 @@
17
17
  documentationUrl = '',
18
18
  onclick,
19
19
  buttonText = 'Save'
20
- }: ProgressPageProps = $props();
20
+ }: Props = $props();
21
21
  </script>
22
22
 
23
23
  <article class="progress-page">
@@ -1,11 +1,11 @@
1
- type ProgressPageProps = {
1
+ interface Props {
2
2
  iconName: string;
3
3
  title: string;
4
4
  description?: string;
5
5
  documentationUrl?: string;
6
6
  onclick?: VoidFunction;
7
7
  buttonText?: string;
8
- };
9
- declare const ProgressPage: import("svelte").Component<ProgressPageProps, {}, "">;
8
+ }
9
+ declare const ProgressPage: import("svelte").Component<Props, {}, "">;
10
10
  type ProgressPage = ReturnType<typeof ProgressPage>;
11
11
  export default ProgressPage;
@@ -1,9 +1,9 @@
1
1
  <script lang="ts">
2
2
  import { untrack, type Snippet } from 'svelte';
3
3
 
4
- import { Button, ErrorPage, type ProgressWizardStep } from '../index.js';
4
+ import { Button, ErrorPage, type ProgressWizardStep } from '../../index.js';
5
5
 
6
- interface ProgressWizardProps {
6
+ interface Props {
7
7
  steps: ProgressWizardStep[];
8
8
  currentStep: number;
9
9
  readonly?: boolean;
@@ -21,7 +21,7 @@
21
21
  content,
22
22
  additionalButtons,
23
23
  oncancel
24
- }: ProgressWizardProps = $props();
24
+ }: Props = $props();
25
25
 
26
26
  const allStepsDisabled = $derived<boolean>(steps.every((step) => step.disabled));
27
27
  const firstActiveStep = $derived<number>(steps.findIndex((step) => !step.disabled) + 1);
@@ -1,6 +1,6 @@
1
1
  import { type Snippet } from 'svelte';
2
- import { type ProgressWizardStep } from '../index.js';
3
- interface ProgressWizardProps {
2
+ import { type ProgressWizardStep } from '../../index.js';
3
+ interface Props {
4
4
  steps: ProgressWizardStep[];
5
5
  currentStep: number;
6
6
  readonly?: boolean;
@@ -9,6 +9,6 @@ interface ProgressWizardProps {
9
9
  additionalButtons: Snippet<[lastActiveStep: number]>;
10
10
  oncancel: VoidFunction;
11
11
  }
12
- declare const ProgressWizard: import("svelte").Component<ProgressWizardProps, {}, "currentStep">;
12
+ declare const ProgressWizard: import("svelte").Component<Props, {}, "currentStep">;
13
13
  type ProgressWizard = ReturnType<typeof ProgressWizard>;
14
14
  export default ProgressWizard;
@@ -1,5 +1,5 @@
1
1
  import { type Writable } from 'svelte/store';
2
- import type { ProgressWizardStep } from './progressWizardState.svelte.js';
2
+ import type { ProgressWizardStep } from './types.js';
3
3
  export declare const setProgressWizardStepsContext: (steps: ProgressWizardStep[]) => Writable<{
4
4
  title: string;
5
5
  description?: string;
@@ -4,4 +4,3 @@ export type ProgressWizardStep = {
4
4
  isValid: boolean;
5
5
  disabled: boolean;
6
6
  };
7
- export declare const setStepValidity: (steps: ProgressWizardStep[], title: string, isValid: boolean) => void;
@@ -0,0 +1,2 @@
1
+ import type { ProgressWizardStep } from './types.js';
2
+ export declare const setStepValidity: (steps: ProgressWizardStep[], title: string, isValid: boolean) => void;
@@ -1,11 +1,11 @@
1
1
  <script lang="ts">
2
- interface SpinnerProps {
2
+ interface Props {
3
3
  show: boolean;
4
4
  size?: 'sm' | 'md' | 'lg';
5
5
  isFixedPosition?: boolean;
6
6
  }
7
7
 
8
- let { show = $bindable(false), size = 'lg', isFixedPosition = false }: SpinnerProps = $props();
8
+ let { show = $bindable(false), size = 'lg', isFixedPosition = false }: Props = $props();
9
9
 
10
10
  const pixelSizes: Record<string, number> = {
11
11
  sm: 16,
@@ -1,8 +1,8 @@
1
- interface SpinnerProps {
1
+ interface Props {
2
2
  show: boolean;
3
3
  size?: 'sm' | 'md' | 'lg';
4
4
  isFixedPosition?: boolean;
5
5
  }
6
- declare const Spinner: import("svelte").Component<SpinnerProps, {}, "show">;
6
+ declare const Spinner: import("svelte").Component<Props, {}, "show">;
7
7
  type Spinner = ReturnType<typeof Spinner>;
8
8
  export default Spinner;
@@ -1,12 +1,12 @@
1
1
  <script lang="ts">
2
- import { type SwitcherOption } from '../index.js';
2
+ import { type SwitcherOption } from '../../index.js';
3
3
 
4
- interface SwitcherProps {
4
+ interface Props {
5
5
  options: string[] | SwitcherOption[];
6
6
  value?: string | null;
7
7
  }
8
8
 
9
- let { options, value = $bindable() }: SwitcherProps = $props();
9
+ let { options, value = $bindable() }: Props = $props();
10
10
 
11
11
  const isStringArray = (items: string[] | SwitcherOption[]): items is string[] =>
12
12
  typeof items[0] === 'string';
@@ -0,0 +1,8 @@
1
+ import { type SwitcherOption } from '../../index.js';
2
+ interface Props {
3
+ options: string[] | SwitcherOption[];
4
+ value?: string | null;
5
+ }
6
+ declare const Switcher: import("svelte").Component<Props, {}, "value">;
7
+ type Switcher = ReturnType<typeof Switcher>;
8
+ export default Switcher;
@@ -1,11 +1,11 @@
1
1
  <script lang="ts" generics="T">
2
2
  import { page } from '$app/state';
3
3
 
4
- import { Button, Input, Select, type SelectOption } from '../index.js';
4
+ import { Button, Input, Select, type SelectOption } from '../../index.js';
5
5
  import type { Column } from './adapter/index.js';
6
6
  import { Operation } from './consts.js';
7
7
  import { type Filter } from './types.js';
8
- import { sanitizeFilters } from './util.js';
8
+ import { sanitizeFilters } from './utils.js';
9
9
 
10
10
  interface Props {
11
11
  columns: Column<T, unknown>[];
@@ -1,9 +1,9 @@
1
1
  <script lang="ts" generics="T extends RowData">
2
2
  import { page } from '$app/state';
3
3
 
4
- import { Search } from '../index.js';
4
+ import { Search } from '../../index.js';
5
5
  import { FlexRender, type HeaderGroup, type RowData } from './adapter/index.js';
6
- import { sanitizeFilters } from './util.js';
6
+ import { sanitizeFilters } from './utils.js';
7
7
 
8
8
  interface Props {
9
9
  headerGroups: HeaderGroup<T>[];
@@ -1,5 +1,5 @@
1
1
  <script lang="ts" generics="T">
2
- import { Tooltip } from '../index.js';
2
+ import { Tooltip } from '../../index.js';
3
3
  import type { Table } from './adapter/index.js';
4
4
 
5
5
  interface Props {
@@ -3,7 +3,7 @@
3
3
  import { page } from '$app/state';
4
4
  import { type Snippet } from 'svelte';
5
5
 
6
- import { Button, Search } from '../index.js';
6
+ import { Button, Search } from '../../index.js';
7
7
  import {
8
8
  createSvelteTable,
9
9
  getCoreRowModel,
@@ -31,7 +31,7 @@
31
31
  import Header from './Header.svelte';
32
32
  import Skeleton from './Skeleton.svelte';
33
33
  import { type Filter, type Pagination } from './types.js';
34
- import { createCheckedColumn, getPage, getPageLimit } from './util.js';
34
+ import { createCheckedColumn, getPage, getPageLimit } from './utils.js';
35
35
 
36
36
  interface Props {
37
37
  columns: ColumnDef<T, any>[];
@@ -1,4 +1,4 @@
1
1
  export * from '@tanstack/table-core';
2
2
  export { default as FlexRender } from './flex-render.svelte';
3
3
  export { renderComponent, renderSnippet } from './render-component.js';
4
- export { createSvelteTable } from './table.svelte';
4
+ export { createSvelteTable } from './table.svelte.js';
@@ -1,4 +1,4 @@
1
1
  export * from '@tanstack/table-core';
2
2
  export { default as FlexRender } from './flex-render.svelte';
3
3
  export { renderComponent, renderSnippet } from './render-component.js';
4
- export { createSvelteTable } from './table.svelte';
4
+ export { createSvelteTable } from './table.svelte.js';
@@ -1,8 +1,9 @@
1
- export * from './adapter/index.js';
1
+ export { default as Table } from './Table.svelte';
2
2
  export * from './consts.js';
3
+ export { ColumnFormat } from './excel-setting.js';
4
+ export * from './adapter/index.js';
3
5
  export * from './context.js';
4
- export { ColumnFormat, type ExcelSetting } from './excel-setting.js';
5
6
  export * from './excel.js';
6
- export { default as Table } from './Table.svelte';
7
- export type { Action, Pagination, Filter } from './types.js';
8
- export { createActionsColumn, createStaticTable, getPage, getPageLimit, sanitizeFilters } from './util.js';
7
+ export { createActionsColumn, createStaticTable, getPage, getPageLimit, sanitizeFilters } from './utils.js';
8
+ export type { ExcelSetting } from './excel-setting.js';
9
+ export type { Action, Filter, Pagination } from './types.js';
@@ -1,7 +1,7 @@
1
- export * from './adapter/index.js';
1
+ export { default as Table } from './Table.svelte';
2
2
  export * from './consts.js';
3
- export * from './context.js';
4
3
  export { ColumnFormat } from './excel-setting.js';
4
+ export * from './adapter/index.js';
5
+ export * from './context.js';
5
6
  export * from './excel.js';
6
- export { default as Table } from './Table.svelte';
7
- export { createActionsColumn, createStaticTable, getPage, getPageLimit, sanitizeFilters } from './util.js';
7
+ export { createActionsColumn, createStaticTable, getPage, getPageLimit, sanitizeFilters } from './utils.js';
@@ -1,16 +1,16 @@
1
1
  <script lang="ts">
2
2
  import type { Snippet } from 'svelte';
3
3
 
4
- import type { Tab } from '../index.js';
4
+ import type { Tab } from '../../index.js';
5
5
 
6
- interface TabsProps {
6
+ interface Props {
7
7
  tabs: Tab[];
8
8
  activeTab?: number;
9
9
  children?: Snippet;
10
10
  onchange?: (index: number) => void;
11
11
  }
12
12
 
13
- let { tabs = [], activeTab = 0, children, onchange }: TabsProps = $props();
13
+ let { tabs = [], activeTab = 0, children, onchange }: Props = $props();
14
14
 
15
15
  const handleClick = (index: number) => (): void => {
16
16
  activeTab = index;
@@ -1,11 +1,11 @@
1
1
  import type { Snippet } from 'svelte';
2
- import type { Tab } from '../index.js';
3
- interface TabsProps {
2
+ import type { Tab } from '../../index.js';
3
+ interface Props {
4
4
  tabs: Tab[];
5
5
  activeTab?: number;
6
6
  children?: Snippet;
7
7
  onchange?: (index: number) => void;
8
8
  }
9
- declare const Tabs: import("svelte").Component<TabsProps, {}, "">;
9
+ declare const Tabs: import("svelte").Component<Props, {}, "">;
10
10
  type Tabs = ReturnType<typeof Tabs>;
11
11
  export default Tabs;
@@ -2,13 +2,13 @@
2
2
  import { linear } from 'svelte/easing';
3
3
  import { fly, type FlyParams } from 'svelte/transition';
4
4
 
5
- import { deleteToastById, getToast } from './toastState.svelte.js';
5
+ import { deleteToastById, getToast } from './state.svelte.js';
6
6
 
7
- interface ToastProps {
7
+ interface Props {
8
8
  duration?: number;
9
9
  }
10
10
 
11
- let { duration }: ToastProps = $props();
11
+ let { duration }: Props = $props();
12
12
 
13
13
  const TRANSITION_DURATION = 100;
14
14
  const VERTICAL_DISTANCE = 8;
@@ -0,0 +1,6 @@
1
+ interface Props {
2
+ duration?: number;
3
+ }
4
+ declare const Toast: import("svelte").Component<Props, {}, "">;
5
+ type Toast = ReturnType<typeof Toast>;
6
+ export default Toast;
@@ -0,0 +1,11 @@
1
+ import type { ToastNotification } from './types.js';
2
+ interface ToastState extends ToastNotification {
3
+ id: string;
4
+ }
5
+ export declare const getToast: (duration?: number) => {
6
+ toasts: ToastState[];
7
+ duration: number;
8
+ };
9
+ export declare const addToast: (toast: ToastNotification) => void;
10
+ export declare const deleteToastById: (id: string) => void;
11
+ export {};
@@ -0,0 +1,7 @@
1
+ type ToastType = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
2
+ export interface ToastNotification {
3
+ type: ToastType;
4
+ message: string;
5
+ link?: string;
6
+ }
7
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -7,7 +7,7 @@
7
7
  type Position = 'top' | 'bottom' | 'left' | 'right';
8
8
  type Width = 'xs' | 'sm' | 'md';
9
9
 
10
- interface TooltipProps {
10
+ interface Props {
11
11
  content: string;
12
12
  position?: Position;
13
13
  width?: Width;
@@ -21,7 +21,7 @@
21
21
  width = 'xs',
22
22
  class: customClass = '',
23
23
  children
24
- }: TooltipProps = $props();
24
+ }: Props = $props();
25
25
 
26
26
  let isVisible = $state(false);
27
27
 
@@ -1,13 +1,13 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  type Position = 'top' | 'bottom' | 'left' | 'right';
3
3
  type Width = 'xs' | 'sm' | 'md';
4
- interface TooltipProps {
4
+ interface Props {
5
5
  content: string;
6
6
  position?: Position;
7
7
  width?: Width;
8
8
  class?: string;
9
9
  children: Snippet;
10
10
  }
11
- declare const Tooltip: import("svelte").Component<TooltipProps, {}, "">;
11
+ declare const Tooltip: import("svelte").Component<Props, {}, "">;
12
12
  type Tooltip = ReturnType<typeof Tooltip>;
13
13
  export default Tooltip;
@@ -1,6 +1,7 @@
1
1
  <script lang="ts">
2
2
  import { fade } from 'svelte/transition';
3
- import type { WaffleItem } from './waffleState.svelte.js';
3
+
4
+ import type { WaffleItem } from './types.js';
4
5
  import WaffleItems from './WaffleItems.svelte';
5
6
 
6
7
  interface Props {
@@ -1,4 +1,4 @@
1
- import type { WaffleItem } from './waffleState.svelte.js';
1
+ import type { WaffleItem } from './types.js';
2
2
  interface Props {
3
3
  items?: WaffleItem[];
4
4
  showWaffle?: boolean;
@@ -0,0 +1 @@
1
+ export {};
package/dist/index.d.ts CHANGED
@@ -1,61 +1 @@
1
- import Accordion from './Accordion/Accordion.svelte';
2
- import Avatar from './Avatar/Avatar.svelte';
3
- import Breadcrumbs from './Breadcrumbs/Breadcrumbs.svelte';
4
- import Button from './Button/Button.svelte';
5
- import Card from './Card/Card.svelte';
6
- import Chips from './Chips/Chips.svelte';
7
- import ConfirmationModal from './Confirmation/Confirmation.svelte';
8
- import DeleteConfirmationModal from './DeleteConfirmation/DeleteConfirmation.svelte';
9
- import ErrorPage from './ErrorPage/ErrorPage.svelte';
10
- import Footer from './Footer/Footer.svelte';
11
- import Header from './Header/Header.svelte';
12
- import HeaderAccount from './Header/HeaderAccount.svelte';
13
- import HeaderLoader from './Header/HeaderLoader.svelte';
14
- import HeaderLogo from './Header/HeaderLogo.svelte';
15
- import HighlightPanel from './HighlightPanel/HighlightPanel.svelte';
16
- import Home from './Home/Home.svelte';
17
- import Input from './Controls/Input/Input.svelte';
18
- import Label from './Controls/Label/Label.svelte';
19
- import Link from './Link/Link.svelte';
20
- import Menu from './Menu/Menu.svelte';
21
- import Modal from './Modal/Modal.svelte';
22
- import Notification from './Notification/Notification.svelte';
23
- import Processing from './Processing/Processing.svelte';
24
- import ProgressPage from './ProgressPage/ProgressPage.svelte';
25
- import ProgressWizard from './ProgressWizard/ProgressWizard.svelte';
26
- import Search from './Search/Search.svelte';
27
- import Select from './Controls/Select/Select.svelte';
28
- import Sidebar from './Menu/Sidebar.svelte';
29
- import Spinner from './Spinner/Spinner.svelte';
30
- import Switcher from './Switcher/Switcher.svelte';
31
- import Tabs from './Tabs/Tabs.svelte';
32
- import TextArea from './Controls/TextArea/TextArea.svelte';
33
- import Toaster from './Toast/Toast.svelte';
34
- import RadioGroup from './Controls/RadioGroup/RadioGroup.svelte';
35
- import Toggle from './Controls/Toggle/Toggle.svelte';
36
- import Tooltip from './Tooltip/Tooltip.svelte';
37
- import Waffle from './Waffle/Waffle.svelte';
38
- import AttachFile from './Controls/AttachFile/AttachFile.svelte';
39
- import { addBreadcrumbsNameMap } from './Breadcrumbs/breadcrumbsState.svelte.js';
40
- import { ChipType } from './Chips/chipsState.svelte.js';
41
- import { ColumnType, ImageType } from './HighlightPanel/highlightPanelState.svelte.js';
42
- import { setProgressWizardStepsContext, getProgressWizardContext } from './ProgressWizard/context.js';
43
- import { setStepValidity } from './ProgressWizard/progressWizardState.svelte.js';
44
- import { addToast } from './Toast/toastState.svelte.js';
45
- import { getSubMenuItemsFromMenu } from './Menu/MenuState.svelte.js';
46
- import { createTabComponent } from './Tabs/tabsState.svelte.js';
47
- import type { AnnouncementItem } from './Announcement/AnnouncementState.svelte.js';
48
- import type { BreadcrumbsNameMap } from './Breadcrumbs/breadcrumbsState.svelte.js';
49
- import type { HighlightPanelColumn } from './HighlightPanel/highlightPanelState.svelte.js';
50
- import type { HomeItem } from './Menu/MenuState.svelte.js';
51
- import type { MainMenu, MenuItem, SubMenuItem } from './Menu/MenuState.svelte.js';
52
- import type { ModalProps } from './Modal/modalState.svelte.js';
53
- import type { ProgressWizardStep } from './ProgressWizard/progressWizardState.svelte.js';
54
- import type { RadioOption } from './Controls/RadioGroup/radioGroupState.svelte.js';
55
- import type { SwitcherOption } from './Switcher/switcherState.svelte.js';
56
- import type { SelectOption } from './Controls/Select/selectState.svelte.js';
57
- import type { Tab } from './Tabs/tabsState.svelte.js';
58
- import type { Toast } from './Toast/toastState.svelte.js';
59
- import type { WaffleItem } from './Waffle/waffleState.svelte.js';
60
- import type { NotificationProps } from './Notification/notificationState.svelte.js';
61
- export { Accordion, AttachFile, Avatar, Breadcrumbs, Button, Card, Chips, ConfirmationModal, DeleteConfirmationModal, ErrorPage, Footer, Header, HeaderAccount, HeaderLoader, HeaderLogo, HighlightPanel, Home, Input, Label, Link, Menu, Modal, Notification, Processing, ProgressPage, ProgressWizard, RadioGroup, Search, Select, Sidebar, Spinner, Switcher, Tabs, TextArea, Toaster, Toggle, Tooltip, Waffle, addBreadcrumbsNameMap, addToast, getProgressWizardContext, setProgressWizardStepsContext, setStepValidity, getSubMenuItemsFromMenu, createTabComponent, ChipType, ColumnType, ImageType, type AnnouncementItem, type BreadcrumbsNameMap, type HighlightPanelColumn, type HomeItem, type MainMenu, type MenuItem, type ModalProps, type ProgressWizardStep, type RadioOption, type SelectOption, type SubMenuItem, type SwitcherOption, type Tab, type Toast, type WaffleItem, type NotificationProps };
1
+ export * from './components/index.js';