igniteui-angular-data-grids 19.1.0-beta.0

package/esm2015/lib/igx-grid-column-move-options-component.js

@@ -0,0 +1,88 @@
+import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
+import { NamePatcher } from "igniteui-angular-core";
+import { AngularRenderer } from "igniteui-angular-core";
+import { DataGridStylingDefaults } from './DataGridStylingDefaults';
+import { GridColumnMoveOptions } from './GridColumnMoveOptions';
+import { IgxGridColumnOptionsSimpleSectionBaseComponent } from "./igx-grid-column-options-simple-section-base-component";
+import * as i0 from "@angular/core";
+export let IgxGridColumnMoveOptionsComponent = /*@__PURE__*/ (() => {
+    class IgxGridColumnMoveOptionsComponent extends IgxGridColumnOptionsSimpleSectionBaseComponent {
+        constructor(renderer, _elRef, ngZone, injector, componentFactoryResolver) {
+            super();
+            this.renderer = renderer;
+            this._elRef = _elRef;
+            this.ngZone = ngZone;
+            this.injector = injector;
+            this.componentFactoryResolver = componentFactoryResolver;
+            this._angularRenderer = null;
+            if (this._styling) {
+                NamePatcher.ensureStylablePatched(Object.getPrototypeOf(this));
+            }
+        }
+        // supports angular themes or custom properties set in CSS
+        updateStyle() {
+            this._styling(this._mainDiv, this);
+        }
+        ngOnDestroy() {
+            this.i.destroy();
+            this._angularRenderer.destroy();
+        }
+        ngAfterContentInit() {
+            var renderer = this.renderer;
+            if (renderer) {
+                this._mainDiv = renderer.createElement("div");
+                renderer.appendChild(this._elRef.element.nativeElement, this._mainDiv);
+                renderer.setStyle(this._mainDiv, "display", "block");
+                renderer.setStyle(this._mainDiv, "width", "100%");
+                renderer.setStyle(this._mainDiv, "height", "100%");
+            }
+            var gridColumnMoveOptions = this.i;
+            if (renderer) {
+                var ren = new AngularRenderer(this._mainDiv, this.renderer, window.document, this.ngZone, true, DataGridStylingDefaults);
+                this._angularRenderer = ren;
+                gridColumnMoveOptions.provideRenderer(ren);
+            }
+            this.updateStyle();
+        }
+        createImplementation() {
+            return new GridColumnMoveOptions();
+        }
+        get i() {
+            return this._implementation;
+        }
+        get moveLeftCaption() {
+            return this.i.b8;
+        }
+        set moveLeftCaption(v) {
+            this.i.b8 = v;
+        }
+        get moveRightCaption() {
+            return this.i.cc;
+        }
+        set moveRightCaption(v) {
+            this.i.cc = v;
+        }
+    }
+    IgxGridColumnMoveOptionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxGridColumnMoveOptionsComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
+    IgxGridColumnMoveOptionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxGridColumnMoveOptionsComponent, selector: "igx-grid-column-move-options", inputs: { moveLeftCaption: "moveLeftCaption", moveRightCaption: "moveRightCaption" }, host: { classAttribute: "ig-grid-column-move-options igx-grid-column-move-options" }, providers: [], usesInheritance: true, ngImport: i0, template: ``, isInline: true, styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    return IgxGridColumnMoveOptionsComponent;
+})();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxGridColumnMoveOptionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'igx-grid-column-move-options',
+                    template: ``,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [],
+                    host: { 'class': 'ig-grid-column-move-options igx-grid-column-move-options' },
+                    styles: [`
+		:host {
+			display: block;
+		}
+	`]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.NgZone }, { type: i0.Injector }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { moveLeftCaption: [{
+                type: Input
+            }], moveRightCaption: [{
+                type: Input
+            }] } });

package/esm2015/lib/igx-grid-column-move-options-dynamic-module.js

