@agnos-ui/svelte-bootstrap 0.4.0-next.0 → 0.4.0-next.1

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 (11) hide show
  1. package/components/modal/Modal.svelte +4 -4
  2. package/components/modal/ModalDefaultHeader.svelte +1 -1
  3. package/components/modal/ModalDefaultStructure.svelte +4 -4
  4. package/components/modal/modal.gen.d.ts +12 -12
  5. package/components/pagination/Pagination.svelte +10 -10
  6. package/components/pagination/PaginationDefaultPages.svelte +15 -15
  7. package/components/pagination/PaginationDefaultStructure.svelte +40 -40
  8. package/components/pagination/pagination.gen.d.ts +24 -24
  9. package/components/progressbar/Progressbar.svelte +3 -3
  10. package/components/progressbar/progressbar.gen.d.ts +2 -2
  11. package/package.json +3 -3
package/components/modal/Modal.svelte CHANGED
@@ -8,8 +8,8 @@ import { callWidgetFactory } from "../../config";
8
8
  import ModalDefaultHeader from "./ModalDefaultHeader.svelte";
9
9
  import ModalDefaultStructure from "./ModalDefaultStructure.svelte";
10
10
  const defaultConfig = {
11
- slotStructure: ModalDefaultStructure,
12
- slotHeader: ModalDefaultHeader
11
+ structure: ModalDefaultStructure,
12
+ header: ModalDefaultHeader
13
13
  };
14
14
  </script>
15
15
 
@@ -28,7 +28,7 @@ const widget = callWidgetFactory({
28
28
  });
29
29
  export const api = widget.api;
30
30
  const {
31
- stores: { backdropHidden$, hidden$, slotStructure$ },
31
+ stores: { backdropHidden$, hidden$, structure$ },
32
32
  directives: { backdropDirective, backdropPortalDirective, modalDirective, modalPortalDirective },
33
33
  state$
34
34
  } = widget;
@@ -44,7 +44,7 @@ $: slotContext = { widget: toSlotContextWidget(widget), state: $state$ };
44
44
  <div use:__AgnosUISveltePreprocess__classDirective={"modal d-block"} use:modalPortalDirective use:modalDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(modalPortalDirective, modalDirective, [__AgnosUISveltePreprocess__classDirective, "modal d-block"])}>
45
45
  <div class="modal-dialog {$state$.fullscreen ? 'modal-fullscreen' : ''}">
46
46
  <div class="modal-content">
47
- <Slot slotContent={$slotStructure$} props={slotContext} let:component let:props>
47
+ <Slot slotContent={$structure$} props={slotContext} let:component let:props>
48
48
  <svelte:fragment slot="slot" let:props><slot name="structure" {...props} /></svelte:fragment>
49
49
  <svelte:component this={component} {...props}>
50
50
  <svelte:fragment let:state let:widget><slot {state} {widget} /></svelte:fragment>
package/components/modal/ModalDefaultHeader.svelte CHANGED
@@ -8,7 +8,7 @@ $: slotContext = { widget, state };
8
8
  </script>
9
9
 
10
10
  <h5 class="modal-title">
11
- <Slot slotContent={state.slotTitle} props={slotContext} let:component let:props>
11
+ <Slot slotContent={state.title} props={slotContext} let:component let:props>
12
12
  <svelte:fragment slot="slot" let:props><slot name="title" {...props} /></svelte:fragment>
13
13
  <svelte:component this={component} {...props}>
14
14
  <svelte:fragment let:state let:widget><slot {state} {widget} /></svelte:fragment>
package/components/modal/ModalDefaultStructure.svelte CHANGED
@@ -4,9 +4,9 @@ export let widget;
4
4
  $: slotContext = { widget, state };
5
5
  </script>
6
6
 
