@agnos-ui/core-bootstrap 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/README.md +8 -0
  2. package/accordion-Bgd6SWnD.js +30 -0
  3. package/accordion-jB0Q8V5J.cjs +29 -0
  4. package/alert-B9JCvO-j.cjs +22 -0
  5. package/alert-CegOWFcG.js +23 -0
  6. package/collapse-CVjUhnIz.js +19 -0
  7. package/collapse-sUYbZqEx.cjs +18 -0
  8. package/components/accordion/accordion.d.ts +50 -0
  9. package/components/accordion/index.cjs +14 -0
  10. package/components/accordion/index.d.ts +1 -0
  11. package/components/accordion/index.js +7 -0
  12. package/components/alert/alert.d.ts +36 -0
  13. package/components/alert/index.cjs +13 -0
  14. package/components/alert/index.d.ts +1 -0
  15. package/components/alert/index.js +6 -0
  16. package/components/modal/index.cjs +13 -0
  17. package/components/modal/index.d.ts +1 -0
  18. package/components/modal/index.js +6 -0
  19. package/components/modal/modal.d.ts +48 -0
  20. package/components/pagination/index.cjs +14 -0
  21. package/components/pagination/index.d.ts +2 -0
  22. package/components/pagination/index.js +7 -0
  23. package/components/pagination/pageFactory.d.ts +8 -0
  24. package/components/pagination/pagination.d.ts +95 -0
  25. package/components/progressbar/index.cjs +13 -0
  26. package/components/progressbar/index.d.ts +1 -0
  27. package/components/progressbar/index.js +6 -0
  28. package/components/progressbar/progressbar.d.ts +49 -0
  29. package/components/rating/index.cjs +13 -0
  30. package/components/rating/index.d.ts +1 -0
  31. package/components/rating/index.js +6 -0
  32. package/components/rating/rating.d.ts +26 -0
  33. package/components/select/index.cjs +13 -0
  34. package/components/select/index.d.ts +1 -0
  35. package/components/select/index.js +6 -0
  36. package/components/select/select.d.ts +42 -0
  37. package/components/slider/index.cjs +13 -0
  38. package/components/slider/index.d.ts +1 -0
  39. package/components/slider/index.js +6 -0
  40. package/components/slider/slider.d.ts +41 -0
  41. package/components/toast/index.cjs +13 -0
  42. package/components/toast/index.d.ts +1 -0
  43. package/components/toast/index.js +6 -0
  44. package/components/toast/toast.d.ts +35 -0
  45. package/config.cjs +1 -0
  46. package/config.d.ts +47 -0
  47. package/config.js +1 -0
  48. package/css/agnosui.css +199 -0
  49. package/css/agnosui.css.map +1 -0
  50. package/fade-CJ0jXGio.cjs +9 -0
  51. package/fade-uOobJKgw.js +10 -0
  52. package/index.cjs +108 -0
  53. package/index.d.ts +11 -0
  54. package/index.js +45 -0
  55. package/modal-CJt6Fp1P.cjs +31 -0
  56. package/modal-CXM6wQ-N.js +32 -0
  57. package/package.json +75 -0
  58. package/pageFactory-C8ZmJXYi.js +82 -0
  59. package/pageFactory-Dubi5rdt.cjs +81 -0
  60. package/progressbar-Cb_c2h_2.js +25 -0
  61. package/progressbar-I6Jvhy5T.cjs +24 -0
  62. package/rating-BvtHfl45.cjs +12 -0
  63. package/rating-CNQcp5pm.js +13 -0
  64. package/scss/_select.scss +7 -0
  65. package/scss/_slider.scss +219 -0
  66. package/scss/_toast.scss +3 -0
  67. package/scss/_variables.scss +63 -0
  68. package/scss/agnosui.scss +6 -0
  69. package/select-2BdFlVLo.js +18 -0
  70. package/select-psgTS2xQ.cjs +17 -0
  71. package/services/transitions/collapse.d.ts +3 -0
  72. package/services/transitions/fade.d.ts +2 -0
  73. package/services/transitions/index.cjs +7 -0
  74. package/services/transitions/index.d.ts +2 -0
  75. package/services/transitions/index.js +7 -0
  76. package/slider-DCSKvhja.cjs +14 -0
  77. package/slider-DjrZ5zAy.js +15 -0
  78. package/toast-kK5X1pf9.js +19 -0
  79. package/toast-kMbwghA_.cjs +18 -0
  80. package/types.cjs +1 -0
  81. package/types.d.ts +1 -0
  82. package/types.js +1 -0
