@digital-realty/ix-slider 1.0.9 → 1.0.12-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/IxSlider.d.ts +98 -98
- package/dist/IxSlider.js +116 -116
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/ix-slider.d.ts +1 -1
- package/dist/ix-slider.js +2 -2
- package/dist/ix-slider.min.js +1 -0
- package/dist/react/IxSlider.d.ts +2 -2
- package/dist/react/IxSlider.js +9 -9
- package/package.json +7 -3
package/dist/IxSlider.d.ts
CHANGED
|
@@ -1,98 +1,98 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import { Slider } from '@material/web/slider/internal/slider.js';
|
|
3
|
-
import '@material/web/slider/slider.js';
|
|
4
|
-
export declare class IxSlider extends LitElement {
|
|
5
|
-
component: Slider;
|
|
6
|
-
/**
|
|
7
|
-
* Disables the slider and makes it non-interactive.
|
|
8
|
-
*/
|
|
9
|
-
disabled: boolean;
|
|
10
|
-
/**
|
|
11
|
-
* The HTML name to use in forms.
|
|
12
|
-
*/
|
|
13
|
-
name: string;
|
|
14
|
-
/**
|
|
15
|
-
* The slider minimum value
|
|
16
|
-
*/
|
|
17
|
-
min: number;
|
|
18
|
-
/**
|
|
19
|
-
* The slider maximum value
|
|
20
|
-
*/
|
|
21
|
-
max: number;
|
|
22
|
-
/**
|
|
23
|
-
* The slider value displayed when range is false.
|
|
24
|
-
*/
|
|
25
|
-
value?: number;
|
|
26
|
-
/**
|
|
27
|
-
* The slider start value displayed when range is true.
|
|
28
|
-
*/
|
|
29
|
-
nameStart?: string;
|
|
30
|
-
/**
|
|
31
|
-
* The slider end value displayed when range is true.
|
|
32
|
-
*/
|
|
33
|
-
nameEnd?: string;
|
|
34
|
-
/**
|
|
35
|
-
* The slider start value displayed when range is true.
|
|
36
|
-
*/
|
|
37
|
-
valueStart?: number;
|
|
38
|
-
/**
|
|
39
|
-
* The slider end value displayed when range is true.
|
|
40
|
-
*/
|
|
41
|
-
valueEnd?: number;
|
|
42
|
-
/**
|
|
43
|
-
* An optional label for the slider's value displayed when range is
|
|
44
|
-
* false; if not set, the label is the value itself.
|
|
45
|
-
*/
|
|
46
|
-
valueLabel?: string;
|
|
47
|
-
/**
|
|
48
|
-
* An optional label for the slider's start value displayed when
|
|
49
|
-
* range is true; if not set, the label is the valueStart itself.
|
|
50
|
-
*/
|
|
51
|
-
valueLabelStart?: string;
|
|
52
|
-
/**
|
|
53
|
-
* An optional label for the slider's end value displayed when
|
|
54
|
-
* range is true; if not set, the label is the valueEnd itself.
|
|
55
|
-
*/
|
|
56
|
-
valueLabelEnd?: string;
|
|
57
|
-
/**
|
|
58
|
-
* Aria label for the slider's start handle displayed when
|
|
59
|
-
* range is true.
|
|
60
|
-
*/
|
|
61
|
-
ariaLabelStart?: string;
|
|
62
|
-
/**
|
|
63
|
-
* Aria value text for the slider's start value displayed when
|
|
64
|
-
* range is true.
|
|
65
|
-
*/
|
|
66
|
-
ariaValueTextStart?: string;
|
|
67
|
-
/**
|
|
68
|
-
* Aria label for the slider's end handle displayed when
|
|
69
|
-
* range is true.
|
|
70
|
-
*/
|
|
71
|
-
ariaLabelEnd?: string;
|
|
72
|
-
/**
|
|
73
|
-
* Aria value text for the slider's end value displayed when
|
|
74
|
-
* range is true.
|
|
75
|
-
*/
|
|
76
|
-
ariaValueTextEnd?: string;
|
|
77
|
-
/**
|
|
78
|
-
* The step between values.
|
|
79
|
-
*/
|
|
80
|
-
step: number;
|
|
81
|
-
/**
|
|
82
|
-
* Whether or not to show tick marks.
|
|
83
|
-
*/
|
|
84
|
-
ticks: boolean;
|
|
85
|
-
/**
|
|
86
|
-
* Whether or not to show a value label when activated.
|
|
87
|
-
*/
|
|
88
|
-
labeled: boolean;
|
|
89
|
-
/**
|
|
90
|
-
* Whether or not to show a value range. When false, the slider displays
|
|
91
|
-
* a slideable handle for the value property; when true, it displays
|
|
92
|
-
* slideable handles for the valueStart and valueEnd properties.
|
|
93
|
-
*/
|
|
94
|
-
range: boolean;
|
|
95
|
-
focus(): void;
|
|
96
|
-
protected createRenderRoot(): this;
|
|
97
|
-
render(): import("lit").TemplateResult<1>;
|
|
98
|
-
}
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import { Slider } from '@material/web/slider/internal/slider.js';
|
|
3
|
+
import '@material/web/slider/slider.js';
|
|
4
|
+
export declare class IxSlider extends LitElement {
|
|
5
|
+
component: Slider;
|
|
6
|
+
/**
|
|
7
|
+
* Disables the slider and makes it non-interactive.
|
|
8
|
+
*/
|
|
9
|
+
disabled: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* The HTML name to use in forms.
|
|
12
|
+
*/
|
|
13
|
+
name: string;
|
|
14
|
+
/**
|
|
15
|
+
* The slider minimum value
|
|
16
|
+
*/
|
|
17
|
+
min: number;
|
|
18
|
+
/**
|
|
19
|
+
* The slider maximum value
|
|
20
|
+
*/
|
|
21
|
+
max: number;
|
|
22
|
+
/**
|
|
23
|
+
* The slider value displayed when range is false.
|
|
24
|
+
*/
|
|
25
|
+
value?: number;
|
|
26
|
+
/**
|
|
27
|
+
* The slider start value displayed when range is true.
|
|
28
|
+
*/
|
|
29
|
+
nameStart?: string;
|
|
30
|
+
/**
|
|
31
|
+
* The slider end value displayed when range is true.
|
|
32
|
+
*/
|
|
33
|
+
nameEnd?: string;
|
|
34
|
+
/**
|
|
35
|
+
* The slider start value displayed when range is true.
|
|
36
|
+
*/
|
|
37
|
+
valueStart?: number;
|
|
38
|
+
/**
|
|
39
|
+
* The slider end value displayed when range is true.
|
|
40
|
+
*/
|
|
41
|
+
valueEnd?: number;
|
|
42
|
+
/**
|
|
43
|
+
* An optional label for the slider's value displayed when range is
|
|
44
|
+
* false; if not set, the label is the value itself.
|
|
45
|
+
*/
|
|
46
|
+
valueLabel?: string;
|
|
47
|
+
/**
|
|
48
|
+
* An optional label for the slider's start value displayed when
|
|
49
|
+
* range is true; if not set, the label is the valueStart itself.
|
|
50
|
+
*/
|
|
51
|
+
valueLabelStart?: string;
|
|
52
|
+
/**
|
|
53
|
+
* An optional label for the slider's end value displayed when
|
|
54
|
+
* range is true; if not set, the label is the valueEnd itself.
|
|
55
|
+
*/
|
|
56
|
+
valueLabelEnd?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Aria label for the slider's start handle displayed when
|
|
59
|
+
* range is true.
|
|
60
|
+
*/
|
|
61
|
+
ariaLabelStart?: string;
|
|
62
|
+
/**
|
|
63
|
+
* Aria value text for the slider's start value displayed when
|
|
64
|
+
* range is true.
|
|
65
|
+
*/
|
|
66
|
+
ariaValueTextStart?: string;
|
|
67
|
+
/**
|
|
68
|
+
* Aria label for the slider's end handle displayed when
|
|
69
|
+
* range is true.
|
|
70
|
+
*/
|
|
71
|
+
ariaLabelEnd?: string;
|
|
72
|
+
/**
|
|
73
|
+
* Aria value text for the slider's end value displayed when
|
|
74
|
+
* range is true.
|
|
75
|
+
*/
|
|
76
|
+
ariaValueTextEnd?: string;
|
|
77
|
+
/**
|
|
78
|
+
* The step between values.
|
|
79
|
+
*/
|
|
80
|
+
step: number;
|
|
81
|
+
/**
|
|
82
|
+
* Whether or not to show tick marks.
|
|
83
|
+
*/
|
|
84
|
+
ticks: boolean;
|
|
85
|
+
/**
|
|
86
|
+
* Whether or not to show a value label when activated.
|
|
87
|
+
*/
|
|
88
|
+
labeled: boolean;
|
|
89
|
+
/**
|
|
90
|
+
* Whether or not to show a value range. When false, the slider displays
|
|
91
|
+
* a slideable handle for the value property; when true, it displays
|
|
92
|
+
* slideable handles for the valueStart and valueEnd properties.
|
|
93
|
+
*/
|
|
94
|
+
range: boolean;
|
|
95
|
+
focus(): void;
|
|
96
|
+
protected createRenderRoot(): this;
|
|
97
|
+
render(): import("lit").TemplateResult<1>;
|
|
98
|
+
}
|
package/dist/IxSlider.js
CHANGED
|
@@ -1,53 +1,53 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { html, LitElement } from 'lit';
|
|
3
|
-
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
4
|
-
import { property, query } from 'lit/decorators.js';
|
|
5
|
-
import '@material/web/slider/slider.js';
|
|
6
|
-
export class IxSlider extends LitElement {
|
|
7
|
-
constructor() {
|
|
8
|
-
super(...arguments);
|
|
9
|
-
/**
|
|
10
|
-
* Disables the slider and makes it non-interactive.
|
|
11
|
-
*/
|
|
12
|
-
this.disabled = false;
|
|
13
|
-
/**
|
|
14
|
-
* The HTML name to use in forms.
|
|
15
|
-
*/
|
|
16
|
-
this.name = '';
|
|
17
|
-
/**
|
|
18
|
-
* The slider minimum value
|
|
19
|
-
*/
|
|
20
|
-
this.min = 0;
|
|
21
|
-
/**
|
|
22
|
-
* The slider maximum value
|
|
23
|
-
*/
|
|
24
|
-
this.max = 100;
|
|
25
|
-
/**
|
|
26
|
-
* The step between values.
|
|
27
|
-
*/
|
|
28
|
-
this.step = 1;
|
|
29
|
-
/**
|
|
30
|
-
* Whether or not to show tick marks.
|
|
31
|
-
*/
|
|
32
|
-
this.ticks = false;
|
|
33
|
-
/**
|
|
34
|
-
* Whether or not to show a value label when activated.
|
|
35
|
-
*/
|
|
36
|
-
this.labeled = false;
|
|
37
|
-
/**
|
|
38
|
-
* Whether or not to show a value range. When false, the slider displays
|
|
39
|
-
* a slideable handle for the value property; when true, it displays
|
|
40
|
-
* slideable handles for the valueStart and valueEnd properties.
|
|
41
|
-
*/
|
|
42
|
-
this.range = false;
|
|
43
|
-
}
|
|
44
|
-
focus() {
|
|
45
|
-
this.component.focus();
|
|
46
|
-
}
|
|
47
|
-
createRenderRoot() {
|
|
48
|
-
return this;
|
|
49
|
-
}
|
|
50
|
-
render() {
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { html, LitElement } from 'lit';
|
|
3
|
+
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
4
|
+
import { property, query } from 'lit/decorators.js';
|
|
5
|
+
import '@material/web/slider/slider.js';
|
|
6
|
+
export class IxSlider extends LitElement {
|
|
7
|
+
constructor() {
|
|
8
|
+
super(...arguments);
|
|
9
|
+
/**
|
|
10
|
+
* Disables the slider and makes it non-interactive.
|
|
11
|
+
*/
|
|
12
|
+
this.disabled = false;
|
|
13
|
+
/**
|
|
14
|
+
* The HTML name to use in forms.
|
|
15
|
+
*/
|
|
16
|
+
this.name = '';
|
|
17
|
+
/**
|
|
18
|
+
* The slider minimum value
|
|
19
|
+
*/
|
|
20
|
+
this.min = 0;
|
|
21
|
+
/**
|
|
22
|
+
* The slider maximum value
|
|
23
|
+
*/
|
|
24
|
+
this.max = 100;
|
|
25
|
+
/**
|
|
26
|
+
* The step between values.
|
|
27
|
+
*/
|
|
28
|
+
this.step = 1;
|
|
29
|
+
/**
|
|
30
|
+
* Whether or not to show tick marks.
|
|
31
|
+
*/
|
|
32
|
+
this.ticks = false;
|
|
33
|
+
/**
|
|
34
|
+
* Whether or not to show a value label when activated.
|
|
35
|
+
*/
|
|
36
|
+
this.labeled = false;
|
|
37
|
+
/**
|
|
38
|
+
* Whether or not to show a value range. When false, the slider displays
|
|
39
|
+
* a slideable handle for the value property; when true, it displays
|
|
40
|
+
* slideable handles for the valueStart and valueEnd properties.
|
|
41
|
+
*/
|
|
42
|
+
this.range = false;
|
|
43
|
+
}
|
|
44
|
+
focus() {
|
|
45
|
+
this.component.focus();
|
|
46
|
+
}
|
|
47
|
+
createRenderRoot() {
|
|
48
|
+
return this;
|
|
49
|
+
}
|
|
50
|
+
render() {
|
|
51
51
|
return html `
|
|
52
52
|
<md-slider
|
|
53
53
|
class="slider"
|
|
@@ -72,70 +72,70 @@ export class IxSlider extends LitElement {
|
|
|
72
72
|
?labeled=${this.labeled}
|
|
73
73
|
?range=${this.range}
|
|
74
74
|
></md-slider>
|
|
75
|
-
`;
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
__decorate([
|
|
79
|
-
query('.slider')
|
|
80
|
-
], IxSlider.prototype, "component", void 0);
|
|
81
|
-
__decorate([
|
|
82
|
-
property({ type: Boolean })
|
|
83
|
-
], IxSlider.prototype, "disabled", void 0);
|
|
84
|
-
__decorate([
|
|
85
|
-
property()
|
|
86
|
-
], IxSlider.prototype, "name", void 0);
|
|
87
|
-
__decorate([
|
|
88
|
-
property({ type: Number })
|
|
89
|
-
], IxSlider.prototype, "min", void 0);
|
|
90
|
-
__decorate([
|
|
91
|
-
property({ type: Number })
|
|
92
|
-
], IxSlider.prototype, "max", void 0);
|
|
93
|
-
__decorate([
|
|
94
|
-
property({ type: Number })
|
|
95
|
-
], IxSlider.prototype, "value", void 0);
|
|
96
|
-
__decorate([
|
|
97
|
-
property({ attribute: 'name-start' })
|
|
98
|
-
], IxSlider.prototype, "nameStart", void 0);
|
|
99
|
-
__decorate([
|
|
100
|
-
property({ attribute: 'name-end' })
|
|
101
|
-
], IxSlider.prototype, "nameEnd", void 0);
|
|
102
|
-
__decorate([
|
|
103
|
-
property({ type: Number, attribute: 'value-start' })
|
|
104
|
-
], IxSlider.prototype, "valueStart", void 0);
|
|
105
|
-
__decorate([
|
|
106
|
-
property({ type: Number, attribute: 'value-end' })
|
|
107
|
-
], IxSlider.prototype, "valueEnd", void 0);
|
|
108
|
-
__decorate([
|
|
109
|
-
property({ attribute: 'value-label' })
|
|
110
|
-
], IxSlider.prototype, "valueLabel", void 0);
|
|
111
|
-
__decorate([
|
|
112
|
-
property({ attribute: 'value-label-start' })
|
|
113
|
-
], IxSlider.prototype, "valueLabelStart", void 0);
|
|
114
|
-
__decorate([
|
|
115
|
-
property({ attribute: 'value-label-end' })
|
|
116
|
-
], IxSlider.prototype, "valueLabelEnd", void 0);
|
|
117
|
-
__decorate([
|
|
118
|
-
property({ attribute: 'aria-label-start' })
|
|
119
|
-
], IxSlider.prototype, "ariaLabelStart", void 0);
|
|
120
|
-
__decorate([
|
|
121
|
-
property({ attribute: 'aria-valuetext-start' })
|
|
122
|
-
], IxSlider.prototype, "ariaValueTextStart", void 0);
|
|
123
|
-
__decorate([
|
|
124
|
-
property({ attribute: 'aria-label-end' })
|
|
125
|
-
], IxSlider.prototype, "ariaLabelEnd", void 0);
|
|
126
|
-
__decorate([
|
|
127
|
-
property({ attribute: 'aria-valuetext-end' })
|
|
128
|
-
], IxSlider.prototype, "ariaValueTextEnd", void 0);
|
|
129
|
-
__decorate([
|
|
130
|
-
property({ type: Number })
|
|
131
|
-
], IxSlider.prototype, "step", void 0);
|
|
132
|
-
__decorate([
|
|
133
|
-
property({ type: Boolean })
|
|
134
|
-
], IxSlider.prototype, "ticks", void 0);
|
|
135
|
-
__decorate([
|
|
136
|
-
property({ type: Boolean })
|
|
137
|
-
], IxSlider.prototype, "labeled", void 0);
|
|
138
|
-
__decorate([
|
|
139
|
-
property({ type: Boolean })
|
|
140
|
-
], IxSlider.prototype, "range", void 0);
|
|
75
|
+
`;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
__decorate([
|
|
79
|
+
query('.slider')
|
|
80
|
+
], IxSlider.prototype, "component", void 0);
|
|
81
|
+
__decorate([
|
|
82
|
+
property({ type: Boolean })
|
|
83
|
+
], IxSlider.prototype, "disabled", void 0);
|
|
84
|
+
__decorate([
|
|
85
|
+
property()
|
|
86
|
+
], IxSlider.prototype, "name", void 0);
|
|
87
|
+
__decorate([
|
|
88
|
+
property({ type: Number })
|
|
89
|
+
], IxSlider.prototype, "min", void 0);
|
|
90
|
+
__decorate([
|
|
91
|
+
property({ type: Number })
|
|
92
|
+
], IxSlider.prototype, "max", void 0);
|
|
93
|
+
__decorate([
|
|
94
|
+
property({ type: Number })
|
|
95
|
+
], IxSlider.prototype, "value", void 0);
|
|
96
|
+
__decorate([
|
|
97
|
+
property({ attribute: 'name-start' })
|
|
98
|
+
], IxSlider.prototype, "nameStart", void 0);
|
|
99
|
+
__decorate([
|
|
100
|
+
property({ attribute: 'name-end' })
|
|
101
|
+
], IxSlider.prototype, "nameEnd", void 0);
|
|
102
|
+
__decorate([
|
|
103
|
+
property({ type: Number, attribute: 'value-start' })
|
|
104
|
+
], IxSlider.prototype, "valueStart", void 0);
|
|
105
|
+
__decorate([
|
|
106
|
+
property({ type: Number, attribute: 'value-end' })
|
|
107
|
+
], IxSlider.prototype, "valueEnd", void 0);
|
|
108
|
+
__decorate([
|
|
109
|
+
property({ attribute: 'value-label' })
|
|
110
|
+
], IxSlider.prototype, "valueLabel", void 0);
|
|
111
|
+
__decorate([
|
|
112
|
+
property({ attribute: 'value-label-start' })
|
|
113
|
+
], IxSlider.prototype, "valueLabelStart", void 0);
|
|
114
|
+
__decorate([
|
|
115
|
+
property({ attribute: 'value-label-end' })
|
|
116
|
+
], IxSlider.prototype, "valueLabelEnd", void 0);
|
|
117
|
+
__decorate([
|
|
118
|
+
property({ attribute: 'aria-label-start' })
|
|
119
|
+
], IxSlider.prototype, "ariaLabelStart", void 0);
|
|
120
|
+
__decorate([
|
|
121
|
+
property({ attribute: 'aria-valuetext-start' })
|
|
122
|
+
], IxSlider.prototype, "ariaValueTextStart", void 0);
|
|
123
|
+
__decorate([
|
|
124
|
+
property({ attribute: 'aria-label-end' })
|
|
125
|
+
], IxSlider.prototype, "ariaLabelEnd", void 0);
|
|
126
|
+
__decorate([
|
|
127
|
+
property({ attribute: 'aria-valuetext-end' })
|
|
128
|
+
], IxSlider.prototype, "ariaValueTextEnd", void 0);
|
|
129
|
+
__decorate([
|
|
130
|
+
property({ type: Number })
|
|
131
|
+
], IxSlider.prototype, "step", void 0);
|
|
132
|
+
__decorate([
|
|
133
|
+
property({ type: Boolean })
|
|
134
|
+
], IxSlider.prototype, "ticks", void 0);
|
|
135
|
+
__decorate([
|
|
136
|
+
property({ type: Boolean })
|
|
137
|
+
], IxSlider.prototype, "labeled", void 0);
|
|
138
|
+
__decorate([
|
|
139
|
+
property({ type: Boolean })
|
|
140
|
+
], IxSlider.prototype, "range", void 0);
|
|
141
141
|
//# sourceMappingURL=IxSlider.js.map
|
package/dist/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { IxSlider } from './IxSlider.js';
|
|
1
|
+
export { IxSlider } from './IxSlider.js';
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { IxSlider } from './IxSlider.js';
|
|
1
|
+
export { IxSlider } from './IxSlider.js';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/ix-slider.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
package/dist/ix-slider.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { IxSlider } from './IxSlider.js';
|
|
2
|
-
window.customElements.define('ix-slider', IxSlider);
|
|
1
|
+
import { IxSlider } from './IxSlider.js';
|
|
2
|
+
window.customElements.define('ix-slider', IxSlider);
|
|
3
3
|
//# sourceMappingURL=ix-slider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__decorate}from"tslib";import{LitElement,html}from"lit";import{ifDefined}from"lit/directives/if-defined.js";import{query,property}from"lit/decorators.js";import"@material/web/slider/slider.js";class IxSlider extends LitElement{constructor(){super(...arguments),this.disabled=!1,this.name="",this.min=0,this.max=100,this.step=1,this.ticks=!1,this.labeled=!1,this.range=!1}focus(){this.component.focus()}createRenderRoot(){return this}render(){return html`<md-slider class="slider" ?disabled="${this.disabled}" name="${this.name}" min="${this.min}" max="${this.max}" value="${ifDefined(this.value)}" name-start="${ifDefined(this.nameStart)}" name-end="${ifDefined(this.nameEnd)}" value-start="${ifDefined(this.valueStart)}" value-end="${ifDefined(this.valueEnd)}" value-label="${ifDefined(this.valueLabel)}" value-label-start="${ifDefined(this.valueLabelStart)}" value-label-end="${ifDefined(this.valueLabelEnd)}" aria-label-start="${ifDefined(this.ariaLabelStart)}" aria-valuetext-start="${ifDefined(this.ariaValueTextStart)}" aria-label-end="${ifDefined(this.ariaLabelEnd)}" aria-valuetext-end="${ifDefined(this.ariaValueTextEnd)}" step="${this.step}" ?ticks="${this.ticks}" ?labeled="${this.labeled}" ?range="${this.range}"></md-slider>`}}__decorate([query(".slider")],IxSlider.prototype,"component",void 0),__decorate([property({type:Boolean})],IxSlider.prototype,"disabled",void 0),__decorate([property()],IxSlider.prototype,"name",void 0),__decorate([property({type:Number})],IxSlider.prototype,"min",void 0),__decorate([property({type:Number})],IxSlider.prototype,"max",void 0),__decorate([property({type:Number})],IxSlider.prototype,"value",void 0),__decorate([property({attribute:"name-start"})],IxSlider.prototype,"nameStart",void 0),__decorate([property({attribute:"name-end"})],IxSlider.prototype,"nameEnd",void 0),__decorate([property({type:Number,attribute:"value-start"})],IxSlider.prototype,"valueStart",void 0),__decorate([property({type:Number,attribute:"value-end"})],IxSlider.prototype,"valueEnd",void 0),__decorate([property({attribute:"value-label"})],IxSlider.prototype,"valueLabel",void 0),__decorate([property({attribute:"value-label-start"})],IxSlider.prototype,"valueLabelStart",void 0),__decorate([property({attribute:"value-label-end"})],IxSlider.prototype,"valueLabelEnd",void 0),__decorate([property({attribute:"aria-label-start"})],IxSlider.prototype,"ariaLabelStart",void 0),__decorate([property({attribute:"aria-valuetext-start"})],IxSlider.prototype,"ariaValueTextStart",void 0),__decorate([property({attribute:"aria-label-end"})],IxSlider.prototype,"ariaLabelEnd",void 0),__decorate([property({attribute:"aria-valuetext-end"})],IxSlider.prototype,"ariaValueTextEnd",void 0),__decorate([property({type:Number})],IxSlider.prototype,"step",void 0),__decorate([property({type:Boolean})],IxSlider.prototype,"ticks",void 0),__decorate([property({type:Boolean})],IxSlider.prototype,"labeled",void 0),__decorate([property({type:Boolean})],IxSlider.prototype,"range",void 0),window.customElements.define("ix-slider",IxSlider);
|
package/dist/react/IxSlider.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IxSlider as LitComp } from '../IxSlider.js';
|
|
2
|
-
export declare const IxSlider: import("@lit/react").ReactWebComponent<LitComp, {}>;
|
|
1
|
+
import { IxSlider as LitComp } from '../IxSlider.js';
|
|
2
|
+
export declare const IxSlider: import("@lit/react").ReactWebComponent<LitComp, {}>;
|
package/dist/react/IxSlider.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { createComponent } from '@lit/react';
|
|
3
|
-
import { IxSlider as LitComp } from '../IxSlider.js';
|
|
4
|
-
customElements.define('ix-slider', LitComp);
|
|
5
|
-
export const IxSlider = createComponent({
|
|
6
|
-
tagName: 'ix-slider',
|
|
7
|
-
elementClass: LitComp,
|
|
8
|
-
react: React,
|
|
9
|
-
});
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { createComponent } from '@lit/react';
|
|
3
|
+
import { IxSlider as LitComp } from '../IxSlider.js';
|
|
4
|
+
customElements.define('ix-slider', LitComp);
|
|
5
|
+
export const IxSlider = createComponent({
|
|
6
|
+
tagName: 'ix-slider',
|
|
7
|
+
elementClass: LitComp,
|
|
8
|
+
react: React,
|
|
9
|
+
});
|
|
10
10
|
//# sourceMappingURL=IxSlider.js.map
|
package/package.json
CHANGED
|
@@ -3,13 +3,14 @@
|
|
|
3
3
|
"description": "Webcomponent ix-slider following open-wc recommendations",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Digital Realty",
|
|
6
|
-
"version": "1.0.
|
|
6
|
+
"version": "1.0.12-alpha.0",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"main": "dist/index.js",
|
|
9
9
|
"module": "dist/index.js",
|
|
10
10
|
"exports": {
|
|
11
11
|
".": "./dist/index.js",
|
|
12
12
|
"./ix-slider.js": "./dist/ix-slider.js",
|
|
13
|
+
"./ix-slider.min.js": "./dist/ix-slider.min.js",
|
|
13
14
|
"./IxSlider": "./dist/react/IxSlider.js"
|
|
14
15
|
},
|
|
15
16
|
"publishConfig": {
|
|
@@ -18,7 +19,7 @@
|
|
|
18
19
|
"scripts": {
|
|
19
20
|
"analyze": "cem analyze --litelement",
|
|
20
21
|
"start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
|
|
21
|
-
"build": "tsc && npm run analyze -- --exclude dist",
|
|
22
|
+
"build": "tsc && npm run analyze -- --exclude dist && rollup -c",
|
|
22
23
|
"prepublish": "tsc && npm run analyze -- --exclude dist",
|
|
23
24
|
"lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
|
|
24
25
|
"format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
|
|
@@ -45,6 +46,9 @@
|
|
|
45
46
|
"husky": "^4.3.8",
|
|
46
47
|
"lint-staged": "^10.5.4",
|
|
47
48
|
"prettier": "^2.4.1",
|
|
49
|
+
"rollup-plugin-minify-html-literals": "^1.2.6",
|
|
50
|
+
"rollup-plugin-summary": "^2.0.0",
|
|
51
|
+
"rollup-plugin-uglify": "^6.0.4",
|
|
48
52
|
"tslib": "^2.3.1",
|
|
49
53
|
"typescript": "^4.5.2"
|
|
50
54
|
},
|
|
@@ -96,5 +100,5 @@
|
|
|
96
100
|
"README.md",
|
|
97
101
|
"LICENSE"
|
|
98
102
|
],
|
|
99
|
-
"gitHead": "
|
|
103
|
+
"gitHead": "020de6dab25bbe6058e9a71b2c56681822403481"
|
|
100
104
|
}
|