igniteui-angular-inputs 21.0.1-beta.0 → 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.
Files changed (70) hide show
  1. package/bundles/igniteui-angular-inputs.umd.js +931 -765
  2. package/bundles/igniteui-angular-inputs.umd.min.js +1 -1
  3. package/esm2015/lib/ButtonView_combined.js +21 -21
  4. package/esm2015/lib/CalendarView_combined.js +3 -3
  5. package/esm2015/lib/CheckboxView_combined.js +23 -23
  6. package/esm2015/lib/IconView_combined.js +163 -163
  7. package/esm2015/lib/InputGroupView_combined.js +31 -31
  8. package/esm2015/lib/MultiSliderBridge.js +14 -14
  9. package/esm2015/lib/MultiSliderView_combined.js +17 -17
  10. package/esm2015/lib/NativeUIXInputsFactory_combined.js +241 -222
  11. package/esm2015/lib/RippleView_combined.js +1 -1
  12. package/esm2015/lib/XButtonBridge.js +20 -20
  13. package/esm2015/lib/XButtonGroupBridge.js +8 -8
  14. package/esm2015/lib/XCheckboxBridge.js +8 -8
  15. package/esm2015/lib/XComponentBridge.js +4 -2
  16. package/esm2015/lib/XIconBridge.js +23 -23
  17. package/esm2015/lib/XIconButtonBridge.js +5 -5
  18. package/esm2015/lib/XInputBridge.js +18 -18
  19. package/esm2015/lib/XPopupBridge.js +28 -28
  20. package/esm2015/lib/igx-color-editor-component.js +3 -0
  21. package/esm2015/lib/igx-multi-slider-thumb-collection.js +7 -7
  22. package/esm2015/lib/igx-multi-slider-thumb-component.js +209 -0
  23. package/esm2015/lib/igx-multi-slider-thumb-dynamic-module.js +34 -0
  24. package/esm2015/lib/igx-multi-slider-thumb-module.js +27 -0
  25. package/esm2015/lib/igx-multi-slider-thumb-value-changing-event-args.js +3 -8
  26. package/esm2015/lib/igx-multi-slider-track-thumb-range.js +5 -15
  27. package/esm2015/lib/igx-x-icon-component.js +10 -10
  28. package/esm2015/public_api.js +3 -1
  29. package/esm5/lib/ButtonView_combined.js +21 -21
  30. package/esm5/lib/CalendarView_combined.js +3 -3
  31. package/esm5/lib/CheckboxView_combined.js +23 -23
  32. package/esm5/lib/IconView_combined.js +158 -158
  33. package/esm5/lib/InputGroupView_combined.js +31 -31
  34. package/esm5/lib/MultiSliderBridge.js +14 -14
  35. package/esm5/lib/MultiSliderView_combined.js +17 -17
  36. package/esm5/lib/NativeUIXInputsFactory_combined.js +251 -224
  37. package/esm5/lib/RippleView_combined.js +1 -1
  38. package/esm5/lib/XButtonBridge.js +20 -20
  39. package/esm5/lib/XButtonGroupBridge.js +8 -8
  40. package/esm5/lib/XCheckboxBridge.js +8 -8
  41. package/esm5/lib/XComponentBridge.js +4 -2
  42. package/esm5/lib/XIconBridge.js +23 -23
  43. package/esm5/lib/XIconButtonBridge.js +5 -5
  44. package/esm5/lib/XInputBridge.js +18 -18
  45. package/esm5/lib/XPopupBridge.js +28 -28
  46. package/esm5/lib/igx-color-editor-component.js +3 -0
  47. package/esm5/lib/igx-multi-slider-thumb-collection.js +7 -7
  48. package/esm5/lib/igx-multi-slider-thumb-component.js +233 -0
  49. package/esm5/lib/igx-multi-slider-thumb-dynamic-module.js +33 -0
  50. package/esm5/lib/igx-multi-slider-thumb-module.js +28 -0
  51. package/esm5/lib/igx-multi-slider-thumb-value-changing-event-args.js +3 -8
  52. package/esm5/lib/igx-multi-slider-track-thumb-range.js +5 -15
  53. package/esm5/lib/igx-x-icon-component.js +10 -10
  54. package/esm5/public_api.js +3 -1
  55. package/fesm2015/igniteui-angular-inputs.js +906 -749
  56. package/fesm5/igniteui-angular-inputs.js +929 -765
  57. package/lib/IconView_combined.d.ts +33 -34
  58. package/lib/MultiSliderView_combined.d.ts +1 -1
  59. package/lib/NativeUIXInputsFactory_combined.d.ts +18 -13
  60. package/lib/igx-multi-slider-thumb-collection.d.ts +4 -4
  61. package/lib/igx-multi-slider-thumb-component.d.ts +47 -0
  62. package/lib/igx-multi-slider-thumb-dynamic-module.d.ts +9 -0
  63. package/lib/igx-multi-slider-thumb-module.d.ts +8 -0
  64. package/lib/igx-multi-slider-thumb-value-changing-event-args.d.ts +3 -3
  65. package/lib/igx-multi-slider-track-thumb-range.d.ts +5 -5
  66. package/package.json +2 -2
  67. package/public_api.d.ts +3 -1
  68. package/esm2015/lib/igx-multi-slider-thumb.js +0 -111
  69. package/esm5/lib/igx-multi-slider-thumb.js +0 -134
  70. 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 { IgxMultiSliderThumb } from "./igx-multi-slider-thumb";
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 = new IgxMultiSliderThumb();
41
- if (r.$type) {
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 { IgxMultiSliderThumb } from "./igx-multi-slider-thumb";
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 = new IgxMultiSliderThumb();
60
- if (r.$type) {
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 = new IgxMultiSliderThumb();
82
- if (r.$type) {
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.bh;
271
+ return this.i.bj;
272
272
  }
273
273
  set source(v) {
274
- this.i.bh = v;
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.b0;
280
+ return this.i.b2;
281
281
  }
282
282
  set dataURL(v) {
283
- this.i.b0 = v;
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.ca;
334
+ return this.i.cc;
335
335
  }
336
336
  set id(v) {
337
- this.i.ca = v;
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.bv;
352
+ return this.i.bx;
353
353
  }
354
354
  set ariaLabel(v) {
355
- this.i.bv = v;
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.bg();
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.b2();
551
+ let iv = this.i.b4();
552
552
  return (iv);
553
553
  }
554
554
  _runInZone(act) {
@@ -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.o(this.o, this.c.k4);
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.o(a, this.k4);
1215
- NativeUI.n(a, this.nu);
1214
+ NativeUI.p(a, this.k4);
1215
+ NativeUI.o(a, this.nu);
1216
1216
  if (!isNaN_(this.bk)) {
1217
- NativeUI.p(a, new Thickness(0, this.bk));
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.m(a, this.nv);
1234
+ NativeUI.n(a, this.nv);
1235
1235
  }
1236
1236
  else if (this.focused && this.a3) {
1237
- NativeUI.m(a, this.ny);
1237
+ NativeUI.n(a, this.ny);
1238
1238
  }
1239
1239
  else {
1240
1240
  if (this.a4 && !this.av) {
1241
- NativeUI.m(a, this.n0);
1241
+ NativeUI.n(a, this.n0);
1242
1242
  }
1243
1243
  else {
1244
- NativeUI.m(a, this.nt);
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.ak(a));
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.aj(a));
3671
+ c.b = AppearanceHelper.a(NativeUI.am(a));
3672
3672
  c.j = this.v;
3673
- c.f = AppearanceHelper.a(NativeUI.al(b));
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(100, 33, 150, 243));
4043
- $ret.addItem("PenumbraShadowColor", BrushUtil.l(70, 33, 150, 243));
4044
- $ret.addItem("AmbientShadowColor", BrushUtil.l(40, 33, 150, 243));
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(100, 33, 150, 243));
4202
- $ret.addItem("PenumbraShadowColor", BrushUtil.l(70, 33, 150, 243));
4203
- $ret.addItem("AmbientShadowColor", BrushUtil.l(40, 33, 150, 243));
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.al(k._inner[l]));
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.al(o._inner[p]));
2866
- q.a = AppearanceHelper.a(NativeUI.ak(o._inner[p]));
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.o(a, new CornerRadius(0, this.ao));
561
- NativeUI.o(b, new CornerRadius(0, this.ao));
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.p(b, new Thickness(0, this.an));
563
+ NativeUI.q(b, new Thickness(0, this.an));
564
564
  }
565
565
  if (this.checked) {
566
- NativeUI.m(a, this.c8);
567
- NativeUI.n(b, this.c9);
566
+ NativeUI.n(a, this.c8);
567
+ NativeUI.o(b, this.c9);
568
568
  }
569
569
  else {
570
- NativeUI.m(a, this.db);
571
- NativeUI.n(b, this.dc);
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.aa(a, this.da);
580
- NativeUI.ad(a, this.ap);
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.af(this.view.v, null);
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.m(d, this.c8);
1155
- NativeUI.n(e, this.c9);
1156
- NativeUI.y(f, 1);
1157
- NativeUI.ac(f, 41);
1158
- NativeUI.af(f, g);
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.m(d, this.c8);
1162
- NativeUI.n(e, this.c9);
1163
- NativeUI.y(f, 1);
1164
- NativeUI.ac(f, 0);
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.m(d, this.db);
1168
- NativeUI.n(e, this.dc);
1169
- NativeUI.y(f, 0);
1170
- NativeUI.ac(f, 24);
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();