@@ -0,0 +1,38 @@
+/*
+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 { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { IgxGridColumnMoveOptionsComponent } from './igx-grid-column-move-options-component';
+import { GridColumnMoveOptions } from './GridColumnMoveOptions';
+import { TypeRegistrar } from "igniteui-angular-core";
+import { IgxGridColumnMoveOptionsModule } from './igx-grid-column-move-options-module';
+import * as i0 from "@angular/core";
+export let IgxGridColumnMoveOptionsDynamicModule = /*@__PURE__*/ (() => {
+    class IgxGridColumnMoveOptionsDynamicModule {
+        constructor() {
+            TypeRegistrar.registerCons('GridColumnMoveOptions', GridColumnMoveOptions);
+            TypeRegistrar.registerCons('IgxGridColumnMoveOptionsComponent', IgxGridColumnMoveOptionsComponent);
+            TypeRegistrar.register('GridColumnMoveOptions', GridColumnMoveOptions.$type);
+        }
+    }
+    IgxGridColumnMoveOptionsDynamicModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxGridColumnMoveOptionsDynamicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    IgxGridColumnMoveOptionsDynamicModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxGridColumnMoveOptionsDynamicModule, imports: [CommonModule, IgxGridColumnMoveOptionsModule], exports: [IgxGridColumnMoveOptionsModule] });
+    IgxGridColumnMoveOptionsDynamicModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxGridColumnMoveOptionsDynamicModule, imports: [[CommonModule, IgxGridColumnMoveOptionsModule
+            ], IgxGridColumnMoveOptionsModule] });
+    return IgxGridColumnMoveOptionsDynamicModule;
+})();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxGridColumnMoveOptionsDynamicModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    exports: [IgxGridColumnMoveOptionsModule
+                    ],
+                    imports: [CommonModule, IgxGridColumnMoveOptionsModule
+                    ],
+                    entryComponents: [IgxGridColumnMoveOptionsComponent]
+                }]
+        }], ctorParameters: function () { return []; } });

package/esm2015/lib/igx-grid-column-move-options-module.js

@@ -0,0 +1,36 @@
+/*
+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 { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { IgxGridColumnMoveOptionsComponent } from './igx-grid-column-move-options-component';
+import { GridColumnMoveOptions } from './GridColumnMoveOptions';
+import { TypeRegistrar } from "igniteui-angular-core";
+import * as i0 from "@angular/core";
+export let IgxGridColumnMoveOptionsModule = /*@__PURE__*/ (() => {
+    class IgxGridColumnMoveOptionsModule {
+        constructor() {
+            TypeRegistrar.registerCons('IgxGridColumnMoveOptionsComponent', IgxGridColumnMoveOptionsComponent);
+            TypeRegistrar.register('GridColumnMoveOptions', GridColumnMoveOptions.$type);
+        }
+    }
+    IgxGridColumnMoveOptionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxGridColumnMoveOptionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    IgxGridColumnMoveOptionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxGridColumnMoveOptionsModule, declarations: [IgxGridColumnMoveOptionsComponent], imports: [CommonModule], exports: [IgxGridColumnMoveOptionsComponent] });
+    IgxGridColumnMoveOptionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxGridColumnMoveOptionsModule, imports: [[CommonModule,
+            ]] });
+    return IgxGridColumnMoveOptionsModule;
+})();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxGridColumnMoveOptionsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [IgxGridColumnMoveOptionsComponent],
+                    exports: [IgxGridColumnMoveOptionsComponent
+                    ],
+                    imports: [CommonModule,
+                    ],
+                    entryComponents: []
+                }]
+        }], ctorParameters: function () { return []; } });

package/esm2015/lib/igx-grid-column-options-base-component.js

