@agnos-ui/core-bootstrap 0.8.0-next.0 → 0.8.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.
- package/{accordion-Dy6WokG3.js → accordion-fxxgzVzz.js} +1 -1
- package/carousel-BR8jjX02.js +86 -0
- package/carousel-DxBhqvpX.cjs +85 -0
- package/collapse-DgIqRvXl.js +88 -0
- package/collapse-klnTiwop.cjs +87 -0
- package/components/accordion/index.js +1 -1
- package/components/carousel/carousel.d.ts +132 -0
- package/components/carousel/index.cjs +12 -0
- package/components/carousel/index.d.ts +1 -0
- package/components/carousel/index.js +6 -0
- package/components/collapse/index.cjs +1 -1
- package/components/collapse/index.js +1 -1
- package/components/progressbar/index.js +1 -1
- package/components/toast/index.cjs +2 -1
- package/components/toast/index.js +3 -2
- package/components/toast/toast.d.ts +15 -0
- package/config.d.ts +5 -0
- package/css/agnosui.css +54 -0
- package/css/agnosui.css.map +1 -1
- package/css/carousel.css +16 -0
- package/css/carousel.css.map +1 -0
- package/css/slider.css +31 -0
- package/css/slider.css.map +1 -1
- package/css/toaster.css +9 -0
- package/css/toaster.css.map +1 -0
- package/index.cjs +13 -2
- package/index.d.ts +1 -0
- package/index.js +12 -7
- package/package.json +4 -2
- package/{progressbar-D9S5NLpS.js → progressbar-DcUv6Lh4.js} +1 -1
- package/scss/_variables.scss +1 -0
- package/scss/agnosui.scss +2 -0
- package/scss/carousel.scss +14 -0
- package/scss/slider.scss +40 -0
- package/scss/toaster.scss +7 -0
- package/{toast-BYDfN1cI.cjs → toast-C4gj0rX-.cjs} +12 -0
- package/{toast-D-by8Hwt.js → toast-Dggjpjqk.js} +13 -1
- package/collapse-CSP8JFq-.cjs +0 -650
- package/collapse-DJJ1jB2v.js +0 -651
package/css/agnosui.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../scss/_functions.scss","../scss/tree.scss","../scss/select.scss","../scss/slider.scss","../scss/rating.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAAA;ACfA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAIA;EACC;;;ACpEJ;EACC;;;AAID;EACC;EACA;EACA;;;ACeD;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAEA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../scss/_functions.scss","../scss/tree.scss","../scss/select.scss","../scss/slider.scss","../scss/rating.scss","../scss/carousel.scss","../scss/toaster.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAAA;ACfA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAIA;EACC;;;ACpEJ;EACC;;;AAID;EACC;EACA;EACA;;;ACeD;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAEA;EA7FA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAwFA;EAxGA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAmGA;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAKD;EACC;EACA;EACA;;AAEA;EACC;;AAIF;EACC;;AAOL;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AACA;AAAA;AAAA;AAAA;EAIC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;AAAA;EAGC;;;ACtVF;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACdF;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;ACZD;EACC;;;AAGD;EACC","file":"agnosui.css"}
|
package/css/carousel.css
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
.au-carousel {
|
|
2
|
+
overflow: hidden;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.au-carousel-container {
|
|
6
|
+
display: flex;
|
|
7
|
+
touch-action: pan-y pinch-zoom;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.au-carousel-slide {
|
|
11
|
+
flex: 0 0 100%;
|
|
12
|
+
user-select: none;
|
|
13
|
+
position: relative;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
/*# sourceMappingURL=carousel.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../scss/carousel.scss"],"names":[],"mappings":"AAAA;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA","file":"carousel.css"}
|
package/css/slider.css
CHANGED
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
--bs-slider-tick-neutral-color: var(--bs-light-emphasis, #666666);
|
|
26
26
|
--bs-slider-tick-selected-color: var(--bs-primary, #0d6efd);
|
|
27
27
|
--bs-slider-tick-disabled-color: var(--bs-dark-bg-subtle, #ced4da);
|
|
28
|
+
--bs-slider-tick-fill-color: var(--bs-white, #ffffff);
|
|
28
29
|
--bs-slider-tick-label-translate-vertical: translateY(75%);
|
|
29
30
|
--bs-slider-progress-color: var(--bs-primary, #0d6efd);
|
|
30
31
|
--bs-slider-progress-height: 0.25rem;
|
|
@@ -142,6 +143,33 @@
|
|
|
142
143
|
}
|
|
143
144
|
.au-slider .au-slider-tick svg {
|
|
144
145
|
display: block;
|
|
146
|
+
width: var(--bs-slider-tick-secondary-size);
|
|
147
|
+
height: var(--bs-slider-tick-primary-size);
|
|
148
|
+
fill: none;
|
|
149
|
+
}
|
|
150
|
+
.au-slider .au-slider-tick svg circle {
|
|
151
|
+
cx: 50%;
|
|
152
|
+
cy: 50%;
|
|
153
|
+
fill: var(--bs-slider-tick-fill-color);
|
|
154
|
+
}
|
|
155
|
+
.au-slider .au-slider-tick svg circle.au-slider-tick-outer {
|
|
156
|
+
r: 45%;
|
|
157
|
+
stroke: var(--bs-slider-tick-neutral-color);
|
|
158
|
+
stroke-width: 1.5;
|
|
159
|
+
}
|
|
160
|
+
.au-slider .au-slider-tick svg circle.au-slider-tick-outer.au-slider-tick-disabled {
|
|
161
|
+
stroke: var(--bs-slider-tick-disabled-color);
|
|
162
|
+
}
|
|
163
|
+
.au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer {
|
|
164
|
+
fill: var(--bs-slider-tick-selected-color);
|
|
165
|
+
stroke: none;
|
|
166
|
+
r: 50%;
|
|
167
|
+
}
|
|
168
|
+
.au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer.au-slider-tick-disabled {
|
|
169
|
+
fill: var(--bs-slider-tick-disabled-color);
|
|
170
|
+
}
|
|
171
|
+
.au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-inner {
|
|
172
|
+
r: 25%;
|
|
145
173
|
}
|
|
146
174
|
.au-slider .au-slider-tick-label {
|
|
147
175
|
position: absolute;
|
|
@@ -154,6 +182,9 @@
|
|
|
154
182
|
margin-inline-start: var(--bs-slider-label-vertical-margin-inline-start);
|
|
155
183
|
transform: var(--bs-slider-tick-label-translate-vertical);
|
|
156
184
|
}
|
|
185
|
+
.au-slider .au-slider-tick-label-now {
|
|
186
|
+
font-weight: var(--bs-slider-label-now-font-weight);
|
|
187
|
+
}
|
|
157
188
|
.au-slider .au-slider-progress {
|
|
158
189
|
background-color: var(--bs-slider-progress-color);
|
|
159
190
|
border-radius: var(--bs-slider-border-radius);
|
package/css/slider.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../scss/slider.scss"],"names":[],"mappings":"AAyBA;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAEA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../scss/slider.scss"],"names":[],"mappings":"AAyBA;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAEA;EA7FA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAwFA;EAxGA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAmGA;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAKD;EACC;EACA;EACA;;AAEA;EACC;;AAIF;EACC;;AAOL;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AACA;AAAA;AAAA;AAAA;EAIC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;AAAA;EAGC","file":"slider.css"}
|
package/css/toaster.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../scss/toaster.scss"],"names":[],"mappings":"AAAA;EACC;;;AAGD;EACC","file":"toaster.css"}
|
package/index.cjs
CHANGED
|
@@ -8,9 +8,10 @@ const progressbar = require("./progressbar-FwnctYWo.cjs");
|
|
|
8
8
|
const rating = require("./rating-C5NZjIRx.cjs");
|
|
9
9
|
const select = require("./select-AtIM2x7x.cjs");
|
|
10
10
|
const slider = require("./slider-CosrWCnn.cjs");
|
|
11
|
-
const toast = require("./toast-
|
|
12
|
-
const collapse = require("./collapse-
|
|
11
|
+
const toast = require("./toast-C4gj0rX-.cjs");
|
|
12
|
+
const collapse = require("./collapse-klnTiwop.cjs");
|
|
13
13
|
const tree = require("./tree-DuY7bsYo.cjs");
|
|
14
|
+
const carousel = require("./carousel-DxBhqvpX.cjs");
|
|
14
15
|
const collapse$1 = require("./collapse-sUYbZqEx.cjs");
|
|
15
16
|
const fade = require("./fade-CJ0jXGio.cjs");
|
|
16
17
|
const types = require("./types.cjs");
|
|
@@ -24,6 +25,7 @@ const select$1 = require("@agnos-ui/core/components/select");
|
|
|
24
25
|
const slider$1 = require("@agnos-ui/core/components/slider");
|
|
25
26
|
const toast$1 = require("@agnos-ui/core/components/toast");
|
|
26
27
|
const tree$1 = require("@agnos-ui/core/components/tree");
|
|
28
|
+
const carousel$1 = require("@agnos-ui/core/components/carousel");
|
|
27
29
|
exports.createAccordion = accordion.createAccordion;
|
|
28
30
|
exports.createAccordionItem = accordion.createAccordionItem;
|
|
29
31
|
exports.getAccordionDefaultConfig = accordion.getAccordionDefaultConfig;
|
|
@@ -44,10 +46,13 @@ exports.createSlider = slider.createSlider;
|
|
|
44
46
|
exports.getSliderDefaultConfig = slider.getSliderDefaultConfig;
|
|
45
47
|
exports.createToast = toast.createToast;
|
|
46
48
|
exports.getToastDefaultConfig = toast.getToastDefaultConfig;
|
|
49
|
+
exports.toastPositions = toast.toastPositions;
|
|
47
50
|
exports.createCollapse = collapse.createCollapse;
|
|
48
51
|
exports.getCollapseDefaultConfig = collapse.getCollapseDefaultConfig;
|
|
49
52
|
exports.createTree = tree.createTree;
|
|
50
53
|
exports.getTreeDefaultConfig = tree.getTreeDefaultConfig;
|
|
54
|
+
exports.createCarousel = carousel.createCarousel;
|
|
55
|
+
exports.getCarouselDefaultConfig = carousel.getCarouselDefaultConfig;
|
|
51
56
|
exports.collapseHorizontalTransition = collapse$1.collapseHorizontalTransition;
|
|
52
57
|
exports.collapseVerticalTransition = collapse$1.collapseVerticalTransition;
|
|
53
58
|
exports.fadeTransition = fade.fadeTransition;
|
|
@@ -112,3 +117,9 @@ Object.keys(tree$1).forEach((k) => {
|
|
|
112
117
|
get: () => tree$1[k]
|
|
113
118
|
});
|
|
114
119
|
});
|
|
120
|
+
Object.keys(carousel$1).forEach((k) => {
|
|
121
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
122
|
+
enumerable: true,
|
|
123
|
+
get: () => carousel$1[k]
|
|
124
|
+
});
|
|
125
|
+
});
|
package/index.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ export * from './components/slider';
|
|
|
9
9
|
export * from './components/toast';
|
|
10
10
|
export * from './components/collapse';
|
|
11
11
|
export * from './components/tree';
|
|
12
|
+
export * from './components/carousel';
|
|
12
13
|
export * from './services/transitions';
|
|
13
14
|
export * from './config';
|
|
14
15
|
export * from './types';
|
package/index.js
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
import { a, c, g } from "./accordion-
|
|
1
|
+
import { a, c, g } from "./accordion-fxxgzVzz.js";
|
|
2
2
|
import { c as c2, g as g2 } from "./alert-DXTwYKjx.js";
|
|
3
3
|
import { c as c3, g as g3 } from "./modal-CHqGXdvt.js";
|
|
4
4
|
import { c as c4, g as g4, n } from "./pageFactory-CZZJDqOh.js";
|
|
5
|
-
import { c as c5, g as g5 } from "./progressbar-
|
|
5
|
+
import { c as c5, g as g5 } from "./progressbar-DcUv6Lh4.js";
|
|
6
6
|
import { c as c6, g as g6 } from "./rating-hovacUx0.js";
|
|
7
7
|
import { c as c7, g as g7 } from "./select-CLjBDJ3a.js";
|
|
8
8
|
import { c as c8, g as g8 } from "./slider-Bj081WdM.js";
|
|
9
|
-
import { c as c9, g as g9 } from "./toast-
|
|
10
|
-
import { c as c10, g as g10 } from "./collapse-
|
|
9
|
+
import { c as c9, g as g9, t } from "./toast-Dggjpjqk.js";
|
|
10
|
+
import { c as c10, g as g10 } from "./collapse-DgIqRvXl.js";
|
|
11
11
|
import { c as c11, g as g11 } from "./tree-Be8WJS8u.js";
|
|
12
|
-
import {
|
|
12
|
+
import { c as c12, g as g12 } from "./carousel-BR8jjX02.js";
|
|
13
|
+
import { a as a2, c as c13 } from "./collapse-CVjUhnIz.js";
|
|
13
14
|
import { f } from "./fade-uOobJKgw.js";
|
|
14
15
|
import { BS_CONTEXTUAL_CLASSES } from "./types.js";
|
|
15
16
|
export * from "@agnos-ui/core/components/accordion";
|
|
@@ -22,13 +23,15 @@ export * from "@agnos-ui/core/components/select";
|
|
|
22
23
|
export * from "@agnos-ui/core/components/slider";
|
|
23
24
|
export * from "@agnos-ui/core/components/toast";
|
|
24
25
|
export * from "@agnos-ui/core/components/tree";
|
|
26
|
+
export * from "@agnos-ui/core/components/carousel";
|
|
25
27
|
export {
|
|
26
28
|
BS_CONTEXTUAL_CLASSES,
|
|
27
29
|
a2 as collapseHorizontalTransition,
|
|
28
|
-
|
|
30
|
+
c13 as collapseVerticalTransition,
|
|
29
31
|
a as createAccordion,
|
|
30
32
|
c as createAccordionItem,
|
|
31
33
|
c2 as createAlert,
|
|
34
|
+
c12 as createCarousel,
|
|
32
35
|
c10 as createCollapse,
|
|
33
36
|
c3 as createModal,
|
|
34
37
|
c4 as createPagination,
|
|
@@ -41,6 +44,7 @@ export {
|
|
|
41
44
|
f as fadeTransition,
|
|
42
45
|
g as getAccordionDefaultConfig,
|
|
43
46
|
g2 as getAlertDefaultConfig,
|
|
47
|
+
g12 as getCarouselDefaultConfig,
|
|
44
48
|
g10 as getCollapseDefaultConfig,
|
|
45
49
|
g3 as getModalDefaultConfig,
|
|
46
50
|
g4 as getPaginationDefaultConfig,
|
|
@@ -50,5 +54,6 @@ export {
|
|
|
50
54
|
g8 as getSliderDefaultConfig,
|
|
51
55
|
g9 as getToastDefaultConfig,
|
|
52
56
|
g11 as getTreeDefaultConfig,
|
|
53
|
-
n as ngBootstrapPagination
|
|
57
|
+
n as ngBootstrapPagination,
|
|
58
|
+
t as toastPositions
|
|
54
59
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agnos-ui/core-bootstrap",
|
|
3
3
|
"description": "Styles and component interface extensions necessary to use AgnosUI with Bootstrap.",
|
|
4
|
-
"version": "0.8.0
|
|
4
|
+
"version": "0.8.0",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"bootstrap",
|
|
7
7
|
"css",
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
"accordion",
|
|
10
10
|
"AgnosUI",
|
|
11
11
|
"alert",
|
|
12
|
+
"carousel",
|
|
12
13
|
"collapse",
|
|
13
14
|
"components",
|
|
14
15
|
"modal",
|
|
@@ -17,6 +18,7 @@
|
|
|
17
18
|
"rating",
|
|
18
19
|
"slider",
|
|
19
20
|
"toast",
|
|
21
|
+
"tree",
|
|
20
22
|
"widgets"
|
|
21
23
|
],
|
|
22
24
|
"type": "module",
|
|
@@ -60,7 +62,7 @@
|
|
|
60
62
|
}
|
|
61
63
|
},
|
|
62
64
|
"dependencies": {
|
|
63
|
-
"@agnos-ui/core": "0.8.0
|
|
65
|
+
"@agnos-ui/core": "0.8.0"
|
|
64
66
|
},
|
|
65
67
|
"peerDependencies": {
|
|
66
68
|
"@amadeus-it-group/tansu": "^2.0.0"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getProgressbarDefaultConfig as getProgressbarDefaultConfig$1, createProgressbar as createProgressbar$1 } from "@agnos-ui/core/components/progressbar";
|
|
2
|
-
import {
|
|
2
|
+
import { createTypeEnum, typeBoolean, typeString } from "@agnos-ui/core/utils/writables";
|
|
3
3
|
import { extendWidgetProps } from "@agnos-ui/core/services/extendWidget";
|
|
4
4
|
import { BS_CONTEXTUAL_CLASSES } from "./types.js";
|
|
5
5
|
const defaultConfigExtraProps = {
|
package/scss/_variables.scss
CHANGED
|
@@ -33,6 +33,7 @@ $au-slider-tick-secondary-size: 1rem !default;
|
|
|
33
33
|
$au-slider-tick-neutral-color: var(--#{$prefix}light-emphasis, #666666) !default;
|
|
34
34
|
$au-slider-tick-disabled-color: var(--#{$prefix}dark-bg-subtle, #ced4da) !default;
|
|
35
35
|
$au-slider-tick-selected-color: var(--#{$prefix}primary, #0d6efd) !default;
|
|
36
|
+
$au-slider-tick-fill-color: var(--#{$prefix}white, #ffffff) !default;
|
|
36
37
|
$au-slider-tick-label-translate-vertical: translateY(75%) !default;
|
|
37
38
|
$au-slider-progress-color: var(--#{$prefix}primary, #0d6efd) !default;
|
|
38
39
|
$au-slider-progress-height: 0.25rem !default;
|
package/scss/agnosui.scss
CHANGED
package/scss/slider.scss
CHANGED
|
@@ -55,6 +55,7 @@
|
|
|
55
55
|
--#{variables.$prefix}slider-tick-neutral-color: #{variables.$au-slider-tick-neutral-color};
|
|
56
56
|
--#{variables.$prefix}slider-tick-selected-color: #{variables.$au-slider-tick-selected-color};
|
|
57
57
|
--#{variables.$prefix}slider-tick-disabled-color: #{variables.$au-slider-tick-disabled-color};
|
|
58
|
+
--#{variables.$prefix}slider-tick-fill-color: #{variables.$au-slider-tick-fill-color};
|
|
58
59
|
|
|
59
60
|
--#{variables.$prefix}slider-tick-label-translate-vertical: #{variables.$au-slider-tick-label-translate-vertical};
|
|
60
61
|
|
|
@@ -178,6 +179,41 @@
|
|
|
178
179
|
// center align the svg along the slider axis
|
|
179
180
|
svg {
|
|
180
181
|
display: block;
|
|
182
|
+
width: var(--#{variables.$prefix}slider-tick-secondary-size);
|
|
183
|
+
height: var(--#{variables.$prefix}slider-tick-primary-size);
|
|
184
|
+
fill: none;
|
|
185
|
+
|
|
186
|
+
circle {
|
|
187
|
+
cx: 50%;
|
|
188
|
+
cy: 50%;
|
|
189
|
+
fill: var(--#{variables.$prefix}slider-tick-fill-color);
|
|
190
|
+
|
|
191
|
+
&.au-slider-tick-outer {
|
|
192
|
+
r: 45%;
|
|
193
|
+
stroke: var(--#{variables.$prefix}slider-tick-neutral-color);
|
|
194
|
+
stroke-width: 1.5;
|
|
195
|
+
|
|
196
|
+
&.au-slider-tick-disabled {
|
|
197
|
+
stroke: var(--#{variables.$prefix}slider-tick-disabled-color);
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
&.au-slider-tick-selected {
|
|
202
|
+
&.au-slider-tick-outer {
|
|
203
|
+
fill: var(--#{variables.$prefix}slider-tick-selected-color);
|
|
204
|
+
stroke: none;
|
|
205
|
+
r: 50%;
|
|
206
|
+
|
|
207
|
+
&.au-slider-tick-disabled {
|
|
208
|
+
fill: var(--#{variables.$prefix}slider-tick-disabled-color);
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
&.au-slider-tick-inner {
|
|
213
|
+
r: 25%;
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
}
|
|
181
217
|
}
|
|
182
218
|
}
|
|
183
219
|
|
|
@@ -194,6 +230,10 @@
|
|
|
194
230
|
transform: var(--#{variables.$prefix}slider-tick-label-translate-vertical);
|
|
195
231
|
}
|
|
196
232
|
|
|
233
|
+
.au-slider-tick-label-now {
|
|
234
|
+
font-weight: var(--#{variables.$prefix}slider-label-now-font-weight);
|
|
235
|
+
}
|
|
236
|
+
|
|
197
237
|
.au-slider-progress {
|
|
198
238
|
background-color: var(--#{variables.$prefix}slider-progress-color);
|
|
199
239
|
border-radius: var(--#{variables.$prefix}slider-border-radius);
|
|
@@ -23,5 +23,17 @@ const createToast = extendWidget.extendWidgetProps(
|
|
|
23
23
|
},
|
|
24
24
|
coreOverride
|
|
25
25
|
);
|
|
26
|
+
const toastPositions = {
|
|
27
|
+
topLeft: "top-0 start-0",
|
|
28
|
+
topCenter: "top-0 start-50 translate-middle-x",
|
|
29
|
+
topRight: "top-0 end-0",
|
|
30
|
+
middleLeft: "top-50 start-0 translate-middle-y",
|
|
31
|
+
middleCenter: "top-50 start-50 translate-middle",
|
|
32
|
+
middleRight: "top-50 end-0 translate-middle-y",
|
|
33
|
+
bottomLeft: "bottom-0 start-0",
|
|
34
|
+
bottomCenter: "bottom-0 start-50 translate-middle-x",
|
|
35
|
+
bottomRight: "bottom-0 end-0"
|
|
36
|
+
};
|
|
26
37
|
exports.createToast = createToast;
|
|
27
38
|
exports.getToastDefaultConfig = getToastDefaultConfig;
|
|
39
|
+
exports.toastPositions = toastPositions;
|
|
@@ -22,7 +22,19 @@ const createToast = extendWidgetProps(
|
|
|
22
22
|
},
|
|
23
23
|
coreOverride
|
|
24
24
|
);
|
|
25
|
+
const toastPositions = {
|
|
26
|
+
topLeft: "top-0 start-0",
|
|
27
|
+
topCenter: "top-0 start-50 translate-middle-x",
|
|
28
|
+
topRight: "top-0 end-0",
|
|
29
|
+
middleLeft: "top-50 start-0 translate-middle-y",
|
|
30
|
+
middleCenter: "top-50 start-50 translate-middle",
|
|
31
|
+
middleRight: "top-50 end-0 translate-middle-y",
|
|
32
|
+
bottomLeft: "bottom-0 start-0",
|
|
33
|
+
bottomCenter: "bottom-0 start-50 translate-middle-x",
|
|
34
|
+
bottomRight: "bottom-0 end-0"
|
|
35
|
+
};
|
|
25
36
|
export {
|
|
26
37
|
createToast as c,
|
|
27
|
-
getToastDefaultConfig as g
|
|
38
|
+
getToastDefaultConfig as g,
|
|
39
|
+
toastPositions as t
|
|
28
40
|
};
|