@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.
Files changed (132) hide show
  1. package/Controls/Components/Buttons/RepeatButton/RepeatButtonElement.d.ts.map +1 -1
  2. package/Controls/Components/Buttons/RepeatButton/RepeatButtonElement.js +4 -3
  3. package/Controls/Components/Buttons/RepeatButton/RepeatButtonElement.js.map +1 -1
  4. package/Controls/Components/Inputs/CheckBox/CheckBoxElement.d.ts +6 -1
  5. package/Controls/Components/Inputs/CheckBox/CheckBoxElement.d.ts.map +1 -1
  6. package/Controls/Components/Inputs/CheckBox/CheckBoxElement.js +12 -9
  7. package/Controls/Components/Inputs/CheckBox/CheckBoxElement.js.map +1 -1
  8. package/Controls/Components/Inputs/ChipBox/ChipBoxElement.d.ts +7 -2
  9. package/Controls/Components/Inputs/ChipBox/ChipBoxElement.d.ts.map +1 -1
  10. package/Controls/Components/Inputs/ChipBox/ChipBoxElement.js +24 -27
  11. package/Controls/Components/Inputs/ChipBox/ChipBoxElement.js.map +1 -1
  12. package/Controls/Components/Inputs/Choice/ChoiceElement.d.ts +6 -1
  13. package/Controls/Components/Inputs/Choice/ChoiceElement.d.ts.map +1 -1
  14. package/Controls/Components/Inputs/Choice/ChoiceElement.js +16 -10
  15. package/Controls/Components/Inputs/Choice/ChoiceElement.js.map +1 -1
  16. package/Controls/Components/Inputs/Choice/ChoiceGroupElement.d.ts +7 -0
  17. package/Controls/Components/Inputs/Choice/ChoiceGroupElement.d.ts.map +1 -1
  18. package/Controls/Components/Inputs/Choice/ChoiceGroupElement.js +12 -0
  19. package/Controls/Components/Inputs/Choice/ChoiceGroupElement.js.map +1 -1
  20. package/Controls/Components/Inputs/ColorBox/ColorBoxElement.d.ts.map +1 -1
  21. package/Controls/Components/Inputs/DateBox/DateBoxElement.d.ts +6 -1
  22. package/Controls/Components/Inputs/DateBox/DateBoxElement.d.ts.map +1 -1
  23. package/Controls/Components/Inputs/DateBox/DateBoxElement.js +9 -6
  24. package/Controls/Components/Inputs/DateBox/DateBoxElement.js.map +1 -1
  25. package/Controls/Components/Inputs/DateTimeBox/DateTimeBoxElement.d.ts +6 -1
  26. package/Controls/Components/Inputs/DateTimeBox/DateTimeBoxElement.d.ts.map +1 -1
  27. package/Controls/Components/Inputs/DateTimeBox/DateTimeBoxElement.js +9 -6
  28. package/Controls/Components/Inputs/DateTimeBox/DateTimeBoxElement.js.map +1 -1
  29. package/Controls/Components/Inputs/FileUpload/FilePickerElement.d.ts +14 -8
  30. package/Controls/Components/Inputs/FileUpload/FilePickerElement.d.ts.map +1 -1
  31. package/Controls/Components/Inputs/FileUpload/FilePickerElement.js +20 -12
  32. package/Controls/Components/Inputs/FileUpload/FilePickerElement.js.map +1 -1
  33. package/Controls/Components/Inputs/FileUpload/FileUploadElement.d.ts +6 -0
  34. package/Controls/Components/Inputs/FileUpload/FileUploadElement.d.ts.map +1 -1
  35. package/Controls/Components/Inputs/FileUpload/FileUploadElement.js +10 -1
  36. package/Controls/Components/Inputs/FileUpload/FileUploadElement.js.map +1 -1
  37. package/Controls/Components/Inputs/NumberBox/NumberBoxElement.d.ts +6 -0
  38. package/Controls/Components/Inputs/NumberBox/NumberBoxElement.d.ts.map +1 -1
  39. package/Controls/Components/Inputs/NumberBox/NumberBoxElement.js +10 -1
  40. package/Controls/Components/Inputs/NumberBox/NumberBoxElement.js.map +1 -1
  41. package/Controls/Components/Inputs/PasswordBox/PasswordBoxElement.d.ts +6 -0
  42. package/Controls/Components/Inputs/PasswordBox/PasswordBoxElement.d.ts.map +1 -1
  43. package/Controls/Components/Inputs/PasswordBox/PasswordBoxElement.js +42 -9
  44. package/Controls/Components/Inputs/PasswordBox/PasswordBoxElement.js.map +1 -1
  45. package/Controls/Components/Inputs/PinBox/PinBoxElement.d.ts +6 -0
  46. package/Controls/Components/Inputs/PinBox/PinBoxElement.d.ts.map +1 -1
  47. package/Controls/Components/Inputs/PinBox/PinBoxElement.js +10 -1
  48. package/Controls/Components/Inputs/PinBox/PinBoxElement.js.map +1 -1
  49. package/Controls/Components/Inputs/Radio/RadioElement.d.ts +6 -1
  50. package/Controls/Components/Inputs/Radio/RadioElement.d.ts.map +1 -1
  51. package/Controls/Components/Inputs/Radio/RadioElement.js +16 -10
  52. package/Controls/Components/Inputs/Radio/RadioElement.js.map +1 -1
  53. package/Controls/Components/Inputs/RichTextBox/RichTextBoxElement.d.ts +1 -0
  54. package/Controls/Components/Inputs/RichTextBox/RichTextBoxElement.d.ts.map +1 -1
  55. package/Controls/Components/Inputs/RichTextBox/RichTextBoxElement.js +8 -11
  56. package/Controls/Components/Inputs/RichTextBox/RichTextBoxElement.js.map +1 -1
  57. package/Controls/Components/Inputs/SearchBox/SearchBoxElement.d.ts +6 -0
  58. package/Controls/Components/Inputs/SearchBox/SearchBoxElement.d.ts.map +1 -1
  59. package/Controls/Components/Inputs/SearchBox/SearchBoxElement.js +10 -1
  60. package/Controls/Components/Inputs/SearchBox/SearchBoxElement.js.map +1 -1
  61. package/Controls/Components/Inputs/SignaturePad/SignaturePadElement.d.ts +1 -1
  62. package/Controls/Components/Inputs/SignaturePad/SignaturePadElement.d.ts.map +1 -1
  63. package/Controls/Components/Inputs/SignaturePad/SignaturePadElement.js +7 -4
  64. package/Controls/Components/Inputs/SignaturePad/SignaturePadElement.js.map +1 -1
  65. package/Controls/Components/Inputs/TimeBox/TimeBoxElement.d.ts +1 -0
  66. package/Controls/Components/Inputs/TimeBox/TimeBoxElement.d.ts.map +1 -1
  67. package/Controls/Components/Inputs/TimeBox/TimeBoxElement.js +3 -1
  68. package/Controls/Components/Inputs/TimeBox/TimeBoxElement.js.map +1 -1
  69. package/Controls/Components/Media/Camera/CameraElement.d.ts +1 -1
  70. package/Controls/Components/Media/Camera/CameraElement.d.ts.map +1 -1
  71. package/Controls/Components/Media/Camera/CameraElement.js +1 -5
  72. package/Controls/Components/Media/Camera/CameraElement.js.map +1 -1
  73. package/Controls/Components/Media/Video/VideoElement.d.ts +2 -1
  74. package/Controls/Components/Media/Video/VideoElement.d.ts.map +1 -1
  75. package/Controls/Components/Media/Video/VideoElement.js +16 -8
  76. package/Controls/Components/Media/Video/VideoElement.js.map +1 -1
  77. package/Controls/Components/Primitives/Floating/FloatingElement.d.ts.map +1 -1
  78. package/Controls/Components/Primitives/Floating/FloatingElement.js +0 -9
  79. package/Controls/Components/Primitives/Floating/FloatingElement.js.map +1 -1
  80. package/Controls/Components/Primitives/Floating/FloatingTriggerElement.js +1 -1
  81. package/Controls/Components/Primitives/Swipe/SwipeElement.d.ts +6 -5
  82. package/Controls/Components/Primitives/Swipe/SwipeElement.d.ts.map +1 -1
  83. package/Controls/Components/Primitives/Swipe/SwipeElement.js +8 -15
  84. package/Controls/Components/Primitives/Swipe/SwipeElement.js.map +1 -1
  85. package/Controls/Components/Primitives/Toggletip/ToggleTipElement.d.ts +2 -1
  86. package/Controls/Components/Primitives/Toggletip/ToggleTipElement.d.ts.map +1 -1
  87. package/Controls/Components/Primitives/Toggletip/ToggleTipElement.js +12 -7
  88. package/Controls/Components/Primitives/Toggletip/ToggleTipElement.js.map +1 -1
  89. package/Controls/Components/Ranges/ScrubSlider/Accessors/ScrubSliderElementValueAccessor.d.ts +29 -0
  90. package/Controls/Components/Ranges/ScrubSlider/Accessors/ScrubSliderElementValueAccessor.d.ts.map +1 -0
  91. package/Controls/Components/Ranges/ScrubSlider/Accessors/ScrubSliderElementValueAccessor.js +43 -0
  92. package/Controls/Components/Ranges/ScrubSlider/Accessors/ScrubSliderElementValueAccessor.js.map +1 -0
  93. package/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.d.ts +1 -0
  94. package/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.d.ts.map +1 -0
  95. package/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.js +2 -0
  96. package/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.js.map +1 -0
  97. package/Controls/Components/Ranges/ScrubSlider/ScrubSliderElement.d.ts +79 -0
  98. package/Controls/Components/Ranges/ScrubSlider/ScrubSliderElement.d.ts.map +1 -0
  99. package/Controls/Components/Ranges/ScrubSlider/ScrubSliderElement.js +356 -0
  100. package/Controls/Components/Ranges/ScrubSlider/ScrubSliderElement.js.map +1 -0
  101. package/Controls/Components/Ranges/ScrubSlider/ScrubSliderElementTemplate.d.ts +9 -0
  102. package/Controls/Components/Ranges/ScrubSlider/ScrubSliderElementTemplate.d.ts.map +1 -0
  103. package/Controls/Components/Ranges/ScrubSlider/ScrubSliderElementTemplate.js +38 -0
  104. package/Controls/Components/Ranges/ScrubSlider/ScrubSliderElementTemplate.js.map +1 -0
  105. package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Cosmopolitan.d.ts +6 -0
  106. package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Cosmopolitan.d.ts.map +1 -0
  107. package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Cosmopolitan.js +239 -0
  108. package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Cosmopolitan.js.map +1 -0
  109. package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Joy.d.ts +6 -0
  110. package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Joy.d.ts.map +1 -0
  111. package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Joy.js +234 -0
  112. package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Joy.js.map +1 -0
  113. package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Retro.d.ts +6 -0
  114. package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Retro.d.ts.map +1 -0
  115. package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Retro.js +239 -0
  116. package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Retro.js.map +1 -0
  117. package/Controls/Components/Ranges/Slider/SliderElement.d.ts +8 -1
  118. package/Controls/Components/Ranges/Slider/SliderElement.d.ts.map +1 -1
  119. package/Controls/Components/Ranges/Slider/SliderElement.js +22 -4
  120. package/Controls/Components/Ranges/Slider/SliderElement.js.map +1 -1
  121. package/Controls/Components/Selectors/Combo/ComboElement.js +2 -2
  122. package/Controls/Components/Selectors/Combo/ComboElement.js.map +1 -1
  123. package/Index.d.ts +2 -0
  124. package/Index.d.ts.map +1 -1
  125. package/Index.js +2 -0
  126. package/Index.js.map +1 -1
  127. package/Translations/TranslatorService.d.ts +1 -1
  128. package/Translations/TranslatorService.d.ts.map +1 -1
  129. package/Translations/TranslatorService.js +5 -1
  130. package/Translations/TranslatorService.js.map +1 -1
  131. package/custom-elements.json +784 -19
  132. package/package.json +3 -3
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=IScrubSliderElementProps.js.map
@@ -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":"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,8BAA8B,CAAC;AACzD,OAAO,EAAgB,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC3E,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,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,mCAAmC,EAAE,MAAM,0CAA0C,CAAC;AAC/F,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,aAAa;AAEb;;;;;;;;;;;GAWG;AAcI,IAAM,kBAAkB,GAAxB,MAAM,kBACT,SAAQ,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC,WAAW,CAAC,cAAc,CAAC,SAAS,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAGjH,iBAAiB;IAET,aAAa,CAAoB;IACjC,KAAK,CAAS;IACd,MAAM,CAAS;IACf,cAAc,CAAgB;IAC9B,iBAAiB,CAAuB;IACxC,gBAAgB,CAA4B;IAC5C,MAAM,CAAU;IAChB,eAAe,CAAU;IACzB,kBAAkB,CAA4B;IAC9C,UAAU,CAAS;IACnB,WAAW,CAAU;IACrB,SAAS,CAAU;IACnB,UAAU,CAAU;IACpB,MAAM,CAAS;IACf,YAAY,CAAS;IACrB,WAAW,CAAS;IAE5B,aAAa;IAEb,eAAe;IAEf;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QACf,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAChB,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC;QACzC,IAAI,CAAC,iBAAiB,GAAG,oBAAoB,CAAC,IAAI,CAAC;QACnD,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,kBAAkB,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACtD,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAChB,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;QACtB,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;IACzB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAEd,MAAM,KAAK,EAAE;QAChB,OAAO,qBAAqB,CAAC;IACjC,CAAC;IAED,IACW,IAAI,KAAa,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAChD,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAED,IACW,KAAK,KAAa,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAClD,IAAW,KAAK,CAAC,KAAa;QAC1B,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACL,CAAC;IAED,IACW,aAAa,KAAoB,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;IACzE,IAAW,aAAa,CAAC,KAAoB;QACzC,IAAI,IAAI,CAAC,cAAc,KAAK,KAAK,EAAE,CAAC;YAChC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;YAC5B,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;QACxC,CAAC;IACL,CAAC;IAED,IACW,gBAAgB,KAA2B,OAAO,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACtF,IAAW,gBAAgB,CAAC,KAA2B;QACnD,IAAI,IAAI,CAAC,iBAAiB,KAAK,KAAK,EAAE,CAAC;YACnC,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;YAC/B,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QAC3C,CAAC;IACL,CAAC;IAED,IACW,eAAe,KAAgC,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACzF,IAAW,eAAe,CAAC,KAAgC;QACvD,IAAI,IAAI,CAAC,gBAAgB,KAAK,KAAK,EAAE,CAAC;YAClC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;YAC9B,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAC1C,CAAC;IACL,CAAC;IAED,IAIW,KAAK,KAAc,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IACnD,IAAW,KAAK,CAAC,KAAc;QAC3B,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACL,CAAC;IAED,IAIW,cAAc,KAAc,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;IACrE,IAAW,cAAc,CAAC,KAAc;QACpC,IAAI,IAAI,CAAC,eAAe,KAAK,KAAK,EAAE,CAAC;YACjC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;YAC7B,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QACzC,CAAC;IACL,CAAC;IAED,IACW,iBAAiB,KAAgC,OAAO,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC7F,IAAW,iBAAiB,CAAC,KAAgC;QACzD,IAAI,IAAI,CAAC,kBAAkB,KAAK,KAAK,EAAE,CAAC;YACpC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;YAChC,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAC5C,CAAC;IACL,CAAC;IAED,IAKW,SAAS,KAAa,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IAC1D,IAAW,SAAS,CAAC,CAAS;QAC1B,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YACjC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;IAED,IAIW,UAAU,KAAc,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IAC7D,IAAW,UAAU,CAAC,CAAU;QAC5B,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC;IACL,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;;;OAKG;IACa,aAAa;QACzB,OAAO,IAAI,CAAC,UAAU;YAClB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa,EAAE;YACpC,CAAC,CAAC,IAAI,CAAC;IACf,CAAC;IAEkB,eAAe;QAC9B,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,eAAe,CAAmB,OAAO,CAAC,CAAC;QACrE,MAAM,OAAO,GAAG,IAAI,CAAC,eAAe,CAAc,SAAS,CAAC,CAAC;QAE7D,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YAClC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;QACvE,CAAC,CAAC,CAAC;QAEH,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC;QACnC,OAAO,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,CAAC,CAAC;QAEzC,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,CAAC,EAAgB,EAAE,EAAE;YAC5C,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAChB,OAAO;YACX,CAAC;YAED,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,SAAS,CAAC;YAC/B,OAAO,CAAC,iBAAiB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;YACxC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,OAAO,CAAC;YACzB,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;YACtB,EAAE,CAAC,cAAc,EAAE,CAAC;YACpB,EAAE,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,CAAC,EAAgB,EAAE,EAAE;YAC5C,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,SAAS,KAAK,IAAI,CAAC,UAAU;gBAAE,OAAO;YAEhE,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC;YACpC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,OAAO,CAAC;YAEzB,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACjF,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;YAC1C,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC;YAClD,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,OAAO,CAAC,CAAC;YAC5C,IAAI,CAAC,YAAY,GAAG,EAAE,GAAG,UAAU,GAAG,OAAO,CAAC;YAE9C,IAAI,UAAU,KAAK,CAAC,EAAE,CAAC;gBACnB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC;gBAC5B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,UAAU,GAAG,IAAI,CAAC,CAAC;gBACxD,IAAI,IAAI,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;oBACtB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;oBAClB,IAAI,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,EAAE;wBACvC,OAAO,EAAE,IAAI;wBACb,QAAQ,EAAE,IAAI;qBACjB,CAAC,CAAC,CAAC;gBACR,CAAC;YACL,CAAC;YAED,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC;YACpE,IAAI,CAAC,eAAe,EAAE,CAAC;QAC3B,CAAC,CAAC,CAAC;QAEH,MAAM,GAAG,GAAG,GAAG,EAAE;YACb,IAAI,CAAC,IAAI,CAAC,SAAS;gBAAE,OAAO;YAC5B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;YAC5B,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;YACtB,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE;gBACnC,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACjB,CAAC,CAAC,CAAC;QACR,CAAC,CAAC;QAEF,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,CAAC,CAAC;QAC9B,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,GAAG,CAAC,CAAC;QAClC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;QAEtB,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,CAAC,EAAiB,EAAE,EAAE;YACzC,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAC1B,IAAI,KAAK,GAAG,CAAC,CAAC;YACd,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC;gBACb,KAAK,YAAY,CAAC;gBAClB,KAAK,SAAS;oBACV,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;oBAClB,MAAM;gBACV,KAAK,WAAW,CAAC;gBACjB,KAAK,WAAW;oBACZ,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;oBAClB,MAAM;gBACV,KAAK,QAAQ;oBACT,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;oBAClB,MAAM;gBACV,KAAK,UAAU;oBACX,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;oBAClB,MAAM;gBACV,KAAK,MAAM;oBACP,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;oBACtB,MAAM;gBACV,KAAK,KAAK;oBACN,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;oBACtB,MAAM;gBACV,OAAO,CAAC,CAAC,OAAO;YACpB,CAAC;YAED,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC;YAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC;YAEnD,IAAI,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,EAAE;gBACvC,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACjB,CAAC,CAAC,CAAC;YACJ,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE;gBACnC,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACjB,CAAC,CAAC,CAAC;QACR,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,eAAe,EAAE,CAAC;IAC3B,CAAC;IAEO,KAAK,CAAC,CAAS;QACnB,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;IACrD,CAAC;IAEO,eAAe;QACnB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC;IACrE,CAAC;CAIJ,CAAA;AAlPG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;8CACoB;AAQhD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;+CACsB;AAQlD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;;;uDACsC;AAQzE;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC;;;0DAC4C;AAQtF;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;;;yDAC4D;AAQzF;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;+CACiD;AAQnD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;wDACmE;AAQrE;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;;;2DACgE;AAQ7F;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,MAAM;QACZ,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,aAAa;KAC3B,CAAC;;;mDACwD;AAQ1D;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;oDAC2D;AAtJpD,kBAAkB;IAb9B,SAAS,CAAC;QACP,QAAQ,EAAE,qBAAqB;QAC/B,QAAQ,EAAE,0BAA0B;QACpC,MAAM,EAAE;YACJ,GAAG,EAAE,0BAA0B;YAC/B,YAAY,EAAE,mCAAmC;YACjD,KAAK,EAAE,4BAA4B;SACtC;QACD,OAAO,EAAE;YACL,WAAW;YACX,cAAc;SACjB;KACJ,CAAC;;GACW,kBAAkB,CAyS9B"}
@@ -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"}
@@ -0,0 +1,6 @@
1
+ import { type CSSResult } from '../../../../../Dom/Css';
2
+ /**
3
+ * @public
4
+ */
5
+ export declare function scrubSliderElementCosmopolitanStyle(): CSSResult;
6
+ //# sourceMappingURL=ScrubSliderElement.Cosmopolitan.d.ts.map
@@ -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"}