igniteui-webcomponents-inputs 4.0.4 → 4.2.2

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 (51) hide show
  1. package/bundles/igniteui-webcomponents-inputs.umd.js +2714 -2094
  2. package/bundles/igniteui-webcomponents-inputs.umd.min.js +1 -1
  3. package/esm2015/lib/ButtonGroupView_combined.js +17 -17
  4. package/esm2015/lib/ButtonView_combined.js +945 -939
  5. package/esm2015/lib/CalendarView_combined.js +80 -80
  6. package/esm2015/lib/DatePickerView_combined.js +15 -15
  7. package/esm2015/lib/IconView_combined.js +250 -238
  8. package/esm2015/lib/InputGroupView_combined.js +368 -357
  9. package/esm2015/lib/NativeUIXInputsFactory.js +143 -0
  10. package/esm2015/lib/XButtonBridge.js +101 -0
  11. package/esm2015/lib/XCheckboxBridge.js +69 -0
  12. package/esm2015/lib/XComponentBridge.js +34 -0
  13. package/esm2015/lib/XIconButtonBridge.js +65 -0
  14. package/esm2015/lib/XInputBridge.js +162 -0
  15. package/esm2015/lib/igc-x-button-component.js +366 -366
  16. package/esm2015/lib/igc-x-icon-component.js +74 -63
  17. package/esm2015/lib/igc-x-input-component.js +65 -54
  18. package/esm2015/public_api.js +6 -0
  19. package/esm5/lib/ButtonGroupView_combined.js +17 -17
  20. package/esm5/lib/ButtonView_combined.js +941 -935
  21. package/esm5/lib/CalendarView_combined.js +80 -80
  22. package/esm5/lib/DatePickerView_combined.js +15 -15
  23. package/esm5/lib/IconView_combined.js +240 -224
  24. package/esm5/lib/InputGroupView_combined.js +353 -338
  25. package/esm5/lib/NativeUIXInputsFactory.js +153 -0
  26. package/esm5/lib/XButtonBridge.js +103 -0
  27. package/esm5/lib/XCheckboxBridge.js +71 -0
  28. package/esm5/lib/XComponentBridge.js +36 -0
  29. package/esm5/lib/XIconButtonBridge.js +67 -0
  30. package/esm5/lib/XInputBridge.js +164 -0
  31. package/esm5/lib/igc-x-button-component.js +366 -366
  32. package/esm5/lib/igc-x-icon-component.js +79 -64
  33. package/esm5/lib/igc-x-input-component.js +70 -55
  34. package/esm5/public_api.js +6 -0
  35. package/fesm2015/igniteui-webcomponents-inputs.js +2718 -2129
  36. package/fesm5/igniteui-webcomponents-inputs.js +2705 -2092
  37. package/lib/ButtonView_combined.d.ts +262 -260
  38. package/lib/DatePickerView_combined.d.ts +1 -1
  39. package/lib/DatePickerVisualModelExport.d.ts +1 -1
  40. package/lib/IconView_combined.d.ts +59 -56
  41. package/lib/InputGroupView_combined.d.ts +91 -89
  42. package/lib/NativeUIXInputsFactory.d.ts +22 -0
  43. package/lib/XButtonBridge.d.ts +21 -0
  44. package/lib/XCheckboxBridge.d.ts +19 -0
  45. package/lib/XComponentBridge.d.ts +17 -0
  46. package/lib/XIconButtonBridge.d.ts +16 -0
  47. package/lib/XInputBridge.d.ts +24 -0
  48. package/lib/igc-x-icon-component.d.ts +6 -1
  49. package/lib/igc-x-input-component.d.ts +6 -1
  50. package/package.json +2 -2
  51. package/public_api.d.ts +6 -0
