@breadstone/mosaik-elements-foundation 0.0.104 → 0.0.106
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/Controls/Components/Buttons/RepeatButton/RepeatButtonElement.d.ts.map +1 -1
- package/Controls/Components/Buttons/RepeatButton/RepeatButtonElement.js +4 -3
- package/Controls/Components/Buttons/RepeatButton/RepeatButtonElement.js.map +1 -1
- package/Controls/Components/Inputs/CheckBox/CheckBoxElement.d.ts +6 -1
- package/Controls/Components/Inputs/CheckBox/CheckBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/CheckBox/CheckBoxElement.js +12 -9
- package/Controls/Components/Inputs/CheckBox/CheckBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/ChipBox/ChipBoxElement.d.ts +7 -2
- package/Controls/Components/Inputs/ChipBox/ChipBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/ChipBox/ChipBoxElement.js +24 -27
- package/Controls/Components/Inputs/ChipBox/ChipBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/Choice/ChoiceElement.d.ts +6 -1
- package/Controls/Components/Inputs/Choice/ChoiceElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/Choice/ChoiceElement.js +16 -10
- package/Controls/Components/Inputs/Choice/ChoiceElement.js.map +1 -1
- package/Controls/Components/Inputs/Choice/ChoiceGroupElement.d.ts +7 -0
- package/Controls/Components/Inputs/Choice/ChoiceGroupElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/Choice/ChoiceGroupElement.js +12 -0
- package/Controls/Components/Inputs/Choice/ChoiceGroupElement.js.map +1 -1
- package/Controls/Components/Inputs/ColorBox/ColorBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/DateBox/DateBoxElement.d.ts +6 -1
- package/Controls/Components/Inputs/DateBox/DateBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/DateBox/DateBoxElement.js +9 -6
- package/Controls/Components/Inputs/DateBox/DateBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/DateTimeBox/DateTimeBoxElement.d.ts +6 -1
- package/Controls/Components/Inputs/DateTimeBox/DateTimeBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/DateTimeBox/DateTimeBoxElement.js +9 -6
- package/Controls/Components/Inputs/DateTimeBox/DateTimeBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/FileUpload/FilePickerElement.d.ts +14 -8
- package/Controls/Components/Inputs/FileUpload/FilePickerElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/FileUpload/FilePickerElement.js +20 -12
- package/Controls/Components/Inputs/FileUpload/FilePickerElement.js.map +1 -1
- package/Controls/Components/Inputs/FileUpload/FileUploadElement.d.ts +6 -0
- package/Controls/Components/Inputs/FileUpload/FileUploadElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/FileUpload/FileUploadElement.js +10 -1
- package/Controls/Components/Inputs/FileUpload/FileUploadElement.js.map +1 -1
- package/Controls/Components/Inputs/NumberBox/NumberBoxElement.d.ts +6 -0
- package/Controls/Components/Inputs/NumberBox/NumberBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/NumberBox/NumberBoxElement.js +10 -1
- package/Controls/Components/Inputs/NumberBox/NumberBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/PasswordBox/PasswordBoxElement.d.ts +6 -0
- package/Controls/Components/Inputs/PasswordBox/PasswordBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/PasswordBox/PasswordBoxElement.js +42 -9
- package/Controls/Components/Inputs/PasswordBox/PasswordBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/PinBox/PinBoxElement.d.ts +6 -0
- package/Controls/Components/Inputs/PinBox/PinBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/PinBox/PinBoxElement.js +10 -1
- package/Controls/Components/Inputs/PinBox/PinBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/Radio/RadioElement.d.ts +6 -1
- package/Controls/Components/Inputs/Radio/RadioElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/Radio/RadioElement.js +16 -10
- package/Controls/Components/Inputs/Radio/RadioElement.js.map +1 -1
- package/Controls/Components/Inputs/RichTextBox/RichTextBoxElement.d.ts +1 -0
- package/Controls/Components/Inputs/RichTextBox/RichTextBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/RichTextBox/RichTextBoxElement.js +8 -11
- package/Controls/Components/Inputs/RichTextBox/RichTextBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/SearchBox/SearchBoxElement.d.ts +6 -0
- package/Controls/Components/Inputs/SearchBox/SearchBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/SearchBox/SearchBoxElement.js +10 -1
- package/Controls/Components/Inputs/SearchBox/SearchBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/SignaturePad/SignaturePadElement.d.ts +1 -1
- package/Controls/Components/Inputs/SignaturePad/SignaturePadElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/SignaturePad/SignaturePadElement.js +7 -4
- package/Controls/Components/Inputs/SignaturePad/SignaturePadElement.js.map +1 -1
- package/Controls/Components/Inputs/TimeBox/TimeBoxElement.d.ts +1 -0
- package/Controls/Components/Inputs/TimeBox/TimeBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/TimeBox/TimeBoxElement.js +3 -1
- package/Controls/Components/Inputs/TimeBox/TimeBoxElement.js.map +1 -1
- package/Controls/Components/Media/Camera/CameraElement.d.ts +1 -1
- package/Controls/Components/Media/Camera/CameraElement.d.ts.map +1 -1
- package/Controls/Components/Media/Camera/CameraElement.js +1 -5
- package/Controls/Components/Media/Camera/CameraElement.js.map +1 -1
- package/Controls/Components/Media/Chat/ChatElement.d.ts +9 -7
- package/Controls/Components/Media/Chat/ChatElement.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/ChatElement.js +50 -26
- package/Controls/Components/Media/Chat/ChatElement.js.map +1 -1
- package/Controls/Components/Media/Chat/ChatElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/ChatElementTemplate.js +9 -7
- package/Controls/Components/Media/Chat/ChatElementTemplate.js.map +1 -1
- package/Controls/Components/Media/Chat/ChatInputElement.d.ts +5 -5
- package/Controls/Components/Media/Chat/ChatInputElement.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/ChatInputElement.js +14 -11
- package/Controls/Components/Media/Chat/ChatInputElement.js.map +1 -1
- package/Controls/Components/Media/Chat/IChatElementProps.d.ts +2 -1
- package/Controls/Components/Media/Chat/IChatElementProps.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/IChatInputEvents.d.ts +1 -1
- package/Controls/Components/Media/Chat/IChatInputEvents.d.ts.map +1 -1
- package/Controls/Components/Media/Video/VideoElement.d.ts +2 -1
- package/Controls/Components/Media/Video/VideoElement.d.ts.map +1 -1
- package/Controls/Components/Media/Video/VideoElement.js +16 -8
- package/Controls/Components/Media/Video/VideoElement.js.map +1 -1
- package/Controls/Components/Primitives/Floating/FloatingElement.d.ts.map +1 -1
- package/Controls/Components/Primitives/Floating/FloatingElement.js +0 -9
- package/Controls/Components/Primitives/Floating/FloatingElement.js.map +1 -1
- package/Controls/Components/Primitives/Floating/FloatingTriggerElement.js +1 -1
- package/Controls/Components/Primitives/Swipe/SwipeElement.d.ts +6 -5
- package/Controls/Components/Primitives/Swipe/SwipeElement.d.ts.map +1 -1
- package/Controls/Components/Primitives/Swipe/SwipeElement.js +8 -15
- package/Controls/Components/Primitives/Swipe/SwipeElement.js.map +1 -1
- package/Controls/Components/Primitives/Toggletip/ToggleTipElement.d.ts +2 -1
- package/Controls/Components/Primitives/Toggletip/ToggleTipElement.d.ts.map +1 -1
- package/Controls/Components/Primitives/Toggletip/ToggleTipElement.js +12 -7
- package/Controls/Components/Primitives/Toggletip/ToggleTipElement.js.map +1 -1
- package/Controls/Components/Ranges/ScrubSlider/Accessors/ScrubSliderElementValueAccessor.d.ts +29 -0
- package/Controls/Components/Ranges/ScrubSlider/Accessors/ScrubSliderElementValueAccessor.d.ts.map +1 -0
- package/Controls/Components/Ranges/ScrubSlider/Accessors/ScrubSliderElementValueAccessor.js +43 -0
- package/Controls/Components/Ranges/ScrubSlider/Accessors/ScrubSliderElementValueAccessor.js.map +1 -0
- package/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.d.ts +1 -0
- package/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.d.ts.map +1 -0
- package/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.js +2 -0
- package/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.js.map +1 -0
- package/Controls/Components/Ranges/ScrubSlider/ScrubSliderElement.d.ts +79 -0
- package/Controls/Components/Ranges/ScrubSlider/ScrubSliderElement.d.ts.map +1 -0
- package/Controls/Components/Ranges/ScrubSlider/ScrubSliderElement.js +356 -0
- package/Controls/Components/Ranges/ScrubSlider/ScrubSliderElement.js.map +1 -0
- package/Controls/Components/Ranges/ScrubSlider/ScrubSliderElementTemplate.d.ts +9 -0
- package/Controls/Components/Ranges/ScrubSlider/ScrubSliderElementTemplate.d.ts.map +1 -0
- package/Controls/Components/Ranges/ScrubSlider/ScrubSliderElementTemplate.js +38 -0
- package/Controls/Components/Ranges/ScrubSlider/ScrubSliderElementTemplate.js.map +1 -0
- package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Cosmopolitan.d.ts +6 -0
- package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Cosmopolitan.d.ts.map +1 -0
- package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Cosmopolitan.js +239 -0
- package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Cosmopolitan.js.map +1 -0
- package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Joy.d.ts +6 -0
- package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Joy.d.ts.map +1 -0
- package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Joy.js +234 -0
- package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Joy.js.map +1 -0
- package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Retro.d.ts +6 -0
- package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Retro.d.ts.map +1 -0
- package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Retro.js +239 -0
- package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Retro.js.map +1 -0
- package/Controls/Components/Ranges/Slider/SliderElement.d.ts +8 -1
- package/Controls/Components/Ranges/Slider/SliderElement.d.ts.map +1 -1
- package/Controls/Components/Ranges/Slider/SliderElement.js +22 -4
- package/Controls/Components/Ranges/Slider/SliderElement.js.map +1 -1
- package/Controls/Components/Selectors/Combo/ComboElement.js +2 -2
- package/Controls/Components/Selectors/Combo/ComboElement.js.map +1 -1
- package/Index.d.ts +3 -0
- package/Index.d.ts.map +1 -1
- package/Index.js +3 -0
- package/Index.js.map +1 -1
- package/custom-elements.json +1205 -346
- package/package.json +3 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrubSliderElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CA4NtD"}
|
|
@@ -0,0 +1,234 @@
|
|
|
1
|
+
// ------------------------------------------------------------------------------
|
|
2
|
+
// <auto-generated>
|
|
3
|
+
// This code was generated by a tool.
|
|
4
|
+
// Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
5
|
+
// </auto-generated>
|
|
6
|
+
// ------------------------------------------------------------------------------
|
|
7
|
+
// #region Imports
|
|
8
|
+
import { css } from '../../../../../Dom/Css';
|
|
9
|
+
// #endregion
|
|
10
|
+
/**
|
|
11
|
+
* @public
|
|
12
|
+
*/
|
|
13
|
+
export function scrubSliderElementJoyStyle() {
|
|
14
|
+
return css `
|
|
15
|
+
:host {
|
|
16
|
+
--scrub-slider-background-color: var(--joy-scheme-transparent);
|
|
17
|
+
--scrub-slider-border-color: var(--joy-scheme-highlight);
|
|
18
|
+
--scrub-slider-border-radius: var(--joy-layout-radius);
|
|
19
|
+
--scrub-slider-border-style: solid;
|
|
20
|
+
--scrub-slider-border-width: var(--joy-layout-thickness);
|
|
21
|
+
--scrub-slider-font-family: var(--joy-font-family);
|
|
22
|
+
--scrub-slider-font-letter-spacing: var(--joy-typography-body1-letter-spacing);
|
|
23
|
+
--scrub-slider-font-line-height: var(--joy-typography-body1-line-height);
|
|
24
|
+
--scrub-slider-font-size: var(--joy-typography-body1-font-size);
|
|
25
|
+
--scrub-slider-font-text-decoration: var(--joy-typography-body1-text-decoration);
|
|
26
|
+
--scrub-slider-font-text-transform: var(--joy-typography-body1-text-transform);
|
|
27
|
+
--scrub-slider-font-weight: var(--joy-typography-body1-font-weight);
|
|
28
|
+
--scrub-slider-foreground-color: var(--joy-scheme-foreground);
|
|
29
|
+
--scrub-slider-gap: var(--joy-layout-space);
|
|
30
|
+
--scrub-slider-padding-bottom: 0;
|
|
31
|
+
--scrub-slider-padding-left: 0;
|
|
32
|
+
--scrub-slider-padding-right: 0;
|
|
33
|
+
--scrub-slider-padding-top: 0;
|
|
34
|
+
--scrub-slider-shadow: var(--joy-elevation-none);
|
|
35
|
+
--scrub-slider-thumb-background-color: var(--joy-scheme-transparent);
|
|
36
|
+
--scrub-slider-thumb-border-color: var(--joy-scheme-transparent);
|
|
37
|
+
--scrub-slider-thumb-border-radius: var(--joy-layout-radius);
|
|
38
|
+
--scrub-slider-thumb-border-style: solid;
|
|
39
|
+
--scrub-slider-thumb-border-width: var(--joy-layout-thickness);
|
|
40
|
+
--scrub-slider-thumb-foreground-color: var(--joy-scheme-highlight);
|
|
41
|
+
--scrub-slider-thumb-size: 18px;
|
|
42
|
+
--scrub-slider-tick-gap: 0px;
|
|
43
|
+
--scrub-slider-tooltip-background-color: var(--joy-scheme-highlight);
|
|
44
|
+
--scrub-slider-tooltip-border-color: var(--joy-scheme-highlight);
|
|
45
|
+
--scrub-slider-tooltip-border-radius: var(--joy-layout-radius);
|
|
46
|
+
--scrub-slider-tooltip-border-style: none;
|
|
47
|
+
--scrub-slider-tooltip-border-width: 0px;
|
|
48
|
+
--scrub-slider-tooltip-font-family: var(--joy-font-family);
|
|
49
|
+
--scrub-slider-tooltip-font-letter-spacing: var(--joy-typography-body2-letter-spacing);
|
|
50
|
+
--scrub-slider-tooltip-font-line-height: var(--joy-typography-body2-line-height);
|
|
51
|
+
--scrub-slider-tooltip-font-size: var(--joy-typography-body2-font-size);
|
|
52
|
+
--scrub-slider-tooltip-font-text-decoration: var(--joy-typography-body2-text-decoration);
|
|
53
|
+
--scrub-slider-tooltip-font-text-transform: var(--joy-typography-body2-text-transform);
|
|
54
|
+
--scrub-slider-tooltip-font-weight: var(--joy-typography-body2-font-weight);
|
|
55
|
+
--scrub-slider-tooltip-foreground-color: var(--joy-scheme-foreground);
|
|
56
|
+
--scrub-slider-tooltip-gap: var(--joy-layout-space);
|
|
57
|
+
--scrub-slider-tooltip-padding-bottom: var(--joy-layout-space);
|
|
58
|
+
--scrub-slider-tooltip-padding-left: var(--joy-layout-space);
|
|
59
|
+
--scrub-slider-tooltip-padding-right: var(--joy-layout-space);
|
|
60
|
+
--scrub-slider-tooltip-padding-top: var(--joy-layout-space);
|
|
61
|
+
--scrub-slider-tooltip-shadow: var(--joy-elevation-light);
|
|
62
|
+
--scrub-slider-tooltip-transition-duration: var(--joy-duration-short);
|
|
63
|
+
--scrub-slider-tooltip-transition-mode: ease;
|
|
64
|
+
--scrub-slider-tooltip-transition-property: background-color, color, border-color, opacity, transform;
|
|
65
|
+
--scrub-slider-track-size: 4px;
|
|
66
|
+
--scrub-slider-transition-duration: var(--joy-duration-short);
|
|
67
|
+
--scrub-slider-transition-mode: ease;
|
|
68
|
+
--scrub-slider-transition-property: background-color, color, border-color, opacity, transform;
|
|
69
|
+
--scrub-slider-translate: unset;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
|
73
|
+
:host {
|
|
74
|
+
transition-duration: .01ms;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
:host {
|
|
79
|
+
box-sizing: border-box;
|
|
80
|
+
display: block;
|
|
81
|
+
position: relative;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
:host *, :host :before, :host :after {
|
|
85
|
+
box-sizing: border-box;
|
|
86
|
+
background-repeat: no-repeat;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
:host :before, :host :after {
|
|
90
|
+
text-decoration: inherit;
|
|
91
|
+
vertical-align: inherit;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
:host([hidden]) {
|
|
95
|
+
display: none !important;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
:host {
|
|
99
|
+
--height: 56px;
|
|
100
|
+
--center-width: 3px;
|
|
101
|
+
--tick-gap: 12px;
|
|
102
|
+
--tick-width: 2px;
|
|
103
|
+
--tick-color: #b9bcc2;
|
|
104
|
+
--tick-color-strong: #8b8f96;
|
|
105
|
+
--track-bg: #fff;
|
|
106
|
+
--center-color: #e53935;
|
|
107
|
+
--value-font: 700 48px / 1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
|
108
|
+
font-family: var(--scrub-slider-font-family);
|
|
109
|
+
font-size: var(--scrub-slider-font-size);
|
|
110
|
+
line-height: var(--scrub-slider-font-line-height);
|
|
111
|
+
font-weight: var(--scrub-slider-font-weight);
|
|
112
|
+
letter-spacing: var(--scrub-slider-font-letter-spacing);
|
|
113
|
+
-webkit-text-decoration: var(--scrub-slider-font-text-decoration);
|
|
114
|
+
text-decoration: var(--scrub-slider-font-text-decoration);
|
|
115
|
+
text-transform: var(--scrub-slider-font-text-transform);
|
|
116
|
+
gap: var(--scrub-slider-gap);
|
|
117
|
+
-webkit-user-select: none;
|
|
118
|
+
-moz-user-select: none;
|
|
119
|
+
user-select: none;
|
|
120
|
+
flex-direction: column;
|
|
121
|
+
gap: 12px;
|
|
122
|
+
width: 100%;
|
|
123
|
+
display: inline-flex;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
:host [part="root"] {
|
|
127
|
+
width: 100%;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
:host [part="value"] {
|
|
131
|
+
text-align: center;
|
|
132
|
+
font: var(--value-font);
|
|
133
|
+
color: #111;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
:host [part="surface"] {
|
|
137
|
+
height: var(--height);
|
|
138
|
+
background: var(--track-bg);
|
|
139
|
+
cursor: ew-resize;
|
|
140
|
+
touch-action: none;
|
|
141
|
+
outline: none;
|
|
142
|
+
position: relative;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
:host [part^="ticks"] {
|
|
146
|
+
background-image: repeating-linear-gradient(to right, transparent 0, transparent calc(var(--tick-gap) - var(--tick-width)), var(--tick-color) calc(var(--tick-gap) - var(--tick-width)), var(--tick-color) var(--tick-gap));
|
|
147
|
+
background-size: var(--tick-gap) 100%;
|
|
148
|
+
background-repeat: repeat;
|
|
149
|
+
background-position: var(--tick-offset, 0px) 0;
|
|
150
|
+
pointer-events: none;
|
|
151
|
+
position: absolute;
|
|
152
|
+
inset-inline: 0;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
:host [part$="top"] {
|
|
156
|
+
opacity: .9;
|
|
157
|
+
height: 50%;
|
|
158
|
+
top: 0;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
:host [part$="bottom"] {
|
|
162
|
+
opacity: .6;
|
|
163
|
+
height: 50%;
|
|
164
|
+
bottom: 0;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
:host [part="center"] {
|
|
168
|
+
width: var(--center-width);
|
|
169
|
+
background: var(--center-color);
|
|
170
|
+
pointer-events: none;
|
|
171
|
+
border-radius: 1px;
|
|
172
|
+
position: absolute;
|
|
173
|
+
top: 8px;
|
|
174
|
+
bottom: 8px;
|
|
175
|
+
left: 50%;
|
|
176
|
+
transform: translateX(-50%);
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
:host [part="labels"] {
|
|
180
|
+
color: #2b2d30;
|
|
181
|
+
opacity: .85;
|
|
182
|
+
place-items: center;
|
|
183
|
+
height: 24px;
|
|
184
|
+
font: 600 14px / 1.2 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, Apple Color Emoji, Segoe UI Emoji;
|
|
185
|
+
display: grid;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
:host .visually-hidden {
|
|
189
|
+
clip: rect(0 0 0 0);
|
|
190
|
+
white-space: nowrap;
|
|
191
|
+
border: 0;
|
|
192
|
+
width: 1px;
|
|
193
|
+
height: 1px;
|
|
194
|
+
margin: -1px;
|
|
195
|
+
padding: 0;
|
|
196
|
+
overflow: hidden;
|
|
197
|
+
position: absolute !important;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
:host(:focus-within) [part="surface"] {
|
|
201
|
+
box-shadow: inset 0 0 0 2px #0000000f;
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
:host(:hover) [part="tooltip"], :host([is-focused]) [part="tooltip"] {
|
|
205
|
+
opacity: 1;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
:host([tick-placement="none"]) [part="ticks"] {
|
|
209
|
+
display: none;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
:host([tooltip-placement="before"]) [part="tooltip"] {
|
|
213
|
+
inset-area: top span-all;
|
|
214
|
+
margin: 0 0 var(--slider-gap) 0;
|
|
215
|
+
inset-block-start: calc(var(--scrub-slider-thumb-size) / 2 + var(--scrub-slider-gap));
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
:host([tooltip-placement="after"]) [part="tooltip"] {
|
|
219
|
+
inset-area: bottom span-all;
|
|
220
|
+
margin: var(--slider-gap) 0 0 0;
|
|
221
|
+
inset-block-end: calc(var(--scrub-slider-thumb-size) / 2 + var(--scrub-slider-gap));
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
:host([track]) [part="input"]::-webkit-slider-thumb {
|
|
225
|
+
box-shadow: -407px 0 0 400px #f50;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
:host([track]) [part="input"]::-moz-range-thumb {
|
|
229
|
+
box-shadow: -407px 0 0 400px #f50;
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
`;
|
|
233
|
+
}
|
|
234
|
+
//# sourceMappingURL=ScrubSliderElement.Joy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrubSliderElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0NT,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrubSliderElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,4BAA4B,IAAI,SAAS,CAiOxD"}
|
|
@@ -0,0 +1,239 @@
|
|
|
1
|
+
// ------------------------------------------------------------------------------
|
|
2
|
+
// <auto-generated>
|
|
3
|
+
// This code was generated by a tool.
|
|
4
|
+
// Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
5
|
+
// </auto-generated>
|
|
6
|
+
// ------------------------------------------------------------------------------
|
|
7
|
+
// #region Imports
|
|
8
|
+
import { css } from '../../../../../Dom/Css';
|
|
9
|
+
// #endregion
|
|
10
|
+
/**
|
|
11
|
+
* @public
|
|
12
|
+
*/
|
|
13
|
+
export function scrubSliderElementRetroStyle() {
|
|
14
|
+
return css `
|
|
15
|
+
:host {
|
|
16
|
+
--scrub-slider-background-color: unset;
|
|
17
|
+
--scrub-slider-border-color: unset;
|
|
18
|
+
--scrub-slider-border-radius: unset;
|
|
19
|
+
--scrub-slider-border-style: unset;
|
|
20
|
+
--scrub-slider-border-width: unset;
|
|
21
|
+
--scrub-slider-component-name-thumb-background-color: unset;
|
|
22
|
+
--scrub-slider-font-family: unset;
|
|
23
|
+
--scrub-slider-font-letter-spacing: unset;
|
|
24
|
+
--scrub-slider-font-line-height: unset;
|
|
25
|
+
--scrub-slider-font-size: unset;
|
|
26
|
+
--scrub-slider-font-text-decoration: unset;
|
|
27
|
+
--scrub-slider-font-text-transform: unset;
|
|
28
|
+
--scrub-slider-font-weight: unset;
|
|
29
|
+
--scrub-slider-foreground-color: unset;
|
|
30
|
+
--scrub-slider-gap: unset;
|
|
31
|
+
--scrub-slider-padding-bottom: unset;
|
|
32
|
+
--scrub-slider-padding-left: unset;
|
|
33
|
+
--scrub-slider-padding-right: unset;
|
|
34
|
+
--scrub-slider-padding-top: unset;
|
|
35
|
+
--scrub-slider-shadow: unset;
|
|
36
|
+
--scrub-slider-thumb-background-color: unset;
|
|
37
|
+
--scrub-slider-thumb-border-color: unset;
|
|
38
|
+
--scrub-slider-thumb-border-radius: unset;
|
|
39
|
+
--scrub-slider-thumb-border-style: unset;
|
|
40
|
+
--scrub-slider-thumb-border-width: unset;
|
|
41
|
+
--scrub-slider-thumb-foreground-color: unset;
|
|
42
|
+
--scrub-slider-thumb-size: unset;
|
|
43
|
+
--scrub-slider-tick-bar-border-color: unset;
|
|
44
|
+
--scrub-slider-tick-bar-foreground-color: unset;
|
|
45
|
+
--scrub-slider-tick-bar-tick-height: unset;
|
|
46
|
+
--scrub-slider-tick-bar-tick-text-gap: unset;
|
|
47
|
+
--scrub-slider-tick-gap: unset;
|
|
48
|
+
--scrub-slider-tooltip-background-color: unset;
|
|
49
|
+
--scrub-slider-tooltip-border-color: unset;
|
|
50
|
+
--scrub-slider-tooltip-border-radius: unset;
|
|
51
|
+
--scrub-slider-tooltip-border-style: unset;
|
|
52
|
+
--scrub-slider-tooltip-border-width: unset;
|
|
53
|
+
--scrub-slider-tooltip-font-family: unset;
|
|
54
|
+
--scrub-slider-tooltip-font-letter-spacing: unset;
|
|
55
|
+
--scrub-slider-tooltip-font-line-height: unset;
|
|
56
|
+
--scrub-slider-tooltip-font-size: unset;
|
|
57
|
+
--scrub-slider-tooltip-font-text-decoration: unset;
|
|
58
|
+
--scrub-slider-tooltip-font-text-transform: unset;
|
|
59
|
+
--scrub-slider-tooltip-font-weight: unset;
|
|
60
|
+
--scrub-slider-tooltip-foreground-color: unset;
|
|
61
|
+
--scrub-slider-tooltip-gap: unset;
|
|
62
|
+
--scrub-slider-tooltip-padding-bottom: unset;
|
|
63
|
+
--scrub-slider-tooltip-padding-left: unset;
|
|
64
|
+
--scrub-slider-tooltip-padding-right: unset;
|
|
65
|
+
--scrub-slider-tooltip-padding-top: unset;
|
|
66
|
+
--scrub-slider-tooltip-shadow: unset;
|
|
67
|
+
--scrub-slider-tooltip-transition-duration: unset;
|
|
68
|
+
--scrub-slider-tooltip-transition-mode: unset;
|
|
69
|
+
--scrub-slider-tooltip-transition-property: unset;
|
|
70
|
+
--scrub-slider-track-size: unset;
|
|
71
|
+
--scrub-slider-transition-duration: unset;
|
|
72
|
+
--scrub-slider-transition-mode: unset;
|
|
73
|
+
--scrub-slider-transition-property: unset;
|
|
74
|
+
--scrub-slider-translate: unset;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
|
78
|
+
:host {
|
|
79
|
+
transition-duration: .01ms;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
:host {
|
|
84
|
+
box-sizing: border-box;
|
|
85
|
+
display: block;
|
|
86
|
+
position: relative;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
:host *, :host :before, :host :after {
|
|
90
|
+
box-sizing: border-box;
|
|
91
|
+
background-repeat: no-repeat;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
:host :before, :host :after {
|
|
95
|
+
text-decoration: inherit;
|
|
96
|
+
vertical-align: inherit;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
:host([hidden]) {
|
|
100
|
+
display: none !important;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
:host {
|
|
104
|
+
--height: 56px;
|
|
105
|
+
--center-width: 3px;
|
|
106
|
+
--tick-gap: 12px;
|
|
107
|
+
--tick-width: 2px;
|
|
108
|
+
--tick-color: #b9bcc2;
|
|
109
|
+
--tick-color-strong: #8b8f96;
|
|
110
|
+
--track-bg: #fff;
|
|
111
|
+
--center-color: #e53935;
|
|
112
|
+
--value-font: 700 48px / 1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
|
113
|
+
font-family: var(--scrub-slider-font-family);
|
|
114
|
+
font-size: var(--scrub-slider-font-size);
|
|
115
|
+
line-height: var(--scrub-slider-font-line-height);
|
|
116
|
+
font-weight: var(--scrub-slider-font-weight);
|
|
117
|
+
letter-spacing: var(--scrub-slider-font-letter-spacing);
|
|
118
|
+
-webkit-text-decoration: var(--scrub-slider-font-text-decoration);
|
|
119
|
+
text-decoration: var(--scrub-slider-font-text-decoration);
|
|
120
|
+
text-transform: var(--scrub-slider-font-text-transform);
|
|
121
|
+
gap: var(--scrub-slider-gap);
|
|
122
|
+
-webkit-user-select: none;
|
|
123
|
+
-moz-user-select: none;
|
|
124
|
+
user-select: none;
|
|
125
|
+
flex-direction: column;
|
|
126
|
+
gap: 12px;
|
|
127
|
+
width: 100%;
|
|
128
|
+
display: inline-flex;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
:host [part="root"] {
|
|
132
|
+
width: 100%;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
:host [part="value"] {
|
|
136
|
+
text-align: center;
|
|
137
|
+
font: var(--value-font);
|
|
138
|
+
color: #111;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
:host [part="surface"] {
|
|
142
|
+
height: var(--height);
|
|
143
|
+
background: var(--track-bg);
|
|
144
|
+
cursor: ew-resize;
|
|
145
|
+
touch-action: none;
|
|
146
|
+
outline: none;
|
|
147
|
+
position: relative;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
:host [part^="ticks"] {
|
|
151
|
+
background-image: repeating-linear-gradient(to right, transparent 0, transparent calc(var(--tick-gap) - var(--tick-width)), var(--tick-color) calc(var(--tick-gap) - var(--tick-width)), var(--tick-color) var(--tick-gap));
|
|
152
|
+
background-size: var(--tick-gap) 100%;
|
|
153
|
+
background-repeat: repeat;
|
|
154
|
+
background-position: var(--tick-offset, 0px) 0;
|
|
155
|
+
pointer-events: none;
|
|
156
|
+
position: absolute;
|
|
157
|
+
inset-inline: 0;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
:host [part$="top"] {
|
|
161
|
+
opacity: .9;
|
|
162
|
+
height: 50%;
|
|
163
|
+
top: 0;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
:host [part$="bottom"] {
|
|
167
|
+
opacity: .6;
|
|
168
|
+
height: 50%;
|
|
169
|
+
bottom: 0;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
:host [part="center"] {
|
|
173
|
+
width: var(--center-width);
|
|
174
|
+
background: var(--center-color);
|
|
175
|
+
pointer-events: none;
|
|
176
|
+
border-radius: 1px;
|
|
177
|
+
position: absolute;
|
|
178
|
+
top: 8px;
|
|
179
|
+
bottom: 8px;
|
|
180
|
+
left: 50%;
|
|
181
|
+
transform: translateX(-50%);
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
:host [part="labels"] {
|
|
185
|
+
color: #2b2d30;
|
|
186
|
+
opacity: .85;
|
|
187
|
+
place-items: center;
|
|
188
|
+
height: 24px;
|
|
189
|
+
font: 600 14px / 1.2 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, Apple Color Emoji, Segoe UI Emoji;
|
|
190
|
+
display: grid;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
:host .visually-hidden {
|
|
194
|
+
clip: rect(0 0 0 0);
|
|
195
|
+
white-space: nowrap;
|
|
196
|
+
border: 0;
|
|
197
|
+
width: 1px;
|
|
198
|
+
height: 1px;
|
|
199
|
+
margin: -1px;
|
|
200
|
+
padding: 0;
|
|
201
|
+
overflow: hidden;
|
|
202
|
+
position: absolute !important;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
:host(:focus-within) [part="surface"] {
|
|
206
|
+
box-shadow: inset 0 0 0 2px #0000000f;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
:host(:hover) [part="tooltip"], :host([is-focused]) [part="tooltip"] {
|
|
210
|
+
opacity: 1;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
:host([tick-placement="none"]) [part="ticks"] {
|
|
214
|
+
display: none;
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
:host([tooltip-placement="before"]) [part="tooltip"] {
|
|
218
|
+
inset-area: top span-all;
|
|
219
|
+
margin: 0 0 var(--slider-gap) 0;
|
|
220
|
+
inset-block-start: calc(var(--scrub-slider-thumb-size) / 2 + var(--scrub-slider-gap));
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
:host([tooltip-placement="after"]) [part="tooltip"] {
|
|
224
|
+
inset-area: bottom span-all;
|
|
225
|
+
margin: var(--slider-gap) 0 0 0;
|
|
226
|
+
inset-block-end: calc(var(--scrub-slider-thumb-size) / 2 + var(--scrub-slider-gap));
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
:host([track]) [part="input"]::-webkit-slider-thumb {
|
|
230
|
+
box-shadow: -407px 0 0 400px #f50;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
:host([track]) [part="input"]::-moz-range-thumb {
|
|
234
|
+
box-shadow: -407px 0 0 400px #f50;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
`;
|
|
238
|
+
}
|
|
239
|
+
//# sourceMappingURL=ScrubSliderElement.Retro.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrubSliderElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,4BAA4B;IACxC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+NT,CAAC;AACN,CAAC"}
|
|
@@ -19,10 +19,10 @@ declare const SliderElement_base: (abstract new (...args: Array<any>) => import(
|
|
|
19
19
|
* @slot prefix - The prefix slot.
|
|
20
20
|
* @slot suffix - The suffix slot.
|
|
21
21
|
*
|
|
22
|
-
*
|
|
23
22
|
* @public
|
|
24
23
|
*/
|
|
25
24
|
export declare class SliderElement extends SliderElement_base implements ISliderElementProps, IInvalidable {
|
|
25
|
+
private _inputElement;
|
|
26
26
|
private _step;
|
|
27
27
|
private _ticks;
|
|
28
28
|
private _tickPlacement;
|
|
@@ -122,6 +122,13 @@ export declare class SliderElement extends SliderElement_base implements ISlider
|
|
|
122
122
|
* @param value - Value to increment the value by.
|
|
123
123
|
*/
|
|
124
124
|
stepUp(value?: number): void;
|
|
125
|
+
/**
|
|
126
|
+
* Checks the validity of the element and returns `true` if it is valid; otherwise, `false`.
|
|
127
|
+
*
|
|
128
|
+
* @public
|
|
129
|
+
* @override
|
|
130
|
+
*/
|
|
131
|
+
checkValidity(): boolean;
|
|
125
132
|
/**
|
|
126
133
|
* @protected
|
|
127
134
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/Slider/SliderElement.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAMjE,OAAO,EAAE,YAAY,EAAe,MAAM,gCAAgC,CAAC;;AAI3E
|
|
1
|
+
{"version":3,"file":"SliderElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/Slider/SliderElement.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAMjE,OAAO,EAAE,YAAY,EAAe,MAAM,gCAAgC,CAAC;;AAI3E;;;;;;;;;;;;;;;;GAgBG;AACH,qBAaa,aACT,SAAQ,kBACR,YAAW,mBAAmB,EAAE,YAAY;IAI5C,OAAO,CAAC,aAAa,CAAoB;IACzC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,cAAc,CAAgB;IACtC,OAAO,CAAC,iBAAiB,CAAuB;IAChD,OAAO,CAAC,gBAAgB,CAA4B;IACpD,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,eAAe,CAAU;IACjC,OAAO,CAAC,kBAAkB,CAA4B;IAMtD;;OAEG;;IAkBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IACW,KAAK,IAAI,MAAM,CAEzB;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,EAK7B;IAED;;;;;OAKG;IACH,IACW,aAAa,IAAI,aAAa,CAExC;IACD,IAAW,aAAa,CAAC,KAAK,EAAE,aAAa,EAK5C;IAED;;;;;OAKG;IACH,IACW,gBAAgB,IAAI,oBAAoB,CAElD;IACD,IAAW,gBAAgB,CAAC,KAAK,EAAE,oBAAoB,EAKtD;IAED;;;;OAIG;IACH,IACW,eAAe,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAEtD;IACD,IAAW,eAAe,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAK1D;IAED;;;;;OAKG;IACH,IAIW,KAAK,IAAI,OAAO,CAAwB;IACnD,IAAW,KAAK,CAAC,KAAK,EAAE,OAAO,EAK9B;IAED;;;;;OAKG;IACH,IAIW,cAAc,IAAI,OAAO,CAEnC;IACD,IAAW,cAAc,CAAC,KAAK,EAAE,OAAO,EAKvC;IAED;;;;OAIG;IACH,IACW,iBAAiB,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAExD;IACD,IAAW,iBAAiB,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAK5D;IAMD;;;;;;OAMG;IACI,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAIrC;;;;;;OAMG;IACI,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAInC;;;;;OAKG;IACa,aAAa,IAAI,OAAO;IAMxC;;OAEG;cACgB,eAAe,IAAI,IAAI;CAY7C;AAED;;GAEG;AACH,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}
|
|
@@ -44,11 +44,11 @@ import { Invalidable } from '../../../Behaviors/Invalidable';
|
|
|
44
44
|
* @slot prefix - The prefix slot.
|
|
45
45
|
* @slot suffix - The suffix slot.
|
|
46
46
|
*
|
|
47
|
-
*
|
|
48
47
|
* @public
|
|
49
48
|
*/
|
|
50
49
|
let SliderElement = class SliderElement extends Themeable(Orientable(Disableable(Variantable(Appearanceable(Focusable(Invalidable(RangeBaseElement))))))) {
|
|
51
50
|
// #region Fields
|
|
51
|
+
_inputElement;
|
|
52
52
|
_step;
|
|
53
53
|
_ticks;
|
|
54
54
|
_tickPlacement;
|
|
@@ -224,12 +224,24 @@ let SliderElement = class SliderElement extends Themeable(Orientable(Disableable
|
|
|
224
224
|
stepUp(value) {
|
|
225
225
|
this.getTemplatePart('input').stepUp(value);
|
|
226
226
|
}
|
|
227
|
+
/**
|
|
228
|
+
* Checks the validity of the element and returns `true` if it is valid; otherwise, `false`.
|
|
229
|
+
*
|
|
230
|
+
* @public
|
|
231
|
+
* @override
|
|
232
|
+
*/
|
|
233
|
+
checkValidity() {
|
|
234
|
+
return this.shadowRoot
|
|
235
|
+
? this._inputElement.checkValidity()
|
|
236
|
+
: true;
|
|
237
|
+
}
|
|
227
238
|
/**
|
|
228
239
|
* @protected
|
|
229
240
|
*/
|
|
230
241
|
onApplyTemplate() {
|
|
231
242
|
super.onApplyTemplate();
|
|
232
|
-
|
|
243
|
+
this._inputElement = this.getTemplatePart('input');
|
|
244
|
+
on(this._inputElement, 'input', (e) => {
|
|
233
245
|
this.value = Number.parseInt(e.target.value);
|
|
234
246
|
});
|
|
235
247
|
}
|
|
@@ -260,12 +272,18 @@ __decorate([
|
|
|
260
272
|
__metadata("design:paramtypes", [Function])
|
|
261
273
|
], SliderElement.prototype, "tooltipAccessor", null);
|
|
262
274
|
__decorate([
|
|
263
|
-
Attribute({
|
|
275
|
+
Attribute({
|
|
276
|
+
type: Boolean,
|
|
277
|
+
useDefault: true
|
|
278
|
+
}),
|
|
264
279
|
__metadata("design:type", Boolean),
|
|
265
280
|
__metadata("design:paramtypes", [Boolean])
|
|
266
281
|
], SliderElement.prototype, "track", null);
|
|
267
282
|
__decorate([
|
|
268
|
-
Attribute({
|
|
283
|
+
Attribute({
|
|
284
|
+
type: Boolean,
|
|
285
|
+
useDefault: true
|
|
286
|
+
}),
|
|
269
287
|
__metadata("design:type", Boolean),
|
|
270
288
|
__metadata("design:paramtypes", [Boolean])
|
|
271
289
|
], SliderElement.prototype, "showTickLabels", null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/Slider/SliderElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAgB,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE3E,aAAa;AAEb
|
|
1
|
+
{"version":3,"file":"SliderElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/Slider/SliderElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -259,7 +259,7 @@ let ComboElement = ComboElement_1 = class ComboElement extends Slottable(DropDow
|
|
|
259
259
|
*/
|
|
260
260
|
checkValidity() {
|
|
261
261
|
return this.shadowRoot
|
|
262
|
-
? this._inputElement
|
|
262
|
+
? this._inputElement.checkValidity()
|
|
263
263
|
: true;
|
|
264
264
|
}
|
|
265
265
|
/**
|
|
@@ -327,7 +327,7 @@ let ComboElement = ComboElement_1 = class ComboElement extends Slottable(DropDow
|
|
|
327
327
|
this.onSelectItem(x);
|
|
328
328
|
// when a child is clicked, the popup closes, so we need to focus the input.
|
|
329
329
|
requestAnimationFrame(() => {
|
|
330
|
-
this._inputElement
|
|
330
|
+
this._inputElement.focus();
|
|
331
331
|
});
|
|
332
332
|
}, false));
|
|
333
333
|
});
|