igniteui-angular-inputs 21.0.1 → 21.1.0-beta.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/bundles/igniteui-angular-inputs.umd.js +931 -765
- package/bundles/igniteui-angular-inputs.umd.min.js +1 -1
- package/esm2015/lib/ButtonView_combined.js +21 -21
- package/esm2015/lib/CalendarView_combined.js +3 -3
- package/esm2015/lib/CheckboxView_combined.js +23 -23
- package/esm2015/lib/IconView_combined.js +163 -163
- package/esm2015/lib/InputGroupView_combined.js +31 -31
- package/esm2015/lib/MultiSliderBridge.js +14 -14
- package/esm2015/lib/MultiSliderView_combined.js +17 -17
- package/esm2015/lib/NativeUIXInputsFactory_combined.js +241 -222
- package/esm2015/lib/RippleView_combined.js +1 -1
- package/esm2015/lib/XButtonBridge.js +20 -20
- package/esm2015/lib/XButtonGroupBridge.js +8 -8
- package/esm2015/lib/XCheckboxBridge.js +8 -8
- package/esm2015/lib/XComponentBridge.js +4 -2
- package/esm2015/lib/XIconBridge.js +23 -23
- package/esm2015/lib/XIconButtonBridge.js +5 -5
- package/esm2015/lib/XInputBridge.js +18 -18
- package/esm2015/lib/XPopupBridge.js +28 -28
- package/esm2015/lib/igx-color-editor-component.js +3 -0
- package/esm2015/lib/igx-multi-slider-thumb-collection.js +7 -7
- package/esm2015/lib/igx-multi-slider-thumb-component.js +209 -0
- package/esm2015/lib/igx-multi-slider-thumb-dynamic-module.js +34 -0
- package/esm2015/lib/igx-multi-slider-thumb-module.js +27 -0
- package/esm2015/lib/igx-multi-slider-thumb-value-changing-event-args.js +3 -8
- package/esm2015/lib/igx-multi-slider-track-thumb-range.js +5 -15
- package/esm2015/lib/igx-x-icon-component.js +10 -10
- package/esm2015/public_api.js +3 -1
- package/esm5/lib/ButtonView_combined.js +21 -21
- package/esm5/lib/CalendarView_combined.js +3 -3
- package/esm5/lib/CheckboxView_combined.js +23 -23
- package/esm5/lib/IconView_combined.js +158 -158
- package/esm5/lib/InputGroupView_combined.js +31 -31
- package/esm5/lib/MultiSliderBridge.js +14 -14
- package/esm5/lib/MultiSliderView_combined.js +17 -17
- package/esm5/lib/NativeUIXInputsFactory_combined.js +251 -224
- package/esm5/lib/RippleView_combined.js +1 -1
- package/esm5/lib/XButtonBridge.js +20 -20
- package/esm5/lib/XButtonGroupBridge.js +8 -8
- package/esm5/lib/XCheckboxBridge.js +8 -8
- package/esm5/lib/XComponentBridge.js +4 -2
- package/esm5/lib/XIconBridge.js +23 -23
- package/esm5/lib/XIconButtonBridge.js +5 -5
- package/esm5/lib/XInputBridge.js +18 -18
- package/esm5/lib/XPopupBridge.js +28 -28
- package/esm5/lib/igx-color-editor-component.js +3 -0
- package/esm5/lib/igx-multi-slider-thumb-collection.js +7 -7
- package/esm5/lib/igx-multi-slider-thumb-component.js +233 -0
- package/esm5/lib/igx-multi-slider-thumb-dynamic-module.js +33 -0
- package/esm5/lib/igx-multi-slider-thumb-module.js +28 -0
- package/esm5/lib/igx-multi-slider-thumb-value-changing-event-args.js +3 -8
- package/esm5/lib/igx-multi-slider-track-thumb-range.js +5 -15
- package/esm5/lib/igx-x-icon-component.js +10 -10
- package/esm5/public_api.js +3 -1
- package/fesm2015/igniteui-angular-inputs.js +906 -749
- package/fesm5/igniteui-angular-inputs.js +929 -765
- package/lib/IconView_combined.d.ts +33 -34
- package/lib/MultiSliderView_combined.d.ts +1 -1
- package/lib/NativeUIXInputsFactory_combined.d.ts +18 -13
- package/lib/igx-multi-slider-thumb-collection.d.ts +4 -4
- package/lib/igx-multi-slider-thumb-component.d.ts +47 -0
- package/lib/igx-multi-slider-thumb-dynamic-module.d.ts +9 -0
- package/lib/igx-multi-slider-thumb-module.d.ts +8 -0
- package/lib/igx-multi-slider-thumb-value-changing-event-args.d.ts +3 -3
- package/lib/igx-multi-slider-track-thumb-range.d.ts +5 -5
- package/package.json +2 -2
- package/public_api.d.ts +3 -1
- package/esm2015/lib/igx-multi-slider-thumb.js +0 -111
- package/esm5/lib/igx-multi-slider-thumb.js +0 -134
- package/lib/igx-multi-slider-thumb.d.ts +0 -33
|
@@ -0,0 +1,209 @@
|
|
|
1
|
+
import { EventEmitter, Output, Component, Input, ChangeDetectionStrategy } from '@angular/core';
|
|
2
|
+
import { delegateCombine } from "igniteui-angular-core";
|
|
3
|
+
import { MultiSliderThumbRangePosition_$type } from "./MultiSliderThumbRangePosition";
|
|
4
|
+
import { IgxMultiSliderTrackThumbRange } from "./igx-multi-slider-track-thumb-range";
|
|
5
|
+
import { IgxPropertyUpdatedEventArgs } from "igniteui-angular-core";
|
|
6
|
+
import { MultiSliderThumb } from "./MultiSliderThumb";
|
|
7
|
+
import { TypeRegistrar } from "igniteui-angular-core";
|
|
8
|
+
import { NamePatcher, ensureEnum, toSpinal, initializePropertiesFromCss } from "igniteui-angular-core";
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
export let IgxMultiSliderThumbComponent = /*@__PURE__*/ (() => {
|
|
11
|
+
class IgxMultiSliderThumbComponent {
|
|
12
|
+
constructor() {
|
|
13
|
+
this.__p = null;
|
|
14
|
+
this._hasUserValues = new Set();
|
|
15
|
+
this._stylingContainer = null;
|
|
16
|
+
this._stylingParent = null;
|
|
17
|
+
this._inStyling = false;
|
|
18
|
+
this._propertyUpdated = null;
|
|
19
|
+
this._zoneRunner = null;
|
|
20
|
+
if (this._styling) {
|
|
21
|
+
NamePatcher.ensureStylablePatched(Object.getPrototypeOf(this));
|
|
22
|
+
}
|
|
23
|
+
this._implementation = this.createImplementation();
|
|
24
|
+
this._implementation.externalObject = this;
|
|
25
|
+
this.onImplementationCreated();
|
|
26
|
+
if (this._initializeAdapters) {
|
|
27
|
+
this._initializeAdapters();
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
createImplementation() {
|
|
31
|
+
return new MultiSliderThumb();
|
|
32
|
+
}
|
|
33
|
+
ngOnInit() {
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* @hidden
|
|
37
|
+
*/
|
|
38
|
+
get i() {
|
|
39
|
+
return this._implementation;
|
|
40
|
+
} /**
|
|
41
|
+
* @hidden
|
|
42
|
+
*/
|
|
43
|
+
static _createFromInternal(internal) {
|
|
44
|
+
if (!internal) {
|
|
45
|
+
return null;
|
|
46
|
+
}
|
|
47
|
+
if (!internal.$type) {
|
|
48
|
+
return null;
|
|
49
|
+
}
|
|
50
|
+
let name = internal.$type.name;
|
|
51
|
+
let externalName = "Igx" + name + "Component";
|
|
52
|
+
if (!TypeRegistrar.isRegistered(externalName)) {
|
|
53
|
+
return null;
|
|
54
|
+
}
|
|
55
|
+
return TypeRegistrar.create(externalName);
|
|
56
|
+
}
|
|
57
|
+
onImplementationCreated() {
|
|
58
|
+
}
|
|
59
|
+
get value() {
|
|
60
|
+
return this.i.s;
|
|
61
|
+
}
|
|
62
|
+
set value(v) {
|
|
63
|
+
this.i.s = +v;
|
|
64
|
+
}
|
|
65
|
+
get rangePosition() {
|
|
66
|
+
return this.i.g;
|
|
67
|
+
}
|
|
68
|
+
set rangePosition(v) {
|
|
69
|
+
this.i.g = ensureEnum(MultiSliderThumbRangePosition_$type, v);
|
|
70
|
+
}
|
|
71
|
+
get range() {
|
|
72
|
+
const r = this.i.i;
|
|
73
|
+
if (r == null) {
|
|
74
|
+
return null;
|
|
75
|
+
}
|
|
76
|
+
if (!r.externalObject) {
|
|
77
|
+
let e = new IgxMultiSliderTrackThumbRange();
|
|
78
|
+
if (r.$type) {
|
|
79
|
+
e._implementation = r;
|
|
80
|
+
}
|
|
81
|
+
else {
|
|
82
|
+
if (e.i.setNativeElement) {
|
|
83
|
+
e.i.setNativeElement(r);
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
r.externalObject = e;
|
|
87
|
+
}
|
|
88
|
+
return r.externalObject;
|
|
89
|
+
}
|
|
90
|
+
set range(v) {
|
|
91
|
+
v == null ? this.i.i = null : this.i.i = v.i;
|
|
92
|
+
}
|
|
93
|
+
findByName(name) {
|
|
94
|
+
if (this.findEphemera) {
|
|
95
|
+
if (name && name.indexOf("@@e:") == 0) {
|
|
96
|
+
return this.findEphemera(name);
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
if (this.range && this.range.name && this.range.name == name) {
|
|
100
|
+
return this.range;
|
|
101
|
+
}
|
|
102
|
+
return null;
|
|
103
|
+
}
|
|
104
|
+
get hasUserValues() {
|
|
105
|
+
return this._hasUserValues;
|
|
106
|
+
}
|
|
107
|
+
__m(propertyName) {
|
|
108
|
+
if (!this._inStyling) {
|
|
109
|
+
this._hasUserValues.add(propertyName);
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
_styling(container, component, parent) {
|
|
113
|
+
if (this._inStyling) {
|
|
114
|
+
return;
|
|
115
|
+
}
|
|
116
|
+
this._inStyling = true;
|
|
117
|
+
this._stylingContainer = container;
|
|
118
|
+
this._stylingParent = component;
|
|
119
|
+
let genericPrefix = "";
|
|
120
|
+
let typeName = this.i.$type.name;
|
|
121
|
+
if (typeName.indexOf("Xam") === 0) {
|
|
122
|
+
typeName = typeName.substring(3);
|
|
123
|
+
}
|
|
124
|
+
genericPrefix = toSpinal("MultiSliderThumbComponent");
|
|
125
|
+
let additionalPrefixes = [];
|
|
126
|
+
let prefix = toSpinal(typeName);
|
|
127
|
+
additionalPrefixes.push(prefix + "-");
|
|
128
|
+
let b = this.i.$type.baseType;
|
|
129
|
+
while (b && b.name != "Object" &&
|
|
130
|
+
b.name != "Base" &&
|
|
131
|
+
b.name != "Control" &&
|
|
132
|
+
b.Name != "DependencyObject" &&
|
|
133
|
+
b.Name != "FrameworkElement") {
|
|
134
|
+
typeName = b.name;
|
|
135
|
+
if (typeName.indexOf("Xam") === 0) {
|
|
136
|
+
typeName = typeName.substring(3);
|
|
137
|
+
}
|
|
138
|
+
let basePrefix = toSpinal(typeName);
|
|
139
|
+
additionalPrefixes.push(basePrefix + "-");
|
|
140
|
+
b = b.baseType;
|
|
141
|
+
}
|
|
142
|
+
if (parent) {
|
|
143
|
+
let parentTypeName = parent.i.$type.name;
|
|
144
|
+
if (parentTypeName.indexOf("Xam") === 0) {
|
|
145
|
+
parentTypeName = parentTypeName.substring(3);
|
|
146
|
+
}
|
|
147
|
+
let parentPrefix = toSpinal(parentTypeName);
|
|
148
|
+
additionalPrefixes.push(parentPrefix + "-" + genericPrefix + "-");
|
|
149
|
+
additionalPrefixes.push(parentPrefix + "-" + prefix + "-");
|
|
150
|
+
}
|
|
151
|
+
initializePropertiesFromCss(container, this, genericPrefix + "-", this.hasUserValues, false, additionalPrefixes);
|
|
152
|
+
if (this._otherStyling) {
|
|
153
|
+
this._otherStyling(container, component, parent);
|
|
154
|
+
}
|
|
155
|
+
this._inStyling = false;
|
|
156
|
+
}
|
|
157
|
+
push(amount) {
|
|
158
|
+
let iv = this.i.r(amount);
|
|
159
|
+
return (iv);
|
|
160
|
+
}
|
|
161
|
+
get propertyUpdated() {
|
|
162
|
+
if (this._propertyUpdated == null) {
|
|
163
|
+
this._propertyUpdated = new EventEmitter();
|
|
164
|
+
this.i.propertyUpdated = delegateCombine(this.i.propertyUpdated, (o, e) => {
|
|
165
|
+
this._runInZone(() => {
|
|
166
|
+
let outerArgs = new IgxPropertyUpdatedEventArgs();
|
|
167
|
+
outerArgs._provideImplementation(e);
|
|
168
|
+
if (this.beforePropertyUpdated) {
|
|
169
|
+
this.beforePropertyUpdated(this, outerArgs);
|
|
170
|
+
}
|
|
171
|
+
this._propertyUpdated.emit({
|
|
172
|
+
sender: this,
|
|
173
|
+
args: outerArgs
|
|
174
|
+
});
|
|
175
|
+
});
|
|
176
|
+
});
|
|
177
|
+
}
|
|
178
|
+
return this._propertyUpdated;
|
|
179
|
+
}
|
|
180
|
+
_runInZone(act) {
|
|
181
|
+
if (this._zoneRunner != null) {
|
|
182
|
+
this._zoneRunner(act);
|
|
183
|
+
}
|
|
184
|
+
else {
|
|
185
|
+
act();
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
IgxMultiSliderThumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxMultiSliderThumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
190
|
+
IgxMultiSliderThumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxMultiSliderThumbComponent, selector: "igx-multi-slider-thumb", inputs: { value: "value", rangePosition: "rangePosition", range: "range" }, outputs: { propertyUpdated: "propertyUpdated" }, providers: [], ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
191
|
+
return IgxMultiSliderThumbComponent;
|
|
192
|
+
})();
|
|
193
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxMultiSliderThumbComponent, decorators: [{
|
|
194
|
+
type: Component,
|
|
195
|
+
args: [{
|
|
196
|
+
selector: 'igx-multi-slider-thumb',
|
|
197
|
+
template: ``,
|
|
198
|
+
providers: [],
|
|
199
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
|
200
|
+
}]
|
|
201
|
+
}], ctorParameters: function () { return []; }, propDecorators: { value: [{
|
|
202
|
+
type: Input
|
|
203
|
+
}], rangePosition: [{
|
|
204
|
+
type: Input
|
|
205
|
+
}], range: [{
|
|
206
|
+
type: Input
|
|
207
|
+
}], propertyUpdated: [{
|
|
208
|
+
type: Output
|
|
209
|
+
}] } });
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/*
|
|
2
|
+
THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE AGREEMENT ("AGREEMENT") LOCATED HERE:
|
|
3
|
+
https://www.infragistics.com/legal/license/igultimate-la
|
|
4
|
+
https://www.infragistics.com/legal/license/igultimate-eula
|
|
5
|
+
GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
|
|
6
|
+
*/
|
|
7
|
+
import { NgModule } from '@angular/core';
|
|
8
|
+
import { CommonModule } from '@angular/common';
|
|
9
|
+
import { IgxMultiSliderThumbModule } from './igx-multi-slider-thumb-module';
|
|
10
|
+
import { IgxMultiSliderThumbComponent } from './igx-multi-slider-thumb-component';
|
|
11
|
+
import { MultiSliderThumb } from './MultiSliderThumb';
|
|
12
|
+
import { TypeRegistrar } from "igniteui-angular-core";
|
|
13
|
+
import * as i0 from "@angular/core";
|
|
14
|
+
export let IgxMultiSliderThumbDynamicModule = /*@__PURE__*/ (() => {
|
|
15
|
+
class IgxMultiSliderThumbDynamicModule {
|
|
16
|
+
constructor() {
|
|
17
|
+
TypeRegistrar.registerCons("IgxMultiSliderThumbComponent", IgxMultiSliderThumbComponent);
|
|
18
|
+
TypeRegistrar.register("MultiSliderThumb", MultiSliderThumb.$type);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
IgxMultiSliderThumbDynamicModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxMultiSliderThumbDynamicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
22
|
+
IgxMultiSliderThumbDynamicModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxMultiSliderThumbDynamicModule, imports: [CommonModule, IgxMultiSliderThumbModule], exports: [IgxMultiSliderThumbModule] });
|
|
23
|
+
IgxMultiSliderThumbDynamicModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxMultiSliderThumbDynamicModule, imports: [[CommonModule, IgxMultiSliderThumbModule], IgxMultiSliderThumbModule] });
|
|
24
|
+
return IgxMultiSliderThumbDynamicModule;
|
|
25
|
+
})();
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxMultiSliderThumbDynamicModule, decorators: [{
|
|
27
|
+
type: NgModule,
|
|
28
|
+
args: [{
|
|
29
|
+
declarations: [],
|
|
30
|
+
imports: [CommonModule, IgxMultiSliderThumbModule],
|
|
31
|
+
exports: [IgxMultiSliderThumbModule],
|
|
32
|
+
entryComponents: [IgxMultiSliderThumbComponent]
|
|
33
|
+
}]
|
|
34
|
+
}], ctorParameters: function () { return []; } });
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/*
|
|
2
|
+
THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE AGREEMENT ("AGREEMENT") LOCATED HERE:
|
|
3
|
+
https://www.infragistics.com/legal/license/igultimate-la
|
|
4
|
+
https://www.infragistics.com/legal/license/igultimate-eula
|
|
5
|
+
GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
|
|
6
|
+
*/
|
|
7
|
+
import { NgModule } from '@angular/core';
|
|
8
|
+
import { CommonModule } from '@angular/common';
|
|
9
|
+
import { IgxMultiSliderThumbComponent } from './igx-multi-slider-thumb-component';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export let IgxMultiSliderThumbModule = /*@__PURE__*/ (() => {
|
|
12
|
+
class IgxMultiSliderThumbModule {
|
|
13
|
+
}
|
|
14
|
+
IgxMultiSliderThumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxMultiSliderThumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
15
|
+
IgxMultiSliderThumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxMultiSliderThumbModule, declarations: [IgxMultiSliderThumbComponent], imports: [CommonModule], exports: [IgxMultiSliderThumbComponent] });
|
|
16
|
+
IgxMultiSliderThumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxMultiSliderThumbModule, imports: [[CommonModule]] });
|
|
17
|
+
return IgxMultiSliderThumbModule;
|
|
18
|
+
})();
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxMultiSliderThumbModule, decorators: [{
|
|
20
|
+
type: NgModule,
|
|
21
|
+
args: [{
|
|
22
|
+
declarations: [IgxMultiSliderThumbComponent],
|
|
23
|
+
imports: [CommonModule],
|
|
24
|
+
exports: [IgxMultiSliderThumbComponent],
|
|
25
|
+
entryComponents: []
|
|
26
|
+
}]
|
|
27
|
+
}] });
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { IgxMultiSliderThumbComponent } from "./igx-multi-slider-thumb-component";
|
|
2
2
|
import { MultiSliderThumbValueChangingEventArgs as MultiSliderThumbValueChangingEventArgs_internal } from "./MultiSliderThumbValueChangingEventArgs";
|
|
3
3
|
export class IgxMultiSliderThumbValueChangingEventArgs {
|
|
4
4
|
constructor() {
|
|
@@ -37,15 +37,10 @@ export class IgxMultiSliderThumbValueChangingEventArgs {
|
|
|
37
37
|
return null;
|
|
38
38
|
}
|
|
39
39
|
if (!r.externalObject) {
|
|
40
|
-
let e =
|
|
41
|
-
if (
|
|
40
|
+
let e = IgxMultiSliderThumbComponent._createFromInternal(r);
|
|
41
|
+
if (e) {
|
|
42
42
|
e._implementation = r;
|
|
43
43
|
}
|
|
44
|
-
else {
|
|
45
|
-
if (e.i.setNativeElement) {
|
|
46
|
-
e.i.setNativeElement(r);
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
44
|
r.externalObject = e;
|
|
50
45
|
}
|
|
51
46
|
return r.externalObject;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { IgxMultiSliderThumbComponent } from "./igx-multi-slider-thumb-component";
|
|
2
2
|
import { MultiSliderTrackThumbRange as MultiSliderTrackThumbRange_internal } from "./MultiSliderTrackThumbRange";
|
|
3
3
|
export class IgxMultiSliderTrackThumbRange {
|
|
4
4
|
constructor() {
|
|
@@ -56,15 +56,10 @@ export class IgxMultiSliderTrackThumbRange {
|
|
|
56
56
|
return null;
|
|
57
57
|
}
|
|
58
58
|
if (!r.externalObject) {
|
|
59
|
-
let e =
|
|
60
|
-
if (
|
|
59
|
+
let e = IgxMultiSliderThumbComponent._createFromInternal(r);
|
|
60
|
+
if (e) {
|
|
61
61
|
e._implementation = r;
|
|
62
62
|
}
|
|
63
|
-
else {
|
|
64
|
-
if (e.i.setNativeElement) {
|
|
65
|
-
e.i.setNativeElement(r);
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
63
|
r.externalObject = e;
|
|
69
64
|
}
|
|
70
65
|
return r.externalObject;
|
|
@@ -78,15 +73,10 @@ export class IgxMultiSliderTrackThumbRange {
|
|
|
78
73
|
return null;
|
|
79
74
|
}
|
|
80
75
|
if (!r.externalObject) {
|
|
81
|
-
let e =
|
|
82
|
-
if (
|
|
76
|
+
let e = IgxMultiSliderThumbComponent._createFromInternal(r);
|
|
77
|
+
if (e) {
|
|
83
78
|
e._implementation = r;
|
|
84
79
|
}
|
|
85
|
-
else {
|
|
86
|
-
if (e.i.setNativeElement) {
|
|
87
|
-
e.i.setNativeElement(r);
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
80
|
r.externalObject = e;
|
|
91
81
|
}
|
|
92
82
|
return r.externalObject;
|
|
@@ -268,19 +268,19 @@ export let IgxXIconComponent = /*@__PURE__*/ (() => {
|
|
|
268
268
|
* Gets or sets the image source for the icon. Used if none of the other icon types are not used.
|
|
269
269
|
*/
|
|
270
270
|
get source() {
|
|
271
|
-
return this.i.
|
|
271
|
+
return this.i.bj;
|
|
272
272
|
}
|
|
273
273
|
set source(v) {
|
|
274
|
-
this.i.
|
|
274
|
+
this.i.bj = v;
|
|
275
275
|
}
|
|
276
276
|
/**
|
|
277
277
|
* Gets or sets data url for the icon to use.
|
|
278
278
|
*/
|
|
279
279
|
get dataURL() {
|
|
280
|
-
return this.i.
|
|
280
|
+
return this.i.b2;
|
|
281
281
|
}
|
|
282
282
|
set dataURL(v) {
|
|
283
|
-
this.i.
|
|
283
|
+
this.i.b2 = v;
|
|
284
284
|
}
|
|
285
285
|
/**
|
|
286
286
|
* Gets or sets path data for the icon to use.
|
|
@@ -331,10 +331,10 @@ export let IgxXIconComponent = /*@__PURE__*/ (() => {
|
|
|
331
331
|
* Gets or sets the id to use for the checkbox.
|
|
332
332
|
*/
|
|
333
333
|
get id() {
|
|
334
|
-
return this.i.
|
|
334
|
+
return this.i.cc;
|
|
335
335
|
}
|
|
336
336
|
set id(v) {
|
|
337
|
-
this.i.
|
|
337
|
+
this.i.cc = v;
|
|
338
338
|
}
|
|
339
339
|
/**
|
|
340
340
|
* Gets or sets TabIndex to use for the checkbox.
|
|
@@ -349,10 +349,10 @@ export let IgxXIconComponent = /*@__PURE__*/ (() => {
|
|
|
349
349
|
* Gets or sets the value of the aria-label attribute.
|
|
350
350
|
*/
|
|
351
351
|
get ariaLabel() {
|
|
352
|
-
return this.i.
|
|
352
|
+
return this.i.bx;
|
|
353
353
|
}
|
|
354
354
|
set ariaLabel(v) {
|
|
355
|
-
this.i.
|
|
355
|
+
this.i.bx = v;
|
|
356
356
|
}
|
|
357
357
|
/**
|
|
358
358
|
* Gets or sets whether the icon is hovered.
|
|
@@ -540,7 +540,7 @@ export let IgxXIconComponent = /*@__PURE__*/ (() => {
|
|
|
540
540
|
|
|
541
541
|
*/
|
|
542
542
|
exportVisualModel() {
|
|
543
|
-
let iv = this.i.
|
|
543
|
+
let iv = this.i.bi();
|
|
544
544
|
return (iv);
|
|
545
545
|
}
|
|
546
546
|
/**
|
|
@@ -548,7 +548,7 @@ export let IgxXIconComponent = /*@__PURE__*/ (() => {
|
|
|
548
548
|
|
|
549
549
|
*/
|
|
550
550
|
exportSerializedVisualModel() {
|
|
551
|
-
let iv = this.i.
|
|
551
|
+
let iv = this.i.b4();
|
|
552
552
|
return (iv);
|
|
553
553
|
}
|
|
554
554
|
_runInZone(act) {
|
package/esm2015/public_api.js
CHANGED
|
@@ -120,7 +120,9 @@ export * from './lib/IMultiSliderTrackShadeVisual';
|
|
|
120
120
|
export * from './lib/MultiSliderTrackShadeOrientation';
|
|
121
121
|
export * from './lib/DefaultMultiTrackShadeVisual';
|
|
122
122
|
export * from './lib/MultiSliderThumb';
|
|
123
|
-
export * from './lib/igx-multi-slider-thumb';
|
|
123
|
+
export * from './lib/igx-multi-slider-thumb-component';
|
|
124
|
+
export * from './lib/igx-multi-slider-thumb-module';
|
|
125
|
+
export * from './lib/igx-multi-slider-thumb-dynamic-module';
|
|
124
126
|
export * from './lib/MultiSliderThumbRangePosition';
|
|
125
127
|
export * from './lib/IMultiSliderTrackThumbCalloutVisual';
|
|
126
128
|
export * from './lib/DefaultMultiSliderTrackThumbCalloutVisual';
|
|
@@ -119,7 +119,7 @@ var ButtonView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
119
119
|
this.o.setStyleProperty("white-space", "no-wrap");
|
|
120
120
|
this.o.setStyleProperty("color", "#000");
|
|
121
121
|
this.o.setStyleProperty("background", this.c.nt._fill);
|
|
122
|
-
NativeUI.
|
|
122
|
+
NativeUI.p(this.o, this.c.k4);
|
|
123
123
|
this.o.setAttribute("id", this.c.hz);
|
|
124
124
|
this.ay();
|
|
125
125
|
this.i.add(c.listen("change", runOn(this, this.aa)));
|
|
@@ -1211,10 +1211,10 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
1211
1211
|
if (a == null) {
|
|
1212
1212
|
return;
|
|
1213
1213
|
}
|
|
1214
|
-
NativeUI.
|
|
1215
|
-
NativeUI.
|
|
1214
|
+
NativeUI.p(a, this.k4);
|
|
1215
|
+
NativeUI.o(a, this.nu);
|
|
1216
1216
|
if (!isNaN_(this.bk)) {
|
|
1217
|
-
NativeUI.
|
|
1217
|
+
NativeUI.q(a, new Thickness(0, this.bk));
|
|
1218
1218
|
}
|
|
1219
1219
|
if (this.disabled) {
|
|
1220
1220
|
this.view.a0(this.cv, this.v);
|
|
@@ -1231,17 +1231,17 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
1231
1231
|
}
|
|
1232
1232
|
}
|
|
1233
1233
|
if (this.disabled) {
|
|
1234
|
-
NativeUI.
|
|
1234
|
+
NativeUI.n(a, this.nv);
|
|
1235
1235
|
}
|
|
1236
1236
|
else if (this.focused && this.a3) {
|
|
1237
|
-
NativeUI.
|
|
1237
|
+
NativeUI.n(a, this.ny);
|
|
1238
1238
|
}
|
|
1239
1239
|
else {
|
|
1240
1240
|
if (this.a4 && !this.av) {
|
|
1241
|
-
NativeUI.
|
|
1241
|
+
NativeUI.n(a, this.n0);
|
|
1242
1242
|
}
|
|
1243
1243
|
else {
|
|
1244
|
-
NativeUI.
|
|
1244
|
+
NativeUI.n(a, this.nt);
|
|
1245
1245
|
}
|
|
1246
1246
|
}
|
|
1247
1247
|
this.view.az(this.n3, BrushUtil.l(0, 0, 0, 0));
|
|
@@ -1249,21 +1249,21 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
1249
1249
|
this.view.a2(this.ab);
|
|
1250
1250
|
}
|
|
1251
1251
|
if (this.disabled) {
|
|
1252
|
-
NativeUI.q(this.view.t, this.nx);
|
|
1253
1252
|
NativeUI.r(this.view.t, this.nx);
|
|
1253
|
+
NativeUI.t(this.view.t, this.nx);
|
|
1254
1254
|
}
|
|
1255
1255
|
else if (this.focused && this.a3) {
|
|
1256
|
-
NativeUI.q(this.view.t, this.nz);
|
|
1257
1256
|
NativeUI.r(this.view.t, this.nz);
|
|
1257
|
+
NativeUI.t(this.view.t, this.nz);
|
|
1258
1258
|
}
|
|
1259
1259
|
else {
|
|
1260
1260
|
if (this.a4 && !this.av) {
|
|
1261
|
-
NativeUI.q(this.view.t, this.n1);
|
|
1262
1261
|
NativeUI.r(this.view.t, this.n1);
|
|
1262
|
+
NativeUI.t(this.view.t, this.n1);
|
|
1263
1263
|
}
|
|
1264
1264
|
else {
|
|
1265
|
-
NativeUI.q(this.view.t, this.n4);
|
|
1266
1265
|
NativeUI.r(this.view.t, this.n4);
|
|
1266
|
+
NativeUI.t(this.view.t, this.n4);
|
|
1267
1267
|
}
|
|
1268
1268
|
}
|
|
1269
1269
|
};
|
|
@@ -3661,16 +3661,16 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
3661
3661
|
c.p = e[1];
|
|
3662
3662
|
c.h = this.o;
|
|
3663
3663
|
c.i = this.r;
|
|
3664
|
-
c.c = AppearanceHelper.a(NativeUI.
|
|
3664
|
+
c.c = AppearanceHelper.a(NativeUI.an(a));
|
|
3665
3665
|
c.g = AppearanceHelper.a(this.n5);
|
|
3666
3666
|
c.d = AppearanceHelper.a(this.n2);
|
|
3667
3667
|
c.a = AppearanceHelper.a(this.ns);
|
|
3668
3668
|
c.u = this.cy;
|
|
3669
3669
|
c.e = AppearanceHelper.a(this.n3);
|
|
3670
3670
|
c.ag = this.k4;
|
|
3671
|
-
c.b = AppearanceHelper.a(NativeUI.
|
|
3671
|
+
c.b = AppearanceHelper.a(NativeUI.am(a));
|
|
3672
3672
|
c.j = this.v;
|
|
3673
|
-
c.f = AppearanceHelper.a(NativeUI.
|
|
3673
|
+
c.f = AppearanceHelper.a(NativeUI.ao(b));
|
|
3674
3674
|
c.o = this.bk;
|
|
3675
3675
|
c.x = this.f1;
|
|
3676
3676
|
c.y = this.g5;
|
|
@@ -4039,9 +4039,9 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
4039
4039
|
})()));
|
|
4040
4040
|
XButton.k = new Theme(1, ((function () {
|
|
4041
4041
|
var $ret = new Dictionary$2(String_$type, Base.$, 0);
|
|
4042
|
-
$ret.addItem("UmbraShadowColor", BrushUtil.l(
|
|
4043
|
-
$ret.addItem("PenumbraShadowColor", BrushUtil.l(
|
|
4044
|
-
$ret.addItem("AmbientShadowColor", BrushUtil.l(
|
|
4042
|
+
$ret.addItem("UmbraShadowColor", BrushUtil.l(0, 0, 0, 0));
|
|
4043
|
+
$ret.addItem("PenumbraShadowColor", BrushUtil.l(0, 0, 0, 0));
|
|
4044
|
+
$ret.addItem("AmbientShadowColor", BrushUtil.l(0, 0, 0, 0));
|
|
4045
4045
|
$ret.addItem("ElevationMode", enumGetBox(ElevationMode_$type, 2));
|
|
4046
4046
|
return $ret;
|
|
4047
4047
|
})()), ((function () {
|
|
@@ -4198,9 +4198,9 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
4198
4198
|
})()));
|
|
4199
4199
|
XButton.j = new Theme(1, ((function () {
|
|
4200
4200
|
var $ret = new Dictionary$2(String_$type, Base.$, 0);
|
|
4201
|
-
$ret.addItem("UmbraShadowColor", BrushUtil.l(
|
|
4202
|
-
$ret.addItem("PenumbraShadowColor", BrushUtil.l(
|
|
4203
|
-
$ret.addItem("AmbientShadowColor", BrushUtil.l(
|
|
4201
|
+
$ret.addItem("UmbraShadowColor", BrushUtil.l(0, 0, 0, 0));
|
|
4202
|
+
$ret.addItem("PenumbraShadowColor", BrushUtil.l(0, 0, 0, 0));
|
|
4203
|
+
$ret.addItem("AmbientShadowColor", BrushUtil.l(0, 0, 0, 0));
|
|
4204
4204
|
$ret.addItem("ElevationMode", enumGetBox(ElevationMode_$type, 2));
|
|
4205
4205
|
return $ret;
|
|
4206
4206
|
})()), ((function () {
|
|
@@ -2849,7 +2849,7 @@ var XCalendar = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
2849
2849
|
m.d = n[1] - e;
|
|
2850
2850
|
m.c = NativeUI.d(k._inner[l].parent());
|
|
2851
2851
|
m.f = NativeUI.k(k._inner[l].parent());
|
|
2852
|
-
m.b = AppearanceHelper.a(NativeUI.
|
|
2852
|
+
m.b = AppearanceHelper.a(NativeUI.ao(k._inner[l]));
|
|
2853
2853
|
m.g = k._inner[l].getText();
|
|
2854
2854
|
a.k.add(m);
|
|
2855
2855
|
}
|
|
@@ -2862,8 +2862,8 @@ var XCalendar = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
2862
2862
|
q.d = r[1] - e;
|
|
2863
2863
|
q.c = NativeUI.d(o._inner[p].parent());
|
|
2864
2864
|
q.f = NativeUI.k(o._inner[p].parent());
|
|
2865
|
-
q.b = AppearanceHelper.a(NativeUI.
|
|
2866
|
-
q.a = AppearanceHelper.a(NativeUI.
|
|
2865
|
+
q.b = AppearanceHelper.a(NativeUI.ao(o._inner[p]));
|
|
2866
|
+
q.a = AppearanceHelper.a(NativeUI.an(o._inner[p]));
|
|
2867
2867
|
q.g = o._inner[p].getText();
|
|
2868
2868
|
a.l.add(q);
|
|
2869
2869
|
}
|
|
@@ -557,18 +557,18 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
557
557
|
if (a == null || b == null) {
|
|
558
558
|
return;
|
|
559
559
|
}
|
|
560
|
-
NativeUI.
|
|
561
|
-
NativeUI.
|
|
560
|
+
NativeUI.p(a, new CornerRadius(0, this.ao));
|
|
561
|
+
NativeUI.p(b, new CornerRadius(0, this.ao));
|
|
562
562
|
if (!isNaN_(this.an)) {
|
|
563
|
-
NativeUI.
|
|
563
|
+
NativeUI.q(b, new Thickness(0, this.an));
|
|
564
564
|
}
|
|
565
565
|
if (this.checked) {
|
|
566
|
-
NativeUI.
|
|
567
|
-
NativeUI.
|
|
566
|
+
NativeUI.n(a, this.c8);
|
|
567
|
+
NativeUI.o(b, this.c9);
|
|
568
568
|
}
|
|
569
569
|
else {
|
|
570
|
-
NativeUI.
|
|
571
|
-
NativeUI.
|
|
570
|
+
NativeUI.n(a, this.db);
|
|
571
|
+
NativeUI.o(b, this.dc);
|
|
572
572
|
}
|
|
573
573
|
};
|
|
574
574
|
XCheckbox.prototype.cw = function () {
|
|
@@ -576,8 +576,8 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
576
576
|
if (a == null) {
|
|
577
577
|
return;
|
|
578
578
|
}
|
|
579
|
-
NativeUI.
|
|
580
|
-
NativeUI.
|
|
579
|
+
NativeUI.ad(a, this.da);
|
|
580
|
+
NativeUI.ag(a, this.ap);
|
|
581
581
|
};
|
|
582
582
|
Object.defineProperty(XCheckbox.prototype, "dl", {
|
|
583
583
|
get: function () {
|
|
@@ -1132,7 +1132,7 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
1132
1132
|
this.view.al(BrushUtil.u(this.c8, 0.6), BrushUtil.u(this.dc, 0.1));
|
|
1133
1133
|
}
|
|
1134
1134
|
if (!this.indeterminate) {
|
|
1135
|
-
NativeUI.
|
|
1135
|
+
NativeUI.ai(this.view.v, null);
|
|
1136
1136
|
}
|
|
1137
1137
|
if (this.z || this.indeterminate || a) {
|
|
1138
1138
|
var d = this.view.u;
|
|
@@ -1151,23 +1151,23 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
1151
1151
|
$ret.j = -_this.view.l();
|
|
1152
1152
|
return $ret;
|
|
1153
1153
|
})()));
|
|
1154
|
-
NativeUI.
|
|
1155
|
-
NativeUI.
|
|
1156
|
-
NativeUI.
|
|
1157
|
-
NativeUI.
|
|
1158
|
-
NativeUI.
|
|
1154
|
+
NativeUI.n(d, this.c8);
|
|
1155
|
+
NativeUI.o(e, this.c9);
|
|
1156
|
+
NativeUI.ab(f, 1);
|
|
1157
|
+
NativeUI.af(f, 41);
|
|
1158
|
+
NativeUI.ai(f, g);
|
|
1159
1159
|
}
|
|
1160
1160
|
else if (b) {
|
|
1161
|
-
NativeUI.
|
|
1162
|
-
NativeUI.
|
|
1163
|
-
NativeUI.
|
|
1164
|
-
NativeUI.
|
|
1161
|
+
NativeUI.n(d, this.c8);
|
|
1162
|
+
NativeUI.o(e, this.c9);
|
|
1163
|
+
NativeUI.ab(f, 1);
|
|
1164
|
+
NativeUI.af(f, 0);
|
|
1165
1165
|
}
|
|
1166
1166
|
else {
|
|
1167
|
-
NativeUI.
|
|
1168
|
-
NativeUI.
|
|
1169
|
-
NativeUI.
|
|
1170
|
-
NativeUI.
|
|
1167
|
+
NativeUI.n(d, this.db);
|
|
1168
|
+
NativeUI.o(e, this.dc);
|
|
1169
|
+
NativeUI.ab(f, 0);
|
|
1170
|
+
NativeUI.af(f, 24);
|
|
1171
1171
|
}
|
|
1172
1172
|
if (this.o.playState == 1) {
|
|
1173
1173
|
this.o.cancel();
|