@ardium-ui/ui 3.6.0 → 4.1.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/esm2022/lib/_internal/boolean-component.mjs +1 -1
- package/esm2022/lib/_internal/disablable-component.mjs +1 -1
- package/esm2022/lib/_internal/focusable-component.mjs +1 -1
- package/esm2022/lib/_internal/item-storages/dropdown-item-storage.mjs +1 -1
- package/esm2022/lib/_internal/item-storages/simple-item-storage.mjs +1 -1
- package/esm2022/lib/_internal/ngmodel-component.mjs +2 -2
- package/esm2022/lib/_internal/public-api.mjs +1 -1
- package/esm2022/lib/_internal/selectable-list-component.mjs +1 -1
- package/esm2022/lib/buttons/_button-base.mjs +4 -2
- package/esm2022/lib/buttons/icon-button/icon-button.module.mjs +1 -1
- package/esm2022/lib/calendar/calendar.component.mjs +3 -3
- package/esm2022/lib/calendar/calendar.defaults.mjs +1 -1
- package/esm2022/lib/calendar/calendar.internal-types.mjs +1 -1
- package/esm2022/lib/calendar/calendar.module.mjs +1 -1
- package/esm2022/lib/calendar/calendar.types.mjs +1 -1
- package/esm2022/lib/calendar/index.mjs +1 -1
- package/esm2022/lib/calendar/views/days-view/days-view.component.mjs +3 -3
- package/esm2022/lib/calendar/views/days-view/days-view.helpers.mjs +1 -1
- package/esm2022/lib/calendar/views/months-view/months-view.component.mjs +3 -3
- package/esm2022/lib/calendar/views/months-view/months-view.helpers.mjs +1 -1
- package/esm2022/lib/calendar/views/years-view/years-view.component.mjs +3 -3
- package/esm2022/lib/calendar/views/years-view/years-view.helpers.mjs +1 -1
- package/esm2022/lib/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/lib/checkbox/checkbox.module.mjs +1 -1
- package/esm2022/lib/checkbox/checkbox.types.mjs +1 -1
- package/esm2022/lib/checkbox-list/checkbox-list.component.mjs +3 -3
- package/esm2022/lib/checkbox-list/checkbox-list.module.mjs +1 -1
- package/esm2022/lib/dialog/dialog.component.mjs +18 -7
- package/esm2022/lib/dialog/dialog.directives.mjs +12 -1
- package/esm2022/lib/dialog/dialog.module.mjs +7 -7
- package/esm2022/lib/dialog/dialog.types.mjs +1 -1
- package/esm2022/lib/file-inputs/file-drop-area/file-drop-area.component.mjs +3 -3
- package/esm2022/lib/file-inputs/file-input/file-input.component.mjs +3 -3
- package/esm2022/lib/file-inputs/file-input-base.mjs +1 -1
- package/esm2022/lib/form-field/error/error.component.mjs +1 -1
- package/esm2022/lib/form-field/error/error.directive.mjs +1 -1
- package/esm2022/lib/form-field/form-field.component.mjs +4 -4
- package/esm2022/lib/form-field/form-field.module.mjs +1 -1
- package/esm2022/lib/form-field/hint/hint.component.mjs +1 -1
- package/esm2022/lib/form-field/hint/hint.directive.mjs +1 -1
- package/esm2022/lib/form-field/horizontal-form-field.component.mjs +3 -3
- package/esm2022/lib/form-field/index.mjs +1 -1
- package/esm2022/lib/form-field-frame/form-field-frame.component.mjs +1 -1
- package/esm2022/lib/inputs/_simple-input-base.mjs +2 -2
- package/esm2022/lib/inputs/date-input/date-input.component.mjs +3 -3
- package/esm2022/lib/inputs/date-input/date-input.defaults.mjs +1 -1
- package/esm2022/lib/inputs/date-input/date-input.directive.mjs +1 -1
- package/esm2022/lib/inputs/date-input/date-input.module.mjs +1 -1
- package/esm2022/lib/inputs/date-input/date-input.serializers.mjs +1 -1
- package/esm2022/lib/inputs/date-input/date-input.types.mjs +1 -1
- package/esm2022/lib/inputs/date-input/index.mjs +1 -1
- package/esm2022/lib/inputs/digit-input/digit-input.component.mjs +3 -3
- package/esm2022/lib/inputs/digit-input/digit-input.defaults.mjs +1 -1
- package/esm2022/lib/inputs/digit-input/digit-input.model.mjs +1 -1
- package/esm2022/lib/inputs/digit-input/digit-input.module.mjs +1 -1
- package/esm2022/lib/inputs/digit-input/digit-input.types.mjs +1 -1
- package/esm2022/lib/inputs/digit-input/digit-input.utils.mjs +1 -1
- package/esm2022/lib/inputs/hex-input/hex-input.component.mjs +3 -3
- package/esm2022/lib/inputs/hex-input/hex-input.defaults.mjs +1 -1
- package/esm2022/lib/inputs/input/input.component.mjs +3 -3
- package/esm2022/lib/inputs/input/input.module.mjs +1 -1
- package/esm2022/lib/inputs/input-utils.mjs +8 -3
- package/esm2022/lib/inputs/number-input/number-input.component.mjs +13 -4
- package/esm2022/lib/inputs/number-input/number-input.defaults.mjs +1 -1
- package/esm2022/lib/inputs/password-input/password-input.component.mjs +3 -3
- package/esm2022/lib/inputs/password-input/password-input.defaults.mjs +1 -1
- package/esm2022/lib/inputs/simple-input/simple-input.component.mjs +5 -5
- package/esm2022/lib/inputs/simple-input/simple-input.defaults.mjs +1 -1
- package/esm2022/lib/modal/index.mjs +2 -1
- package/esm2022/lib/modal/modal.component.mjs +18 -5
- package/esm2022/lib/modal/modal.defaults.mjs +1 -1
- package/esm2022/lib/modal/modal.directives.mjs +14 -0
- package/esm2022/lib/modal/modal.module.mjs +8 -7
- package/esm2022/lib/radio/radio/radio.component.mjs +1 -1
- package/esm2022/lib/radio/radio/radio.defaults.mjs +1 -1
- package/esm2022/lib/radio/radio-group.component.mjs +1 -1
- package/esm2022/lib/segment/segment.component.mjs +3 -3
- package/esm2022/lib/select/select.component.mjs +3 -3
- package/esm2022/lib/select/select.defaults.mjs +1 -1
- package/esm2022/lib/slide-toggle/slide-toggle.component.mjs +1 -1
- package/esm2022/lib/slider/range-slider/range-slider.component.mjs +1 -1
- package/esm2022/lib/slider/slider.component.mjs +3 -3
- package/esm2022/lib/star/index.mjs +2 -1
- package/esm2022/lib/star/rating-display/index.mjs +6 -0
- package/esm2022/lib/star/rating-display/rating-display.component.mjs +71 -0
- package/esm2022/lib/star/rating-display/rating-display.defaults.mjs +16 -0
- package/esm2022/lib/star/rating-display/rating-display.directives.mjs +16 -0
- package/esm2022/lib/star/rating-display/rating-display.module.mjs +20 -0
- package/esm2022/lib/star/rating-display/rating-display.types.mjs +2 -0
- package/esm2022/lib/star/rating-input/index.mjs +6 -0
- package/esm2022/lib/star/rating-input/rating-input.component.mjs +191 -0
- package/esm2022/lib/star/rating-input/rating-input.defaults.mjs +17 -0
- package/esm2022/lib/star/rating-input/rating-input.directives.mjs +16 -0
- package/esm2022/lib/star/rating-input/rating-input.module.mjs +20 -0
- package/esm2022/lib/star/rating-input/rating-input.types.mjs +2 -0
- package/esm2022/lib/star/star-button/index.mjs +3 -1
- package/esm2022/lib/star/star-button/star-button.component.mjs +13 -5
- package/esm2022/lib/star/star-button/star-button.defaults.mjs +2 -2
- package/esm2022/lib/star/star-button/star-button.directives.mjs +16 -0
- package/esm2022/lib/star/star-button/star-button.module.mjs +7 -6
- package/esm2022/lib/star/star-button/star-button.types.mjs +2 -0
- package/esm2022/lib/star/star.component.mjs +14 -5
- package/esm2022/lib/star/star.defaults.mjs +2 -2
- package/esm2022/lib/star/star.directives.mjs +16 -0
- package/esm2022/lib/star/star.module.mjs +9 -7
- package/esm2022/lib/star/star.types.mjs +3 -3
- package/esm2022/lib/text-list/index.mjs +1 -1
- package/esm2022/lib/text-list/text-list.component.mjs +3 -3
- package/esm2022/lib/text-list/text-list.module.mjs +1 -1
- package/esm2022/lib/text-list/text-list.pipe.mjs +1 -1
- package/esm2022/public-api.mjs +3 -3
- package/fesm2022/ardium-ui-ui.mjs +321 -179
- package/fesm2022/ardium-ui-ui.mjs.map +1 -1
- package/lib/dialog/dialog.component.d.ts +6 -2
- package/lib/dialog/dialog.directives.d.ts +6 -0
- package/lib/dialog/dialog.module.d.ts +1 -1
- package/lib/dialog/dialog.types.d.ts +2 -1
- package/lib/inputs/date-input/date-input.types.d.ts +1 -1
- package/lib/inputs/number-input/number-input.component.d.ts +3 -1
- package/lib/modal/index.d.ts +1 -0
- package/lib/modal/modal.component.d.ts +7 -1
- package/lib/modal/modal.directives.d.ts +8 -0
- package/lib/modal/modal.module.d.ts +6 -5
- package/lib/star/index.d.ts +1 -0
- package/lib/star/rating-display/index.d.ts +5 -0
- package/lib/star/rating-display/rating-display.component.d.ts +17 -0
- package/lib/star/rating-display/rating-display.defaults.d.ts +9 -0
- package/lib/star/rating-display/rating-display.directives.d.ts +9 -0
- package/lib/star/rating-display/rating-display.module.d.ts +10 -0
- package/lib/star/rating-display/rating-display.types.d.ts +8 -0
- package/lib/star/rating-input/index.d.ts +5 -0
- package/lib/star/rating-input/rating-input.component.d.ts +46 -0
- package/lib/star/rating-input/rating-input.defaults.d.ts +9 -0
- package/lib/star/rating-input/rating-input.directives.d.ts +9 -0
- package/lib/star/rating-input/rating-input.module.d.ts +10 -0
- package/lib/star/rating-input/rating-input.types.d.ts +12 -0
- package/lib/star/star-button/index.d.ts +2 -0
- package/lib/star/star-button/star-button.component.d.ts +5 -1
- package/lib/star/star-button/star-button.directives.d.ts +9 -0
- package/lib/star/star-button/star-button.module.d.ts +4 -3
- package/lib/star/star-button/star-button.types.d.ts +6 -0
- package/lib/star/star.component.d.ts +6 -3
- package/lib/star/star.directives.d.ts +9 -0
- package/lib/star/star.module.d.ts +4 -2
- package/lib/star/star.types.d.ts +5 -2
- package/package.json +1 -1
- package/prebuilt-themes/default/buttons/button.css +2 -2
- package/prebuilt-themes/default/buttons/button.css.map +1 -1
- package/prebuilt-themes/default/buttons/fab.css +2 -2
- package/prebuilt-themes/default/buttons/fab.css.map +1 -1
- package/prebuilt-themes/default/buttons/icon-button.css +2 -2
- package/prebuilt-themes/default/buttons/icon-button.css.map +1 -1
- package/prebuilt-themes/default/calendar-OLD.css.map +1 -1
- package/prebuilt-themes/default/calendar.css.map +1 -1
- package/prebuilt-themes/default/card.css +5 -0
- package/prebuilt-themes/default/card.css.map +1 -1
- package/prebuilt-themes/default/checkbox-list.css.map +1 -1
- package/prebuilt-themes/default/checkbox.css.map +1 -1
- package/prebuilt-themes/default/chips.css.map +1 -1
- package/prebuilt-themes/default/core.css +1 -1
- package/prebuilt-themes/default/form-field-frame.css.map +1 -1
- package/prebuilt-themes/default/inputs/color-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/date-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/digit-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/hex-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/input.css.map +1 -1
- package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/search-bar.css.map +1 -1
- package/prebuilt-themes/default/inputs/simple-input.css.map +1 -1
- package/prebuilt-themes/default/kbd.css +1 -0
- package/prebuilt-themes/default/kbd.css.map +1 -1
- package/prebuilt-themes/default/modal.css +3 -2
- package/prebuilt-themes/default/modal.css.map +1 -1
- package/prebuilt-themes/default/radio.css.map +1 -1
- package/prebuilt-themes/default/segment.css.map +1 -1
- package/prebuilt-themes/default/select.css.map +1 -1
- package/prebuilt-themes/default/slide-toggle.css.map +1 -1
- package/prebuilt-themes/default/slider.css.map +1 -1
- package/prebuilt-themes/default/spinner.css +1 -1
- package/prebuilt-themes/default/stars.css +31 -73
- package/prebuilt-themes/default/stars.css.map +1 -1
- package/prebuilt-themes/default/statebox.css.map +1 -1
- package/prebuilt-themes/default/tabber.css.map +1 -1
- package/public-api.d.ts +2 -2
- package/themes/_variables.scss +1 -1
- package/themes/default/_mixins.scss +8 -2
- package/themes/default/buttons/_button-mixins.scss +139 -138
- package/themes/default/calendar-OLD.scss +183 -183
- package/themes/default/calendar.scss +4 -2
- package/themes/default/card.scss +6 -0
- package/themes/default/core.scss +102 -102
- package/themes/default/form-field-frame.scss +3 -1
- package/themes/default/form-field.scss +2 -2
- package/themes/default/inputs/_shared.scss +50 -50
- package/themes/default/inputs/date-input.scss +4 -5
- package/themes/default/inputs/digit-input.scss +3 -1
- package/themes/default/inputs/file-input.scss +79 -79
- package/themes/default/inputs/input.scss +1 -1
- package/themes/default/inputs/number-input.scss +131 -131
- package/themes/default/inputs/simple-input.scss +1 -1
- package/themes/default/kbd.scss +1 -0
- package/themes/default/modal.scss +3 -2
- package/themes/default/spinner.scss +1 -1
- package/themes/default/stars.scss +11 -48
- package/esm2022/lib/star/star-display/index.mjs +0 -4
- package/esm2022/lib/star/star-display/star-display.component.mjs +0 -61
- package/esm2022/lib/star/star-display/star-display.defaults.mjs +0 -16
- package/esm2022/lib/star/star-display/star-display.module.mjs +0 -19
- package/esm2022/lib/star/star-input/index.mjs +0 -4
- package/esm2022/lib/star/star-input/star-input.component.mjs +0 -188
- package/esm2022/lib/star/star-input/star-input.defaults.mjs +0 -17
- package/esm2022/lib/star/star-input/star-input.module.mjs +0 -19
- package/lib/star/star-display/index.d.ts +0 -3
- package/lib/star/star-display/star-display.component.d.ts +0 -13
- package/lib/star/star-display/star-display.defaults.d.ts +0 -9
- package/lib/star/star-display/star-display.module.d.ts +0 -9
- package/lib/star/star-input/index.d.ts +0 -3
- package/lib/star/star-input/star-input.component.d.ts +0 -48
- package/lib/star/star-input/star-input.defaults.d.ts +0 -9
- package/lib/star/star-input/star-input.module.d.ts +0 -9
|
@@ -1,131 +1,131 @@
|
|
|
1
|
-
@use './shared' as inputMixin;
|
|
2
|
-
@use '../mixins' as defaultMixins;
|
|
3
|
-
@use '../../variables' as ARD;
|
|
4
|
-
|
|
5
|
-
ard-number-input {
|
|
6
|
-
width: 9.5rem;
|
|
7
|
-
|
|
8
|
-
&:not(:has(.ard-quick-change-button)) {
|
|
9
|
-
width: 6rem;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.ard-number-input {
|
|
14
|
-
@include inputMixin.genericInput();
|
|
15
|
-
@include defaultMixins.formAppearances();
|
|
16
|
-
min-height: 2.1875rem;
|
|
17
|
-
height: 2.1875rem;
|
|
18
|
-
gap: 0;
|
|
19
|
-
width: 100%;
|
|
20
|
-
|
|
21
|
-
.ard-input-container {
|
|
22
|
-
height: 100%;
|
|
23
|
-
max-width: 100%;
|
|
24
|
-
|
|
25
|
-
& > input {
|
|
26
|
-
width: 100%;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.ard-quick-change-button {
|
|
31
|
-
position: relative;
|
|
32
|
-
|
|
33
|
-
.ard-button {
|
|
34
|
-
height: 100%;
|
|
35
|
-
aspect-ratio: 1;
|
|
36
|
-
padding: 0;
|
|
37
|
-
border-color: var(--ard-appearance-border-color);
|
|
38
|
-
display: flex;
|
|
39
|
-
justify-content: center;
|
|
40
|
-
margin: 0;
|
|
41
|
-
}
|
|
42
|
-
&.ard-disabled .ard-focus-overlay {
|
|
43
|
-
opacity: 0;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
&.decrement {
|
|
47
|
-
left: 1px;
|
|
48
|
-
|
|
49
|
-
.ard-button {
|
|
50
|
-
border-top-right-radius: 0;
|
|
51
|
-
border-bottom-right-radius: 0;
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
&.increment {
|
|
55
|
-
right: 1px;
|
|
56
|
-
|
|
57
|
-
.ard-button {
|
|
58
|
-
border-top-left-radius: 0;
|
|
59
|
-
border-bottom-left-radius: 0;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
//! variants
|
|
65
|
-
&.ard-variant-rounded {
|
|
66
|
-
border-radius: 8px;
|
|
67
|
-
|
|
68
|
-
&.ard-quick-change-false {
|
|
69
|
-
.ard-input-container {
|
|
70
|
-
border-radius: 8px;
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
&.ard-variant-sharp {
|
|
75
|
-
border-radius: 0;
|
|
76
|
-
}
|
|
77
|
-
&.ard-variant-pill {
|
|
78
|
-
border-radius: 9999px;
|
|
79
|
-
|
|
80
|
-
.ard-button {
|
|
81
|
-
border-radius: 9999px !important;
|
|
82
|
-
height: 30px;
|
|
83
|
-
width: 30px;
|
|
84
|
-
margin: 0 2px;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
&.ard-quick-change-false {
|
|
88
|
-
.ard-input-container {
|
|
89
|
-
border-radius: 9999px;
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
//! variant-specific appearances
|
|
95
|
-
&.ard-variant-rounded,
|
|
96
|
-
&.ard-variant-sharp {
|
|
97
|
-
&:not(.ard-appearance-filled) .ard-input-container {
|
|
98
|
-
box-sizing: border-box;
|
|
99
|
-
background: var(--ard-appearance-background);
|
|
100
|
-
border: var(--ard-appearance-border);
|
|
101
|
-
}
|
|
102
|
-
&.ard-appearance-filled {
|
|
103
|
-
background: var(--ard-appearance-background);
|
|
104
|
-
border: var(--ard-appearance-border);
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
&.ard-variant-pill {
|
|
108
|
-
background: var(--ard-appearance-background);
|
|
109
|
-
border: var(--ard-appearance-border);
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
//! compact
|
|
113
|
-
&.ard-compact {
|
|
114
|
-
min-height: 1.6875rem;
|
|
115
|
-
height: 1.6875rem;
|
|
116
|
-
font-size: 0.925rem;
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.ard-disabled {
|
|
121
|
-
> .ard-number-input {
|
|
122
|
-
pointer-events: none;
|
|
123
|
-
opacity: 50%;
|
|
124
|
-
|
|
125
|
-
.ard-button .ard-focus-overlay {
|
|
126
|
-
opacity: 0;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
background: ARD.$bg-f;
|
|
130
|
-
}
|
|
131
|
-
}
|
|
1
|
+
@use './shared' as inputMixin;
|
|
2
|
+
@use '../mixins' as defaultMixins;
|
|
3
|
+
@use '../../variables' as ARD;
|
|
4
|
+
|
|
5
|
+
ard-number-input {
|
|
6
|
+
width: 9.5rem;
|
|
7
|
+
|
|
8
|
+
&:not(:has(.ard-quick-change-button)) {
|
|
9
|
+
width: 6rem;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.ard-number-input {
|
|
14
|
+
@include inputMixin.genericInput();
|
|
15
|
+
@include defaultMixins.formAppearances();
|
|
16
|
+
min-height: 2.1875rem;
|
|
17
|
+
height: 2.1875rem;
|
|
18
|
+
gap: 0;
|
|
19
|
+
width: 100%;
|
|
20
|
+
|
|
21
|
+
.ard-input-container {
|
|
22
|
+
height: 100%;
|
|
23
|
+
max-width: 100%;
|
|
24
|
+
|
|
25
|
+
& > input {
|
|
26
|
+
width: 100%;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.ard-quick-change-button {
|
|
31
|
+
position: relative;
|
|
32
|
+
|
|
33
|
+
.ard-button {
|
|
34
|
+
height: 100%;
|
|
35
|
+
aspect-ratio: 1;
|
|
36
|
+
padding: 0;
|
|
37
|
+
border-color: var(--ard-appearance-border-color);
|
|
38
|
+
display: flex;
|
|
39
|
+
justify-content: center;
|
|
40
|
+
margin: 0;
|
|
41
|
+
}
|
|
42
|
+
&.ard-disabled .ard-focus-overlay {
|
|
43
|
+
opacity: 0;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
&.decrement {
|
|
47
|
+
left: 1px;
|
|
48
|
+
|
|
49
|
+
.ard-button {
|
|
50
|
+
border-top-right-radius: 0;
|
|
51
|
+
border-bottom-right-radius: 0;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
&.increment {
|
|
55
|
+
right: 1px;
|
|
56
|
+
|
|
57
|
+
.ard-button {
|
|
58
|
+
border-top-left-radius: 0;
|
|
59
|
+
border-bottom-left-radius: 0;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
//! variants
|
|
65
|
+
&.ard-variant-rounded {
|
|
66
|
+
border-radius: 8px;
|
|
67
|
+
|
|
68
|
+
&.ard-quick-change-false {
|
|
69
|
+
.ard-input-container {
|
|
70
|
+
border-radius: 8px;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
&.ard-variant-sharp {
|
|
75
|
+
border-radius: 0;
|
|
76
|
+
}
|
|
77
|
+
&.ard-variant-pill {
|
|
78
|
+
border-radius: 9999px;
|
|
79
|
+
|
|
80
|
+
.ard-button {
|
|
81
|
+
border-radius: 9999px !important;
|
|
82
|
+
height: 30px;
|
|
83
|
+
width: 30px;
|
|
84
|
+
margin: 0 2px;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
&.ard-quick-change-false {
|
|
88
|
+
.ard-input-container {
|
|
89
|
+
border-radius: 9999px;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
//! variant-specific appearances
|
|
95
|
+
&.ard-variant-rounded,
|
|
96
|
+
&.ard-variant-sharp {
|
|
97
|
+
&:not(.ard-appearance-filled) .ard-input-container {
|
|
98
|
+
box-sizing: border-box;
|
|
99
|
+
background: var(--ard-appearance-background);
|
|
100
|
+
border: var(--ard-appearance-border);
|
|
101
|
+
}
|
|
102
|
+
&.ard-appearance-filled {
|
|
103
|
+
background: var(--ard-appearance-background);
|
|
104
|
+
border: var(--ard-appearance-border);
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
&.ard-variant-pill {
|
|
108
|
+
background: var(--ard-appearance-background);
|
|
109
|
+
border: var(--ard-appearance-border);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
//! compact
|
|
113
|
+
&.ard-compact {
|
|
114
|
+
min-height: 1.6875rem;
|
|
115
|
+
height: 1.6875rem;
|
|
116
|
+
font-size: 0.925rem;
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.ard-disabled {
|
|
121
|
+
> .ard-number-input {
|
|
122
|
+
pointer-events: none;
|
|
123
|
+
opacity: 50%;
|
|
124
|
+
|
|
125
|
+
.ard-button .ard-focus-overlay {
|
|
126
|
+
opacity: 0;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
background: ARD.$bg-f;
|
|
130
|
+
}
|
|
131
|
+
}
|
package/themes/default/kbd.scss
CHANGED
|
@@ -13,7 +13,8 @@
|
|
|
13
13
|
background: ARD.$darken-overlay-strong;
|
|
14
14
|
}
|
|
15
15
|
.ard-modal-panel {
|
|
16
|
-
padding: 1.25rem
|
|
16
|
+
padding: 1.25rem;
|
|
17
|
+
padding-top: 1rem;
|
|
17
18
|
background: ARD.$bg;
|
|
18
19
|
max-width: calc(100vw - 4rem);
|
|
19
20
|
position: relative;
|
|
@@ -33,7 +34,7 @@
|
|
|
33
34
|
}
|
|
34
35
|
&.ard-modal-has-close-button {
|
|
35
36
|
.ard-modal-heading {
|
|
36
|
-
padding-right:
|
|
37
|
+
padding-right: 2rem;
|
|
37
38
|
}
|
|
38
39
|
}
|
|
39
40
|
}
|
|
@@ -4,64 +4,27 @@
|
|
|
4
4
|
|
|
5
5
|
.ard-star,
|
|
6
6
|
.ard-star-button,
|
|
7
|
-
.ard-
|
|
8
|
-
.ard-
|
|
7
|
+
.ard-rating-display,
|
|
8
|
+
.ard-rating-input {
|
|
9
9
|
@include coloringMixins.typeColors();
|
|
10
10
|
color: var(--ard-cmpcl--bg-colored);
|
|
11
11
|
|
|
12
|
-
&.ard-color-
|
|
13
|
-
color: ARD.$
|
|
12
|
+
&.ard-color-gold {
|
|
13
|
+
color: ARD.$gold;
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
.ard-star {
|
|
17
|
-
font-size:
|
|
18
|
-
width:
|
|
19
|
-
height:
|
|
17
|
+
font-size: inherit;
|
|
18
|
+
width: 1.5em;
|
|
19
|
+
height: 1.5em;
|
|
20
20
|
position: relative;
|
|
21
|
-
|
|
22
|
-
.ard-star-icon {
|
|
23
|
-
display: none;
|
|
24
|
-
}
|
|
25
|
-
.ard-star-icon {
|
|
26
|
-
position: absolute;
|
|
27
|
-
left: 50%;
|
|
28
|
-
top: 50%;
|
|
29
|
-
transform: translate(-50%, -50%);
|
|
30
|
-
}
|
|
31
|
-
.ard-star-selected::after {
|
|
32
|
-
content: 'star';
|
|
33
|
-
@include defaultMixins.icon(1);
|
|
34
|
-
font-size: 1em;
|
|
35
|
-
line-height: unset;
|
|
36
|
-
}
|
|
37
|
-
.ard-star-half::after {
|
|
38
|
-
content: 'star_half';
|
|
39
|
-
@include defaultMixins.icon;
|
|
40
|
-
font-size: 1em;
|
|
41
|
-
line-height: unset;
|
|
42
|
-
}
|
|
43
|
-
.ard-star-unselected::after {
|
|
44
|
-
content: 'star';
|
|
45
|
-
@include defaultMixins.icon;
|
|
46
|
-
font-size: 1em;
|
|
47
|
-
line-height: unset;
|
|
48
|
-
}
|
|
49
|
-
&.ard-star-fill-none .ard-star-unselected {
|
|
50
|
-
display: block;
|
|
51
|
-
}
|
|
52
|
-
&.ard-star-fill-half .ard-star-half {
|
|
53
|
-
display: block;
|
|
54
|
-
}
|
|
55
|
-
&.ard-star-fill-filled .ard-star-selected {
|
|
56
|
-
display: block;
|
|
57
|
-
}
|
|
58
21
|
}
|
|
59
|
-
.ard-
|
|
60
|
-
.ard-
|
|
22
|
+
.ard-rating-display,
|
|
23
|
+
.ard-rating-input {
|
|
61
24
|
display: flex;
|
|
62
25
|
user-select: none;
|
|
63
26
|
}
|
|
64
|
-
.ard-
|
|
27
|
+
.ard-rating-input {
|
|
65
28
|
cursor: pointer;
|
|
66
29
|
|
|
67
30
|
.ard-star-not-in-value {
|
|
@@ -115,7 +78,7 @@
|
|
|
115
78
|
//! disabled state for star-button
|
|
116
79
|
.ard-disabled {
|
|
117
80
|
> .ard-star-button,
|
|
118
|
-
> .ard-
|
|
81
|
+
> .ard-rating-input {
|
|
119
82
|
pointer-events: none;
|
|
120
83
|
opacity: 50%;
|
|
121
84
|
}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export * from './star-display.component';
|
|
2
|
-
export * from './star-display.defaults';
|
|
3
|
-
export * from './star-display.module';
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3N0YXIvc3Rhci1kaXNwbGF5L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdGFyLWRpc3BsYXkuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3Rhci1kaXNwbGF5LmRlZmF1bHRzJztcbmV4cG9ydCAqIGZyb20gJy4vc3Rhci1kaXNwbGF5Lm1vZHVsZSc7XG4iXX0=
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, inject, input } from '@angular/core';
|
|
2
|
-
import { coerceNumberProperty } from '@ardium-ui/devkit';
|
|
3
|
-
import { isArray } from 'simple-bool';
|
|
4
|
-
import { StarFillMode } from './../star.types';
|
|
5
|
-
import { ARD_STAR_DISPLAY_DEFAULTS } from './star-display.defaults';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "@angular/common";
|
|
8
|
-
import * as i2 from "../star.component";
|
|
9
|
-
export class ArdiumStarDisplayComponent {
|
|
10
|
-
constructor() {
|
|
11
|
-
this.wrapperClasses = input('');
|
|
12
|
-
this._DEFAULTS = inject(ARD_STAR_DISPLAY_DEFAULTS);
|
|
13
|
-
//! appearance
|
|
14
|
-
this.color = input(this._DEFAULTS.color);
|
|
15
|
-
this.ngClasses = computed(() => [this.wrapperClasses(), `ard-color-${this.color}`].join(' '));
|
|
16
|
-
//! stars
|
|
17
|
-
this.max = input(this._DEFAULTS.max, { transform: v => coerceNumberProperty(v, this._DEFAULTS.max) });
|
|
18
|
-
this.value = input(this._DEFAULTS.value, {
|
|
19
|
-
transform: v => {
|
|
20
|
-
if (isArray(v)) {
|
|
21
|
-
return v;
|
|
22
|
-
}
|
|
23
|
-
return coerceNumberProperty(v, 0);
|
|
24
|
-
},
|
|
25
|
-
});
|
|
26
|
-
this.starArray = computed(() => {
|
|
27
|
-
let v = this.value();
|
|
28
|
-
let newArr;
|
|
29
|
-
// pad the array with non-filled stars and return it
|
|
30
|
-
if (isArray(v)) {
|
|
31
|
-
newArr = [...v];
|
|
32
|
-
while (newArr.length < this.max()) {
|
|
33
|
-
newArr.push(StarFillMode.None);
|
|
34
|
-
}
|
|
35
|
-
return newArr;
|
|
36
|
-
}
|
|
37
|
-
// create an array from a numeric value
|
|
38
|
-
newArr = [];
|
|
39
|
-
while (newArr.length < this.max()) {
|
|
40
|
-
v--;
|
|
41
|
-
if (v + 1 >= 1) {
|
|
42
|
-
newArr.push(StarFillMode.Filled);
|
|
43
|
-
continue;
|
|
44
|
-
}
|
|
45
|
-
if (Math.round(v + 1) === 1) {
|
|
46
|
-
newArr.push(StarFillMode.Half);
|
|
47
|
-
continue;
|
|
48
|
-
}
|
|
49
|
-
newArr.push(StarFillMode.None);
|
|
50
|
-
}
|
|
51
|
-
return newArr;
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumStarDisplayComponent, selector: "ard-star-display", inputs: { wrapperClasses: { classPropertyName: "wrapperClasses", publicName: "wrapperClasses", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n class=\"ard-star-display\"\n [ngClass]=\"ngClasses()\"\n>\n @for (fillMode of starArray(); track $index) {\n <ard-star\n [filled]=\"fillMode\"\n [color]=\"color()\"\n />\n }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.ArdiumStarComponent, selector: "ard-star", inputs: ["wrapperClasses", "color", "filled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
56
|
-
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarDisplayComponent, decorators: [{
|
|
58
|
-
type: Component,
|
|
59
|
-
args: [{ selector: 'ard-star-display', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"ard-star-display\"\n [ngClass]=\"ngClasses()\"\n>\n @for (fillMode of starArray(); track $index) {\n <ard-star\n [filled]=\"fillMode\"\n [color]=\"color()\"\n />\n }\n</div>\n" }]
|
|
60
|
-
}] });
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rhci1kaXNwbGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvc3Rhci9zdGFyLWRpc3BsYXkvc3Rhci1kaXNwbGF5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvc3Rhci9zdGFyLWRpc3BsYXkvc3Rhci1kaXNwbGF5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0csT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDekQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUN0QyxPQUFPLEVBQWEsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7QUFTcEUsTUFBTSxPQUFPLDBCQUEwQjtJQVB2QztRQVFXLG1CQUFjLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBRXpCLGNBQVMsR0FBRyxNQUFNLENBQUMseUJBQXlCLENBQUMsQ0FBQztRQUVqRSxjQUFjO1FBQ0wsVUFBSyxHQUFHLEtBQUssQ0FBWSxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRS9DLGNBQVMsR0FBRyxRQUFRLENBQVMsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLEVBQUUsYUFBYSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztRQUUxRyxTQUFTO1FBQ0EsUUFBRyxHQUFHLEtBQUssQ0FBYyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLG9CQUFvQixDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUU5RyxVQUFLLEdBQUcsS0FBSyxDQUE0RCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRTtZQUN0RyxTQUFTLEVBQUUsQ0FBQyxDQUFDLEVBQUU7Z0JBQ2IsSUFBSSxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztvQkFDZixPQUFPLENBQUMsQ0FBQztnQkFDWCxDQUFDO2dCQUNELE9BQU8sb0JBQW9CLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQ3BDLENBQUM7U0FDRixDQUFDLENBQUM7UUFFTSxjQUFTLEdBQUcsUUFBUSxDQUFpQixHQUFHLEVBQUU7WUFDakQsSUFBSSxDQUFDLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ3JCLElBQUksTUFBc0IsQ0FBQztZQUUzQixvREFBb0Q7WUFDcEQsSUFBSSxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztnQkFDZixNQUFNLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO2dCQUNoQixPQUFPLE1BQU0sQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUM7b0JBQ2xDLE1BQU0sQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUNqQyxDQUFDO2dCQUNELE9BQU8sTUFBTSxDQUFDO1lBQ2hCLENBQUM7WUFFRCx1Q0FBdUM7WUFDdkMsTUFBTSxHQUFHLEVBQUUsQ0FBQztZQUNaLE9BQU8sTUFBTSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQztnQkFDbEMsQ0FBQyxFQUFFLENBQUM7Z0JBQ0osSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDO29CQUNmLE1BQU0sQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDO29CQUNqQyxTQUFTO2dCQUNYLENBQUM7Z0JBQ0QsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQztvQkFDNUIsTUFBTSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7b0JBQy9CLFNBQVM7Z0JBQ1gsQ0FBQztnQkFDRCxNQUFNLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNqQyxDQUFDO1lBQ0QsT0FBTyxNQUFNLENBQUM7UUFDaEIsQ0FBQyxDQUFDLENBQUM7S0FDSjsrR0FuRFksMEJBQTBCO21HQUExQiwwQkFBMEIseWpCQ2J2QyxvTkFXQTs7NEZERWEsMEJBQTBCO2tCQVB0QyxTQUFTOytCQUNFLGtCQUFrQixpQkFHYixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIGNvbXB1dGVkLCBpbmplY3QsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjb2VyY2VOdW1iZXJQcm9wZXJ0eSB9IGZyb20gJ0BhcmRpdW0tdWkvZGV2a2l0JztcbmltcG9ydCB7IGlzQXJyYXkgfSBmcm9tICdzaW1wbGUtYm9vbCc7XG5pbXBvcnQgeyBTdGFyQ29sb3IsIFN0YXJGaWxsTW9kZSB9IGZyb20gJy4vLi4vc3Rhci50eXBlcyc7XG5pbXBvcnQgeyBBUkRfU1RBUl9ESVNQTEFZX0RFRkFVTFRTIH0gZnJvbSAnLi9zdGFyLWRpc3BsYXkuZGVmYXVsdHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcmQtc3Rhci1kaXNwbGF5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0YXItZGlzcGxheS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N0YXItZGlzcGxheS5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQXJkaXVtU3RhckRpc3BsYXlDb21wb25lbnQge1xuICByZWFkb25seSB3cmFwcGVyQ2xhc3NlcyA9IGlucHV0PHN0cmluZz4oJycpO1xuXG4gIHByb3RlY3RlZCByZWFkb25seSBfREVGQVVMVFMgPSBpbmplY3QoQVJEX1NUQVJfRElTUExBWV9ERUZBVUxUUyk7XG5cbiAgLy8hIGFwcGVhcmFuY2VcbiAgcmVhZG9ubHkgY29sb3IgPSBpbnB1dDxTdGFyQ29sb3I+KHRoaXMuX0RFRkFVTFRTLmNvbG9yKTtcblxuICByZWFkb25seSBuZ0NsYXNzZXMgPSBjb21wdXRlZDxzdHJpbmc+KCgpID0+IFt0aGlzLndyYXBwZXJDbGFzc2VzKCksIGBhcmQtY29sb3ItJHt0aGlzLmNvbG9yfWBdLmpvaW4oJyAnKSk7XG5cbiAgLy8hIHN0YXJzXG4gIHJlYWRvbmx5IG1heCA9IGlucHV0PG51bWJlciwgYW55Pih0aGlzLl9ERUZBVUxUUy5tYXgsIHsgdHJhbnNmb3JtOiB2ID0+IGNvZXJjZU51bWJlclByb3BlcnR5KHYsIHRoaXMuX0RFRkFVTFRTLm1heCkgfSk7XG5cbiAgcmVhZG9ubHkgdmFsdWUgPSBpbnB1dDxudW1iZXIgfCBTdGFyRmlsbE1vZGVbXSwgc3RyaW5nIHwgbnVtYmVyIHwgU3RhckZpbGxNb2RlW10+KHRoaXMuX0RFRkFVTFRTLnZhbHVlLCB7XG4gICAgdHJhbnNmb3JtOiB2ID0+IHtcbiAgICAgIGlmIChpc0FycmF5KHYpKSB7XG4gICAgICAgIHJldHVybiB2O1xuICAgICAgfVxuICAgICAgcmV0dXJuIGNvZXJjZU51bWJlclByb3BlcnR5KHYsIDApO1xuICAgIH0sXG4gIH0pO1xuXG4gIHJlYWRvbmx5IHN0YXJBcnJheSA9IGNvbXB1dGVkPFN0YXJGaWxsTW9kZVtdPigoKSA9PiB7XG4gICAgbGV0IHYgPSB0aGlzLnZhbHVlKCk7XG4gICAgbGV0IG5ld0FycjogU3RhckZpbGxNb2RlW107XG5cbiAgICAvLyBwYWQgdGhlIGFycmF5IHdpdGggbm9uLWZpbGxlZCBzdGFycyBhbmQgcmV0dXJuIGl0XG4gICAgaWYgKGlzQXJyYXkodikpIHtcbiAgICAgIG5ld0FyciA9IFsuLi52XTtcbiAgICAgIHdoaWxlIChuZXdBcnIubGVuZ3RoIDwgdGhpcy5tYXgoKSkge1xuICAgICAgICBuZXdBcnIucHVzaChTdGFyRmlsbE1vZGUuTm9uZSk7XG4gICAgICB9XG4gICAgICByZXR1cm4gbmV3QXJyO1xuICAgIH1cblxuICAgIC8vIGNyZWF0ZSBhbiBhcnJheSBmcm9tIGEgbnVtZXJpYyB2YWx1ZVxuICAgIG5ld0FyciA9IFtdO1xuICAgIHdoaWxlIChuZXdBcnIubGVuZ3RoIDwgdGhpcy5tYXgoKSkge1xuICAgICAgdi0tO1xuICAgICAgaWYgKHYgKyAxID49IDEpIHtcbiAgICAgICAgbmV3QXJyLnB1c2goU3RhckZpbGxNb2RlLkZpbGxlZCk7XG4gICAgICAgIGNvbnRpbnVlO1xuICAgICAgfVxuICAgICAgaWYgKE1hdGgucm91bmQodiArIDEpID09PSAxKSB7XG4gICAgICAgIG5ld0Fyci5wdXNoKFN0YXJGaWxsTW9kZS5IYWxmKTtcbiAgICAgICAgY29udGludWU7XG4gICAgICB9XG4gICAgICBuZXdBcnIucHVzaChTdGFyRmlsbE1vZGUuTm9uZSk7XG4gICAgfVxuICAgIHJldHVybiBuZXdBcnI7XG4gIH0pO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cImFyZC1zdGFyLWRpc3BsYXlcIlxuICBbbmdDbGFzc109XCJuZ0NsYXNzZXMoKVwiXG4+XG4gIEBmb3IgKGZpbGxNb2RlIG9mIHN0YXJBcnJheSgpOyB0cmFjayAkaW5kZXgpIHtcbiAgICA8YXJkLXN0YXJcbiAgICAgIFtmaWxsZWRdPVwiZmlsbE1vZGVcIlxuICAgICAgW2NvbG9yXT1cImNvbG9yKClcIlxuICAgIC8+XG4gIH1cbjwvZGl2PlxuIl19
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { InjectionToken } from '@angular/core';
|
|
2
|
-
import { StarColor } from '../star.types';
|
|
3
|
-
const _starDisplayDefaults = {
|
|
4
|
-
color: StarColor.Star,
|
|
5
|
-
max: 5,
|
|
6
|
-
value: 0,
|
|
7
|
-
};
|
|
8
|
-
export const ARD_STAR_DISPLAY_DEFAULTS = new InjectionToken('ard-star-display-defaults', {
|
|
9
|
-
factory: () => ({
|
|
10
|
-
..._starDisplayDefaults,
|
|
11
|
-
}),
|
|
12
|
-
});
|
|
13
|
-
export function provideStarDisplayDefaults(config) {
|
|
14
|
-
return { provide: ARD_STAR_DISPLAY_DEFAULTS, useValue: { ..._starDisplayDefaults, ...config } };
|
|
15
|
-
}
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rhci1kaXNwbGF5LmRlZmF1bHRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9zdGFyL3N0YXItZGlzcGxheS9zdGFyLWRpc3BsYXkuZGVmYXVsdHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBWSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBUTFDLE1BQU0sb0JBQW9CLEdBQTJCO0lBQ25ELEtBQUssRUFBRSxTQUFTLENBQUMsSUFBSTtJQUNyQixHQUFHLEVBQUUsQ0FBQztJQUNOLEtBQUssRUFBRSxDQUFDO0NBQ1QsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLHlCQUF5QixHQUFHLElBQUksY0FBYyxDQUF5QiwyQkFBMkIsRUFBRTtJQUMvRyxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUNkLEdBQUcsb0JBQW9CO0tBQ3hCLENBQUM7Q0FDSCxDQUFDLENBQUM7QUFFSCxNQUFNLFVBQVUsMEJBQTBCLENBQUMsTUFBdUM7SUFDaEYsT0FBTyxFQUFFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxRQUFRLEVBQUUsRUFBRSxHQUFHLG9CQUFvQixFQUFFLEdBQUcsTUFBTSxFQUFFLEVBQUUsQ0FBQztBQUNsRyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4sIFByb3ZpZGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdGFyQ29sb3IgfSBmcm9tICcuLi9zdGFyLnR5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBBcmRTdGFyRGlzcGxheURlZmF1bHRzIHtcbiAgY29sb3I6IFN0YXJDb2xvcjtcbiAgbWF4OiBudW1iZXI7XG4gIHZhbHVlOiBudW1iZXI7XG59XG5cbmNvbnN0IF9zdGFyRGlzcGxheURlZmF1bHRzOiBBcmRTdGFyRGlzcGxheURlZmF1bHRzID0ge1xuICBjb2xvcjogU3RhckNvbG9yLlN0YXIsXG4gIG1heDogNSxcbiAgdmFsdWU6IDAsXG59O1xuXG5leHBvcnQgY29uc3QgQVJEX1NUQVJfRElTUExBWV9ERUZBVUxUUyA9IG5ldyBJbmplY3Rpb25Ub2tlbjxBcmRTdGFyRGlzcGxheURlZmF1bHRzPignYXJkLXN0YXItZGlzcGxheS1kZWZhdWx0cycsIHtcbiAgZmFjdG9yeTogKCkgPT4gKHtcbiAgICAuLi5fc3RhckRpc3BsYXlEZWZhdWx0cyxcbiAgfSksXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIHByb3ZpZGVTdGFyRGlzcGxheURlZmF1bHRzKGNvbmZpZzogUGFydGlhbDxBcmRTdGFyRGlzcGxheURlZmF1bHRzPik6IFByb3ZpZGVyIHtcbiAgcmV0dXJuIHsgcHJvdmlkZTogQVJEX1NUQVJfRElTUExBWV9ERUZBVUxUUywgdXNlVmFsdWU6IHsgLi4uX3N0YXJEaXNwbGF5RGVmYXVsdHMsIC4uLmNvbmZpZyB9IH07XG59XG4iXX0=
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { ArdiumStarDisplayComponent } from './star-display.component';
|
|
4
|
-
import { ArdiumStarModule } from '../star.module';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export class ArdiumStarDisplayModule {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarDisplayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarDisplayModule, declarations: [ArdiumStarDisplayComponent], imports: [CommonModule, ArdiumStarModule], exports: [ArdiumStarDisplayComponent] }); }
|
|
9
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarDisplayModule, imports: [CommonModule, ArdiumStarModule] }); }
|
|
10
|
-
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarDisplayModule, decorators: [{
|
|
12
|
-
type: NgModule,
|
|
13
|
-
args: [{
|
|
14
|
-
declarations: [ArdiumStarDisplayComponent],
|
|
15
|
-
imports: [CommonModule, ArdiumStarModule],
|
|
16
|
-
exports: [ArdiumStarDisplayComponent],
|
|
17
|
-
}]
|
|
18
|
-
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rhci1kaXNwbGF5Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvc3Rhci9zdGFyLWRpc3BsYXkvc3Rhci1kaXNwbGF5Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFPbEQsTUFBTSxPQUFPLHVCQUF1QjsrR0FBdkIsdUJBQXVCO2dIQUF2Qix1QkFBdUIsaUJBSm5CLDBCQUEwQixhQUMvQixZQUFZLEVBQUUsZ0JBQWdCLGFBQzlCLDBCQUEwQjtnSEFFekIsdUJBQXVCLFlBSHhCLFlBQVksRUFBRSxnQkFBZ0I7OzRGQUc3Qix1QkFBdUI7a0JBTG5DLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsMEJBQTBCLENBQUM7b0JBQzFDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxnQkFBZ0IsQ0FBQztvQkFDekMsT0FBTyxFQUFFLENBQUMsMEJBQTBCLENBQUM7aUJBQ3RDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBcmRpdW1TdGFyRGlzcGxheUNvbXBvbmVudCB9IGZyb20gJy4vc3Rhci1kaXNwbGF5LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBcmRpdW1TdGFyTW9kdWxlIH0gZnJvbSAnLi4vc3Rhci5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtBcmRpdW1TdGFyRGlzcGxheUNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFyZGl1bVN0YXJNb2R1bGVdLFxuICBleHBvcnRzOiBbQXJkaXVtU3RhckRpc3BsYXlDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBBcmRpdW1TdGFyRGlzcGxheU1vZHVsZSB7fVxuIl19
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export * from './star-input.component';
|
|
2
|
-
export * from './star-input.defaults';
|
|
3
|
-
export * from './star-input.module';
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3N0YXIvc3Rhci1pbnB1dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxxQkFBcUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3Rhci1pbnB1dC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdGFyLWlucHV0LmRlZmF1bHRzJztcbmV4cG9ydCAqIGZyb20gJy4vc3Rhci1pbnB1dC5tb2R1bGUnO1xuIl19
|