igniteui-webcomponents-inputs 4.2.5 → 4.3.0-beta.1

package/esm2015/lib/XPopupBridge.js

@@ -0,0 +1,287 @@
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+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.
+*/
+import { XComponentBridge } from "./XComponentBridge";
+import { INativeUIPopupBridge_$type } from "igniteui-webcomponents-core";
+import { List$1 } from "igniteui-webcomponents-core";
+import { NativeUIComponent } from "igniteui-webcomponents-core";
+import { runOn, delegateCombine, delegateRemove, enumGetBox, typeGetValue, EnumUtil, markType } from "igniteui-webcomponents-core";
+import { NativeUIPopupOpenedEventArgs } from "igniteui-webcomponents-core";
+import { NativeUIPopupClosedEventArgs } from "igniteui-webcomponents-core";
+import { NativeUIMouseEventArgs } from "igniteui-webcomponents-core";
+import { NativeUIFocusEventArgs } from "igniteui-webcomponents-core";
+import { NativeUIPopupAnimationType_$type } from "igniteui-webcomponents-core";
+import { NativeUIPopupPointerPosition_$type } from "igniteui-webcomponents-core";
+/**
+ * @hidden
+ */
+export let XPopupBridge = /*@__PURE__*/ (() => {
+    class XPopupBridge extends XComponentBridge {
+        constructor(a) {
+            super(a);
+            this.ai = null;
+            this.ad = null;
+            this.ag = null;
+            this.ah = null;
+            this.ae = null;
+            this.af = null;
+            this.ab = null;
+            this.aa = null;
+            this.y = null;
+            this.z = null;
+            this.w = null;
+            this.x = null;
+            this.ac = null;
+            this.ac = new List$1(NativeUIComponent.$, 0);
+        }
+        contains(a, b) {
+            let c = this.t;
+            return c.contains(b);
+        }
+        addHandler(a, b, c, d) {
+            let e = a;
+            switch (c) {
+                case 5:
+                    e.onPopup = delegateCombine(e.onPopup, runOn(this, this.ao));
+                    this.ab = d;
+                    this.ai = b;
+                    break;
+                case 6:
+                    e.onClosed = delegateCombine(e.onClosed, runOn(this, this.aj));
+                    this.aa = d;
+                    this.ad = b;
+                    break;
+                case 7:
+                    e.popupMouseEnter = delegateCombine(e.popupMouseEnter, runOn(this, this.am));
+                    this.y = d;
+                    this.ag = b;
+                    break;
+                case 8:
+                    e.popupMouseLeave = delegateCombine(e.popupMouseLeave, runOn(this, this.an));
+                    this.z = d;
+                    this.ah = b;
+                    break;
+                case 12:
+                    e.popupGotFocus = delegateCombine(e.popupGotFocus, runOn(this, this.ak));
+                    this.w = d;
+                    this.ae = b;
+                    break;
+                case 13:
+                    e.popupLostFocus = delegateCombine(e.popupLostFocus, runOn(this, this.al));
+                    this.x = d;
+                    this.af = b;
+                    break;
+            }
+        }
+        removeHandler(a, b, c, d) {
+            let e = a;
+            switch (c) {
+                case 5:
+                    e.onPopup = delegateRemove(e.onPopup, runOn(this, this.ao));
+                    this.ab = null;
+                    this.ai = null;
+                    break;
+                case 6:
+                    e.onClosed = delegateRemove(e.onClosed, runOn(this, this.aj));
+                    this.aa = null;
+                    this.ad = null;
+                    break;
+                case 7:
+                    e.popupMouseEnter = delegateRemove(e.popupMouseEnter, runOn(this, this.am));
+                    this.y = null;
+                    this.ag = null;
+                    break;
+                case 8:
+                    e.popupMouseLeave = delegateRemove(e.popupMouseLeave, runOn(this, this.an));
+                    this.z = null;
+                    this.ah = null;
+                    break;
+                case 12:
+                    e.popupGotFocus = delegateRemove(e.popupGotFocus, runOn(this, this.ak));
+                    this.w = null;
+                    this.ae = null;
+                    break;
+                case 13:
+                    e.popupLostFocus = delegateRemove(e.popupLostFocus, runOn(this, this.al));
+                    this.x = null;
+                    this.af = null;
+                    break;
+            }
+        }
+        ao(a, b) {
+            if (this.ab != null) {
+                this.ab(this.ai, new NativeUIPopupOpenedEventArgs());
+            }
+        }
+        aj(a, b) {
+            if (this.aa != null) {
+                this.aa(this.ad, new NativeUIPopupClosedEventArgs());
+            }
+        }
+        am(a, b) {
+            if (this.y != null) {
+                this.y(this.ag, new NativeUIMouseEventArgs());
+            }
+        }
+        an(a, b) {
+            if (this.z != null) {
+                this.z(this.ah, new NativeUIMouseEventArgs());
+            }
+        }
+        ak(a, b) {
+            if (this.w != null) {
+                this.w(this.ae, new NativeUIFocusEventArgs());
+            }
+        }
+        al(a, b) {
+            if (this.x != null) {
+                this.x(this.af, ((() => {
+                    let $ret = new NativeUIFocusEventArgs();
+                    $ret.a = b.a;
+                    return $ret;
+                })()));
+            }
+        }
+        getValue(a, b) {
+            let c = a;
+            switch (b) {
+                case 22: return c.ao;
+                case 25: return c.ag;
+                case 26: return c.av;
+                case 17: return c.aq;
+                case 23: return c.b9;
+                case 35: switch (c.n) {
+                    case 1: return enumGetBox(NativeUIPopupAnimationType_$type, 1);
+                    default: return enumGetBox(NativeUIPopupAnimationType_$type, 0);
+                }
+                case 36: return c.al;
+                case 37: return c.ak;
+                case 40: return c.ax;
+                case 41: return c.am;
+                case 43: switch (c.q) {
+                    case 0: return enumGetBox(NativeUIPopupPointerPosition_$type, 0);
+                    default: return enumGetBox(NativeUIPopupPointerPosition_$type, 1);
+                }
+                case 42: return c.cd;
+                case 39: return c.ai;
+            }
+            return super.getValue(a, b);
+        }
+        setValue(a, b, c) {
+            let d = a;
+            switch (b) {
+                case 25:
+                    d.ag = c;
+                    break;
+                case 26:
+                    d.av = typeGetValue(c);
+                    break;
+                case 17:
+                    d.aq = c;
+                    break;
+                case 23:
+                    d.b9 = c;
+                    break;
+                case 35:
+                    switch (EnumUtil.getEnumValue(NativeUIPopupAnimationType_$type, c)) {
+                        case 1:
+                            d.n = 1;
+                            break;
+                        default:
+                            d.n = 0;
+                            break;
+                    }
+                    break;
+                case 36:
+                    d.al = c;
+                    break;
+                case 37:
+                    d.ak = c;
+                    break;
+                case 40:
+                    d.ax = typeGetValue(c);
+                    break;
+                case 41:
+                    d.am = c;
+                    break;
+                case 42:
+                    d.cd = c;
+                    break;
+                case 43:
+                    switch (EnumUtil.getEnumValue(NativeUIPopupPointerPosition_$type, c)) {
+                        case 0:
+                            d.q = 0;
+                            break;
+                        case 1:
+                            d.q = 1;
+                            break;
+                    }
+                    break;
+                case 39:
+                    d.ai = c;
+                    break;
+            }
+            super.setValue(a, b, c);
+        }
+        showRelativeToExclusionRect(a, b, c, d) {
+            a.showRelativeToExclusionRect(b, this.v(c), this.u(d));
+        }
+        close(a) {
+            a.bj();
+        }
+        notifyContentSizeChanged(a) {
+            a.bm();
+        }
+        notifyExclusionRectChanged(a, b) {
+            a.bn(b);
+        }
+        v(a) {
+            switch (a) {
+                case 0: return 0;
+                case 1: return 1;
+                case 2: return 2;
+                default: return 0;
+            }
+        }
+        u(a) {
+            switch (a) {
+                case 0: return 0;
+                case 2: return 2;
+                case 1: return 1;
+                case 3: return 3;
+                default: return 0;
+            }
+        }
+        addChild(a, b) {
+            this.ac.add(b);
+            let c = a;
+            c.appendPopupContent(b.al);
+        }
+        insertChild(a, b, c) {
+            this.ac.add(c);
+            let d = a;
+            d.appendPopupContent(c.al);
+        }
+        getChildAt(a, b) {
+            return this.ac._inner[b];
+        }
+        getChildrenCount(a) {
+            return this.ac.count;
+        }
+        removeChild(a, b) {
+            let c = a;
+            c.removePopupContent(b.al);
+            this.ac.remove(b);
+        }
+        removeChildAt(a, b) {
+            let c = a;
+            c.removePopupContent(this.ac._inner[b].al);
+            this.ac.removeAt(b);
+        }
+    }
+    XPopupBridge.$t = /*@__PURE__*/ markType(XPopupBridge, 'XPopupBridge', XComponentBridge.$, [INativeUIPopupBridge_$type]);
+    return XPopupBridge;
+})();