@@ -0,0 +1,297 @@
+import { Component, Input } from '@angular/core';
+import { BaseControlTheme_$type } from "igniteui-angular-core";
+import { ControlDisplayDensity_$type } from "igniteui-angular-core";
+import { IgxDataGridColumnComponent } from "./igx-data-grid-column-component";
+import { TypeRegistrar } from "igniteui-angular-core";
+import { NamePatcher, ensureBool, brushToString, stringToBrush, ensureEnum, toSpinal, initializePropertiesFromCss } from "igniteui-angular-core";
+import { FontInfo } from "igniteui-angular-core";
+import * as i0 from "@angular/core";
+export let IgxGridColumnOptionsBaseComponent = /*@__PURE__*/ (() => {
+    class IgxGridColumnOptionsBaseComponent {
+        constructor() {
+            this.__p = null;
+            this._hasUserValues = new Set();
+            this._stylingContainer = null;
+            this._stylingParent = null;
+            this._inStyling = false;
+            this._zoneRunner = null;
+            if (this._styling) {
+                NamePatcher.ensureStylablePatched(Object.getPrototypeOf(this));
+            }
+            this._implementation = this.createImplementation();
+            this._implementation.externalObject = this;
+            this.onImplementationCreated();
+            if (this._initializeAdapters) {
+                this._initializeAdapters();
+            }
+        }
+        createImplementation() {
+            return null;
+        }
+        ngOnInit() {
+        }
+        /**
+         * @hidden
+         */
+        get i() {
+            return this._implementation;
+        } /**
+                                     * @hidden
+                                     */
+        static _createFromInternal(internal) {
+            if (!internal) {
+                return null;
+            }
+            if (!internal.$type) {
+                return null;
+            }
+            let name = internal.$type.name;
+            let externalName = "Igx" + name + "Component";
+            if (!TypeRegistrar.isRegistered(externalName)) {
+                return null;
+            }
+            return TypeRegistrar.create(externalName);
+        }
+        onImplementationCreated() {
+        }
+        /**
+         * Gets or sets the autoSize for which this AutoSizeOptions will apply.
+        */
+        get autoSize() {
+            return this.i.ak;
+        }
+        set autoSize(v) {
+            this.i.ak = ensureBool(v);
+        }
+        /**
+         * Gets or sets the color to use for the background of the component.
+        */
+        get backgroundColor() {
+            return brushToString(this.i.bo);
+        }
+        set backgroundColor(v) {
+            this.i.bo = stringToBrush(v);
+        }
+        /**
+         * Gets or sets the base built in theme to use for the component.
+        */
+        get baseTheme() {
+            return this.i.j;
+        }
+        set baseTheme(v) {
+            this.i.j = ensureEnum(BaseControlTheme_$type, v);
+        }
+        /**
+         * Gets the actual display baseTheme to use for the component.
+        */
+        get actualBaseTheme() {
+            return this.i.i;
+        }
+        set actualBaseTheme(v) {
+            this.i.i = ensureEnum(BaseControlTheme_$type, v);
+        }
+        /**
+         * Gets or sets the display Density to use for the buttons in the component.
+        */
+        get buttonDensity() {
+            return this.i.buttonDensity;
+        }
+        set buttonDensity(v) {
+            this.i.buttonDensity = ensureEnum(ControlDisplayDensity_$type, v);
+        }
+        /**
+         * Gets the actual display buttonDensity to use for the component.
+        */
+        get actualButtonDensity() {
+            return this.i.p;
+        }
+        set actualButtonDensity(v) {
+            this.i.p = ensureEnum(ControlDisplayDensity_$type, v);
+        }
+        /**
+         * Gets or sets the font to use for buttons.
+        */
+        get buttonTextStyle() {
+            if (this.i.ab == null) {
+                return null;
+            }
+            return this.i.ab.fontString;
+        }
+        set buttonTextStyle(v) {
+            let fi = new FontInfo();
+            fi.fontString = v;
+            this.i.ab = fi;
+        }
+        /**
+         * Gets or sets the column for which this ColumnOptions will apply.
+        */
+        get column() {
+            const r = this.i.column;
+            if (r == null) {
+                return null;
+            }
+            if (!r.externalObject) {
+                let e = IgxDataGridColumnComponent._createFromInternal(r);
+                if (e) {
+                    e._implementation = r;
+                }
+                r.externalObject = e;
+            }
+            return r.externalObject;
+        }
+        set column(v) {
+            if (v != null && this._stylingContainer && v._styling)
+                v._styling(this._stylingContainer, this, this);
+            v == null ? this.i.column = null : this.i.column = v.i;
+        }
+        /**
+         * Gets or sets the display density to use for the component.
+        */
+        get density() {
+            return this.i.density;
+        }
+        set density(v) {
+            this.i.density = ensureEnum(ControlDisplayDensity_$type, v);
+        }
+        /**
+         * Gets the actual display density to use for the component.
+        */
+        get actualDensity() {
+            return this.i.q;
+        }
+        set actualDensity(v) {
+            this.i.q = ensureEnum(ControlDisplayDensity_$type, v);
+        }
+        /**
+         * Gets or sets the font to use for labels.
+        */
+        get labelTextStyle() {
+            if (this.i.ag == null) {
+                return null;
+            }
+            return this.i.ag.fontString;
+        }
+        set labelTextStyle(v) {
+            let fi = new FontInfo();
+            fi.fontString = v;
+            this.i.ag = fi;
+        }
+        /**
+         * Gets or sets the color to use for the text of the component.
+        */
+        get textColor() {
+            return brushToString(this.i.br);
+        }
+        set textColor(v) {
+            this.i.br = stringToBrush(v);
+        }
+        findByName(name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
+            if (this.column && this.column.name && this.column.name == name) {
+                return this.column;
+            }
+            return null;
+        }
+        get hasUserValues() {
+            return this._hasUserValues;
+        }
+        __m(propertyName) {
+            if (!this._inStyling) {
+                this._hasUserValues.add(propertyName);
+            }
+        }
+        _styling(container, component, parent) {
+            if (this._inStyling) {
+                return;
+            }
+            this._inStyling = true;
+            this._stylingContainer = container;
+            this._stylingParent = component;
+            let genericPrefix = "";
+            let typeName = this.i.$type.name;
+            if (typeName.indexOf("Xam") === 0) {
+                typeName = typeName.substring(3);
+            }
+            genericPrefix = toSpinal("GridColumnOptionsBaseComponent");
+            let additionalPrefixes = [];
+            let prefix = toSpinal(typeName);
+            additionalPrefixes.push(prefix + "-");
+            let 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);
+                }
+                let basePrefix = toSpinal(typeName);
+                additionalPrefixes.push(basePrefix + "-");
+                b = b.baseType;
+            }
+            if (parent) {
+                let parentTypeName = parent.i.$type.name;
+                if (parentTypeName.indexOf("Xam") === 0) {
+                    parentTypeName = parentTypeName.substring(3);
+                }
+                let parentPrefix = toSpinal(parentTypeName);
+                additionalPrefixes.push(parentPrefix + "-" + genericPrefix + "-");
+                additionalPrefixes.push(parentPrefix + "-" + prefix + "-");
+            }
+            initializePropertiesFromCss(container, this, genericPrefix + "-", this.hasUserValues, false, additionalPrefixes);
+            if (this.column && this.column._styling) {
+                this.column._styling(container, component, this);
+            }
+            if (this._otherStyling) {
+                this._otherStyling(container, component, parent);
+            }
+            this._inStyling = false;
+        }
+        _runInZone(act) {
+            if (this._zoneRunner != null) {
+                this._zoneRunner(act);
+            }
+            else {
+                act();
+            }
+        }
+    }
+    IgxGridColumnOptionsBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxGridColumnOptionsBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    IgxGridColumnOptionsBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxGridColumnOptionsBaseComponent, selector: "ng-component", inputs: { autoSize: "autoSize", backgroundColor: "backgroundColor", baseTheme: "baseTheme", actualBaseTheme: "actualBaseTheme", buttonDensity: "buttonDensity", actualButtonDensity: "actualButtonDensity", buttonTextStyle: "buttonTextStyle", column: "column", density: "density", actualDensity: "actualDensity", labelTextStyle: "labelTextStyle", textColor: "textColor" }, ngImport: i0, template: ``, isInline: true });
+    return IgxGridColumnOptionsBaseComponent;
+})();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxGridColumnOptionsBaseComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { autoSize: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], baseTheme: [{
+                type: Input
+            }], actualBaseTheme: [{
+                type: Input
+            }], buttonDensity: [{
+                type: Input
+            }], actualButtonDensity: [{
+                type: Input
+            }], buttonTextStyle: [{
+                type: Input
+            }], column: [{
+                type: Input
+            }], density: [{
+                type: Input
+            }], actualDensity: [{
+                type: Input
+            }], labelTextStyle: [{
+                type: Input
+            }], textColor: [{
+                type: Input
+            }] } });