@@ -0,0 +1,32 @@
1
+ import { getModalDefaultConfig as getModalDefaultConfig$1, createModal as createModal$1 } from "@agnos-ui/core/components/modal";
2
+ import { f as fadeTransition } from "./fade-uOobJKgw.js";
3
+ import { extendWidgetProps } from "@agnos-ui/core/services/extendWidget";
4
+ import { typeBoolean } from "@agnos-ui/core/utils/writables";
5
+ const defaultConfigExtraProps = {
6
+ slotDefault: void 0,
7
+ slotFooter: void 0,
8
+ slotHeader: void 0,
9
+ slotStructure: void 0,
10
+ slotTitle: void 0,
11
+ fullscreen: false
12
+ };
13
+ const coreOverride = {
14
+ backdropTransition: fadeTransition,
15
+ modalTransition: fadeTransition
16
+ };
17
+ const configValidator = {
18
+ fullscreen: typeBoolean
19
+ };
20
+ function getModalDefaultConfig() {
21
+ return { ...getModalDefaultConfig$1(), ...defaultConfigExtraProps, ...coreOverride };
22
+ }
23
+ const createModal = extendWidgetProps(
24
+ createModal$1,
25
+ defaultConfigExtraProps,
26
+ configValidator,
27
+ coreOverride
28
+ );
29
+ export {
30
+ createModal as c,
31
+ getModalDefaultConfig as g
32
+ };
package/package.json ADDED
@@ -0,0 +1,75 @@
1
+ {
2
+ "name": "@agnos-ui/core-bootstrap",
3
+ "description": "Styles and widget interface extensions necessary to use AgnosUI with Bootstrap.",
4
+ "version": "0.3.0",
5
+ "keywords": [
6
+ "bootstrap",
7
+ "headless",
8
+ "css",
9
+ "scss",
10
+ "AgnosUI",
11
+ "accordion",
12
+ "alert",
13
+ "components",
14
+ "modal",
15
+ "pagination",
16
+ "progressbar",
17
+ "rating",
18
+ "slider",
19
+ "toast",
20
+ "widgets"
21
+ ],
22
+ "type": "module",
23
+ "main": "./index.cjs",
24
+ "module": "./index.js",
25
+ "types": "./index.d.ts",
26
+ "exports": {
27
+ ".": {
28
+ "types": "./index.d.ts",
29
+ "sass": "./scss/agnosui.scss",
30
+ "require": "./index.cjs",
31
+ "default": "./index.js"
32
+ },
33
+ "./types": {
34
+ "types": "./types.d.ts",
35
+ "require": "./types.cjs",
36
+ "default": "./types.js"
37
+ },
38
+ "./components/*": {
39
+ "types": "./components/*/index.d.ts",
40
+ "require": "./components/*/index.cjs",
41
+ "default": "./components/*/index.js"
42
+ },
43
+ "./services/transitions": {
44
+ "types": "./services/transitions/index.d.ts",
45
+ "require": "./services/transitions/index.cjs",
46
+ "default": "./services/transitions/index.js"
47
+ },
48
+ "./config": {
49
+ "types": "./config.d.ts",
50
+ "require": "./config.cjs",
51
+ "default": "./config.js"
52
+ },
53
+ "./scss/agnosui.scss": {
54
+ "require": "./scss/agnosui.scss",
55
+ "default": "./scss/agnosui.scss"
56
+ },
57
+ "./css/agnosui.css": {
58
+ "require": "./css/agnosui.css",
59
+ "default": "./css/agnosui.css"
60
+ }
61
+ },
62
+ "dependencies": {
63
+ "@agnos-ui/core": "0.3.0"
64
+ },
65
+ "peerDependencies": {},
66
+ "sideEffects": false,
67
+ "homepage": "https://amadeusitgroup.github.io/AgnosUI/latest/",
68
+ "bugs": "https://github.com/AmadeusITGroup/AgnosUI/issues",
69
+ "license": "MIT",
70
+ "repository": {
71
+ "type": "git",
72
+ "url": "git+https://github.com/AmadeusITGroup/AgnosUI.git",
73
+ "directory": "core-bootstrap"
74
+ }
75
+ }
@@ -0,0 +1,82 @@
1
+ import { extendWidgetProps } from "@agnos-ui/core/services/extendWidget";
2
+ import { getPaginationDefaultConfig as getPaginationDefaultConfig$1, createPagination as createPagination$1 } from "@agnos-ui/core/components/pagination";
3
+ const defaultConfigExtraProps = {
4
+ slotEllipsis: "…",
5
+ slotFirst: "«",
6
+ slotPrevious: "‹",
7
+ slotNext: "›",
8
+ slotLast: "»",
9
+ slotPages: void 0,
10
+ slotStructure: void 0,
11
+ slotNumberLabel: ({ displayedPage }) => `${displayedPage}`
12
+ };
13
+ function getPaginationDefaultConfig() {
14
+ return { ...getPaginationDefaultConfig$1(), ...defaultConfigExtraProps };
15
+ }
16
+ const createPagination = extendWidgetProps(createPagination$1, defaultConfigExtraProps, {});
17
+ function _applyPagination(page, maxSize) {
18
+ const pp = Math.ceil(page / maxSize) - 1;
19
+ const start = pp * maxSize;
20
+ const end = start + maxSize;
21
+ return [start, end];
22
+ }
23
+ function _applyEllipses(start, end, ellipses, pages, pageCount) {
24
+ if (ellipses) {
25
+ if (start > 0) {
26
+ if (start > 2) {
27
+ pages.unshift(-1);
28
+ } else if (start === 2) {
29
+ pages.unshift(2);
30
+ }
31
+ pages.unshift(1);
32
+ }
33
+ if (end < pageCount) {
34
+ if (end < pageCount - 2) {
35
+ pages.push(-1);
36
+ } else if (end === pageCount - 2) {
37
+ pages.push(pageCount - 1);
38
+ }
39
+ pages.push(pageCount);
40
+ }
41
+ }
42
+ }
43
+ function _applyRotation(page, maxSize, pageCount) {
44
+ let start = 0;
45
+ let end = pageCount;
46
+ const leftOffset = Math.floor(maxSize / 2);
47
+ const rightOffset = maxSize % 2 === 0 ? leftOffset - 1 : leftOffset;
48
+ if (page <= leftOffset) {
49
+ end = maxSize;
50
+ } else if (pageCount - page < leftOffset) {
51
+ start = pageCount - maxSize;
52
+ } else {
53
+ start = page - leftOffset - 1;
54
+ end = page + rightOffset;
55
+ }
56
+ return [start, end];
57
+ }
58
+ function ngBootstrapPagination(maxSize, rotate, ellipses) {
59
+ return function(page, pageCount) {
60
+ let pages = [];
61
+ for (let i = 1; i <= pageCount; i++) {
62
+ pages.push(i);
63
+ }
64
+ if (maxSize > 0 && pageCount > maxSize) {
65
+ let start = 0;
66
+ let end = pageCount;
67
+ if (rotate) {
68
+ [start, end] = _applyRotation(page, maxSize, pageCount);
69
+ } else {
70
+ [start, end] = _applyPagination(page, maxSize);
71
+ }
72
+ pages = pages.slice(start, end);
73
+ _applyEllipses(start, end, ellipses, pages, pageCount);
74
+ }
75
+ return pages;
76
+ };
77
+ }
78
+ export {
79
+ createPagination as c,
80
+ getPaginationDefaultConfig as g,
81
+ ngBootstrapPagination as n
82
+ };
@@ -0,0 +1,81 @@
1
+ "use strict";
2
+ const extendWidget = require("@agnos-ui/core/services/extendWidget");
3
+ const pagination = require("@agnos-ui/core/components/pagination");
4
+ const defaultConfigExtraProps = {
5
+ slotEllipsis: "…",
6
+ slotFirst: "«",
7
+ slotPrevious: "‹",
8
+ slotNext: "›",
9
+ slotLast: "»",
10
+ slotPages: void 0,
11
+ slotStructure: void 0,
12
+ slotNumberLabel: ({ displayedPage }) => `${displayedPage}`
13
+ };
14
+ function getPaginationDefaultConfig() {
15
+ return { ...pagination.getPaginationDefaultConfig(), ...defaultConfigExtraProps };
16
+ }
17
+ const createPagination = extendWidget.extendWidgetProps(pagination.createPagination, defaultConfigExtraProps, {});
18
+ function _applyPagination(page, maxSize) {
19
+ const pp = Math.ceil(page / maxSize) - 1;
20
+ const start = pp * maxSize;
21
+ const end = start + maxSize;
22
+ return [start, end];
23
+ }
24
+ function _applyEllipses(start, end, ellipses, pages, pageCount) {
25
+ if (ellipses) {
26
+ if (start > 0) {
27
+ if (start > 2) {
28
+ pages.unshift(-1);
29
+ } else if (start === 2) {
30
+ pages.unshift(2);
31
+ }
32
+ pages.unshift(1);
33
+ }
34
+ if (end < pageCount) {
35
+ if (end < pageCount - 2) {
36
+ pages.push(-1);
37
+ } else if (end === pageCount - 2) {
38
+ pages.push(pageCount - 1);
39
+ }
40
+ pages.push(pageCount);
41
+ }
42
+ }
43
+ }
44
+ function _applyRotation(page, maxSize, pageCount) {
45
+ let start = 0;
46
+ let end = pageCount;
47
+ const leftOffset = Math.floor(maxSize / 2);
48
+ const rightOffset = maxSize % 2 === 0 ? leftOffset - 1 : leftOffset;
49
+ if (page <= leftOffset) {
50
+ end = maxSize;
51
+ } else if (pageCount - page < leftOffset) {
52
+ start = pageCount - maxSize;
53
+ } else {
54
+ start = page - leftOffset - 1;
55
+ end = page + rightOffset;
56
+ }
57
+ return [start, end];
58
+ }
59
+ function ngBootstrapPagination(maxSize, rotate, ellipses) {
60
+ return function(page, pageCount) {
61
+ let pages = [];
62
+ for (let i = 1; i <= pageCount; i++) {
63
+ pages.push(i);
64
+ }
65
+ if (maxSize > 0 && pageCount > maxSize) {
66
+ let start = 0;
67
+ let end = pageCount;
68
+ if (rotate) {
69
+ [start, end] = _applyRotation(page, maxSize, pageCount);
70
+ } else {
71
+ [start, end] = _applyPagination(page, maxSize);
72
+ }
73
+ pages = pages.slice(start, end);
74
+ _applyEllipses(start, end, ellipses, pages, pageCount);
75
+ }
76
+ return pages;
77
+ };
78
+ }
79
+ exports.createPagination = createPagination;
80
+ exports.getPaginationDefaultConfig = getPaginationDefaultConfig;
81
+ exports.ngBootstrapPagination = ngBootstrapPagination;
@@ -0,0 +1,25 @@
1
+ import { getProgressbarDefaultConfig as getProgressbarDefaultConfig$1, createProgressbar as createProgressbar$1 } from "@agnos-ui/core/components/progressbar";
2
+ import { typeString, typeBoolean } from "@agnos-ui/core/utils/writables";
3
+ import { extendWidgetProps } from "@agnos-ui/core/services/extendWidget";
4
+ const defaultConfigExtraProps = {
5
+ slotStructure: void 0,
6
+ slotDefault: void 0,
7
+ height: "",
8
+ striped: false,
9
+ animated: false,
10
+ type: void 0
11
+ };
12
+ const configValidator = {
13
+ height: typeString,
14
+ striped: typeBoolean,
15
+ animated: typeBoolean,
16
+ type: typeString
17
+ };
18
+ function getProgressbarDefaultConfig() {
19
+ return { ...getProgressbarDefaultConfig$1(), ...defaultConfigExtraProps };
20
+ }
21
+ const createProgressbar = extendWidgetProps(createProgressbar$1, defaultConfigExtraProps, configValidator);
22
+ export {
23
+ createProgressbar as c,
24
+ getProgressbarDefaultConfig as g
25
+ };
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ const progressbar = require("@agnos-ui/core/components/progressbar");
3
+ const writables = require("@agnos-ui/core/utils/writables");
4
+ const extendWidget = require("@agnos-ui/core/services/extendWidget");
5
+ const defaultConfigExtraProps = {
6
+ slotStructure: void 0,
7
+ slotDefault: void 0,
8
+ height: "",
9
+ striped: false,
10
+ animated: false,
11
+ type: void 0
12
+ };
13
+ const configValidator = {
14
+ height: writables.typeString,
15
+ striped: writables.typeBoolean,
16
+ animated: writables.typeBoolean,
17
+ type: writables.typeString
18
+ };
19
+ function getProgressbarDefaultConfig() {
20
+ return { ...progressbar.getProgressbarDefaultConfig(), ...defaultConfigExtraProps };
21
+ }
22
+ const createProgressbar = extendWidget.extendWidgetProps(progressbar.createProgressbar, defaultConfigExtraProps, configValidator);
23
+ exports.createProgressbar = createProgressbar;
24
+ exports.getProgressbarDefaultConfig = getProgressbarDefaultConfig;
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ const rating = require("@agnos-ui/core/components/rating");
3
+ const extendWidget = require("@agnos-ui/core/services/extendWidget");
4
+ const defaultConfigExtraProps = {
5
+ slotStar: ({ fill }) => String.fromCharCode(fill === 100 ? 9733 : 9734)
6
+ };
7
+ function getRatingDefaultConfig() {
8
+ return { ...rating.getRatingDefaultConfig(), ...defaultConfigExtraProps };
9
+ }
10
+ const createRating = extendWidget.extendWidgetProps(rating.createRating, defaultConfigExtraProps, {});
11
+ exports.createRating = createRating;
12
+ exports.getRatingDefaultConfig = getRatingDefaultConfig;
@@ -0,0 +1,13 @@
1
+ import { getRatingDefaultConfig as getRatingDefaultConfig$1, createRating as createRating$1 } from "@agnos-ui/core/components/rating";
2
+ import { extendWidgetProps } from "@agnos-ui/core/services/extendWidget";
3
+ const defaultConfigExtraProps = {
4
+ slotStar: ({ fill }) => String.fromCharCode(fill === 100 ? 9733 : 9734)
5
+ };
6
+ function getRatingDefaultConfig() {
7
+ return { ...getRatingDefaultConfig$1(), ...defaultConfigExtraProps };
8
+ }
9
+ const createRating = extendWidgetProps(createRating$1, defaultConfigExtraProps, {});
10
+ export {
11
+ createRating as c,
12
+ getRatingDefaultConfig as g
13
+ };
@@ -0,0 +1,7 @@
1
+ .au-select:focus-within {
2
+ box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
3
+ }
4
+
5
+ .au-select-input {
6
+ outline: none;
7
+ }
@@ -0,0 +1,219 @@
1
+ /// Mixin used to redefine css variable for different size of slider
2
+ /// In particular the size bar and the size of the handle
3
+ /// The offset is used to add some space between the text and the slider
4
+ @mixin setSliderSize($barSize, $handleSize, $fontSize, $offset) {
5
+ --#{$prefix}slider-font-size: #{$fontSize};
6
+ --#{$prefix}slider-border-radius: calc(#{$barSize} / 2);
7
+
8
+ --#{$prefix}slider-secondary-size: #{$barSize};
9
+
10
+ --#{$prefix}slider-margin-block-start: calc((#{$handleSize} - #{$barSize}) / 2 + #{$fontSize} * 1.5 + #{$offset});
11
+ --#{$prefix}slider-margin-block-end: calc((#{$handleSize} - #{$barSize}) / 2 + #{$offset});
12
+ --#{$prefix}slider-vertical-margin-inline-start: calc((#{$handleSize} - #{$barSize}) / 2 + #{$offset});
13
+ --#{$prefix}slider-vertical-margin-inline-end: calc((#{$handleSize} - #{$barSize}) / 2 + #{$offset} + 3ch + #{$offset});
14
+
15
+ --#{$prefix}slider-handle-size: #{$handleSize};
16
+
17
+ --#{$prefix}slider-label-margin-block-start: calc(-1 * (#{$fontSize} * 1.5 + (#{$handleSize} - #{$barSize}) / 2));
18
+ --#{$prefix}slider-label-vertical-margin-inline-start: calc((#{$handleSize} - #{$barSize}) / 2 + #{$barSize} + #{$offset});
19
+ }
20
+
21
+ .au-slider {
22
+ --#{$prefix}slider-background-color: #{$au-slider-color-background};
23
+ --#{$prefix}slider-font-size: #{$au-slider-font-size};
24
+ --#{$prefix}slider-border-radius: #{$au-slider-border-radius};
25
+ --#{$prefix}slider-line-height: #{$au-slider-line-height};
26
+
27
+ --#{$prefix}slider-primary-size: #{$au-slider-primary-size};
28
+ --#{$prefix}slider-secondary-size: #{$au-slider-secondary-size};
29
+ --#{$prefix}slider-margin-block-start: #{$au-slider-margin-block-start};
30
+ --#{$prefix}slider-margin-block-end: #{$au-slider-margin-block-end};
31
+ --#{$prefix}slider-vertical-margin-inline-start: #{$au-slider-vertical-margin-inline-start};
32
+ --#{$prefix}slider-vertical-margin-inline-end: #{$au-slider-vertical-margin-inline-end};
33
+ --#{$prefix}slider-translate-vertical: #{$au-slider-translate-vertical};
34
+ --#{$prefix}slider-translate-horizontal: #{$au-slider-translate-horizontal};
35
+
36
+ --#{$prefix}slider-handle-color: #{$au-slider-handle-color};
37
+ --#{$prefix}slider-handle-size: #{$au-slider-handle-size};
38
+ --#{$prefix}slider-handle-border: #{$au-slider-handle-border};
39
+ --#{$prefix}slider-handle-border-hover: #{$au-slider-handle-border-hover};
40
+ --#{$prefix}slider-handle-border-radius: #{$au-slider-handle-border-radius};
41
+ --#{$prefix}slider-handle-outline: #{$au-slider-handle-outline};
42
+ --#{$prefix}slider-handle-focus-box-shadow: #{$au-slider-handle-focus-box-shadow};
43
+
44
+ --#{$prefix}slider-progress-color: #{$au-slider-progress-color};
45
+ --#{$prefix}slider-progress-height: #{$au-slider-progress-height};
46
+ --#{$prefix}slider-progress-vertical-transform: #{$au-slider-progress-vertical-transform};
47
+
48
+ --#{$prefix}slider-label-margin-block-start: #{$au-slider-label-margin-block-start};
49
+ --#{$prefix}slider-label-font-weight: #{$au-slider-label-font-weight};
50
+ --#{$prefix}slider-label-now-font-weight: #{$au-slider-label-now-font-weight};
51
+
52
+ --#{$prefix}slider-label-min-position: #{$au-slider-label-min-position};
53
+ --#{$prefix}slider-label-max-position: #{$au-slider-label-max-position};
54
+ --#{$prefix}slider-label-now-transform: #{$au-slider-label-now-transform};
55
+
56
+ --#{$prefix}slider-label-vertical-margin-inline-start: #{$au-slider-label-vertical-margin-inline-start};
57
+ --#{$prefix}slider-label-vertical-min-transform: #{$au-slider-label-vertical-min-transform};
58
+ --#{$prefix}slider-label-vertical-max-transform: #{$au-slider-label-vertical-max-transform};
59
+ --#{$prefix}slider-label-vertical-white-space: #{$au-slider-label-vertical-white-space};
60
+ --#{$prefix}slider-label-vertical-min-top: #{$au-slider-label-vertical-min-top};
61
+ --#{$prefix}slider-label-vertical-max-top: #{$au-slider-label-vertical-max-top};
62
+ --#{$prefix}slider-label-vertical-now-transform: #{$au-slider-label-vertical-now-transform};
63
+
64
+ --#{$prefix}slider-clickable-area-main-size: #{$au-slider-clickable-area-main-size};
65
+ --#{$prefix}slider-clickable-area-secondary-size: #{$au-slider-clickable-area-secondary-size};
66
+ --#{$prefix}slider-clickable-area-translate: #{$au-slider-clickable-area-translateY};
67
+ --#{$prefix}slider-clickable-area-vertical-translate: #{$au-slider-clickable-area-translateX};
68
+ --#{$prefix}slider-clickable-area-vertical-flex-shrink: #{$au-slider-clickable-area-vertical-flex-shrink};
69
+
70
+ --#{$prefix}slider-disabled-color: #{$au-slider-disabled-color};
71
+ --#{$prefix}slider-disabled-cursor: #{$au-slider-disabled-cursor};
72
+
73
+ display: flex;
74
+ background-color: var(--#{$prefix}slider-background-color);
75
+ border-radius: var(--#{$prefix}slider-border-radius);
76
+ font-size: var(--#{$prefix}slider-font-size);
77
+ line-height: var(--#{$prefix}slider-line-height);
78
+ position: relative;
79
+
80
+ &.au-slider-lg {
81
+ @include setSliderSize($au-slider-bar-size-lg, $au-slider-handle-size-lg, $au-slider-font-size-lg, $au-slider-offset-lg);
82
+ }
83
+
84
+ &.au-slider-sm {
85
+ @include setSliderSize($au-slider-bar-size-sm, $au-slider-handle-size-sm, $au-slider-font-size-sm, $au-slider-offset-sm);
86
+ }
87
+
88
+ &.au-slider-horizontal {
89
+ width: var(--#{$prefix}slider-primary-size);
90
+ height: var(--#{$prefix}slider-secondary-size);
91
+ margin-block-start: var(--#{$prefix}slider-margin-block-start);
92
+ margin-block-end: var(--#{$prefix}slider-margin-block-end);
93
+ .au-slider-handle-horizontal {
94
+ top: calc(50% - var(--#{$prefix}slider-handle-size) / 2);
95
+ transform: var(--#{$prefix}slider-translate-horizontal);
96
+ }
97
+ }
98
+
99
+ &.au-slider-vertical {
100
+ height: var(--#{$prefix}slider-primary-size);
101
+ width: var(--#{$prefix}slider-secondary-size);
102
+ margin-inline-start: var(--#{$prefix}slider-vertical-margin-inline-start);
103
+ margin-inline-end: var(--#{$prefix}slider-vertical-margin-inline-end);
104
+ .au-slider-handle-vertical {
105
+ left: calc(50% - var(--#{$prefix}slider-handle-size) / 2);
106
+ transform: var(--#{$prefix}slider-translate-vertical);
107
+ }
108
+ }
109
+
110
+ .au-slider-handle {
111
+ background-color: var(--#{$prefix}slider-handle-color);
112
+ border: var(--#{$prefix}slider-handle-border);
113
+ border-radius: var(--#{$prefix}slider-handle-border-radius);
114
+ outline: var(--#{$prefix}slider-handle-outline);
115
+ position: absolute;
116
+ width: var(--#{$prefix}slider-handle-size);
117
+ height: var(--#{$prefix}slider-handle-size);
118
+
119
+ &:not([disabled]):hover {
120
+ border: var(--#{$prefix}slider-handle-border-hover);
121
+ }
122
+ &:focus {
123
+ box-shadow: var(--#{$prefix}slider-handle-focus-box-shadow);
124
+ }
125
+ }
126
+
127
+ .au-slider-progress {
128
+ background-color: var(--#{$prefix}slider-progress-color);
129
+ border-radius: var(--#{$prefix}slider-border-radius);
130
+ position: absolute;
131
+ }
132
+
133
+ .au-slider-progress-vertical {
134
+ transform: var(--#{$prefix}slider-progress-vertical-transform);
135
+ }
136
+
137
+ .au-slider-label {
138
+ font-weight: var(--#{$prefix}slider-label-font-weight);
139
+ margin-block-start: var(--#{$prefix}slider-label-margin-block-start);
140
+ position: absolute;
141
+
142
+ &.au-slider-label-min:not(.au-slider-rtl) {
143
+ left: var(--#{$prefix}slider-label-min-position);
144
+ }
145
+
146
+ &.au-slider-label-min.au-slider-rtl {
147
+ right: var(--#{$prefix}slider-label-max-position);
148
+ }
149
+
150
+ &.au-slider-label-max:not(.au-slider-rtl) {
151
+ right: var(--#{$prefix}slider-label-max-position);
152
+ }
153
+
154
+ &.au-slider-label-max.au-slider-rtl {
155
+ left: var(--#{$prefix}slider-label-min-position);
156
+ }
157
+
158
+ &.au-slider-label-now {
159
+ font-weight: var(--#{$prefix}slider-label-now-font-weight);
160
+ transform: var(--#{$prefix}slider-label-now-transform);
161
+ }
162
+ }
163
+
164
+ .au-slider-label-vertical {
165
+ position: absolute;
166
+ margin-inline-start: var(--#{$prefix}slider-label-vertical-margin-inline-start);
167
+ white-space: var(--#{$prefix}slider-label-vertical-white-space);
168
+
169
+ &.au-slider-label-vertical-min:not(.au-slider-rtl) {
170
+ top: var(--#{$prefix}slider-label-vertical-min-top);
171
+ transform: var(--#{$prefix}slider-label-vertical-min-transform);
172
+ }
173
+
174
+ &.au-slider-label-vertical-min.au-slider-rtl {
175
+ top: var(--#{$prefix}slider-label-vertical-max-top);
176
+ transform: var(--#{$prefix}slider-label-vertical-max-transform);
177
+ }
178
+
179
+ &.au-slider-label-vertical-max:not(.au-slider-rtl) {
180
+ top: var(--#{$prefix}slider-label-vertical-max-top);
181
+ transform: var(--#{$prefix}slider-label-vertical-max-transform);
182
+ }
183
+
184
+ &.au-slider-label-vertical-max.au-slider-rtl {
185
+ top: var(--#{$prefix}slider-label-vertical-min-top);
186
+ transform: var(--#{$prefix}slider-label-vertical-min-transform);
187
+ }
188
+
189
+ &.au-slider-label-vertical-now {
190
+ transform: var(--#{$prefix}slider-label-vertical-now-transform);
191
+ }
192
+ }
193
+
194
+ .au-slider-clickable-area {
195
+ height: var(--#{$prefix}slider-clickable-area-main-size);
196
+ width: var(--#{$prefix}slider-clickable-area-secondary-size);
197
+ transform: var(--#{$prefix}slider-clickable-area-translate);
198
+ }
199
+
200
+ .au-slider-clickable-area-vertical {
201
+ width: var(--#{$prefix}slider-clickable-area-main-size);
202
+ height: var(--#{$prefix}slider-clickable-area-secondary-size);
203
+ transform: var(--#{$prefix}slider-clickable-area-vertical-translate);
204
+ flex-shrink: var(--#{$prefix}slider-clickable-area-vertical-flex-shrink);
205
+ }
206
+
207
+ &.disabled {
208
+ cursor: var(--#{$prefix}slider-disabled-cursor);
209
+ .au-slider-label,
210
+ .au-slider-label-vertical {
211
+ color: var(--#{$prefix}slider-disabled-color);
212
+ }
213
+ .au-slider-progress,
214
+ .au-slider-handle {
215
+ background-color: var(--#{$prefix}slider-disabled-color);
216
+ cursor: var(--#{$prefix}slider-disabled-cursor);
217
+ }
218
+ }
219
+ }
@@ -0,0 +1,3 @@
1
+ .au-toast {
2
+ width: $toast-max-width;
3
+ }
@@ -0,0 +1,63 @@
1
+ $toast-max-width: unset;
2
+
3
+ // this prefix is linked to bootstrap prefix
4
+ $prefix: bs- !default;
5
+
6
+ //slider variables
7
+ $au-slider-color-background: var(--#{$prefix}secondary-bg, #e9ecef) !default;
8
+ $au-slider-font-size: 1rem !default;
9
+ $au-slider-line-height: 1.5 !default;
10
+ $au-slider-primary-size: 100% !default;
11
+ $au-slider-secondary-size: 0.25rem !default;
12
+ $au-slider-border-radius: 0.125rem !default;
13
+ $au-slider-vertical-margin-inline-start: 1rem !default;
14
+ $au-slider-vertical-margin-inline-end: 3rem !default;
15
+ $au-slider-translate-vertical: translateY(-50%) !default;
16
+ $au-slider-translate-horizontal: translateX(-50%) !default;
17
+ $au-focus-ring-opacity: 0.25 !default;
18
+ $au-focus-ring-width: 0.25rem !default;
19
+ $au-focus-ring-color: rgba(#0d6efd, $au-focus-ring-opacity) !default;
20
+ $au-slider-handle-color: var(--#{$prefix}primary, #0d6efd) !default;
21
+ $au-slider-handle-size: 1.25rem !default;
22
+ $au-slider-handle-border: none !default;
23
+ $au-slider-handle-border-hover: none !default;
24
+ $au-slider-handle-border-radius: 50% !default;
25
+ $au-slider-handle-outline: none !default;
26
+ $au-slider-handle-focus-box-shadow: 0 0 0 $au-focus-ring-width $au-focus-ring-color !default;
27
+ $au-slider-progress-color: var(--#{$prefix}primary, #0d6efd) !default;
28
+ $au-slider-progress-height: 0.25rem !default;
29
+ $au-slider-progress-vertical-transform: rotate(90deg) !default;
30
+ $au-slider-margin-block-end: calc((#{$au-slider-handle-size} - #{$au-slider-secondary-size}) / 2 + 0.5rem) !default;
31
+ $au-slider-margin-block-start: calc((#{$au-slider-handle-size} - #{$au-slider-secondary-size}) / 2 + #{$au-slider-font-size} * 1.5 + 0.5rem) !default;
32
+ $au-slider-label-now-font-weight: normal !default;
33
+ $au-slider-label-font-weight: normal !default;
34
+ $au-slider-label-margin-block-start: calc(
35
+ -1 * (#{$au-slider-font-size} * #{$au-slider-line-height} + (#{$au-slider-handle-size} - #{$au-slider-secondary-size}) / 2)
36
+ ) !default;
37
+ $au-slider-label-min-position: 0 !default;
38
+ $au-slider-label-max-position: 0 !default;
39
+ $au-slider-label-now-transform: translateX(-50%) !default;
40
+ $au-slider-label-vertical-margin-inline-start: 1rem !default;
41
+ $au-slider-label-vertical-min-transform: translateY(-75%) !default;
42
+ $au-slider-label-vertical-max-transform: translateY(-25%) !default;
43
+ $au-slider-label-vertical-white-space: nowrap !default;
44
+ $au-slider-label-vertical-min-top: 100% !default;
45
+ $au-slider-label-vertical-max-top: 0% !default;
46
+ $au-slider-label-vertical-now-transform: translateY(-50%) !default;
47
+ $au-slider-clickable-area-translateY: translateY(-50%) !default;
48
+ $au-slider-clickable-area-translateX: translateX(-50%) !default;
49
+ $au-slider-clickable-area-main-size: 1.5rem !default;
50
+ $au-slider-clickable-area-secondary-size: 100% !default;
51
+ $au-slider-clickable-area-vertical-flex-shrink: 0 !default;
52
+ $au-slider-disabled-color: var(--#{$prefix}dark-bg-subtle, #ced4da) !default;
53
+ $au-slider-disabled-cursor: not-allowed !default;
54
+
55
+ $au-slider-bar-size-sm: 0.2rem !default;
56
+ $au-slider-handle-size-sm: 1rem !default;
57
+ $au-slider-font-size-sm: 0.875rem !default;
58
+ $au-slider-offset-sm: 0rem !default;
59
+
60
+ $au-slider-bar-size-lg: 0.3125rem !default;
61
+ $au-slider-handle-size-lg: 1.5rem !default;
62
+ $au-slider-font-size-lg: 1.125rem !default;
63
+ $au-slider-offset-lg: 0rem !default;
@@ -0,0 +1,6 @@
1
+ @import 'variables';
2
+
3
+ //components
4
+ @import 'select';
5
+ @import 'slider';
6
+ @import 'toast';
@@ -0,0 +1,18 @@
1
+ import { getSelectDefaultConfig as getSelectDefaultConfig$1, createSelect as createSelect$1 } from "@agnos-ui/core/components/select";
2
+ import { extendWidgetProps } from "@agnos-ui/core/services/extendWidget";
3
+ const defaultConfigExtraProps = {
4
+ slotBadgeLabel: ({ itemContext }) => itemContext.item,
5
+ slotItem: ({ itemContext }) => itemContext.item
6
+ };
7
+ function getSelectDefaultConfig() {
8
+ return { ...getSelectDefaultConfig$1(), ...defaultConfigExtraProps };
9
+ }
10
+ const createSelect = extendWidgetProps(
11
+ createSelect$1,
12
+ defaultConfigExtraProps,
13
+ {}
14
+ );
15
+ export {
16
+ createSelect as c,
17
+ getSelectDefaultConfig as g
18
+ };