igniteui-webcomponents-inputs 1.3.3

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

@@ -0,0 +1,739 @@
+import * as tslib_1 from "tslib";
+import { ensureEnum, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, NamePatcher, toSpinal, enumToString, getAllPropertyNames, fromSpinal } from "igniteui-webcomponents-core";
+import { FontInfo } from "igniteui-webcomponents-core";
+import { WebComponentRenderer } from "igniteui-webcomponents-core";
+import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
+import { TypeRegistrar } from "igniteui-webcomponents-core";
+import { RegisterElementHelper } from "igniteui-webcomponents-core";
+import { DatePicker } from './DatePicker';
+import { IgcValueChangedEventArgs } from "./igc-value-changed-event-args";
+import { IgcGotFocusEventArgs } from "./igc-got-focus-event-args";
+import { IgcLostFocusEventArgs } from "./igc-lost-focus-event-args";
+import { IgcInputChangeEventArgs } from "./igc-input-change-event-args";
+import { IgcKeyEventArgs } from "igniteui-webcomponents-core";
+import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
+import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
+import { DateFormats_$type } from "./DateFormats";
+import { DayOfWeek_$type } from "./DayOfWeek";
+import { FirstWeek_$type } from "./FirstWeek";
+var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__extends(IgcDatePickerComponent, _super);
+    function IgcDatePickerComponent() {
+        var _this = _super.call(this) || this;
+        _this._disconnected = false;
+        _this._settingAttributes = false;
+        _this._attached = false;
+        _this._queuedSetAttributes = [];
+        _this._updatingFromAttribute = false;
+        _this.__p = null;
+        _this._hasUserValues = new Set();
+        _this._stylingContainer = null;
+        _this._stylingParent = null;
+        _this._inStyling = false;
+        _this._valueChanged = null;
+        _this._valueChanged_wrapped = null;
+        _this._gotFocus = null;
+        _this._gotFocus_wrapped = null;
+        _this._lostFocus = null;
+        _this._lostFocus_wrapped = null;
+        _this._keyDown = null;
+        _this._keyDown_wrapped = null;
+        _this._changing = null;
+        _this._changing_wrapped = null;
+        if (_this._styling) {
+            NamePatcher.ensureStylablePatched(Object.getPrototypeOf(_this));
+        }
+        _this._renderer = new WebComponentRenderer(_this, document, true, null);
+        _this._implementation = _this.createImplementation();
+        _this._container = _this._renderer.createElement("div");
+        _this._renderer.updateRoot(_this._container);
+        //this._renderer.rootWrapper.append(this._container);
+        //this._container.setStyleProperty("width", "100%");
+        //this._container.setStyleProperty("height", "100%");
+        var datePicker = _this.i;
+        _this._datePicker = datePicker;
+        _this._renderer.addSizeWatcher(function () {
+            _this._datePicker.notifySizeChanged();
+        });
+        return _this;
+    }
+    Object.defineProperty(IgcDatePickerComponent.prototype, "height", {
+        get: function () {
+            return this._height;
+        },
+        set: function (value) {
+            this._height = value;
+            this.style.height = value;
+            this.i.notifySizeChanged();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "width", {
+        get: function () {
+            return this._width;
+        },
+        set: function (value) {
+            this._width = value;
+            this.style.width = value;
+            this.i.notifySizeChanged();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    // supports angular themes or custom properties set in CSS
+    IgcDatePickerComponent.prototype.updateStyle = function () {
+        this._styling(this, this);
+    };
+    IgcDatePickerComponent.prototype.destroy = function () {
+        this._datePicker.destroy();
+    };
+    IgcDatePickerComponent.prototype.createImplementation = function () {
+        return new DatePicker();
+    };
+    IgcDatePickerComponent.prototype.disconnectedCallback = function () {
+        this._disconnected = true;
+    };
+    IgcDatePickerComponent.prototype.connectedCallback = function () {
+        if (this._disconnected) {
+            this._disconnected = false;
+            return;
+        }
+        this.classList.add("ig-date-picker");
+        this.classList.add("igc-date-picker");
+        var rootWrapper = this._renderer.rootWrapper;
+        var rootElement = rootWrapper.getNativeElement();
+        this.appendChild(rootElement);
+        this._attached = true;
+        this.style.display = "block";
+        this.style.height = this._height;
+        this.style.width = this._width;
+        var inputContainer = this._renderer.createElement("div");
+        this._container.append(inputContainer);
+        var popupContainer = this._renderer.createElement("div");
+        this._container.append(popupContainer);
+        this._datePicker.provideContainer(this._renderer);
+        this._datePicker.notifySizeChanged();
+        this._flushQueuedAttributes();
+        // supports themes or custom properties set in CSS 
+        this._styling(this, this);
+        this.afterContentInit();
+    };
+    IgcDatePickerComponent.prototype.afterContentInit = function () {
+        this.i.notifySizeChanged();
+    };
+    Object.defineProperty(IgcDatePickerComponent.prototype, "i", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return this._implementation;
+        } /**
+                                     * @hidden
+                                     */,
+        enumerable: true,
+        configurable: true
+    });
+    IgcDatePickerComponent._createFromInternal = function (internal) {
+        if (!internal) {
+            return null;
+        }
+        if (!internal.$type) {
+            return null;
+        }
+        var name = internal.$type.name;
+        var externalName = "Igc" + name + "Component";
+        if (!TypeRegistrar.isRegistered(externalName)) {
+            return null;
+        }
+        return TypeRegistrar.create(externalName);
+    };
+    IgcDatePickerComponent.prototype._enqueueSetAttribute = function (attrName, attrValue) {
+        this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
+    };
+    IgcDatePickerComponent.prototype._flushQueuedAttributes = function () {
+        this._settingAttributes = true;
+        for (var i = 0; i < this._queuedSetAttributes.length; i++) {
+            this.setAttribute(this._queuedSetAttributes[i].attrName, this._queuedSetAttributes[i].attrValue);
+        }
+        this._settingAttributes = false;
+        this._queuedSetAttributes.length = 0;
+    };
+    IgcDatePickerComponent.prototype._a = function (attrName, attrValue) {
+        if (this._updatingFromAttribute) {
+            return;
+        }
+        if (attrValue) {
+            attrValue = attrValue.toString();
+        }
+        this._settingAttributes = true;
+        attrName = toSpinal(attrName);
+        if (this._attached) {
+            this.setAttribute(attrName, attrValue);
+        }
+        else {
+            this._enqueueSetAttribute(attrName, attrValue);
+        }
+        this._settingAttributes = false;
+    };
+    Object.defineProperty(IgcDatePickerComponent, "observedAttributes", {
+        get: function () {
+            if (IgcDatePickerComponent._observedAttributesIgcDatePickerComponent == null) {
+                var names = getAllPropertyNames(IgcDatePickerComponent);
+                for (var i = 0; i < names.length; i++) {
+                    names[i] = toSpinal(names[i]);
+                }
+                IgcDatePickerComponent._observedAttributesIgcDatePickerComponent = names;
+            }
+            return IgcDatePickerComponent._observedAttributesIgcDatePickerComponent;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    IgcDatePickerComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
+        if (this._settingAttributes) {
+            return;
+        }
+        var setName = fromSpinal(name);
+        this._updatingFromAttribute = true;
+        this[setName] = newValue;
+        this._updatingFromAttribute = false;
+    };
+    IgcDatePickerComponent.register = function () {
+        if (!IgcDatePickerComponent._isElementRegistered) {
+            IgcDatePickerComponent._isElementRegistered = true;
+            RegisterElementHelper.registerElement(IgcDatePickerComponent.htmlTagName, IgcDatePickerComponent);
+        }
+    };
+    Object.defineProperty(IgcDatePickerComponent.prototype, "value", {
+        /**
+     * Gets or Sets the property name that contains the values.
+    */
+        get: function () {
+            return this.i.a1;
+        },
+        set: function (v) {
+            this.i.a1 = v;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "today", {
+        /**
+         * Gets or Sets the property name that contains the values.
+        */
+        get: function () {
+            return this.i.a0;
+        },
+        set: function (v) {
+            this.i.a0 = v;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "label", {
+        /**
+         * Gets or Sets the property name that contains the label.
+        */
+        get: function () {
+            return this.i.bp;
+        },
+        set: function (v) {
+            this.i.bp = v;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "labelTextColor", {
+        /**
+         * Gets or sets the color to use for the text.
+        */
+        get: function () {
+            return brushToString(this.i.c9);
+        },
+        set: function (v) {
+            this.i.c9 = stringToBrush(v);
+            this._a("labelTextColor", brushToString(this.i.c9));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "labelTextStyle", {
+        /**
+         * Gets or sets the font to use for the combobox.
+        */
+        get: function () {
+            if (this.i.ac == null) {
+                return null;
+            }
+            return this.i.ac.fontString;
+        },
+        set: function (v) {
+            var fi = new FontInfo();
+            fi.fontString = v;
+            this.i.ac = fi;
+            this._a("labelTextStyle", this.i.ac != null ? this.i.ac.fontString : "");
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "placeholder", {
+        /**
+         * Gets or Sets the property name that contains the placeholder.
+        */
+        get: function () {
+            return this.i.bw;
+        },
+        set: function (v) {
+            this.i.bw = v;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "minDate", {
+        /**
+         * Gets or Sets the property name that contains the MinDate.
+        */
+        get: function () {
+            return this.i.az;
+        },
+        set: function (v) {
+            this.i.az = v;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "maxDate", {
+        /**
+         * Gets or Sets the property name that contains the MaxDate.
+        */
+        get: function () {
+            return this.i.ay;
+        },
+        set: function (v) {
+            this.i.ay = v;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "density", {
+        /**
+         * Gets or sets the display density to use for the date pcicker.
+        */
+        get: function () {
+            return this.i.d;
+        },
+        set: function (v) {
+            this.i.d = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.d));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "baseTheme", {
+        /**
+         * Gets or sets the base built in theme to use for the date picker.
+        */
+        get: function () {
+            return this.i.b;
+        },
+        set: function (v) {
+            this.i.b = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.b));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "textStyle", {
+        /**
+         * Gets or sets the font to use for the combobox.
+        */
+        get: function () {
+            if (this.i.ad == null) {
+                return null;
+            }
+            return this.i.ad.fontString;
+        },
+        set: function (v) {
+            var fi = new FontInfo();
+            fi.fontString = v;
+            this.i.ad = fi;
+            this._a("textStyle", this.i.ad != null ? this.i.ad.fontString : "");
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "textColor", {
+        /**
+         * Gets or Sets the text color
+        */
+        get: function () {
+            return brushToString(this.i.da);
+        },
+        set: function (v) {
+            this.i.da = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.da));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "iconColor", {
+        /**
+         * Gets or Sets the text color
+        */
+        get: function () {
+            return brushToString(this.i.c8);
+        },
+        set: function (v) {
+            this.i.c8 = stringToBrush(v);
+            this._a("iconColor", brushToString(this.i.c8));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "showClearButton", {
+        /**
+         * Gets or sets the ShowClearButton property to detirmine if the clear button is shown
+        */
+        get: function () {
+            return this.i.aq;
+        },
+        set: function (v) {
+            this.i.aq = ensureBool(v);
+            this._a("showClearButton", this.i.aq);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "showTodayButton", {
+        /**
+         * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
+        */
+        get: function () {
+            return this.i.ar;
+        },
+        set: function (v) {
+            this.i.ar = ensureBool(v);
+            this._a("showTodayButton", this.i.ar);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "allowTextInput", {
+        /**
+         * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
+        */
+        get: function () {
+            return this.i.ao;
+        },
+        set: function (v) {
+            this.i.ao = ensureBool(v);
+            this._a("allowTextInput", this.i.ao);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "openOnFocus", {
+        /**
+         * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
+        */
+        get: function () {
+            return this.i.ap;
+        },
+        set: function (v) {
+            this.i.ap = ensureBool(v);
+            this._a("openOnFocus", this.i.ap);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "firstDayOfWeek", {
+        /**
+         * Gets or sets the FirstDayOfWeek property to detirmine first day of the week
+        */
+        get: function () {
+            return this.i.n;
+        },
+        set: function (v) {
+            this.i.n = ensureEnum(DayOfWeek_$type, v);
+            this._a("firstDayOfWeek", enumToString(DayOfWeek_$type, this.i.n));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "firstWeekOfYear", {
+        /**
+         * Gets or sets the FirstWeekOfYear property to detirmine first week of the year
+        */
+        get: function () {
+            return this.i.p;
+        },
+        set: function (v) {
+            this.i.p = ensureEnum(FirstWeek_$type, v);
+            this._a("firstWeekOfYear", enumToString(FirstWeek_$type, this.i.p));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "showWeekNumbers", {
+        /**
+         * Gets or sets the ShowWeekNumbers property to detirmine if the week numbers are shown
+        */
+        get: function () {
+            return this.i.as;
+        },
+        set: function (v) {
+            this.i.as = ensureBool(v);
+            this._a("showWeekNumbers", this.i.as);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "dateFormat", {
+        /**
+         * Gets or sets the date time format to use for this column. If FormatString is specificied this value is ignored.
+        */
+        get: function () {
+            return this.i.i;
+        },
+        set: function (v) {
+            this.i.i = ensureEnum(DateFormats_$type, v);
+            this._a("dateFormat", enumToString(DateFormats_$type, this.i.i));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "formatString", {
+        /**
+         * Gets or sets the Format property to detirmine the format of the date in the input
+        */
+        get: function () {
+            return this.i.bm;
+        },
+        set: function (v) {
+            this.i.bm = v;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "hasUserValues", {
+        get: function () {
+            return this._hasUserValues;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    IgcDatePickerComponent.prototype.__m = function (propertyName) {
+        if (!this._inStyling) {
+            this._hasUserValues.add(propertyName);
+        }
+    };
+    IgcDatePickerComponent.prototype._styling = function (container, component, parent) {
+        if (this._inStyling) {
+            return;
+        }
+        this._inStyling = true;
+        this._stylingContainer = container;
+        this._stylingParent = component;
+        var genericPrefix = "";
+        var typeName = this.i.$type.name;
+        if (typeName.indexOf("Xam") === 0) {
+            typeName = typeName.substring(3);
+        }
+        genericPrefix = toSpinal("DatePickerComponent");
+        var additionalPrefixes = [];
+        var prefix = toSpinal(typeName);
+        additionalPrefixes.push(prefix + "-");
+        var b = this.i.$type.baseType;
+        while (b && b.name != "Object" &&
+            b.name != "Base" &&
+            b.name != "Control" &&
+            b.Name != "DependencyObject" &&
+            b.Name != "FrameworkElement") {
+            typeName = b.name;
+            if (typeName.indexOf("Xam") === 0) {
+                typeName = typeName.substring(3);
+            }
+            var basePrefix = toSpinal(typeName);
+            additionalPrefixes.push(basePrefix + "-");
+            b = b.baseType;
+        }
+        if (parent) {
+            var parentTypeName = parent.i.$type.name;
+            if (parentTypeName.indexOf("Xam") === 0) {
+                parentTypeName = parentTypeName.substring(3);
+            }
+            var parentPrefix = toSpinal(parentTypeName);
+            additionalPrefixes.push(parentPrefix + "-" + genericPrefix + "-");
+            additionalPrefixes.push(parentPrefix + "-" + prefix + "-");
+        }
+        initializePropertiesFromCss(container, this, genericPrefix + "-", this.hasUserValues, false, additionalPrefixes);
+        if (this._otherStyling) {
+            this._otherStyling(container, component, parent);
+        }
+        this._inStyling = false;
+    };
+    IgcDatePickerComponent.prototype.select = function () {
+        this.i.cw();
+    };
+    /**
+     * Exports visual information about the current state of the grid.
+    
+    */
+    IgcDatePickerComponent.prototype.exportVisualModel = function () {
+        var iv = this.i.a3();
+        return (iv);
+    };
+    /**
+     * Returns a serialized copy of the exported visual model
+    
+    */
+    IgcDatePickerComponent.prototype.exportSerializedVisualModel = function () {
+        var iv = this.i.bj();
+        return (iv);
+    };
+    Object.defineProperty(IgcDatePickerComponent.prototype, "valueChanged", {
+        /**
+         * Called when date is selected.
+        */
+        get: function () {
+            return this._valueChanged;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._valueChanged_wrapped !== null) {
+                this.i.valueChanged = delegateRemove(this.i.valueChanged, this._valueChanged_wrapped);
+                this._valueChanged_wrapped = null;
+                this._valueChanged = null;
+            }
+            this._valueChanged = ev;
+            this._valueChanged_wrapped = function (o, e) {
+                var outerArgs = new IgcValueChangedEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforeValueChanged) {
+                    _this.beforeValueChanged(_this, outerArgs);
+                }
+                if (_this._valueChanged) {
+                    _this._valueChanged(_this, outerArgs);
+                }
+            };
+            this.i.valueChanged = delegateCombine(this.i.valueChanged, this._valueChanged_wrapped);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "gotFocus", {
+        get: function () {
+            return this._gotFocus;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._gotFocus_wrapped !== null) {
+                this.i.gotFocus = delegateRemove(this.i.gotFocus, this._gotFocus_wrapped);
+                this._gotFocus_wrapped = null;
+                this._gotFocus = null;
+            }
+            this._gotFocus = ev;
+            this._gotFocus_wrapped = function (o, e) {
+                var outerArgs = new IgcGotFocusEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforeGotFocus) {
+                    _this.beforeGotFocus(_this, outerArgs);
+                }
+                if (_this._gotFocus) {
+                    _this._gotFocus(_this, outerArgs);
+                }
+            };
+            this.i.gotFocus = delegateCombine(this.i.gotFocus, this._gotFocus_wrapped);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "lostFocus", {
+        get: function () {
+            return this._lostFocus;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._lostFocus_wrapped !== null) {
+                this.i.lostFocus = delegateRemove(this.i.lostFocus, this._lostFocus_wrapped);
+                this._lostFocus_wrapped = null;
+                this._lostFocus = null;
+            }
+            this._lostFocus = ev;
+            this._lostFocus_wrapped = function (o, e) {
+                var outerArgs = new IgcLostFocusEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforeLostFocus) {
+                    _this.beforeLostFocus(_this, outerArgs);
+                }
+                if (_this._lostFocus) {
+                    _this._lostFocus(_this, outerArgs);
+                }
+            };
+            this.i.lostFocus = delegateCombine(this.i.lostFocus, this._lostFocus_wrapped);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "keyDown", {
+        get: function () {
+            return this._keyDown;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._keyDown_wrapped !== null) {
+                this.i.keyDown = delegateRemove(this.i.keyDown, this._keyDown_wrapped);
+                this._keyDown_wrapped = null;
+                this._keyDown = null;
+            }
+            this._keyDown = ev;
+            this._keyDown_wrapped = function (o, e) {
+                var outerArgs = new IgcKeyEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforeKeyDown) {
+                    _this.beforeKeyDown(_this, outerArgs);
+                }
+                if (_this._keyDown) {
+                    _this._keyDown(_this, outerArgs);
+                }
+            };
+            this.i.keyDown = delegateCombine(this.i.keyDown, this._keyDown_wrapped);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDatePickerComponent.prototype, "changing", {
+        get: function () {
+            return this._changing;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._changing_wrapped !== null) {
+                this.i.changing = delegateRemove(this.i.changing, this._changing_wrapped);
+                this._changing_wrapped = null;
+                this._changing = null;
+            }
+            this._changing = ev;
+            this._changing_wrapped = function (o, e) {
+                var outerArgs = new IgcInputChangeEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforeChanging) {
+                    _this.beforeChanging(_this, outerArgs);
+                }
+                if (_this._changing) {
+                    _this._changing(_this, outerArgs);
+                }
+            };
+            this.i.changing = delegateCombine(this.i.changing, this._changing_wrapped);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    IgcDatePickerComponent._observedAttributesIgcDatePickerComponent = null;
+    IgcDatePickerComponent.htmlTagName = "igc-date-picker";
+    IgcDatePickerComponent._isElementRegistered = false;
+    return IgcDatePickerComponent;
+}(HTMLElement));
+export { IgcDatePickerComponent };
+//# sourceMappingURL=igc-date-picker-component.js.map