@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.
- package/README.md +8 -0
- package/accordion-Bgd6SWnD.js +30 -0
- package/accordion-jB0Q8V5J.cjs +29 -0
- package/alert-B9JCvO-j.cjs +22 -0
- package/alert-CegOWFcG.js +23 -0
- package/collapse-CVjUhnIz.js +19 -0
- package/collapse-sUYbZqEx.cjs +18 -0
- package/components/accordion/accordion.d.ts +50 -0
- package/components/accordion/index.cjs +14 -0
- package/components/accordion/index.d.ts +1 -0
- package/components/accordion/index.js +7 -0
- package/components/alert/alert.d.ts +36 -0
- package/components/alert/index.cjs +13 -0
- package/components/alert/index.d.ts +1 -0
- package/components/alert/index.js +6 -0
- package/components/modal/index.cjs +13 -0
- package/components/modal/index.d.ts +1 -0
- package/components/modal/index.js +6 -0
- package/components/modal/modal.d.ts +48 -0
- package/components/pagination/index.cjs +14 -0
- package/components/pagination/index.d.ts +2 -0
- package/components/pagination/index.js +7 -0
- package/components/pagination/pageFactory.d.ts +8 -0
- package/components/pagination/pagination.d.ts +95 -0
- package/components/progressbar/index.cjs +13 -0
- package/components/progressbar/index.d.ts +1 -0
- package/components/progressbar/index.js +6 -0
- package/components/progressbar/progressbar.d.ts +49 -0
- package/components/rating/index.cjs +13 -0
- package/components/rating/index.d.ts +1 -0
- package/components/rating/index.js +6 -0
- package/components/rating/rating.d.ts +26 -0
- package/components/select/index.cjs +13 -0
- package/components/select/index.d.ts +1 -0
- package/components/select/index.js +6 -0
- package/components/select/select.d.ts +42 -0
- package/components/slider/index.cjs +13 -0
- package/components/slider/index.d.ts +1 -0
- package/components/slider/index.js +6 -0
- package/components/slider/slider.d.ts +41 -0
- package/components/toast/index.cjs +13 -0
- package/components/toast/index.d.ts +1 -0
- package/components/toast/index.js +6 -0
- package/components/toast/toast.d.ts +35 -0
- package/config.cjs +1 -0
- package/config.d.ts +47 -0
- package/config.js +1 -0
- package/css/agnosui.css +199 -0
- package/css/agnosui.css.map +1 -0
- package/fade-CJ0jXGio.cjs +9 -0
- package/fade-uOobJKgw.js +10 -0
- package/index.cjs +108 -0
- package/index.d.ts +11 -0
- package/index.js +45 -0
- package/modal-CJt6Fp1P.cjs +31 -0
- package/modal-CXM6wQ-N.js +32 -0
- package/package.json +75 -0
- package/pageFactory-C8ZmJXYi.js +82 -0
- package/pageFactory-Dubi5rdt.cjs +81 -0
- package/progressbar-Cb_c2h_2.js +25 -0
- package/progressbar-I6Jvhy5T.cjs +24 -0
- package/rating-BvtHfl45.cjs +12 -0
- package/rating-CNQcp5pm.js +13 -0
- package/scss/_select.scss +7 -0
- package/scss/_slider.scss +219 -0
- package/scss/_toast.scss +3 -0
- package/scss/_variables.scss +63 -0
- package/scss/agnosui.scss +6 -0
- package/select-2BdFlVLo.js +18 -0
- package/select-psgTS2xQ.cjs +17 -0
- package/services/transitions/collapse.d.ts +3 -0
- package/services/transitions/fade.d.ts +2 -0
- package/services/transitions/index.cjs +7 -0
- package/services/transitions/index.d.ts +2 -0
- package/services/transitions/index.js +7 -0
- package/slider-DCSKvhja.cjs +14 -0
- package/slider-DjrZ5zAy.js +15 -0
- package/toast-kK5X1pf9.js +19 -0
- package/toast-kMbwghA_.cjs +18 -0
- package/types.cjs +1 -0
- package/types.d.ts +1 -0
- package/types.js +1 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './select';
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import type { ItemContext, SelectActions, SelectApi, SelectDirectives, SelectProps as CoreProps, SelectState as CoreState } from '@agnos-ui/core/components/select';
|
|
2
|
+
import { type ExtendWidgetAdaptSlotWidgetProps } from '@agnos-ui/core/services/extendWidget';
|
|
3
|
+
import type { PropsConfig, SlotContent, Widget, WidgetSlotContext } from '@agnos-ui/core/types';
|
|
4
|
+
export * from '@agnos-ui/core/components/select';
|
|
5
|
+
/**
|
|
6
|
+
* A type for the slot context of the pagination widget
|
|
7
|
+
*/
|
|
8
|
+
export type SelectContext<Item> = WidgetSlotContext<SelectWidget<Item>>;
|
|
9
|
+
export interface SelectItemContext<Item> extends SelectContext<Item> {
|
|
10
|
+
/**
|
|
11
|
+
* Contextual data related to an item
|
|
12
|
+
*/
|
|
13
|
+
itemContext: ItemContext<Item>;
|
|
14
|
+
}
|
|
15
|
+
interface SelectExtraProps<Item> {
|
|
16
|
+
/**
|
|
17
|
+
* The template to override the way each badge on the left of the input is displayed.
|
|
18
|
+
* This define the content of the badge inside the badge container.
|
|
19
|
+
*/
|
|
20
|
+
slotBadgeLabel: SlotContent<SelectItemContext<Item>>;
|
|
21
|
+
/**
|
|
22
|
+
* The template to override the way each item is displayed in the list.
|
|
23
|
+
* This define the content of the badge inside the badge container.
|
|
24
|
+
*/
|
|
25
|
+
slotItem: SlotContent<SelectItemContext<Item>>;
|
|
26
|
+
}
|
|
27
|
+
export interface SelectState<Item> extends ExtendWidgetAdaptSlotWidgetProps<CoreState<Item>, SelectExtraProps<Item>, object> {
|
|
28
|
+
}
|
|
29
|
+
export interface SelectProps<Item> extends ExtendWidgetAdaptSlotWidgetProps<CoreProps<Item>, SelectExtraProps<Item>, object> {
|
|
30
|
+
}
|
|
31
|
+
export type SelectWidget<Item> = Widget<SelectProps<Item>, SelectState<Item>, SelectApi<Item>, SelectActions<Item>, SelectDirectives<Item>>;
|
|
32
|
+
/**
|
|
33
|
+
* Retrieve a shallow copy of the default Select config
|
|
34
|
+
* @returns the default Select config
|
|
35
|
+
*/
|
|
36
|
+
export declare function getSelectDefaultConfig(): SelectProps<any>;
|
|
37
|
+
/**
|
|
38
|
+
* Creates a new select widget instance.
|
|
39
|
+
* @param config - config of the modal, either as a store or as an object containing values or stores.
|
|
40
|
+
* @returns a new select widget instance
|
|
41
|
+
*/
|
|
42
|
+
export declare const createSelect: <Item>(config?: PropsConfig<SelectProps<Item>>) => SelectWidget<Item>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const slider = require("../../slider-DCSKvhja.cjs");
|
|
4
|
+
const slider$1 = require("@agnos-ui/core/components/slider");
|
|
5
|
+
exports.createSlider = slider.createSlider;
|
|
6
|
+
exports.getSliderDefaultConfig = slider.getSliderDefaultConfig;
|
|
7
|
+
Object.keys(slider$1).forEach((k) => {
|
|
8
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
|
|
9
|
+
Object.defineProperty(exports, k, {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: () => slider$1[k]
|
|
12
|
+
});
|
|
13
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './slider';
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import type { SliderActions, SliderApi, SliderDirectives, SliderHandle, SliderProps as CoreProps, SliderState as CoreState } from '@agnos-ui/core/components/slider';
|
|
2
|
+
import { type ExtendWidgetAdaptSlotWidgetProps } from '@agnos-ui/core/services/extendWidget';
|
|
3
|
+
import type { SlotContent, Widget, WidgetFactory, WidgetSlotContext } from '@agnos-ui/core/types';
|
|
4
|
+
export * from '@agnos-ui/core/components/slider';
|
|
5
|
+
export type SliderContext = WidgetSlotContext<SliderWidget>;
|
|
6
|
+
export type SliderSlotLabelContext = SliderContext & {
|
|
7
|
+
value: number;
|
|
8
|
+
};
|
|
9
|
+
export type SliderSlotHandleContext = SliderContext & {
|
|
10
|
+
item: SliderHandle;
|
|
11
|
+
};
|
|
12
|
+
interface SliderExtraProps {
|
|
13
|
+
/**
|
|
14
|
+
* Slot to change the default display of the slider
|
|
15
|
+
*/
|
|
16
|
+
slotStructure: SlotContent<SliderContext>;
|
|
17
|
+
/**
|
|
18
|
+
* Slot to change the default labels of the slider
|
|
19
|
+
*/
|
|
20
|
+
slotLabel: SlotContent<SliderSlotLabelContext>;
|
|
21
|
+
/**
|
|
22
|
+
* Slot to change the handlers
|
|
23
|
+
*/
|
|
24
|
+
slotHandle: SlotContent<SliderSlotHandleContext>;
|
|
25
|
+
}
|
|
26
|
+
export interface SliderState extends ExtendWidgetAdaptSlotWidgetProps<CoreState, SliderExtraProps, object> {
|
|
27
|
+
}
|
|
28
|
+
export interface SliderProps extends ExtendWidgetAdaptSlotWidgetProps<CoreProps, SliderExtraProps, object> {
|
|
29
|
+
}
|
|
30
|
+
export type SliderWidget = Widget<SliderProps, SliderState, SliderApi, SliderActions, SliderDirectives>;
|
|
31
|
+
/**
|
|
32
|
+
* Retrieve a shallow copy of the default Slider config
|
|
33
|
+
* @returns the default Slider config
|
|
34
|
+
*/
|
|
35
|
+
export declare function getSliderDefaultConfig(): SliderProps;
|
|
36
|
+
/**
|
|
37
|
+
* Create a Slider with given config props
|
|
38
|
+
* @param config - an optional progressbar config
|
|
39
|
+
* @returns a SliderWidget
|
|
40
|
+
*/
|
|
41
|
+
export declare const createSlider: WidgetFactory<SliderWidget>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const toast = require("../../toast-kMbwghA_.cjs");
|
|
4
|
+
const toast$1 = require("@agnos-ui/core/components/toast");
|
|
5
|
+
exports.createToast = toast.createToast;
|
|
6
|
+
exports.getToastDefaultConfig = toast.getToastDefaultConfig;
|
|
7
|
+
Object.keys(toast$1).forEach((k) => {
|
|
8
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
|
|
9
|
+
Object.defineProperty(exports, k, {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: () => toast$1[k]
|
|
12
|
+
});
|
|
13
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './toast';
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import type { ToastDirectives, ToastState as CoreState, ToastProps as CoreProps, ToastApi } from '@agnos-ui/core/components/toast';
|
|
2
|
+
import type { SlotContent, Widget, WidgetFactory, WidgetSlotContext } from '@agnos-ui/core/types';
|
|
3
|
+
import type { ExtendWidgetAdaptSlotWidgetProps } from '@agnos-ui/core/services/extendWidget';
|
|
4
|
+
export * from '@agnos-ui/core/components/toast';
|
|
5
|
+
export type ToastContext = WidgetSlotContext<ToastWidget>;
|
|
6
|
+
export interface ToastExtraProps {
|
|
7
|
+
/**
|
|
8
|
+
* Global template for the toast component
|
|
9
|
+
*/
|
|
10
|
+
slotStructure: SlotContent<ToastContext>;
|
|
11
|
+
/**
|
|
12
|
+
* Template for the toast content
|
|
13
|
+
*/
|
|
14
|
+
slotDefault: SlotContent<ToastContext>;
|
|
15
|
+
/**
|
|
16
|
+
* Header template for the toast component
|
|
17
|
+
*/
|
|
18
|
+
slotHeader: SlotContent<ToastContext>;
|
|
19
|
+
}
|
|
20
|
+
export interface ToastState extends ExtendWidgetAdaptSlotWidgetProps<CoreState, ToastExtraProps, object> {
|
|
21
|
+
}
|
|
22
|
+
export interface ToastProps extends ExtendWidgetAdaptSlotWidgetProps<CoreProps, ToastExtraProps, object> {
|
|
23
|
+
}
|
|
24
|
+
export type ToastWidget = Widget<ToastProps, ToastState, ToastApi, object, ToastDirectives>;
|
|
25
|
+
/**
|
|
26
|
+
* Retrieve a shallow copy of the default Toast config
|
|
27
|
+
* @returns the default Toast config
|
|
28
|
+
*/
|
|
29
|
+
export declare function getToastDefaultConfig(): ToastProps;
|
|
30
|
+
/**
|
|
31
|
+
* Create an ToastWidget with given config props
|
|
32
|
+
* @param config - an optional alert config
|
|
33
|
+
* @returns an ToastWidget
|
|
34
|
+
*/
|
|
35
|
+
export declare const createToast: WidgetFactory<ToastWidget>;
|
package/config.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
package/config.d.ts
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import type { AccordionProps } from './components/accordion';
|
|
2
|
+
import type { AlertProps } from './components/alert';
|
|
3
|
+
import type { ModalProps } from './components/modal';
|
|
4
|
+
import type { PaginationProps } from './components/pagination';
|
|
5
|
+
import type { ProgressbarProps } from './components/progressbar';
|
|
6
|
+
import type { RatingProps } from './components/rating';
|
|
7
|
+
import type { SelectProps } from './components/select';
|
|
8
|
+
import type { SliderProps } from './components/slider';
|
|
9
|
+
import type { ToastProps } from './components/toast';
|
|
10
|
+
export interface BootstrapWidgetsConfig {
|
|
11
|
+
/**
|
|
12
|
+
* the pagination widget config
|
|
13
|
+
*/
|
|
14
|
+
pagination: PaginationProps;
|
|
15
|
+
/**
|
|
16
|
+
* the rating widget config
|
|
17
|
+
*/
|
|
18
|
+
rating: RatingProps;
|
|
19
|
+
/**
|
|
20
|
+
* the select widget config
|
|
21
|
+
*/
|
|
22
|
+
select: SelectProps<any>;
|
|
23
|
+
/**
|
|
24
|
+
* the modal widget config
|
|
25
|
+
*/
|
|
26
|
+
modal: ModalProps<any>;
|
|
27
|
+
/**
|
|
28
|
+
* the alert widget config
|
|
29
|
+
*/
|
|
30
|
+
alert: AlertProps;
|
|
31
|
+
/**
|
|
32
|
+
* the accordion widget config
|
|
33
|
+
*/
|
|
34
|
+
accordion: AccordionProps;
|
|
35
|
+
/**
|
|
36
|
+
* the progress bar widget config
|
|
37
|
+
*/
|
|
38
|
+
progressbar: ProgressbarProps;
|
|
39
|
+
/**
|
|
40
|
+
* slider widget config
|
|
41
|
+
*/
|
|
42
|
+
slider: SliderProps;
|
|
43
|
+
/**
|
|
44
|
+
* toast widget config
|
|
45
|
+
*/
|
|
46
|
+
toast: ToastProps;
|
|
47
|
+
}
|
package/config.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
package/css/agnosui.css
ADDED
|
@@ -0,0 +1,199 @@
|
|
|
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
|
+
}
|
|
8
|
+
|
|
9
|
+
.au-slider {
|
|
10
|
+
--bs-slider-background-color: var(--bs-secondary-bg, #e9ecef);
|
|
11
|
+
--bs-slider-font-size: 1rem;
|
|
12
|
+
--bs-slider-border-radius: 0.125rem;
|
|
13
|
+
--bs-slider-line-height: 1.5;
|
|
14
|
+
--bs-slider-primary-size: 100%;
|
|
15
|
+
--bs-slider-secondary-size: 0.25rem;
|
|
16
|
+
--bs-slider-margin-block-start: calc((1.25rem - 0.25rem) / 2 + 1rem * 1.5 + 0.5rem);
|
|
17
|
+
--bs-slider-margin-block-end: calc((1.25rem - 0.25rem) / 2 + 0.5rem);
|
|
18
|
+
--bs-slider-vertical-margin-inline-start: 1rem;
|
|
19
|
+
--bs-slider-vertical-margin-inline-end: 3rem;
|
|
20
|
+
--bs-slider-translate-vertical: translateY(-50%);
|
|
21
|
+
--bs-slider-translate-horizontal: translateX(-50%);
|
|
22
|
+
--bs-slider-handle-color: var(--bs-primary, #0d6efd);
|
|
23
|
+
--bs-slider-handle-size: 1.25rem;
|
|
24
|
+
--bs-slider-handle-border: none;
|
|
25
|
+
--bs-slider-handle-border-hover: none;
|
|
26
|
+
--bs-slider-handle-border-radius: 50%;
|
|
27
|
+
--bs-slider-handle-outline: none;
|
|
28
|
+
--bs-slider-handle-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
|
|
29
|
+
--bs-slider-progress-color: var(--bs-primary, #0d6efd);
|
|
30
|
+
--bs-slider-progress-height: 0.25rem;
|
|
31
|
+
--bs-slider-progress-vertical-transform: rotate(90deg);
|
|
32
|
+
--bs-slider-label-margin-block-start: calc(-1 * (1rem * 1.5 + (1.25rem - 0.25rem) / 2));
|
|
33
|
+
--bs-slider-label-font-weight: normal;
|
|
34
|
+
--bs-slider-label-now-font-weight: normal;
|
|
35
|
+
--bs-slider-label-min-position: 0;
|
|
36
|
+
--bs-slider-label-max-position: 0;
|
|
37
|
+
--bs-slider-label-now-transform: translateX(-50%);
|
|
38
|
+
--bs-slider-label-vertical-margin-inline-start: 1rem;
|
|
39
|
+
--bs-slider-label-vertical-min-transform: translateY(-75%);
|
|
40
|
+
--bs-slider-label-vertical-max-transform: translateY(-25%);
|
|
41
|
+
--bs-slider-label-vertical-white-space: nowrap;
|
|
42
|
+
--bs-slider-label-vertical-min-top: 100%;
|
|
43
|
+
--bs-slider-label-vertical-max-top: 0%;
|
|
44
|
+
--bs-slider-label-vertical-now-transform: translateY(-50%);
|
|
45
|
+
--bs-slider-clickable-area-main-size: 1.5rem;
|
|
46
|
+
--bs-slider-clickable-area-secondary-size: 100%;
|
|
47
|
+
--bs-slider-clickable-area-translate: translateY(-50%);
|
|
48
|
+
--bs-slider-clickable-area-vertical-translate: translateX(-50%);
|
|
49
|
+
--bs-slider-clickable-area-vertical-flex-shrink: 0;
|
|
50
|
+
--bs-slider-disabled-color: var(--bs-dark-bg-subtle, #ced4da);
|
|
51
|
+
--bs-slider-disabled-cursor: not-allowed;
|
|
52
|
+
display: flex;
|
|
53
|
+
background-color: var(--bs-slider-background-color);
|
|
54
|
+
border-radius: var(--bs-slider-border-radius);
|
|
55
|
+
font-size: var(--bs-slider-font-size);
|
|
56
|
+
line-height: var(--bs-slider-line-height);
|
|
57
|
+
position: relative;
|
|
58
|
+
}
|
|
59
|
+
.au-slider.au-slider-lg {
|
|
60
|
+
--bs-slider-font-size: 1.125rem;
|
|
61
|
+
--bs-slider-border-radius: calc(0.3125rem / 2);
|
|
62
|
+
--bs-slider-secondary-size: 0.3125rem;
|
|
63
|
+
--bs-slider-margin-block-start: calc((1.5rem - 0.3125rem) / 2 + 1.125rem * 1.5 + 0rem);
|
|
64
|
+
--bs-slider-margin-block-end: calc((1.5rem - 0.3125rem) / 2 + 0rem);
|
|
65
|
+
--bs-slider-vertical-margin-inline-start: calc((1.5rem - 0.3125rem) / 2 + 0rem);
|
|
66
|
+
--bs-slider-vertical-margin-inline-end: calc((1.5rem - 0.3125rem) / 2 + 0rem + 3ch + 0rem);
|
|
67
|
+
--bs-slider-handle-size: 1.5rem;
|
|
68
|
+
--bs-slider-label-margin-block-start: calc(-1 * (1.125rem * 1.5 + (1.5rem - 0.3125rem) / 2));
|
|
69
|
+
--bs-slider-label-vertical-margin-inline-start: calc((1.5rem - 0.3125rem) / 2 + 0.3125rem + 0rem);
|
|
70
|
+
}
|
|
71
|
+
.au-slider.au-slider-sm {
|
|
72
|
+
--bs-slider-font-size: 0.875rem;
|
|
73
|
+
--bs-slider-border-radius: calc(0.2rem / 2);
|
|
74
|
+
--bs-slider-secondary-size: 0.2rem;
|
|
75
|
+
--bs-slider-margin-block-start: calc((1rem - 0.2rem) / 2 + 0.875rem * 1.5 + 0rem);
|
|
76
|
+
--bs-slider-margin-block-end: calc((1rem - 0.2rem) / 2 + 0rem);
|
|
77
|
+
--bs-slider-vertical-margin-inline-start: calc((1rem - 0.2rem) / 2 + 0rem);
|
|
78
|
+
--bs-slider-vertical-margin-inline-end: calc((1rem - 0.2rem) / 2 + 0rem + 3ch + 0rem);
|
|
79
|
+
--bs-slider-handle-size: 1rem;
|
|
80
|
+
--bs-slider-label-margin-block-start: calc(-1 * (0.875rem * 1.5 + (1rem - 0.2rem) / 2));
|
|
81
|
+
--bs-slider-label-vertical-margin-inline-start: calc((1rem - 0.2rem) / 2 + 0.2rem + 0rem);
|
|
82
|
+
}
|
|
83
|
+
.au-slider.au-slider-horizontal {
|
|
84
|
+
width: var(--bs-slider-primary-size);
|
|
85
|
+
height: var(--bs-slider-secondary-size);
|
|
86
|
+
margin-block-start: var(--bs-slider-margin-block-start);
|
|
87
|
+
margin-block-end: var(--bs-slider-margin-block-end);
|
|
88
|
+
}
|
|
89
|
+
.au-slider.au-slider-horizontal .au-slider-handle-horizontal {
|
|
90
|
+
top: calc(50% - var(--bs-slider-handle-size) / 2);
|
|
91
|
+
transform: var(--bs-slider-translate-horizontal);
|
|
92
|
+
}
|
|
93
|
+
.au-slider.au-slider-vertical {
|
|
94
|
+
height: var(--bs-slider-primary-size);
|
|
95
|
+
width: var(--bs-slider-secondary-size);
|
|
96
|
+
margin-inline-start: var(--bs-slider-vertical-margin-inline-start);
|
|
97
|
+
margin-inline-end: var(--bs-slider-vertical-margin-inline-end);
|
|
98
|
+
}
|
|
99
|
+
.au-slider.au-slider-vertical .au-slider-handle-vertical {
|
|
100
|
+
left: calc(50% - var(--bs-slider-handle-size) / 2);
|
|
101
|
+
transform: var(--bs-slider-translate-vertical);
|
|
102
|
+
}
|
|
103
|
+
.au-slider .au-slider-handle {
|
|
104
|
+
background-color: var(--bs-slider-handle-color);
|
|
105
|
+
border: var(--bs-slider-handle-border);
|
|
106
|
+
border-radius: var(--bs-slider-handle-border-radius);
|
|
107
|
+
outline: var(--bs-slider-handle-outline);
|
|
108
|
+
position: absolute;
|
|
109
|
+
width: var(--bs-slider-handle-size);
|
|
110
|
+
height: var(--bs-slider-handle-size);
|
|
111
|
+
}
|
|
112
|
+
.au-slider .au-slider-handle:not([disabled]):hover {
|
|
113
|
+
border: var(--bs-slider-handle-border-hover);
|
|
114
|
+
}
|
|
115
|
+
.au-slider .au-slider-handle:focus {
|
|
116
|
+
box-shadow: var(--bs-slider-handle-focus-box-shadow);
|
|
117
|
+
}
|
|
118
|
+
.au-slider .au-slider-progress {
|
|
119
|
+
background-color: var(--bs-slider-progress-color);
|
|
120
|
+
border-radius: var(--bs-slider-border-radius);
|
|
121
|
+
position: absolute;
|
|
122
|
+
}
|
|
123
|
+
.au-slider .au-slider-progress-vertical {
|
|
124
|
+
transform: var(--bs-slider-progress-vertical-transform);
|
|
125
|
+
}
|
|
126
|
+
.au-slider .au-slider-label {
|
|
127
|
+
font-weight: var(--bs-slider-label-font-weight);
|
|
128
|
+
margin-block-start: var(--bs-slider-label-margin-block-start);
|
|
129
|
+
position: absolute;
|
|
130
|
+
}
|
|
131
|
+
.au-slider .au-slider-label.au-slider-label-min:not(.au-slider-rtl) {
|
|
132
|
+
left: var(--bs-slider-label-min-position);
|
|
133
|
+
}
|
|
134
|
+
.au-slider .au-slider-label.au-slider-label-min.au-slider-rtl {
|
|
135
|
+
right: var(--bs-slider-label-max-position);
|
|
136
|
+
}
|
|
137
|
+
.au-slider .au-slider-label.au-slider-label-max:not(.au-slider-rtl) {
|
|
138
|
+
right: var(--bs-slider-label-max-position);
|
|
139
|
+
}
|
|
140
|
+
.au-slider .au-slider-label.au-slider-label-max.au-slider-rtl {
|
|
141
|
+
left: var(--bs-slider-label-min-position);
|
|
142
|
+
}
|
|
143
|
+
.au-slider .au-slider-label.au-slider-label-now {
|
|
144
|
+
font-weight: var(--bs-slider-label-now-font-weight);
|
|
145
|
+
transform: var(--bs-slider-label-now-transform);
|
|
146
|
+
}
|
|
147
|
+
.au-slider .au-slider-label-vertical {
|
|
148
|
+
position: absolute;
|
|
149
|
+
margin-inline-start: var(--bs-slider-label-vertical-margin-inline-start);
|
|
150
|
+
white-space: var(--bs-slider-label-vertical-white-space);
|
|
151
|
+
}
|
|
152
|
+
.au-slider .au-slider-label-vertical.au-slider-label-vertical-min:not(.au-slider-rtl) {
|
|
153
|
+
top: var(--bs-slider-label-vertical-min-top);
|
|
154
|
+
transform: var(--bs-slider-label-vertical-min-transform);
|
|
155
|
+
}
|
|
156
|
+
.au-slider .au-slider-label-vertical.au-slider-label-vertical-min.au-slider-rtl {
|
|
157
|
+
top: var(--bs-slider-label-vertical-max-top);
|
|
158
|
+
transform: var(--bs-slider-label-vertical-max-transform);
|
|
159
|
+
}
|
|
160
|
+
.au-slider .au-slider-label-vertical.au-slider-label-vertical-max:not(.au-slider-rtl) {
|
|
161
|
+
top: var(--bs-slider-label-vertical-max-top);
|
|
162
|
+
transform: var(--bs-slider-label-vertical-max-transform);
|
|
163
|
+
}
|
|
164
|
+
.au-slider .au-slider-label-vertical.au-slider-label-vertical-max.au-slider-rtl {
|
|
165
|
+
top: var(--bs-slider-label-vertical-min-top);
|
|
166
|
+
transform: var(--bs-slider-label-vertical-min-transform);
|
|
167
|
+
}
|
|
168
|
+
.au-slider .au-slider-label-vertical.au-slider-label-vertical-now {
|
|
169
|
+
transform: var(--bs-slider-label-vertical-now-transform);
|
|
170
|
+
}
|
|
171
|
+
.au-slider .au-slider-clickable-area {
|
|
172
|
+
height: var(--bs-slider-clickable-area-main-size);
|
|
173
|
+
width: var(--bs-slider-clickable-area-secondary-size);
|
|
174
|
+
transform: var(--bs-slider-clickable-area-translate);
|
|
175
|
+
}
|
|
176
|
+
.au-slider .au-slider-clickable-area-vertical {
|
|
177
|
+
width: var(--bs-slider-clickable-area-main-size);
|
|
178
|
+
height: var(--bs-slider-clickable-area-secondary-size);
|
|
179
|
+
transform: var(--bs-slider-clickable-area-vertical-translate);
|
|
180
|
+
flex-shrink: var(--bs-slider-clickable-area-vertical-flex-shrink);
|
|
181
|
+
}
|
|
182
|
+
.au-slider.disabled {
|
|
183
|
+
cursor: var(--bs-slider-disabled-cursor);
|
|
184
|
+
}
|
|
185
|
+
.au-slider.disabled .au-slider-label,
|
|
186
|
+
.au-slider.disabled .au-slider-label-vertical {
|
|
187
|
+
color: var(--bs-slider-disabled-color);
|
|
188
|
+
}
|
|
189
|
+
.au-slider.disabled .au-slider-progress,
|
|
190
|
+
.au-slider.disabled .au-slider-handle {
|
|
191
|
+
background-color: var(--bs-slider-disabled-color);
|
|
192
|
+
cursor: var(--bs-slider-disabled-cursor);
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
.au-toast {
|
|
196
|
+
width: unset;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
/*# sourceMappingURL=agnosui.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/scss/_select.scss","../../src/scss/_slider.scss","../../src/scss/_toast.scss","../../src/scss/_variables.scss"],"names":[],"mappings":"AAAA;EACC;;;AAGD;EACC;;;ACeD;EACC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EA3EA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;;AAkEA;EA/EA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;;AAsEA;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAED;EACC;;AAIF;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;;AACA;AAAA;EAEC;;AAED;AAAA;EAEC;EACA;;;ACvNH;EACC,OCDiB","file":"agnosui.css"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const simpleClassTransition = require("@agnos-ui/core/services/transitions/simpleClassTransition");
|
|
3
|
+
const fadeTransition = simpleClassTransition.createSimpleClassTransition({
|
|
4
|
+
animationPendingClasses: ["fade"],
|
|
5
|
+
animationPendingShowClasses: ["show"],
|
|
6
|
+
showClasses: ["show", "fade"],
|
|
7
|
+
hideClasses: ["d-none", "fade"]
|
|
8
|
+
});
|
|
9
|
+
exports.fadeTransition = fadeTransition;
|
package/fade-uOobJKgw.js
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { createSimpleClassTransition } from "@agnos-ui/core/services/transitions/simpleClassTransition";
|
|
2
|
+
const fadeTransition = createSimpleClassTransition({
|
|
3
|
+
animationPendingClasses: ["fade"],
|
|
4
|
+
animationPendingShowClasses: ["show"],
|
|
5
|
+
showClasses: ["show", "fade"],
|
|
6
|
+
hideClasses: ["d-none", "fade"]
|
|
7
|
+
});
|
|
8
|
+
export {
|
|
9
|
+
fadeTransition as f
|
|
10
|
+
};
|
package/index.cjs
ADDED
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const accordion = require("./accordion-jB0Q8V5J.cjs");
|
|
4
|
+
const alert = require("./alert-B9JCvO-j.cjs");
|
|
5
|
+
const modal = require("./modal-CJt6Fp1P.cjs");
|
|
6
|
+
const pageFactory = require("./pageFactory-Dubi5rdt.cjs");
|
|
7
|
+
const progressbar = require("./progressbar-I6Jvhy5T.cjs");
|
|
8
|
+
const rating = require("./rating-BvtHfl45.cjs");
|
|
9
|
+
const select = require("./select-psgTS2xQ.cjs");
|
|
10
|
+
const slider = require("./slider-DCSKvhja.cjs");
|
|
11
|
+
const toast = require("./toast-kMbwghA_.cjs");
|
|
12
|
+
const collapse = require("./collapse-sUYbZqEx.cjs");
|
|
13
|
+
const fade = require("./fade-CJ0jXGio.cjs");
|
|
14
|
+
const accordion$1 = require("@agnos-ui/core/components/accordion");
|
|
15
|
+
const alert$1 = require("@agnos-ui/core/components/alert");
|
|
16
|
+
const modal$1 = require("@agnos-ui/core/components/modal");
|
|
17
|
+
const pagination = require("@agnos-ui/core/components/pagination");
|
|
18
|
+
const progressbar$1 = require("@agnos-ui/core/components/progressbar");
|
|
19
|
+
const rating$1 = require("@agnos-ui/core/components/rating");
|
|
20
|
+
const select$1 = require("@agnos-ui/core/components/select");
|
|
21
|
+
const slider$1 = require("@agnos-ui/core/components/slider");
|
|
22
|
+
const toast$1 = require("@agnos-ui/core/components/toast");
|
|
23
|
+
exports.createAccordion = accordion.createAccordion;
|
|
24
|
+
exports.createAccordionItem = accordion.createAccordionItem;
|
|
25
|
+
exports.getAccordionDefaultConfig = accordion.getAccordionDefaultConfig;
|
|
26
|
+
exports.createAlert = alert.createAlert;
|
|
27
|
+
exports.getAlertDefaultConfig = alert.getAlertDefaultConfig;
|
|
28
|
+
exports.createModal = modal.createModal;
|
|
29
|
+
exports.getModalDefaultConfig = modal.getModalDefaultConfig;
|
|
30
|
+
exports.createPagination = pageFactory.createPagination;
|
|
31
|
+
exports.getPaginationDefaultConfig = pageFactory.getPaginationDefaultConfig;
|
|
32
|
+
exports.ngBootstrapPagination = pageFactory.ngBootstrapPagination;
|
|
33
|
+
exports.createProgressbar = progressbar.createProgressbar;
|
|
34
|
+
exports.getProgressbarDefaultConfig = progressbar.getProgressbarDefaultConfig;
|
|
35
|
+
exports.createRating = rating.createRating;
|
|
36
|
+
exports.getRatingDefaultConfig = rating.getRatingDefaultConfig;
|
|
37
|
+
exports.createSelect = select.createSelect;
|
|
38
|
+
exports.getSelectDefaultConfig = select.getSelectDefaultConfig;
|
|
39
|
+
exports.createSlider = slider.createSlider;
|
|
40
|
+
exports.getSliderDefaultConfig = slider.getSliderDefaultConfig;
|
|
41
|
+
exports.createToast = toast.createToast;
|
|
42
|
+
exports.getToastDefaultConfig = toast.getToastDefaultConfig;
|
|
43
|
+
exports.collapseHorizontalTransition = collapse.collapseHorizontalTransition;
|
|
44
|
+
exports.collapseVerticalTransition = collapse.collapseVerticalTransition;
|
|
45
|
+
exports.fadeTransition = fade.fadeTransition;
|
|
46
|
+
Object.keys(accordion$1).forEach((k) => {
|
|
47
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
|
|
48
|
+
Object.defineProperty(exports, k, {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: () => accordion$1[k]
|
|
51
|
+
});
|
|
52
|
+
});
|
|
53
|
+
Object.keys(alert$1).forEach((k) => {
|
|
54
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
|
|
55
|
+
Object.defineProperty(exports, k, {
|
|
56
|
+
enumerable: true,
|
|
57
|
+
get: () => alert$1[k]
|
|
58
|
+
});
|
|
59
|
+
});
|
|
60
|
+
Object.keys(modal$1).forEach((k) => {
|
|
61
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
|
|
62
|
+
Object.defineProperty(exports, k, {
|
|
63
|
+
enumerable: true,
|
|
64
|
+
get: () => modal$1[k]
|
|
65
|
+
});
|
|
66
|
+
});
|
|
67
|
+
Object.keys(pagination).forEach((k) => {
|
|
68
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
|
|
69
|
+
Object.defineProperty(exports, k, {
|
|
70
|
+
enumerable: true,
|
|
71
|
+
get: () => pagination[k]
|
|
72
|
+
});
|
|
73
|
+
});
|
|
74
|
+
Object.keys(progressbar$1).forEach((k) => {
|
|
75
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
|
|
76
|
+
Object.defineProperty(exports, k, {
|
|
77
|
+
enumerable: true,
|
|
78
|
+
get: () => progressbar$1[k]
|
|
79
|
+
});
|
|
80
|
+
});
|
|
81
|
+
Object.keys(rating$1).forEach((k) => {
|
|
82
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
|
|
83
|
+
Object.defineProperty(exports, k, {
|
|
84
|
+
enumerable: true,
|
|
85
|
+
get: () => rating$1[k]
|
|
86
|
+
});
|
|
87
|
+
});
|
|
88
|
+
Object.keys(select$1).forEach((k) => {
|
|
89
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
|
|
90
|
+
Object.defineProperty(exports, k, {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: () => select$1[k]
|
|
93
|
+
});
|
|
94
|
+
});
|
|
95
|
+
Object.keys(slider$1).forEach((k) => {
|
|
96
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
|
|
97
|
+
Object.defineProperty(exports, k, {
|
|
98
|
+
enumerable: true,
|
|
99
|
+
get: () => slider$1[k]
|
|
100
|
+
});
|
|
101
|
+
});
|
|
102
|
+
Object.keys(toast$1).forEach((k) => {
|
|
103
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
|
|
104
|
+
Object.defineProperty(exports, k, {
|
|
105
|
+
enumerable: true,
|
|
106
|
+
get: () => toast$1[k]
|
|
107
|
+
});
|
|
108
|
+
});
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export * from './components/accordion';
|
|
2
|
+
export * from './components/alert';
|
|
3
|
+
export * from './components/modal';
|
|
4
|
+
export * from './components/pagination';
|
|
5
|
+
export * from './components/progressbar';
|
|
6
|
+
export * from './components/rating';
|
|
7
|
+
export * from './components/select';
|
|
8
|
+
export * from './components/slider';
|
|
9
|
+
export * from './components/toast';
|
|
10
|
+
export * from './services/transitions';
|
|
11
|
+
export * from './config';
|
package/index.js
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { a, c, g } from "./accordion-Bgd6SWnD.js";
|
|
2
|
+
import { c as c2, g as g2 } from "./alert-CegOWFcG.js";
|
|
3
|
+
import { c as c3, g as g3 } from "./modal-CXM6wQ-N.js";
|
|
4
|
+
import { c as c4, g as g4, n } from "./pageFactory-C8ZmJXYi.js";
|
|
5
|
+
import { c as c5, g as g5 } from "./progressbar-Cb_c2h_2.js";
|
|
6
|
+
import { c as c6, g as g6 } from "./rating-CNQcp5pm.js";
|
|
7
|
+
import { c as c7, g as g7 } from "./select-2BdFlVLo.js";
|
|
8
|
+
import { c as c8, g as g8 } from "./slider-DjrZ5zAy.js";
|
|
9
|
+
import { c as c9, g as g9 } from "./toast-kK5X1pf9.js";
|
|
10
|
+
import { a as a2, c as c10 } from "./collapse-CVjUhnIz.js";
|
|
11
|
+
import { f } from "./fade-uOobJKgw.js";
|
|
12
|
+
export * from "@agnos-ui/core/components/accordion";
|
|
13
|
+
export * from "@agnos-ui/core/components/alert";
|
|
14
|
+
export * from "@agnos-ui/core/components/modal";
|
|
15
|
+
export * from "@agnos-ui/core/components/pagination";
|
|
16
|
+
export * from "@agnos-ui/core/components/progressbar";
|
|
17
|
+
export * from "@agnos-ui/core/components/rating";
|
|
18
|
+
export * from "@agnos-ui/core/components/select";
|
|
19
|
+
export * from "@agnos-ui/core/components/slider";
|
|
20
|
+
export * from "@agnos-ui/core/components/toast";
|
|
21
|
+
export {
|
|
22
|
+
a2 as collapseHorizontalTransition,
|
|
23
|
+
c10 as collapseVerticalTransition,
|
|
24
|
+
a as createAccordion,
|
|
25
|
+
c as createAccordionItem,
|
|
26
|
+
c2 as createAlert,
|
|
27
|
+
c3 as createModal,
|
|
28
|
+
c4 as createPagination,
|
|
29
|
+
c5 as createProgressbar,
|
|
30
|
+
c6 as createRating,
|
|
31
|
+
c7 as createSelect,
|
|
32
|
+
c8 as createSlider,
|
|
33
|
+
c9 as createToast,
|
|
34
|
+
f as fadeTransition,
|
|
35
|
+
g as getAccordionDefaultConfig,
|
|
36
|
+
g2 as getAlertDefaultConfig,
|
|
37
|
+
g3 as getModalDefaultConfig,
|
|
38
|
+
g4 as getPaginationDefaultConfig,
|
|
39
|
+
g5 as getProgressbarDefaultConfig,
|
|
40
|
+
g6 as getRatingDefaultConfig,
|
|
41
|
+
g7 as getSelectDefaultConfig,
|
|
42
|
+
g8 as getSliderDefaultConfig,
|
|
43
|
+
g9 as getToastDefaultConfig,
|
|
44
|
+
n as ngBootstrapPagination
|
|
45
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const modal = require("@agnos-ui/core/components/modal");
|
|
3
|
+
const fade = require("./fade-CJ0jXGio.cjs");
|
|
4
|
+
const extendWidget = require("@agnos-ui/core/services/extendWidget");
|
|
5
|
+
const writables = require("@agnos-ui/core/utils/writables");
|
|
6
|
+
const defaultConfigExtraProps = {
|
|
7
|
+
slotDefault: void 0,
|
|
8
|
+
slotFooter: void 0,
|
|
9
|
+
slotHeader: void 0,
|
|
10
|
+
slotStructure: void 0,
|
|
11
|
+
slotTitle: void 0,
|
|
12
|
+
fullscreen: false
|
|
13
|
+
};
|
|
14
|
+
const coreOverride = {
|
|
15
|
+
backdropTransition: fade.fadeTransition,
|
|
16
|
+
modalTransition: fade.fadeTransition
|
|
17
|
+
};
|
|
18
|
+
const configValidator = {
|
|
19
|
+
fullscreen: writables.typeBoolean
|
|
20
|
+
};
|
|
21
|
+
function getModalDefaultConfig() {
|
|
22
|
+
return { ...modal.getModalDefaultConfig(), ...defaultConfigExtraProps, ...coreOverride };
|
|
23
|
+
}
|
|
24
|
+
const createModal = extendWidget.extendWidgetProps(
|
|
25
|
+
modal.createModal,
|
|
26
|
+
defaultConfigExtraProps,
|
|
27
|
+
configValidator,
|
|
28
|
+
coreOverride
|
|
29
|
+
);
|
|
30
|
+
exports.createModal = createModal;
|
|
31
|
+
exports.getModalDefaultConfig = getModalDefaultConfig;
|