package/esm2015/lib/igc-date-picker-component.js

@@ -18,6 +18,22 @@ import { FirstWeek_$type } from "./FirstWeek";
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
 export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
     class IgcDatePickerComponent extends IgcHTMLElement {
+        set height(value) {
+            this._height = value;
+            this.style.height = value;
+            this.i.notifySizeChanged();
+        }
+        get height() {
+            return this._height;
+        }
+        set width(value) {
+            this._width = value;
+            this.style.width = value;
+            this.i.notifySizeChanged();
+        }
+        get width() {
+            return this._width;
+        }
         constructor() {
             super();
             this._disconnected = false;
@@ -47,6 +63,7 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
             }
             this._renderer = new WebComponentRenderer(this, document, true, null);
             this._implementation = this.createImplementation();
+            this._implementation.externalObject = this;
             this._container = this._renderer.createElement("div");
             this._renderer.updateRoot(this._container);
             //this._renderer.rootWrapper.append(this._container);
@@ -58,22 +75,6 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
                 this._datePicker.notifySizeChanged();
             });
         }
-        set height(value) {
-            this._height = value;
-            this.style.height = value;
-            this.i.notifySizeChanged();
-        }
-        get height() {
-            return this._height;
-        }
-        set width(value) {
-            this._width = value;
-            this.style.width = value;
-            this.i.notifySizeChanged();
-        }
-        get width() {
-            return this._width;
-        }
         // supports angular themes or custom properties set in CSS
         updateStyle() {
             this._styling(this, this);
@@ -86,6 +87,7 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
         }
         disconnectedCallback() {
             this._disconnected = true;
+            this._datePicker.provideContainer(null);
         }
         connectedCallback() {
             if (this._disconnected) {
@@ -209,29 +211,29 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the values.
         */
         get today() {
-            return this.i.a2;
+            return this.i.a3;
         }
         set today(v) {
-            this.i.a2 = v;
+            this.i.a3 = v;
         }
         /**
          * Gets or Sets the property name that contains the label.
         */
         get label() {
-            return this.i.bs;
+            return this.i.bv;
         }
         set label(v) {
-            this.i.bs = v;
+            this.i.bv = v;
         }
         /**
          * Gets or sets the color to use for the text.
         */
         get labelTextColor() {
-            return brushToString(this.i.dd);
+            return brushToString(this.i.dh);
         }
         set labelTextColor(v) {
-            this.i.dd = stringToBrush(v);
-            this._a("labelTextColor", brushToString(this.i.dd));
+            this.i.dh = stringToBrush(v);
+            this._a("labelTextColor", brushToString(this.i.dh));
         }
         /**
          * Gets or sets the font to use for the combobox.
@@ -252,28 +254,28 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the placeholder.
         */
         get placeholder() {
-            return this.i.bz;
+            return this.i.b2;
         }
         set placeholder(v) {
-            this.i.bz = v;
+            this.i.b2 = v;
         }
         /**
          * Gets or Sets the property name that contains the MinDate.
         */
         get minDate() {
-            return this.i.a1;
+            return this.i.a2;
         }
         set minDate(v) {
-            this.i.a1 = v;
+            this.i.a2 = v;
         }
         /**
          * Gets or Sets the property name that contains the MaxDate.
         */
         get maxDate() {
-            return this.i.a0;
+            return this.i.a1;
         }
         set maxDate(v) {
-            this.i.a0 = v;
+            this.i.a1 = v;
         }
         /**
          * Gets or sets the display density to use for the date pcicker.
@@ -314,61 +316,61 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the text color
         */
         get textColor() {
-            return brushToString(this.i.de);
+            return brushToString(this.i.di);
         }
         set textColor(v) {
-            this.i.de = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.de));
+            this.i.di = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.di));
         }
         /**
          * Gets or Sets the text color
         */
         get iconColor() {
-            return brushToString(this.i.dc);
+            return brushToString(this.i.dg);
         }
         set iconColor(v) {
-            this.i.dc = stringToBrush(v);
-            this._a("iconColor", brushToString(this.i.dc));
+            this.i.dg = stringToBrush(v);
+            this._a("iconColor", brushToString(this.i.dg));
         }
         /**
          * Gets or sets the ShowClearButton property to detirmine if the clear button is shown
         */
         get showClearButton() {
-            return this.i.as;
+            return this.i.at;
         }
         set showClearButton(v) {
-            this.i.as = ensureBool(v);
-            this._a("showClearButton", this.i.as);
+            this.i.at = ensureBool(v);
+            this._a("showClearButton", this.i.at);
         }
         /**
          * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
         */
         get showTodayButton() {
-            return this.i.at;
+            return this.i.au;
         }
         set showTodayButton(v) {
-            this.i.at = ensureBool(v);
-            this._a("showTodayButton", this.i.at);
+            this.i.au = ensureBool(v);
+            this._a("showTodayButton", this.i.au);
         }
         /**
          * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
         */
         get allowTextInput() {
-            return this.i.ap;
+            return this.i.aq;
         }
         set allowTextInput(v) {
-            this.i.ap = ensureBool(v);
-            this._a("allowTextInput", this.i.ap);
+            this.i.aq = ensureBool(v);
+            this._a("allowTextInput", this.i.aq);
         }
         /**
          * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
         */
         get openOnFocus() {
-            return this.i.ar;
+            return this.i.as;
         }
         set openOnFocus(v) {
-            this.i.ar = ensureBool(v);
-            this._a("openOnFocus", this.i.ar);
+            this.i.as = ensureBool(v);
+            this._a("openOnFocus", this.i.as);
         }
         /**
          * Gets or sets the FirstDayOfWeek property to detirmine first day of the week
@@ -394,11 +396,11 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
          * Gets or sets the ShowWeekNumbers property to detirmine if the week numbers are shown
         */
         get showWeekNumbers() {
-            return this.i.au;
+            return this.i.av;
         }
         set showWeekNumbers(v) {
-            this.i.au = ensureBool(v);
-            this._a("showWeekNumbers", this.i.au);
+            this.i.av = ensureBool(v);
+            this._a("showWeekNumbers", this.i.av);
         }
         /**
          * Gets or sets the date time format to use for this column. If FormatString is specificied this value is ignored.
@@ -414,17 +416,17 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
          * Gets or sets the Format property to detirmine the format of the date in the input
         */
         get formatString() {
-            return this.i.bo;
+            return this.i.br;
         }
         set formatString(v) {
-            this.i.bo = v;
+            this.i.br = v;
         }
         get isDisabled() {
-            return this.i.aq;
+            return this.i.ar;
         }
         set isDisabled(v) {
-            this.i.aq = ensureBool(v);
-            this._a("isDisabled", this.i.aq);
+            this.i.ar = ensureBool(v);
+            this._a("isDisabled", this.i.ar);
         }
         get hasUserValues() {
             return this._hasUserValues;
@@ -480,14 +482,14 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         select() {
-            this.i.cz();
+            this.i.c3();
         }
         /**
          * Exports visual information about the current state of the grid.
         
         */
         exportVisualModel() {
-            let iv = this.i.a5();
+            let iv = this.i.a8();
             return (iv);
         }
         /**
@@ -495,7 +497,7 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualModel() {
-            let iv = this.i.bl();
+            let iv = this.i.bo();
             return (iv);
         }
         /**