@breadstone/mosaik-elements-foundation 0.0.105 → 0.0.107
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/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 +2 -0
- package/Index.d.ts.map +1 -1
- package/Index.js +2 -0
- package/Index.js.map +1 -1
- package/Translations/TranslatorService.d.ts +1 -1
- package/Translations/TranslatorService.d.ts.map +1 -1
- package/Translations/TranslatorService.js +5 -1
- package/Translations/TranslatorService.js.map +1 -1
- package/custom-elements.json +784 -19
- package/package.json +3 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IScrubSliderElementProps.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { IInvalidable } from '../../../Behaviors/Invalidable';
|
|
2
|
+
import { AutoToolTipPlacement } from '../../../Types/AutoToolTipPlacement';
|
|
3
|
+
import { TickPlacement } from '../../../Types/TickPlacement';
|
|
4
|
+
import { RangeBaseElement } from '../Abstracts/RangeBaseElement';
|
|
5
|
+
import type { ISliderElementProps } from '../Slider/ISliderElementProps';
|
|
6
|
+
declare const ScrubSliderElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Focusable").IFocusableProps) & (abstract new (...args: Array<any>) => IInvalidable & import("../../../Behaviors/Invalidable").IInvalidableProps<unknown>) & typeof RangeBaseElement & import("../../../Behaviors/Themeable").IThemeableCtor;
|
|
7
|
+
/**
|
|
8
|
+
* Scrub Slider – A customizable slider component for precise value selection.
|
|
9
|
+
*
|
|
10
|
+
* @element mosaik-scrub-slider
|
|
11
|
+
*
|
|
12
|
+
* @description
|
|
13
|
+
* The ...
|
|
14
|
+
*
|
|
15
|
+
* @category Ranges
|
|
16
|
+
*
|
|
17
|
+
* @public
|
|
18
|
+
*/
|
|
19
|
+
export declare class ScrubSliderElement extends ScrubSliderElement_base implements ISliderElementProps, IInvalidable {
|
|
20
|
+
private _inputElement;
|
|
21
|
+
private _step;
|
|
22
|
+
private _ticks;
|
|
23
|
+
private _tickPlacement;
|
|
24
|
+
private _tooltipPlacement;
|
|
25
|
+
private _tooltipAccessor;
|
|
26
|
+
private _track;
|
|
27
|
+
private _showTickLabels;
|
|
28
|
+
private _tickLabelAccessor;
|
|
29
|
+
private _pxPerStep;
|
|
30
|
+
private _accelerate;
|
|
31
|
+
private _dragging;
|
|
32
|
+
private _pointerId?;
|
|
33
|
+
private _lastX;
|
|
34
|
+
private _pxRemainder;
|
|
35
|
+
private _bgOffsetPx;
|
|
36
|
+
constructor();
|
|
37
|
+
static get is(): string;
|
|
38
|
+
get step(): number;
|
|
39
|
+
set step(value: number);
|
|
40
|
+
get ticks(): number;
|
|
41
|
+
set ticks(value: number);
|
|
42
|
+
get tickPlacement(): TickPlacement;
|
|
43
|
+
set tickPlacement(value: TickPlacement);
|
|
44
|
+
get tooltipPlacement(): AutoToolTipPlacement;
|
|
45
|
+
set tooltipPlacement(value: AutoToolTipPlacement);
|
|
46
|
+
get tooltipAccessor(): (value: number) => string;
|
|
47
|
+
set tooltipAccessor(value: (value: number) => string);
|
|
48
|
+
get track(): boolean;
|
|
49
|
+
set track(value: boolean);
|
|
50
|
+
get showTickLabels(): boolean;
|
|
51
|
+
set showTickLabels(value: boolean);
|
|
52
|
+
get tickLabelAccessor(): (value: number) => string;
|
|
53
|
+
set tickLabelAccessor(value: (value: number) => string);
|
|
54
|
+
get pxPerStep(): number;
|
|
55
|
+
set pxPerStep(v: number);
|
|
56
|
+
get accelerate(): boolean;
|
|
57
|
+
set accelerate(v: boolean);
|
|
58
|
+
/**
|
|
59
|
+
* Checks the validity of the element and returns `true` if it is valid; otherwise, `false`.
|
|
60
|
+
*
|
|
61
|
+
* @public
|
|
62
|
+
* @override
|
|
63
|
+
*/
|
|
64
|
+
checkValidity(): boolean;
|
|
65
|
+
protected onApplyTemplate(): void;
|
|
66
|
+
private clamp;
|
|
67
|
+
private applyTickOffset;
|
|
68
|
+
}
|
|
69
|
+
/** Namespace-Alias */
|
|
70
|
+
export declare namespace ScrubSliderElement {
|
|
71
|
+
type Props = ISliderElementProps;
|
|
72
|
+
}
|
|
73
|
+
declare global {
|
|
74
|
+
interface HTMLElementTagNameMap {
|
|
75
|
+
'mosaik-scrub-slider': ScrubSliderElement;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
export {};
|
|
79
|
+
//# sourceMappingURL=ScrubSliderElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrubSliderElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ScrubSlider/ScrubSliderElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,YAAY,EAAe,MAAM,gCAAgC,CAAC;AAI3E,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,+BAA+B,CAAC;;AAQzE;;;;;;;;;;;GAWG;AACH,qBAaa,kBACT,SAAQ,uBACR,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;IACtD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,WAAW,CAAU;IAC7B,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,UAAU,CAAC,CAAS;IAC5B,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,WAAW,CAAS;;IA8B5B,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED,IACW,IAAI,IAAI,MAAM,CAAuB;IAChD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED,IACW,KAAK,IAAI,MAAM,CAAwB;IAClD,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,EAK7B;IAED,IACW,aAAa,IAAI,aAAa,CAAgC;IACzE,IAAW,aAAa,CAAC,KAAK,EAAE,aAAa,EAK5C;IAED,IACW,gBAAgB,IAAI,oBAAoB,CAAmC;IACtF,IAAW,gBAAgB,CAAC,KAAK,EAAE,oBAAoB,EAKtD;IAED,IACW,eAAe,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAkC;IACzF,IAAW,eAAe,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAK1D;IAED,IAIW,KAAK,IAAI,OAAO,CAAwB;IACnD,IAAW,KAAK,CAAC,KAAK,EAAE,OAAO,EAK9B;IAED,IAIW,cAAc,IAAI,OAAO,CAAiC;IACrE,IAAW,cAAc,CAAC,KAAK,EAAE,OAAO,EAKvC;IAED,IACW,iBAAiB,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAoC;IAC7F,IAAW,iBAAiB,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAK5D;IAED,IAKW,SAAS,IAAI,MAAM,CAA4B;IAC1D,IAAW,SAAS,CAAC,CAAC,EAAE,MAAM,EAK7B;IAED,IAIW,UAAU,IAAI,OAAO,CAA6B;IAC7D,IAAW,UAAU,CAAC,CAAC,EAAE,OAAO,EAK/B;IAMD;;;;;OAKG;IACa,aAAa,IAAI,OAAO;cAMrB,eAAe,IAAI,IAAI;IAiH1C,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,eAAe;CAM1B;AAED,sBAAsB;AACtB,yBAAiB,kBAAkB,CAAC;IAChC,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,qBAAqB,EAAE,kBAAkB,CAAC;KAC7C;CACJ"}
|
|
@@ -0,0 +1,356 @@
|
|
|
1
|
+
// #region Imports
|
|
2
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
3
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
5
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
6
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7
|
+
};
|
|
8
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
9
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
10
|
+
};
|
|
11
|
+
import { on } from '@breadstone/mosaik-elements';
|
|
12
|
+
import { Appearanceable } from '../../../Behaviors/Appearanceable';
|
|
13
|
+
import { Disableable } from '../../../Behaviors/Disableable';
|
|
14
|
+
import { Focusable } from '../../../Behaviors/Focusable';
|
|
15
|
+
import { Orientable } from '../../../Behaviors/Orientable';
|
|
16
|
+
import { Variantable } from '../../../Behaviors/Variantable';
|
|
17
|
+
import { Themeable } from '../../../Behaviors/Themeable';
|
|
18
|
+
import { Invalidable } from '../../../Behaviors/Invalidable';
|
|
19
|
+
import { Attribute } from '../../../Decorators/AttributeDecorator';
|
|
20
|
+
import { Component } from '../../../Decorators/ComponentDecorator';
|
|
21
|
+
import { Property } from '../../../Decorators/PropertyDecorator';
|
|
22
|
+
import { AutoToolTipPlacement } from '../../../Types/AutoToolTipPlacement';
|
|
23
|
+
import { TickPlacement } from '../../../Types/TickPlacement';
|
|
24
|
+
import { TextElement } from '../../Primitives/Text/TextElement';
|
|
25
|
+
import { TickBarElement } from '../../Primitives/TickBar/TickBarElement';
|
|
26
|
+
import { RangeBaseElement } from '../Abstracts/RangeBaseElement';
|
|
27
|
+
import { scrubSliderElementTemplate } from './ScrubSliderElementTemplate';
|
|
28
|
+
import { scrubSliderElementJoyStyle } from './Themes/ScrubSliderElement.Joy';
|
|
29
|
+
import { scrubSliderElementCosmopolitanStyle } from './Themes/ScrubSliderElement.Cosmopolitan';
|
|
30
|
+
import { scrubSliderElementRetroStyle } from './Themes/ScrubSliderElement.Retro';
|
|
31
|
+
// #endregion
|
|
32
|
+
/**
|
|
33
|
+
* Scrub Slider – A customizable slider component for precise value selection.
|
|
34
|
+
*
|
|
35
|
+
* @element mosaik-scrub-slider
|
|
36
|
+
*
|
|
37
|
+
* @description
|
|
38
|
+
* The ...
|
|
39
|
+
*
|
|
40
|
+
* @category Ranges
|
|
41
|
+
*
|
|
42
|
+
* @public
|
|
43
|
+
*/
|
|
44
|
+
let ScrubSliderElement = class ScrubSliderElement extends Themeable(Orientable(Disableable(Variantable(Appearanceable(Focusable(Invalidable(RangeBaseElement))))))) {
|
|
45
|
+
// #region Fields
|
|
46
|
+
_inputElement;
|
|
47
|
+
_step;
|
|
48
|
+
_ticks;
|
|
49
|
+
_tickPlacement;
|
|
50
|
+
_tooltipPlacement;
|
|
51
|
+
_tooltipAccessor;
|
|
52
|
+
_track;
|
|
53
|
+
_showTickLabels;
|
|
54
|
+
_tickLabelAccessor;
|
|
55
|
+
_pxPerStep;
|
|
56
|
+
_accelerate;
|
|
57
|
+
_dragging;
|
|
58
|
+
_pointerId;
|
|
59
|
+
_lastX;
|
|
60
|
+
_pxRemainder;
|
|
61
|
+
_bgOffsetPx;
|
|
62
|
+
// #endregion
|
|
63
|
+
// #region Ctor
|
|
64
|
+
constructor() {
|
|
65
|
+
super();
|
|
66
|
+
this._step = 1;
|
|
67
|
+
this._ticks = 0;
|
|
68
|
+
this._tickPlacement = TickPlacement.Both;
|
|
69
|
+
this._tooltipPlacement = AutoToolTipPlacement.None;
|
|
70
|
+
this._tooltipAccessor = (v) => v.toString();
|
|
71
|
+
this._track = true;
|
|
72
|
+
this._showTickLabels = true;
|
|
73
|
+
this._tickLabelAccessor = (v) => v.toString();
|
|
74
|
+
this._pxPerStep = 8;
|
|
75
|
+
this._accelerate = true;
|
|
76
|
+
this._dragging = false;
|
|
77
|
+
this._pointerId = undefined;
|
|
78
|
+
this._lastX = 0;
|
|
79
|
+
this._pxRemainder = 0;
|
|
80
|
+
this._bgOffsetPx = 0;
|
|
81
|
+
}
|
|
82
|
+
// #endregion
|
|
83
|
+
// #region Properties
|
|
84
|
+
static get is() {
|
|
85
|
+
return 'mosaik-scrub-slider';
|
|
86
|
+
}
|
|
87
|
+
get step() { return this._step; }
|
|
88
|
+
set step(value) {
|
|
89
|
+
if (this._step !== value && value > 0) {
|
|
90
|
+
this._step = value;
|
|
91
|
+
this.requestUpdate('step');
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
get ticks() { return this._ticks; }
|
|
95
|
+
set ticks(value) {
|
|
96
|
+
if (this._ticks !== value) {
|
|
97
|
+
this._ticks = value;
|
|
98
|
+
this.requestUpdate('ticks');
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
get tickPlacement() { return this._tickPlacement; }
|
|
102
|
+
set tickPlacement(value) {
|
|
103
|
+
if (this._tickPlacement !== value) {
|
|
104
|
+
this._tickPlacement = value;
|
|
105
|
+
this.requestUpdate('tickPlacement');
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
get tooltipPlacement() { return this._tooltipPlacement; }
|
|
109
|
+
set tooltipPlacement(value) {
|
|
110
|
+
if (this._tooltipPlacement !== value) {
|
|
111
|
+
this._tooltipPlacement = value;
|
|
112
|
+
this.requestUpdate('tooltipPlacement');
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
get tooltipAccessor() { return this._tooltipAccessor; }
|
|
116
|
+
set tooltipAccessor(value) {
|
|
117
|
+
if (this._tooltipAccessor !== value) {
|
|
118
|
+
this._tooltipAccessor = value;
|
|
119
|
+
this.requestUpdate('tooltipAccessor');
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
get track() { return this._track; }
|
|
123
|
+
set track(value) {
|
|
124
|
+
if (this._track !== value) {
|
|
125
|
+
this._track = value;
|
|
126
|
+
this.requestUpdate('track');
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
get showTickLabels() { return this._showTickLabels; }
|
|
130
|
+
set showTickLabels(value) {
|
|
131
|
+
if (this._showTickLabels !== value) {
|
|
132
|
+
this._showTickLabels = value;
|
|
133
|
+
this.requestUpdate('showTickLabels');
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
get tickLabelAccessor() { return this._tickLabelAccessor; }
|
|
137
|
+
set tickLabelAccessor(value) {
|
|
138
|
+
if (this._tickLabelAccessor !== value) {
|
|
139
|
+
this._tickLabelAccessor = value;
|
|
140
|
+
this.requestUpdate('tickLabelAccessor');
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
get pxPerStep() { return this._pxPerStep; }
|
|
144
|
+
set pxPerStep(v) {
|
|
145
|
+
if (this._pxPerStep !== v && v > 0) {
|
|
146
|
+
this._pxPerStep = v;
|
|
147
|
+
this.requestUpdate('pxPerStep');
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
get accelerate() { return this._accelerate; }
|
|
151
|
+
set accelerate(v) {
|
|
152
|
+
if (this._accelerate !== v) {
|
|
153
|
+
this._accelerate = v;
|
|
154
|
+
this.requestUpdate('accelerate');
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
// #endregion
|
|
158
|
+
// #region Methods
|
|
159
|
+
/**
|
|
160
|
+
* Checks the validity of the element and returns `true` if it is valid; otherwise, `false`.
|
|
161
|
+
*
|
|
162
|
+
* @public
|
|
163
|
+
* @override
|
|
164
|
+
*/
|
|
165
|
+
checkValidity() {
|
|
166
|
+
return this.shadowRoot
|
|
167
|
+
? this._inputElement.checkValidity()
|
|
168
|
+
: true;
|
|
169
|
+
}
|
|
170
|
+
onApplyTemplate() {
|
|
171
|
+
super.onApplyTemplate();
|
|
172
|
+
this._inputElement = this.getTemplatePart('input');
|
|
173
|
+
const surface = this.getTemplatePart('surface');
|
|
174
|
+
on(this._inputElement, 'input', (e) => {
|
|
175
|
+
this.value = Number.parseInt(e.target.value);
|
|
176
|
+
});
|
|
177
|
+
surface.style.touchAction = 'none';
|
|
178
|
+
surface.tabIndex = surface.tabIndex || 0;
|
|
179
|
+
on(surface, 'pointerdown', (ev) => {
|
|
180
|
+
if (this.disabled) {
|
|
181
|
+
return;
|
|
182
|
+
}
|
|
183
|
+
this._dragging = true;
|
|
184
|
+
this._pointerId = ev.pointerId;
|
|
185
|
+
surface.setPointerCapture(ev.pointerId);
|
|
186
|
+
this._lastX = ev.clientX;
|
|
187
|
+
this._pxRemainder = 0;
|
|
188
|
+
ev.preventDefault();
|
|
189
|
+
ev.stopPropagation();
|
|
190
|
+
});
|
|
191
|
+
on(surface, 'pointermove', (ev) => {
|
|
192
|
+
if (!this._dragging || ev.pointerId !== this._pointerId)
|
|
193
|
+
return;
|
|
194
|
+
const dx = ev.clientX - this._lastX;
|
|
195
|
+
this._lastX = ev.clientX;
|
|
196
|
+
const accel = this._accelerate ? Math.max(1, Math.min(4, Math.abs(dx) / 12)) : 1;
|
|
197
|
+
const px = dx * accel + this._pxRemainder;
|
|
198
|
+
const perStep = Math.max(1, this._pxPerStep || 1);
|
|
199
|
+
const stepsDelta = Math.trunc(px / perStep);
|
|
200
|
+
this._pxRemainder = px - stepsDelta * perStep;
|
|
201
|
+
if (stepsDelta !== 0) {
|
|
202
|
+
const step = this.step || 1;
|
|
203
|
+
const next = this.clamp(this.value + stepsDelta * step);
|
|
204
|
+
if (next !== this.value) {
|
|
205
|
+
this.value = next;
|
|
206
|
+
this.dispatchEvent(new InputEvent('input', {
|
|
207
|
+
bubbles: true,
|
|
208
|
+
composed: true
|
|
209
|
+
}));
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
this._bgOffsetPx = (this._bgOffsetPx - dx) % (this._pxPerStep || 1);
|
|
213
|
+
this.applyTickOffset();
|
|
214
|
+
});
|
|
215
|
+
const end = () => {
|
|
216
|
+
if (!this._dragging)
|
|
217
|
+
return;
|
|
218
|
+
this._dragging = false;
|
|
219
|
+
this._pointerId = undefined;
|
|
220
|
+
this._pxRemainder = 0;
|
|
221
|
+
this.dispatchEvent(new Event('change', {
|
|
222
|
+
bubbles: true,
|
|
223
|
+
composed: true
|
|
224
|
+
}));
|
|
225
|
+
};
|
|
226
|
+
on(surface, 'pointerup', end);
|
|
227
|
+
on(surface, 'pointercancel', end);
|
|
228
|
+
on(this, 'blur', end);
|
|
229
|
+
on(surface, 'keydown', (ev) => {
|
|
230
|
+
if (this.disabled)
|
|
231
|
+
return;
|
|
232
|
+
let delta = 0;
|
|
233
|
+
switch (ev.key) {
|
|
234
|
+
case 'ArrowRight':
|
|
235
|
+
case 'ArrowUp':
|
|
236
|
+
delta = delta + 1;
|
|
237
|
+
break;
|
|
238
|
+
case 'ArrowLeft':
|
|
239
|
+
case 'ArrowDown':
|
|
240
|
+
delta = delta - 1;
|
|
241
|
+
break;
|
|
242
|
+
case 'PageUp':
|
|
243
|
+
delta = delta + 5;
|
|
244
|
+
break;
|
|
245
|
+
case 'PageDown':
|
|
246
|
+
delta = delta - 5;
|
|
247
|
+
break;
|
|
248
|
+
case 'Home':
|
|
249
|
+
this.value = this.min;
|
|
250
|
+
break;
|
|
251
|
+
case 'End':
|
|
252
|
+
this.value = this.max;
|
|
253
|
+
break;
|
|
254
|
+
default: return;
|
|
255
|
+
}
|
|
256
|
+
const step = this.step || 1;
|
|
257
|
+
this.value = this.clamp(this.value + delta * step);
|
|
258
|
+
this.dispatchEvent(new InputEvent('input', {
|
|
259
|
+
bubbles: true,
|
|
260
|
+
composed: true
|
|
261
|
+
}));
|
|
262
|
+
this.dispatchEvent(new Event('change', {
|
|
263
|
+
bubbles: true,
|
|
264
|
+
composed: true
|
|
265
|
+
}));
|
|
266
|
+
});
|
|
267
|
+
this.applyTickOffset();
|
|
268
|
+
}
|
|
269
|
+
clamp(v) {
|
|
270
|
+
return Math.max(this.min, Math.min(this.max, v));
|
|
271
|
+
}
|
|
272
|
+
applyTickOffset() {
|
|
273
|
+
this.style.setProperty('--tick-offset', `${this._bgOffsetPx}px`);
|
|
274
|
+
}
|
|
275
|
+
};
|
|
276
|
+
__decorate([
|
|
277
|
+
Attribute({ type: Number }),
|
|
278
|
+
__metadata("design:type", Number),
|
|
279
|
+
__metadata("design:paramtypes", [Number])
|
|
280
|
+
], ScrubSliderElement.prototype, "step", null);
|
|
281
|
+
__decorate([
|
|
282
|
+
Attribute({ type: Number }),
|
|
283
|
+
__metadata("design:type", Number),
|
|
284
|
+
__metadata("design:paramtypes", [Number])
|
|
285
|
+
], ScrubSliderElement.prototype, "ticks", null);
|
|
286
|
+
__decorate([
|
|
287
|
+
Attribute({ type: TickPlacement }),
|
|
288
|
+
__metadata("design:type", String),
|
|
289
|
+
__metadata("design:paramtypes", [String])
|
|
290
|
+
], ScrubSliderElement.prototype, "tickPlacement", null);
|
|
291
|
+
__decorate([
|
|
292
|
+
Attribute({ type: AutoToolTipPlacement }),
|
|
293
|
+
__metadata("design:type", String),
|
|
294
|
+
__metadata("design:paramtypes", [String])
|
|
295
|
+
], ScrubSliderElement.prototype, "tooltipPlacement", null);
|
|
296
|
+
__decorate([
|
|
297
|
+
Property({ type: Function }),
|
|
298
|
+
__metadata("design:type", Function),
|
|
299
|
+
__metadata("design:paramtypes", [Function])
|
|
300
|
+
], ScrubSliderElement.prototype, "tooltipAccessor", null);
|
|
301
|
+
__decorate([
|
|
302
|
+
Attribute({
|
|
303
|
+
type: Boolean,
|
|
304
|
+
useDefault: true
|
|
305
|
+
}),
|
|
306
|
+
__metadata("design:type", Boolean),
|
|
307
|
+
__metadata("design:paramtypes", [Boolean])
|
|
308
|
+
], ScrubSliderElement.prototype, "track", null);
|
|
309
|
+
__decorate([
|
|
310
|
+
Attribute({
|
|
311
|
+
type: Boolean,
|
|
312
|
+
useDefault: true
|
|
313
|
+
}),
|
|
314
|
+
__metadata("design:type", Boolean),
|
|
315
|
+
__metadata("design:paramtypes", [Boolean])
|
|
316
|
+
], ScrubSliderElement.prototype, "showTickLabels", null);
|
|
317
|
+
__decorate([
|
|
318
|
+
Property({ type: Function }),
|
|
319
|
+
__metadata("design:type", Function),
|
|
320
|
+
__metadata("design:paramtypes", [Function])
|
|
321
|
+
], ScrubSliderElement.prototype, "tickLabelAccessor", null);
|
|
322
|
+
__decorate([
|
|
323
|
+
Attribute({
|
|
324
|
+
type: Number,
|
|
325
|
+
useDefault: true,
|
|
326
|
+
attribute: 'px-per-step'
|
|
327
|
+
}),
|
|
328
|
+
__metadata("design:type", Number),
|
|
329
|
+
__metadata("design:paramtypes", [Number])
|
|
330
|
+
], ScrubSliderElement.prototype, "pxPerStep", null);
|
|
331
|
+
__decorate([
|
|
332
|
+
Attribute({
|
|
333
|
+
type: Boolean,
|
|
334
|
+
useDefault: true
|
|
335
|
+
}),
|
|
336
|
+
__metadata("design:type", Boolean),
|
|
337
|
+
__metadata("design:paramtypes", [Boolean])
|
|
338
|
+
], ScrubSliderElement.prototype, "accelerate", null);
|
|
339
|
+
ScrubSliderElement = __decorate([
|
|
340
|
+
Component({
|
|
341
|
+
selector: 'mosaik-scrub-slider',
|
|
342
|
+
template: scrubSliderElementTemplate,
|
|
343
|
+
themes: {
|
|
344
|
+
joy: scrubSliderElementJoyStyle,
|
|
345
|
+
cosmopolitan: scrubSliderElementCosmopolitanStyle,
|
|
346
|
+
retro: scrubSliderElementRetroStyle
|
|
347
|
+
},
|
|
348
|
+
imports: [
|
|
349
|
+
TextElement,
|
|
350
|
+
TickBarElement
|
|
351
|
+
]
|
|
352
|
+
}),
|
|
353
|
+
__metadata("design:paramtypes", [])
|
|
354
|
+
], ScrubSliderElement);
|
|
355
|
+
export { ScrubSliderElement };
|
|
356
|
+
//# sourceMappingURL=ScrubSliderElement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrubSliderElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ScrubSlider/ScrubSliderElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type TemplateResult } from '../../../../Dom/Html';
|
|
2
|
+
import type { ScrubSliderElement } from './ScrubSliderElement';
|
|
3
|
+
/**
|
|
4
|
+
* The template of the {@link ScrubSliderElement}.
|
|
5
|
+
*
|
|
6
|
+
* @public
|
|
7
|
+
*/
|
|
8
|
+
export declare function scrubSliderElementTemplate<T extends ScrubSliderElement>(e: T): TemplateResult;
|
|
9
|
+
//# sourceMappingURL=ScrubSliderElementTemplate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrubSliderElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ScrubSlider/ScrubSliderElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI/D;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,kBAAkB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA4B7F"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
// #region Imports
|
|
2
|
+
import { html } from '../../../../Dom/Html';
|
|
3
|
+
// #endregion
|
|
4
|
+
/**
|
|
5
|
+
* The template of the {@link ScrubSliderElement}.
|
|
6
|
+
*
|
|
7
|
+
* @public
|
|
8
|
+
*/
|
|
9
|
+
export function scrubSliderElementTemplate(e) {
|
|
10
|
+
return html `
|
|
11
|
+
<div part="root">
|
|
12
|
+
<output part="value"
|
|
13
|
+
for="input">
|
|
14
|
+
<mosaik-text part="text"
|
|
15
|
+
.text="${e.tooltipAccessor(e.value)}"></mosaik-text>
|
|
16
|
+
</output>
|
|
17
|
+
<div part="surface"
|
|
18
|
+
role="slider"
|
|
19
|
+
aria-valuemin=${e.min}
|
|
20
|
+
aria-valuemax=${e.max}
|
|
21
|
+
aria-valuenow=${e.value}
|
|
22
|
+
aria-disabled=${e.disabled ? 'true' : 'false'}>
|
|
23
|
+
<div part="ticks top"></div>
|
|
24
|
+
<div part="center"></div>
|
|
25
|
+
<div part="ticks bottom"></div>
|
|
26
|
+
</div>
|
|
27
|
+
<div part="labels"></div>
|
|
28
|
+
<input part="input"
|
|
29
|
+
class="visually-hidden"
|
|
30
|
+
type="range"
|
|
31
|
+
.min=${e.min.toString()}
|
|
32
|
+
.max=${e.max.toString()}
|
|
33
|
+
.step=${e.step.toString()}
|
|
34
|
+
.value=${String(e.value)} />
|
|
35
|
+
</div>
|
|
36
|
+
`;
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=ScrubSliderElementTemplate.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrubSliderElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ScrubSlider/ScrubSliderElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CAA+B,CAAI;IACzE,OAAO,IAAI,CAAA;;;;;sCAKuB,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC;;;;iCAI/B,CAAC,CAAC,GAAG;iCACL,CAAC,CAAC,GAAG;iCACL,CAAC,CAAC,KAAK;iCACP,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;;;;;;;;0BASpC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE;0BAChB,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE;2BACf,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;4BAChB,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;;KAEtC,CAAC;AACN,CAAC"}
|
package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Cosmopolitan.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrubSliderElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mCAAmC,IAAI,SAAS,CAiO/D"}
|