@agnos-ui/svelte-bootstrap 0.9.2 → 0.9.4
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.
|
@@ -1,38 +1,10 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { Widget, WidgetFactory, Directive } from '@agnos-ui/svelte-headless/types';
|
|
2
2
|
/**
|
|
3
3
|
* Retrieve a shallow copy of the default collapse config
|
|
4
4
|
* @returns the default collapse config
|
|
5
5
|
*/
|
|
6
6
|
declare const export_getCollapseDefaultConfig: () => CollapseProps;
|
|
7
7
|
export { export_getCollapseDefaultConfig as getCollapseDefaultConfig };
|
|
8
|
-
/**
|
|
9
|
-
* Represents the state of a collapse component.
|
|
10
|
-
* Extends the properties and state from `CollapseCommonPropsAndState`.
|
|
11
|
-
*/
|
|
12
|
-
export interface CollapseState {
|
|
13
|
-
/**
|
|
14
|
-
* Is `true` when the collapse is hidden. Compared to `visible`, this is updated after the transition is executed.
|
|
15
|
-
*/
|
|
16
|
-
hidden: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* CSS classes to be applied on the widget main container
|
|
19
|
-
*
|
|
20
|
-
* @defaultValue `''`
|
|
21
|
-
*/
|
|
22
|
-
className: string;
|
|
23
|
-
/**
|
|
24
|
-
* If `true`, collapse will be done horizontally.
|
|
25
|
-
*
|
|
26
|
-
* @defaultValue `false`
|
|
27
|
-
*/
|
|
28
|
-
horizontal: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* If `true` the collapse is visible to the user
|
|
31
|
-
*
|
|
32
|
-
* @defaultValue `true`
|
|
33
|
-
*/
|
|
34
|
-
visible: boolean;
|
|
35
|
-
}
|
|
36
8
|
/**
|
|
37
9
|
* Properties for the Collapse component.
|
|
38
10
|
*/
|
|
@@ -83,6 +55,12 @@ export interface CollapseProps {
|
|
|
83
55
|
* @defaultValue `''`
|
|
84
56
|
*/
|
|
85
57
|
id: string;
|
|
58
|
+
/**
|
|
59
|
+
* If `true` the collapse is visible to the user
|
|
60
|
+
*
|
|
61
|
+
* @defaultValue `true`
|
|
62
|
+
*/
|
|
63
|
+
visible: boolean;
|
|
86
64
|
/**
|
|
87
65
|
* CSS classes to be applied on the widget main container
|
|
88
66
|
*
|
|
@@ -95,6 +73,31 @@ export interface CollapseProps {
|
|
|
95
73
|
* @defaultValue `false`
|
|
96
74
|
*/
|
|
97
75
|
horizontal: boolean;
|
|
76
|
+
}
|
|
77
|
+
/**
|
|
78
|
+
* Represents a widget for handling collapse functionality.
|
|
79
|
+
*
|
|
80
|
+
* This type defines the structure of a CollapseWidget, which includes properties, state, API, and directives
|
|
81
|
+
* necessary for managing the collapse behavior in the UI.
|
|
82
|
+
*
|
|
83
|
+
* @type {Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>}
|
|
84
|
+
*/
|
|
85
|
+
export type CollapseWidget = Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>;
|
|
86
|
+
/**
|
|
87
|
+
* Create an CollapseWidget with given config props
|
|
88
|
+
* @param config - an optional collapse config
|
|
89
|
+
* @returns an CollapseWidget
|
|
90
|
+
*/
|
|
91
|
+
declare const export_createCollapse: WidgetFactory<CollapseWidget>;
|
|
92
|
+
export { export_createCollapse as createCollapse };
|
|
93
|
+
/**
|
|
94
|
+
* Represents the state of a Collapse component.
|
|
95
|
+
*/
|
|
96
|
+
export interface CollapseState {
|
|
97
|
+
/**
|
|
98
|
+
* Is `true` when the collapse is hidden. Compared to `visible`, this is updated after the transition is executed.
|
|
99
|
+
*/
|
|
100
|
+
hidden: boolean;
|
|
98
101
|
/**
|
|
99
102
|
* If `true` the collapse is visible to the user
|
|
100
103
|
*
|
|
@@ -132,19 +135,3 @@ export interface CollapseDirectives {
|
|
|
132
135
|
*/
|
|
133
136
|
triggerDirective: Directive;
|
|
134
137
|
}
|
|
135
|
-
/**
|
|
136
|
-
* Represents a widget for handling collapse functionality.
|
|
137
|
-
*
|
|
138
|
-
* This type defines the structure of a CollapseWidget, which includes properties, state, API, and directives
|
|
139
|
-
* necessary for managing the collapse behavior in the UI.
|
|
140
|
-
*
|
|
141
|
-
* @type {Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>}
|
|
142
|
-
*/
|
|
143
|
-
export type CollapseWidget = Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>;
|
|
144
|
-
/**
|
|
145
|
-
* Create an CollapseWidget with given config props
|
|
146
|
-
* @param config - an optional collapse config
|
|
147
|
-
* @returns an CollapseWidget
|
|
148
|
-
*/
|
|
149
|
-
declare const export_createCollapse: WidgetFactory<CollapseWidget>;
|
|
150
|
-
export { export_createCollapse as createCollapse };
|
|
@@ -37,7 +37,7 @@ import {BROWSER as __AgnosUISveltePreprocess__BROWSER} from 'esm-env';
|
|
|
37
37
|
{/each}
|
|
38
38
|
{#each state.sortedHandles as item, i (item.id)}
|
|
39
39
|
<Slot content={state.handle} props={{item, ...widget}} />
|
|
40
|
-
{#if state.showValueLabels
|
|
40
|
+
{#if state.showValueLabels}
|
|
41
41
|
<div use:directives.handleLabelDisplayDirective={{index: i}} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes([directives.handleLabelDisplayDirective, {index: i}])}>
|
|
42
42
|
<Slot content={state.label} props={{value: state.values[i], ...widget}} />
|
|
43
43
|
</div>
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agnos-ui/svelte-bootstrap",
|
|
3
3
|
"description": "Bootstrap-based component library for Svelte.",
|
|
4
|
-
"version": "0.9.
|
|
4
|
+
"version": "0.9.4",
|
|
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.9.
|
|
53
|
-
"@agnos-ui/svelte-headless": "0.9.
|
|
52
|
+
"@agnos-ui/core-bootstrap": "0.9.4",
|
|
53
|
+
"@agnos-ui/svelte-headless": "0.9.4"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
56
|
"@amadeus-it-group/tansu": "^2.0.0",
|