7
- {#if state.slotTitle}
7
+ {#if state.title}
8
8
  <div class="modal-header">
9
- <Slot slotContent={state.slotHeader} props={slotContext} let:component let:props>
9
+ <Slot slotContent={state.header} props={slotContext} let:component let:props>
10
10
  <svelte:fragment slot="slot" let:props><slot name="header" {...props} /></svelte:fragment>
11
11
  <svelte:component this={component} {...props}>
12
12
  <svelte:fragment let:state let:widget><slot {state} {widget} /></svelte:fragment>
@@ -31,9 +31,9 @@ $: slotContext = { widget, state };
31
31
  </svelte:component>
32
32
  </Slot>
33
33
  </div>
34
- {#if state.slotFooter}
34
+ {#if state.footer}
35
35
  <div class="modal-footer">
36
- <Slot slotContent={state.slotFooter} props={slotContext} let:component let:props>
36
+ <Slot slotContent={state.footer} props={slotContext} let:component let:props>
37
37
  <svelte:fragment slot="slot" let:props><slot name="footer" {...props} /></svelte:fragment>
38
38
  <svelte:component this={component} {...props}>
39
39
  <svelte:fragment let:state let:widget><slot {state} {widget} /></svelte:fragment>
package/components/modal/modal.gen.d.ts CHANGED
@@ -56,20 +56,20 @@ export interface ModalState<Data> {
56
56
  /**
57
57
  * Footer of the modal.
58
58
  */
59
- slotFooter: SlotContent<ModalContext<Data>>;
59
+ footer: SlotContent<ModalContext<Data>>;
60
60
  /**
61
- * Header of the modal. The default header includes {@link ModalCommonPropsAndState.slotTitle slotTitle}.
61
+ * Header of the modal. The default header includes {@link ModalCommonPropsAndState.title title}.
62
62
  */
63
- slotHeader: SlotContent<ModalContext<Data>>;
63
+ header: SlotContent<ModalContext<Data>>;
64
64
  /**
65
65
  * Structure of the modal.
66
- * The default structure uses {@link ModalCommonPropsAndState.slotHeader slotHeader}, {@link ModalCommonPropsAndState.children children} and {@link ModalCommonPropsAndState.slotFooter slotFooter}.
66
+ * The default structure uses {@link ModalCommonPropsAndState.header header}, {@link ModalCommonPropsAndState.children children} and {@link ModalCommonPropsAndState.footer footer}.
67
67
  */
68
- slotStructure: SlotContent<ModalContext<Data>>;
68
+ structure: SlotContent<ModalContext<Data>>;
69
69
  /**
70
70
  * Title of the modal.
71
71
  */
72
- slotTitle: SlotContent<ModalContext<Data>>;
72
+ title: SlotContent<ModalContext<Data>>;
73
73
  /**
74
74
  * Option to create a fullscreen modal, according to the bootstrap documentation.
75
75
  */
@@ -149,20 +149,20 @@ export interface ModalProps<Data> {
149
149
  /**
150
150
  * Footer of the modal.
151
151
  */
152
- slotFooter: SlotContent<ModalContext<Data>>;
152
+ footer: SlotContent<ModalContext<Data>>;
153
153
  /**
154
- * Header of the modal. The default header includes {@link ModalCommonPropsAndState.slotTitle slotTitle}.
154
+ * Header of the modal. The default header includes {@link ModalCommonPropsAndState.title title}.
155
155
  */
156
- slotHeader: SlotContent<ModalContext<Data>>;
156
+ header: SlotContent<ModalContext<Data>>;
157
157
  /**
158
158
  * Structure of the modal.
159
- * The default structure uses {@link ModalCommonPropsAndState.slotHeader slotHeader}, {@link ModalCommonPropsAndState.children children} and {@link ModalCommonPropsAndState.slotFooter slotFooter}.
159
+ * The default structure uses {@link ModalCommonPropsAndState.header header}, {@link ModalCommonPropsAndState.children children} and {@link ModalCommonPropsAndState.footer footer}.
160
160
  */
161
- slotStructure: SlotContent<ModalContext<Data>>;
161
+ structure: SlotContent<ModalContext<Data>>;
162
162
  /**
163
163
  * Title of the modal.
164
164
  */
165
- slotTitle: SlotContent<ModalContext<Data>>;
165
+ title: SlotContent<ModalContext<Data>>;
166
166
  /**
167
167
  * Option to create a fullscreen modal, according to the bootstrap documentation.
168
168
  */
package/components/pagination/Pagination.svelte CHANGED
@@ -5,8 +5,8 @@ import { callWidgetFactory } from "../../config";
5
5
  import PaginationDefaultPages from "./PaginationDefaultPages.svelte";
6
6
  import PaginationDefaultStructure from "./PaginationDefaultStructure.svelte";
7
7
  const defaultConfig = {
8
- slotStructure: PaginationDefaultStructure,
9
- slotPages: PaginationDefaultPages
8
+ structure: PaginationDefaultStructure,
9
+ pagesDisplay: PaginationDefaultPages
10
10
  };
11
11
  </script>
12
12
 
@@ -25,7 +25,7 @@ const widget = callWidgetFactory({
25
25
  });
26
26
  export const api = widget.api;
27
27
  const {
28
- stores: { slotStructure$, ariaLabel$ },
28
+ stores: { structure$, ariaLabel$ },
29
29
  state$
30
30
  } = widget;
31
31
  $: widget.patchChangedProps($$props);
@@ -34,18 +34,18 @@ $: slotContext = { widget: toSlotContextWidget(widget), state: $state$ };
34
34
 
35
35
  <!-- Should we put nav here ? how to custom the class of ul in this case ?-->
36
36
  <nav aria-label={$ariaLabel$}>
37
- <Slot slotContent={$slotStructure$} props={slotContext} let:component let:props>
37
+ <Slot slotContent={$structure$} props={slotContext} let:component let:props>
38
38
  <svelte:fragment slot="slot" let:props><slot name="structure" {...props} /></svelte:fragment>
39
39
  <svelte:component this={component} {...props}>
40
- <svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
41
- <svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
42
- <svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
43
- <svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
40
+ <svelte:fragment slot="ellipsisLabel" let:state let:widget><slot name="ellipsisLabel" {state} {widget} /></svelte:fragment>
41
+ <svelte:fragment slot="firstPageLabel" let:state let:widget><slot name="firstPageLabel" {state} {widget} /></svelte:fragment>
42
+ <svelte:fragment slot="lastPageLabel" let:state let:widget><slot name="lastPageLabel" {state} {widget} /></svelte:fragment>
43
+ <svelte:fragment slot="nextPageLabel" let:state let:widget><slot name="nextPageLabel" {state} {widget} /></svelte:fragment>
44
44
  <svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
45
45
  ><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
46
46
  >
47
- <svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
48
- <svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
47
+ <svelte:fragment slot="pagesDisplay" let:state let:widget><slot name="pagesDisplay" {state} {widget} /></svelte:fragment>
48
+ <svelte:fragment slot="previousPageLabel" let:state let:widget><slot name="previousPageLabel" {state} {widget} /></svelte:fragment>
49
49
  <svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
50
50
  </svelte:component>
51
51
  </Slot>
package/components/pagination/PaginationDefaultPages.svelte CHANGED
@@ -10,18 +10,18 @@ export let widget;
10
10
  <li class="page-item" class:active={page === state.page} class:disabled={page === -1 || state.disabled}>
11
11
  {#if page === -1}
12
12
  <div class="page-link au-ellipsis" aria-hidden="true">
13
- <Slot slotContent={state.slotEllipsis} props={{state, widget}} let:component let:props>
14
- <svelte:fragment slot="slot" let:props><slot name="ellipsis" {...props} /></svelte:fragment>
13
+ <Slot slotContent={state.ellipsisLabel} props={{state, widget}} let:component let:props>
14
+ <svelte:fragment slot="slot" let:props><slot name="ellipsisLabel" {...props} /></svelte:fragment>
15
15
  <svelte:component this={component} {...props}>
16
- <svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
17
- <svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
18
- <svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
19
- <svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
16
+ <svelte:fragment slot="ellipsisLabel" let:state let:widget><slot name="ellipsisLabel" {state} {widget} /></svelte:fragment>
17
+ <svelte:fragment slot="firstPageLabel" let:state let:widget><slot name="firstPageLabel" {state} {widget} /></svelte:fragment>
18
+ <svelte:fragment slot="lastPageLabel" let:state let:widget><slot name="lastPageLabel" {state} {widget} /></svelte:fragment>
19
+ <svelte:fragment slot="nextPageLabel" let:state let:widget><slot name="nextPageLabel" {state} {widget} /></svelte:fragment>
20
20
  <svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
21
21
  ><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
22
22
  >
23
- <svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
24
- <svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
23
+ <svelte:fragment slot="pagesDisplay" let:state let:widget><slot name="pagesDisplay" {state} {widget} /></svelte:fragment>
24
+ <svelte:fragment slot="previousPageLabel" let:state let:widget><slot name="previousPageLabel" {state} {widget} /></svelte:fragment>
25
25
  <svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
26
26
  </svelte:component>
27
27
  </Slot>
@@ -32,22 +32,22 @@ export let widget;
32
32
  <a use:__AgnosUISveltePreprocess__classDirective={"page-link"} use:widget.directives.pageLink={{page}} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes([widget.directives.pageLink, {page}], [__AgnosUISveltePreprocess__classDirective, "page-link"])}
33
33
  ><!-- Remove the strange formatting with https://github.com/sveltejs/svelte/issues/3080
34
34
  --><Slot
35
- slotContent={state.slotNumberLabel}
35
+ slotContent={state.numberLabel}
36
36
  props={{state, widget, displayedPage: page}}
37
37
  let:component
38
38
  let:props
39
39
  >
40
40
  <svelte:fragment slot="slot" let:props><slot name="numberLabel" {...props} /></svelte:fragment>
41
41
  <svelte:component this={component} {...props}>
42
- <svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
43
- <svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
44
- <svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
45
- <svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
42
+ <svelte:fragment slot="ellipsisLabel" let:state let:widget><slot name="ellipsisLabel" {state} {widget} /></svelte:fragment>
43
+ <svelte:fragment slot="firstPageLabel" let:state let:widget><slot name="firstPageLabel" {state} {widget} /></svelte:fragment>
44
+ <svelte:fragment slot="lastPageLabel" let:state let:widget><slot name="lastPageLabel" {state} {widget} /></svelte:fragment>
45
+ <svelte:fragment slot="nextPageLabel" let:state let:widget><slot name="nextPageLabel" {state} {widget} /></svelte:fragment>
46
46
  <svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
47
47
  ><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
48
48
  >
49
- <svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
50
- <svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
49
+ <svelte:fragment slot="pagesDisplay" let:state let:widget><slot name="pagesDisplay" {state} {widget} /></svelte:fragment>
50
+ <svelte:fragment slot="previousPageLabel" let:state let:widget><slot name="previousPageLabel" {state} {widget} /></svelte:fragment>
51
51
  <svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
52
52
  </svelte:component>
53
53
  </Slot>{#if state.page === page}<span class="visually-hidden">{state.activeLabel}</span>{/if}
package/components/pagination/PaginationDefaultStructure.svelte CHANGED
@@ -14,18 +14,18 @@ $: sizeClass = state.size ? `pagination-${state.size}` : "";
14
14
  <!-- svelte-ignore a11y-missing-attribute -->
15
15
  <a use:__AgnosUISveltePreprocess__classDirective={"page-link"} use:widget.directives.pageFirst {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.pageFirst, [__AgnosUISveltePreprocess__classDirective, "page-link"])}>
16
16
  <span aria-hidden="true">
17
- <Slot slotContent={state.slotFirst} props={slotContext} let:component let:props>
18
- <svelte:fragment slot="slot" let:props><slot name="first" {...props} /></svelte:fragment>
17
+ <Slot slotContent={state.firstPageLabel} props={slotContext} let:component let:props>
18
+ <svelte:fragment slot="slot" let:props><slot name="firstPageLabel" {...props} /></svelte:fragment>
19
19
  <svelte:component this={component} {...props}>
20
- <svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
21
- <svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
22
- <svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
23
- <svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
20
+ <svelte:fragment slot="ellipsisLabel" let:state let:widget><slot name="ellipsisLabel" {state} {widget} /></svelte:fragment>
21
+ <svelte:fragment slot="firstPageLabel" let:state let:widget><slot name="firstPageLabel" {state} {widget} /></svelte:fragment>
22
+ <svelte:fragment slot="lastPageLabel" let:state let:widget><slot name="lastPageLabel" {state} {widget} /></svelte:fragment>
23
+ <svelte:fragment slot="nextPageLabel" let:state let:widget><slot name="nextPageLabel" {state} {widget} /></svelte:fragment>
24
24
  <svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
25
25
  ><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
26
26
  >
27
- <svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
28
- <svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
27
+ <svelte:fragment slot="pagesDisplay" let:state let:widget><slot name="pagesDisplay" {state} {widget} /></svelte:fragment>
28
+ <svelte:fragment slot="previousPageLabel" let:state let:widget><slot name="previousPageLabel" {state} {widget} /></svelte:fragment>
29
29
  <svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
30
30
  </svelte:component>
31
31
  </Slot>
@@ -38,18 +38,18 @@ $: sizeClass = state.size ? `pagination-${state.size}` : "";
38
38
  <!-- svelte-ignore a11y-missing-attribute -->
39
39
  <a use:__AgnosUISveltePreprocess__classDirective={"page-link"} use:widget.directives.pagePrev {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.pagePrev, [__AgnosUISveltePreprocess__classDirective, "page-link"])}>
40
40
  <span aria-hidden="true">
41
- <Slot slotContent={state.slotPrevious} props={slotContext} let:component let:props>
42
- <svelte:fragment slot="slot" let:props><slot name="previous" {...props} /></svelte:fragment>
41
+ <Slot slotContent={state.previousPageLabel} props={slotContext} let:component let:props>
42
+ <svelte:fragment slot="slot" let:props><slot name="previousPageLabel" {...props} /></svelte:fragment>
43
43
  <svelte:component this={component} {...props}>
44
- <svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
45
- <svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
46
- <svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
47
- <svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
44
+ <svelte:fragment slot="ellipsisLabel" let:state let:widget><slot name="ellipsisLabel" {state} {widget} /></svelte:fragment>
45
+ <svelte:fragment slot="firstPageLabel" let:state let:widget><slot name="firstPageLabel" {state} {widget} /></svelte:fragment>
46
+ <svelte:fragment slot="lastPageLabel" let:state let:widget><slot name="lastPageLabel" {state} {widget} /></svelte:fragment>
47
+ <svelte:fragment slot="nextPageLabel" let:state let:widget><slot name="nextPageLabel" {state} {widget} /></svelte:fragment>
48
48
  <svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
49
49
  ><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
50
50
  >
51
- <svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
52
- <svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
51
+ <svelte:fragment slot="pagesDisplay" let:state let:widget><slot name="pagesDisplay" {state} {widget} /></svelte:fragment>
52
+ <svelte:fragment slot="previousPageLabel" let:state let:widget><slot name="previousPageLabel" {state} {widget} /></svelte:fragment>
53
53
  <svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
54
54
  </svelte:component>
55
55
  </Slot>
@@ -57,18 +57,18 @@ $: sizeClass = state.size ? `pagination-${state.size}` : "";
57
57
  </a>
58
58
  </li>
59
59
  {/if}
60
- <Slot slotContent={state.slotPages} props={slotContext} let:component let:props>
61
- <svelte:fragment slot="slot" let:props><slot name="pages" {...props} /></svelte:fragment>
60
+ <Slot slotContent={state.pagesDisplay} props={slotContext} let:component let:props>
61
+ <svelte:fragment slot="slot" let:props><slot name="pagesDisplay" {...props} /></svelte:fragment>
62
62
  <svelte:component this={component} {...props}>
63
- <svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
64
- <svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
65
- <svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
66
- <svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
63
+ <svelte:fragment slot="ellipsisLabel" let:state let:widget><slot name="ellipsisLabel" {state} {widget} /></svelte:fragment>
64
+ <svelte:fragment slot="firstPageLabel" let:state let:widget><slot name="firstPageLabel" {state} {widget} /></svelte:fragment>
65
+ <svelte:fragment slot="lastPageLabel" let:state let:widget><slot name="lastPageLabel" {state} {widget} /></svelte:fragment>
66
+ <svelte:fragment slot="nextPageLabel" let:state let:widget><slot name="nextPageLabel" {state} {widget} /></svelte:fragment>
67
67
  <svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
68
68
  ><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
69
69
  >
70
- <svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
71
- <svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
70
+ <svelte:fragment slot="pagesDisplay" let:state let:widget><slot name="pagesDisplay" {state} {widget} /></svelte:fragment>
71
+ <svelte:fragment slot="previousPageLabel" let:state let:widget><slot name="previousPageLabel" {state} {widget} /></svelte:fragment>
72
72
  <svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
73
73
  </svelte:component>
74
74
  </Slot>
@@ -77,18 +77,18 @@ $: sizeClass = state.size ? `pagination-${state.size}` : "";
77
77
  <!-- svelte-ignore a11y-missing-attribute -->
78
78
  <a use:__AgnosUISveltePreprocess__classDirective={"page-link"} use:widget.directives.pageNext {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.pageNext, [__AgnosUISveltePreprocess__classDirective, "page-link"])}>
79
79
  <span aria-hidden="true">
80
- <Slot slotContent={state.slotNext} props={slotContext} let:component let:props>
81
- <svelte:fragment slot="slot" let:props><slot name="next" {...props} /></svelte:fragment>
80
+ <Slot slotContent={state.nextPageLabel} props={slotContext} let:component let:props>
81
+ <svelte:fragment slot="slot" let:props><slot name="nextPageLabel" {...props} /></svelte:fragment>
82
82
  <svelte:component this={component} {...props}>
83
- <svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
84
- <svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
85
- <svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
86
- <svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
83
+ <svelte:fragment slot="ellipsisLabel" let:state let:widget><slot name="ellipsisLabel" {state} {widget} /></svelte:fragment>
84
+ <svelte:fragment slot="firstPageLabel" let:state let:widget><slot name="firstPageLabel" {state} {widget} /></svelte:fragment>
85
+ <svelte:fragment slot="lastPageLabel" let:state let:widget><slot name="lastPageLabel" {state} {widget} /></svelte:fragment>
86
+ <svelte:fragment slot="nextPageLabel" let:state let:widget><slot name="nextPageLabel" {state} {widget} /></svelte:fragment>
87
87
  <svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
88
88
  ><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
89
89
  >
90
- <svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
91
- <svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
90
+ <svelte:fragment slot="pagesDisplay" let:state let:widget><slot name="pagesDisplay" {state} {widget} /></svelte:fragment>
91
+ <svelte:fragment slot="previousPageLabel" let:state let:widget><slot name="previousPageLabel" {state} {widget} /></svelte:fragment>
92
92
  <svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
93
93
  </svelte:component>
94
94
  </Slot>
@@ -101,18 +101,18 @@ $: sizeClass = state.size ? `pagination-${state.size}` : "";
101
101
  <!-- svelte-ignore a11y-missing-attribute -->
102
102
  <a use:__AgnosUISveltePreprocess__classDirective={"page-link"} use:widget.directives.pageLast {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.pageLast, [__AgnosUISveltePreprocess__classDirective, "page-link"])}>
103
103
  <span aria-hidden="true">
104
- <Slot slotContent={state.slotLast} props={slotContext} let:component let:props>
105
- <svelte:fragment slot="slot" let:props><slot name="last" {...props} /></svelte:fragment>
104
+ <Slot slotContent={state.lastPageLabel} props={slotContext} let:component let:props>
105
+ <svelte:fragment slot="slot" let:props><slot name="lastPageLabel" {...props} /></svelte:fragment>
106
106
  <svelte:component this={component} {...props}>
107
- <svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
108
- <svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
109
- <svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
110
- <svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
107
+ <svelte:fragment slot="ellipsisLabel" let:state let:widget><slot name="ellipsisLabel" {state} {widget} /></svelte:fragment>
108
+ <svelte:fragment slot="firstPageLabel" let:state let:widget><slot name="firstPageLabel" {state} {widget} /></svelte:fragment>
109
+ <svelte:fragment slot="lastPageLabel" let:state let:widget><slot name="lastPageLabel" {state} {widget} /></svelte:fragment>
110
+ <svelte:fragment slot="nextPageLabel" let:state let:widget><slot name="nextPageLabel" {state} {widget} /></svelte:fragment>
111
111
  <svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
112
112
  ><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
113
113
  >
114
- <svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
115
- <svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
114
+ <svelte:fragment slot="pagesDisplay" let:state let:widget><slot name="pagesDisplay" {state} {widget} /></svelte:fragment>
115
+ <svelte:fragment slot="previousPageLabel" let:state let:widget><slot name="previousPageLabel" {state} {widget} /></svelte:fragment>
116
116
  <svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
117
117
  </svelte:component>
118
118
  </Slot>
package/components/pagination/pagination.gen.d.ts CHANGED
@@ -112,54 +112,54 @@ export interface PaginationState {
112
112
  className: string;
113
113
  /**
114
114
  * The template to use for the structure of the pagination component
115
- * The default structure uses {@link PaginationCommonPropsAndState.slotEllipsis slotEllipsis}, {@link PaginationCommonPropsAndState.slotFirst slotFirst},
116
- * {@link PaginationCommonPropsAndState.slotPrevious slotPrevious}, {@link PaginationCommonPropsAndState.slotNext slotNext},
117
- * {@link PaginationCommonPropsAndState.slotLast slotLast}, {@link PaginationCommonPropsAndState.slotPages slotPages},
118
- * {@link PaginationCommonPropsAndState.slotNumberLabel slotNumberLabel},
115
+ * The default structure uses {@link PaginationProps.ellipsisLabelellipsisLabel}, {@link PaginationProps.firstPageLabelfirstPageLabel},
116
+ * {@link PaginationProps.previousPageLabelpreviousPageLabel}, {@link PaginationProps.nextPageLabelnextPageLabel},
117
+ * {@link PaginationProps.lastPageLabellastPageLabel}, {@link PaginationProps.pagesDisplaypagesDisplay},
118
+ * {@link PaginationProps.numberLabelnumberLabel},
119
119
  */
120
- slotStructure: SlotContent<PaginationContext>;
120
+ structure: SlotContent<PaginationContext>;
121
121
  /**
122
122
  * The template to use for the ellipsis slot
123
123
  * for I18n, we suggest to use the global configuration
124
124
  * override any configuration parameters provided for this
125
125
  */
126
- slotEllipsis: SlotContent<PaginationContext>;
126
+ ellipsisLabel: SlotContent<PaginationContext>;
127
127
  /**
128
128
  * The template to use for the first slot
129
129
  * for I18n, we suggest to use the global configuration
130
130
  * override any configuration parameters provided for this
131
131
  */
132
- slotFirst: SlotContent<PaginationContext>;
132
+ firstPageLabel: SlotContent<PaginationContext>;
133
133
  /**
134
134
  * The template to use for the previous slot
135
135
  * for I18n, we suggest to use the global configuration
136
136
  * override any configuration parameters provided for this
137
137
  */
138
- slotPrevious: SlotContent<PaginationContext>;
138
+ previousPageLabel: SlotContent<PaginationContext>;
139
139
  /**
140
140
  * The template to use for the next slot
141
141
  * for I18n, we suggest to use the global configuration
142
142
  * override any configuration parameters provided for this
143
143
  */
144
- slotNext: SlotContent<PaginationContext>;
144
+ nextPageLabel: SlotContent<PaginationContext>;
145
145
  /**
146
146
  * The template to use for the last slot
147
147
  * for I18n, we suggest to use the global configuration
148
148
  * override any configuration parameters provided for this
149
149
  */
150
- slotLast: SlotContent<PaginationContext>;
150
+ lastPageLabel: SlotContent<PaginationContext>;
151
151
  /**
152
152
  * The template to use for the pages slot
153
153
  * To use to customize the pages view
154
154
  * override any configuration parameters provided for this
155
155
  */
156
- slotPages: SlotContent<PaginationContext>;
156
+ pagesDisplay: SlotContent<PaginationContext>;
157
157
  /**
158
158
  * The template to use for the number slot
159
159
  * override any configuration parameters provided for this
160
160
  * for I18n, we suggest to use the global configuration
161
161
  */
162
- slotNumberLabel: SlotContent<PaginationNumberContext>;
162
+ numberLabel: SlotContent<PaginationNumberContext>;
163
163
  }
164
164
  export interface PaginationProps {
165
165
  /**
@@ -283,54 +283,54 @@ export interface PaginationProps {
283
283
  className: string;
284
284
  /**
285
285
  * The template to use for the structure of the pagination component
286
- * The default structure uses {@link PaginationCommonPropsAndState.slotEllipsis slotEllipsis}, {@link PaginationCommonPropsAndState.slotFirst slotFirst},
287
- * {@link PaginationCommonPropsAndState.slotPrevious slotPrevious}, {@link PaginationCommonPropsAndState.slotNext slotNext},
288
- * {@link PaginationCommonPropsAndState.slotLast slotLast}, {@link PaginationCommonPropsAndState.slotPages slotPages},
289
- * {@link PaginationCommonPropsAndState.slotNumberLabel slotNumberLabel},
286
+ * The default structure uses {@link PaginationProps.ellipsisLabelellipsisLabel}, {@link PaginationProps.firstPageLabelfirstPageLabel},
287
+ * {@link PaginationProps.previousPageLabelpreviousPageLabel}, {@link PaginationProps.nextPageLabelnextPageLabel},
288
+ * {@link PaginationProps.lastPageLabellastPageLabel}, {@link PaginationProps.pagesDisplaypagesDisplay},
289
+ * {@link PaginationProps.numberLabelnumberLabel},
290
290
  */
291
- slotStructure: SlotContent<PaginationContext>;
291
+ structure: SlotContent<PaginationContext>;
292
292
  /**
293
293
  * The template to use for the ellipsis slot
294
294
  * for I18n, we suggest to use the global configuration
295
295
  * override any configuration parameters provided for this
296
296
  */
297
- slotEllipsis: SlotContent<PaginationContext>;
297
+ ellipsisLabel: SlotContent<PaginationContext>;
298
298
  /**
299
299
  * The template to use for the first slot
300
300
  * for I18n, we suggest to use the global configuration
301
301
  * override any configuration parameters provided for this
302
302
  */
303
- slotFirst: SlotContent<PaginationContext>;
303
+ firstPageLabel: SlotContent<PaginationContext>;
304
304
  /**
305
305
  * The template to use for the previous slot
306
306
  * for I18n, we suggest to use the global configuration
307
307
  * override any configuration parameters provided for this
308
308
  */
309
- slotPrevious: SlotContent<PaginationContext>;
309
+ previousPageLabel: SlotContent<PaginationContext>;
310
310
  /**
311
311
  * The template to use for the next slot
312
312
  * for I18n, we suggest to use the global configuration
313
313
  * override any configuration parameters provided for this
314
314
  */
315
- slotNext: SlotContent<PaginationContext>;
315
+ nextPageLabel: SlotContent<PaginationContext>;
316
316
  /**
317
317
  * The template to use for the last slot
318
318
  * for I18n, we suggest to use the global configuration
319
319
  * override any configuration parameters provided for this
320
320
  */
321
- slotLast: SlotContent<PaginationContext>;
321
+ lastPageLabel: SlotContent<PaginationContext>;
322
322
  /**
323
323
  * The template to use for the pages slot
324
324
  * To use to customize the pages view
325
325
  * override any configuration parameters provided for this
326
326
  */
327
- slotPages: SlotContent<PaginationContext>;
327
+ pagesDisplay: SlotContent<PaginationContext>;
328
328
  /**
329
329
  * The template to use for the number slot
330
330
  * override any configuration parameters provided for this
331
331
  * for I18n, we suggest to use the global configuration
332
332
  */
333
- slotNumberLabel: SlotContent<PaginationNumberContext>;
333
+ numberLabel: SlotContent<PaginationNumberContext>;
334
334
  }
335
335
  export type PaginationWidget = Widget<PaginationProps, PaginationState, PaginationApi, PaginationActions, PaginationDirectives>;
336
336
  export interface DirectionsHrefs {
package/components/progressbar/Progressbar.svelte CHANGED
@@ -11,12 +11,12 @@ const widget = callWidgetFactory({
11
11
  $$slots,
12
12
  $$props,
13
13
  defaultConfig: {
14
- slotStructure: ProgressbarDefaultStructure
14
+ structure: ProgressbarDefaultStructure
15
15
  },
16
16
  events: {}
17
17
  });
18
18
  const {
19
- stores: { slotStructure$, className$ },
19
+ stores: { structure$, className$ },
20
20
  state$,
21
21
  directives: { ariaDirective }
22
22
  } = widget;
@@ -26,7 +26,7 @@ $: slotContext = { widget, state: $state$ };
26
26
  </script>
27
27
 
28
28
  <div use:ariaDirective use:__AgnosUISveltePreprocess__classDirective={($className$ || undefined)} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(ariaDirective, [__AgnosUISveltePreprocess__classDirective, ($className$ || undefined)])}>
29
- <Slot slotContent={$slotStructure$} props={slotContext} let:component let:props>
29
+ <Slot slotContent={$structure$} props={slotContext} let:component let:props>
30
30
  <svelte:fragment slot="slot" let:props><slot name="structure" {...props} /></svelte:fragment>
31
31
  <svelte:component this={component} {...props}>
32
32
  <svelte:fragment let:state let:widget><slot {state} {widget} /></svelte:fragment>
package/components/progressbar/progressbar.gen.d.ts CHANGED
@@ -41,7 +41,7 @@ export interface ProgressbarState {
41
41
  /**
42
42
  * Global template for the Progressbar.
43
43
  */
44
- slotStructure: SlotContent<ProgressbarContext>;
44
+ structure: SlotContent<ProgressbarContext>;
45
45
  /**
46
46
  * Label of the progress.
47
47
  */
@@ -92,7 +92,7 @@ export interface ProgressbarProps {
92
92
  /**
93
93
  * Global template for the Progressbar.
94
94
  */
95
- slotStructure: SlotContent<ProgressbarContext>;
95
+ structure: SlotContent<ProgressbarContext>;
96
96
  /**
97
97
  * Label of the progress.
98
98
  */
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@agnos-ui/svelte-bootstrap",
3
3
  "description": "Bootstrap-based widget library for Svelte.",
4
- "version": "0.4.0-next.0",
4
+ "version": "0.4.0-next.1",
5
5
  "type": "module",
6
6
  "main": "./index.js",
7
7
  "module": "./index.js",
@@ -49,8 +49,8 @@
49
49
  }
50
50
  },
51
51
  "dependencies": {
52
- "@agnos-ui/core-bootstrap": "0.4.0-next.0",
53
- "@agnos-ui/svelte-headless": "0.4.0-next.0"
52
+ "@agnos-ui/core-bootstrap": "0.4.0-next.1",
53
+ "@agnos-ui/svelte-headless": "0.4.0-next.1"
54
54
  },
55
55
  "peerDependencies": {
56
56
  "@amadeus-it-group/tansu": "^1.0.0",