@@ -1719,70 +1719,70 @@ export let XCalendar = /*@__PURE__*/ (() => {
1719
1719
  c3() {
1720
1720
  for (let a = 0; a < this.aj.count; a++) {
1721
1721
  if (this.dq != null) {
1722
- this.aj._inner[a].s5 = this.dq;
1722
+ this.aj._inner[a].s6 = this.dq;
1723
1723
  }
1724
1724
  if (this.dk != null) {
1725
- this.aj._inner[a].s1 = this.dk;
1725
+ this.aj._inner[a].s2 = this.dk;
1726
1726
  }
1727
1727
  if (this.dg != null) {
1728
- this.aj._inner[a].sv = this.dg;
1728
+ this.aj._inner[a].sw = this.dg;
1729
1729
  }
1730
1730
  if (this.dj != null) {
1731
- this.aj._inner[a].s0 = this.dj;
1731
+ this.aj._inner[a].s1 = this.dj;
1732
1732
  }
1733
1733
  if (this.dl != null) {
1734
- this.aj._inner[a].s2 = this.dl;
1734
+ this.aj._inner[a].s3 = this.dl;
1735
1735
  }
1736
1736
  }
1737
1737
  for (let b = 0; b < this.ah.count; b++) {
1738
1738
  if (this.dq != null) {
1739
- this.ah._inner[b].s5 = this.dq;
1739
+ this.ah._inner[b].s6 = this.dq;
1740
1740
  }
1741
1741
  if (this.dk != null) {
1742
- this.ah._inner[b].s1 = this.dk;
1742
+ this.ah._inner[b].s2 = this.dk;
1743
1743
  }
1744
1744
  if (this.dg != null) {
1745
- this.ah._inner[b].sv = this.dg;
1745
+ this.ah._inner[b].sw = this.dg;
1746
1746
  }
1747
1747
  if (this.dj != null) {
1748
- this.ah._inner[b].s0 = this.dj;
1748
+ this.ah._inner[b].s1 = this.dj;
1749
1749
  }
1750
1750
  if (this.dl != null) {
1751
- this.ah._inner[b].s2 = this.dl;
1751
+ this.ah._inner[b].s3 = this.dl;
1752
1752
  }
1753
1753
  }
1754
1754
  for (let c = 0; c < this.ak.count; c++) {
1755
1755
  if (this.dq != null) {
1756
- this.ak._inner[c].s5 = this.dq;
1756
+ this.ak._inner[c].s6 = this.dq;
1757
1757
  }
1758
1758
  if (this.dk != null) {
1759
- this.ak._inner[c].s1 = this.dk;
1759
+ this.ak._inner[c].s2 = this.dk;
1760
1760
  }
1761
1761
  if (this.dg != null) {
1762
- this.ak._inner[c].sv = this.dg;
1762
+ this.ak._inner[c].sw = this.dg;
1763
1763
  }
1764
1764
  if (this.dj != null) {
1765
- this.ak._inner[c].s0 = this.dj;
1765
+ this.ak._inner[c].s1 = this.dj;
1766
1766
  }
1767
1767
  if (this.dl != null) {
1768
- this.ak._inner[c].s2 = this.dl;
1768
+ this.ak._inner[c].s3 = this.dl;
1769
1769
  }
1770
1770
  }
1771
1771
  for (let d = 0; d < this.al.count; d++) {
1772
1772
  if (this.dq != null) {
1773
- this.al._inner[d].s5 = this.dq;
1773
+ this.al._inner[d].s6 = this.dq;
1774
1774
  }
1775
1775
  if (this.dk != null) {
1776
- this.al._inner[d].s1 = this.dk;
1776
+ this.al._inner[d].s2 = this.dk;
1777
1777
  }
1778
1778
  if (this.dg != null) {
1779
- this.al._inner[d].sv = this.dg;
1779
+ this.al._inner[d].sw = this.dg;
1780
1780
  }
1781
1781
  if (this.dj != null) {
1782
- this.al._inner[d].s0 = this.dj;
1782
+ this.al._inner[d].s1 = this.dj;
1783
1783
  }
1784
1784
  if (this.dl != null) {
1785
- this.al._inner[d].s2 = this.dl;
1785
+ this.al._inner[d].s3 = this.dl;
1786
1786
  }
1787
1787
  }
1788
1788
  }
@@ -1850,15 +1850,15 @@ export let XCalendar = /*@__PURE__*/ (() => {
1850
1850
  d.v = this.u;
1851
1851
  }
1852
1852
  let e = new CornerRadius(0, 2);
1853
- d.ke = e;
1854
- d.kv = e;
1853
+ d.kf = e;
1854
+ d.kw = e;
1855
1855
  d.ec = 0;
1856
1856
  d.appendButtonContent(b);
1857
- d.s5 = this.dq;
1858
- d.s1 = this.dk;
1859
- d.sv = this.dg;
1860
- d.s0 = this.dj;
1861
- d.s2 = this.dl;
1857
+ d.s6 = this.dq;
1858
+ d.s2 = this.dk;
1859
+ d.sw = this.dg;
1860
+ d.s1 = this.dj;
1861
+ d.s3 = this.dl;
1862
1862
  d.bh = 30;
1863
1863
  d.bg = 30;
1864
1864
  this.ah.add(d);
@@ -1876,17 +1876,17 @@ export let XCalendar = /*@__PURE__*/ (() => {
1876
1876
  c.v = this.u;
1877
1877
  }
1878
1878
  let d = new CornerRadius(0, 2);
1879
- c.ke = d;
1880
- c.kv = d;
1879
+ c.kf = d;
1880
+ c.kw = d;
1881
1881
  c.ec = 0;
1882
1882
  c.appendButtonContent(b);
1883
1883
  let e = !stringIsNullOrWhiteSpace(this.x.b1("Today")) ? this.x.b1("Today") : "Today";
1884
1884
  this.h.az(e);
1885
- c.s5 = this.dq;
1886
- c.s1 = this.dk;
1887
- c.sv = this.dg;
1888
- c.s0 = this.dj;
1889
- c.s2 = this.dl;
1885
+ c.s6 = this.dq;
1886
+ c.s2 = this.dk;
1887
+ c.sw = this.dg;
1888
+ c.s1 = this.dj;
1889
+ c.s3 = this.dl;
1890
1890
  this.g = c;
1891
1891
  let f = this.g;
1892
1892
  f.clicked = delegateCombine(f.clicked, runOn(this, this.c2));
@@ -1908,15 +1908,15 @@ export let XCalendar = /*@__PURE__*/ (() => {
1908
1908
  c.v = this.u;
1909
1909
  }
1910
1910
  let d = new CornerRadius(0, 2);
1911
- c.ke = d;
1912
- c.kv = d;
1911
+ c.kf = d;
1912
+ c.kw = d;
1913
1913
  c.ec = 0;
1914
1914
  c.appendButtonContent(b);
1915
- c.s5 = this.dq;
1916
- c.s1 = this.dk;
1917
- c.sv = this.dg;
1918
- c.s0 = this.dj;
1919
- c.s2 = this.dl;
1915
+ c.s6 = this.dq;
1916
+ c.s2 = this.dk;
1917
+ c.sw = this.dg;
1918
+ c.s1 = this.dj;
1919
+ c.s3 = this.dl;
1920
1920
  c.bh = 40;
1921
1921
  this.ak.add(c);
1922
1922
  }
@@ -1989,15 +1989,15 @@ export let XCalendar = /*@__PURE__*/ (() => {
1989
1989
  d.v = this.u;
1990
1990
  }
1991
1991
  let e = new CornerRadius(0, 2);
1992
- d.ke = e;
1993
- d.kv = e;
1992
+ d.kf = e;
1993
+ d.kw = e;
1994
1994
  d.ec = 0;
1995
1995
  d.appendButtonContent(b);
1996
- d.s5 = this.dq;
1997
- d.s1 = this.dk;
1998
- d.sv = this.dg;
1999
- d.s0 = this.dj;
2000
- d.s2 = this.dl;
1996
+ d.s6 = this.dq;
1997
+ d.s2 = this.dk;
1998
+ d.sw = this.dg;
1999
+ d.s1 = this.dj;
2000
+ d.s3 = this.dl;
2001
2001
  d.ih = "btnYear" + c.toString();
2002
2002
  this.al.add(d);
2003
2003
  }
@@ -2201,8 +2201,8 @@ export let XCalendar = /*@__PURE__*/ (() => {
2201
2201
  e.eu = -1;
2202
2202
  e.e = 1;
2203
2203
  let f = new CornerRadius(0, 2);
2204
- e.ke = f;
2205
- e.kv = f;
2204
+ e.kf = f;
2205
+ e.kw = f;
2206
2206
  e.ec = 0;
2207
2207
  let g = new XIcon();
2208
2208
  this.h.aw(b, g);
@@ -2215,11 +2215,11 @@ export let XCalendar = /*@__PURE__*/ (() => {
2215
2215
  e.ih = "btnNext";
2216
2216
  }
2217
2217
  e.appendButtonContent(c);
2218
- e.s5 = this.dq;
2219
- e.s1 = this.dk;
2220
- e.sv = this.dg;
2221
- e.s0 = this.dj;
2222
- e.s2 = this.dl;
2218
+ e.s6 = this.dq;
2219
+ e.s2 = this.dk;
2220
+ e.sw = this.dg;
2221
+ e.s1 = this.dj;
2222
+ e.s3 = this.dl;
2223
2223
  e.bh = 28;
2224
2224
  e.bg = 28;
2225
2225
  this.aj.add(e);
@@ -2236,15 +2236,15 @@ export let XCalendar = /*@__PURE__*/ (() => {
2236
2236
  d.v = this.u;
2237
2237
  }
2238
2238
  let e = new CornerRadius(0, 2);
2239
- d.ke = e;
2240
- d.kv = e;
2239
+ d.kf = e;
2240
+ d.kw = e;
2241
2241
  d.ec = 0;
2242
2242
  d.appendButtonContent(b);
2243
- d.s5 = this.dq;
2244
- d.s1 = this.dk;
2245
- d.sv = this.dg;
2246
- d.s0 = this.dj;
2247
- d.s2 = this.dl;
2243
+ d.s6 = this.dq;
2244
+ d.s2 = this.dk;
2245
+ d.sw = this.dg;
2246
+ d.s1 = this.dj;
2247
+ d.s3 = this.dl;
2248
2248
  d.bh = 40;
2249
2249
  if (c == "month") {
2250
2250
  d.ih = "btnMonth";
@@ -2410,34 +2410,34 @@ export let XCalendar = /*@__PURE__*/ (() => {
2410
2410
  let b = this.ai._inner[a];
2411
2411
  let c = this.ah._inner[a];
2412
2412
  if (+(this.value) != +(dateMinValue()) && b.b == this.value.getDate() && b.c == dateGetMonth(this.value) && b.d == this.value.getFullYear()) {
2413
- c.s5 = this.dn;
2414
- c.s1 = this.dn;
2415
- c.sv = this.dm;
2416
- c.s0 = this.dp;
2417
- c.sw = this.dg;
2413
+ c.s6 = this.dn;
2414
+ c.s2 = this.dn;
2415
+ c.sw = this.dm;
2416
+ c.s1 = this.dp;
2417
+ c.sx = this.dg;
2418
2418
  }
2419
2419
  else if (b.b == this.av.getDate() && b.c == dateGetMonth(this.av) && b.d == this.av.getFullYear()) {
2420
- c.s5 = this.di;
2420
+ c.s6 = this.di;
2421
2421
  ;
2422
- c.s1 = this.dk;
2423
- c.sv = this.dg;
2424
- c.s0 = this.dj;
2425
- c.sw = this.dh;
2422
+ c.s2 = this.dk;
2423
+ c.sw = this.dg;
2424
+ c.s1 = this.dj;
2425
+ c.sx = this.dh;
2426
2426
  c.be = 1;
2427
2427
  }
2428
2428
  else if (b.a != 0 && b.a != 6 && b.c == dateGetMonth(this.aq)) {
2429
- c.s5 = this.dq;
2430
- c.s1 = this.dk;
2431
- c.sv = this.dg;
2432
- c.s0 = this.dj;
2429
+ c.s6 = this.dq;
2430
+ c.s2 = this.dk;
2433
2431
  c.sw = this.dg;
2432
+ c.s1 = this.dj;
2433
+ c.sx = this.dg;
2434
2434
  }
2435
2435
  else {
2436
- c.s5 = this.dq;
2437
- c.s1 = this.dk;
2438
- c.sv = this.dg;
2439
- c.s0 = this.dj;
2436
+ c.s6 = this.dq;
2437
+ c.s2 = this.dk;
2440
2438
  c.sw = this.dg;
2439
+ c.s1 = this.dj;
2440
+ c.sx = this.dg;
2441
2441
  }
2442
2442
  if (b.d >= this.au.getFullYear() && b.d <= this.at.getFullYear()) {
2443
2443
  if (b.d == this.au.getFullYear() && b.d == this.at.getFullYear()) {
@@ -10,7 +10,7 @@ import { XLabel } from "./XLabel";
10
10
  import { XInput } from "./XInput";
11
11
  import { XSuffix } from "./XSuffix";
12
12
  import { XIcon } from "./XIcon";
13
- import { Popup } from "igniteui-webcomponents-layouts";
13
+ import { Popup } from "igniteui-webcomponents-core";
14
14
  import { XCalendar } from "./XCalendar";
15
15
  import { Rect } from "igniteui-webcomponents-core";
16
16
  import { SRProvider } from "igniteui-webcomponents-core";
@@ -685,7 +685,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
685
685
  break;
686
686
  case "Placeholder":
687
687
  if (this.o != null) {
688
- this.o.cb = this.bz;
688
+ this.o.ce = this.bz;
689
689
  this.h.ar(this.bz);
690
690
  }
691
691
  break;
@@ -726,7 +726,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
726
726
  break;
727
727
  case "ShowClearButton":
728
728
  if (this.o != null) {
729
- if (this.o.cj != "") {
729
+ if (this.o.cm != "") {
730
730
  this.h.ap();
731
731
  }
732
732
  }
@@ -874,7 +874,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
874
874
  }
875
875
  c6() {
876
876
  if (this.o != null) {
877
- this.o.dy = this.de;
877
+ this.o.d1 = this.de;
878
878
  }
879
879
  if (this.m != null) {
880
880
  this.m.fill = this.dc;
@@ -893,7 +893,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
893
893
  }
894
894
  c5() {
895
895
  if (this.aa != null) {
896
- this.o.ad = this.aa;
896
+ this.o.af = this.aa;
897
897
  }
898
898
  }
899
899
  cd() {
@@ -913,15 +913,15 @@ export let DatePicker = /*@__PURE__*/ (() => {
913
913
  }
914
914
  this.o = new XInput();
915
915
  this.h.al(this.o);
916
- this.o.b3 = "text";
916
+ this.o.b6 = "text";
917
917
  if (this.aa != null) {
918
- this.o.ad = this.aa;
918
+ this.o.af = this.aa;
919
919
  }
920
920
  this.o.disabled = !this.ap;
921
- this.o.dy = this.de;
921
+ this.o.d1 = this.de;
922
922
  this.q.appendContentChild(this.h.t());
923
923
  this.q.inputs.add(this.o);
924
- this.o.cb = this.bz;
924
+ this.o.ce = this.bz;
925
925
  this.h.ar(this.bz);
926
926
  let a = this.o;
927
927
  a.change = delegateCombine(a.change, runOn(this, this.ck));
@@ -960,7 +960,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
960
960
  case 9:
961
961
  this.an = true;
962
962
  if (!this.ao) {
963
- this.c8(this.o.cj);
963
+ this.c8(this.o.cm);
964
964
  }
965
965
  this.ah = true;
966
966
  this.cc();
@@ -969,7 +969,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
969
969
  case 13:
970
970
  this.an = true;
971
971
  if (!this.ao) {
972
- this.c8(this.o.cj);
972
+ this.c8(this.o.cm);
973
973
  }
974
974
  this.ah = true;
975
975
  this.cc();
@@ -1321,11 +1321,11 @@ export let DatePicker = /*@__PURE__*/ (() => {
1321
1321
  }
1322
1322
  }
1323
1323
  }
1324
- this.o.cj = a;
1324
+ this.o.cm = a;
1325
1325
  this.h.ap();
1326
1326
  }
1327
1327
  else {
1328
- this.o.cj = "";
1328
+ this.o.cm = "";
1329
1329
  this.h.ae();
1330
1330
  }
1331
1331
  }
@@ -1335,7 +1335,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
1335
1335
  return;
1336
1336
  }
1337
1337
  if (this.o != null) {
1338
- this.o.cj = "";
1338
+ this.o.cm = "";
1339
1339
  }
1340
1340
  this.value = dateMinValue();
1341
1341
  this.c.ch();
@@ -1453,7 +1453,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
1453
1453
  }
1454
1454
  cz() {
1455
1455
  if (this.o != null) {
1456
- this.o.dg();
1456
+ this.o.dj();
1457
1457
  }
1458
1458
  }
1459
1459
  ch() {