@mescius/wijmo.angular2.core 5.20232.939

package/index.d.ts

@@ -0,0 +1,205 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+/**
+* {@module wijmo.angular2.core}
+* Contains Angular 2 components for the <b>wijmo</b> module.
+*
+* <b>wijmo.angular2.core</b> is an external TypeScript module that can be imported to your code
+* using its ambient module name. For example:
+*
+* <pre>import * as wjCore from 'wijmo/wijmo.angular2.core';
+* &nbsp;
+* &#64;Component({
+*     directives: [wjCore.WjTooltip],
+*     template: '&lt;span [wjTooltip]="'Greeting'"&gt;Hello&lt;/span&gt;',
+*     selector: 'my-cmp',
+* })
+* export class MyCmp {
+* }</pre>
+*
+*/
+/**
+ *
+ */
+import * as ɵngcc0 from '@angular/core';
+import * as ɵngcc1 from '@angular/common';
+export declare var ___keepComment: any;
+import { EventEmitter, AfterViewInit, ComponentFactoryResolver, ElementRef, Injector, OnInit, OnDestroy } from '@angular/core';
+import { IWjComponentMetadata, IWjDirectiveMeta } from '@grapecity/wijmo.angular2.directivebase';
+import * as wjcCore from '@grapecity/wijmo';
+declare var wjTooltipMeta: IWjDirectiveMeta;
+export { wjTooltipMeta };
+/**
+    * Angular 2 directive for the {@link Tooltip} class.
+    *
+    * Use the **wjTooltip** directive to add tooltips to elements on the page.
+    * The wjTooltip directive supports HTML content, smart positioning, and touch.
+    *
+    * The wjTooltip directive is specified as an attribute added to the
+    * element that the tooltip applies to. The parameter value is the tooltip
+    * text or the id of an element that contains the text.
+    *
+    * You can also specify the following additional properties for the tooltip:
+    * - wjTooltipPosition - represents the {@link Tooltip.position} property.
+    * For example:
+    * ```html
+    * <p [wjTooltip]="'Just a string'">
+    *     Paragraph with a string tooltip.
+    * </p>
+    * <p [wjTooltip]="'#fineprint'" [wjTooltipPosition]="'Left'">
+    *     Paragraph with a tooltip defined as an element.
+    * </p>
+    * ...
+    * <div id="fineprint" style="display:none">
+    *   <h3>Important Note</h3>
+    *   <p>
+    *     Data for the current quarter is estimated
+    *     by pro-rating etc.</p>
+    * </div>
+    * ```
+    */
+export declare class WjTooltip implements OnInit, OnDestroy, AfterViewInit {
+    private static _toolTip;
+    private _toolTipText;
+    private _toolTipPosition;
+    private _elRef;
+    static readonly meta: IWjComponentMetadata;
+    private _wjBehaviour;
+    /**
+     * Indicates whether the component has been initialized by Angular.
+     * Changes its value from false to true right before triggering the <b>initialized</b> event.
+     */
+    isInitialized: boolean;
+    /**
+     * This event is triggered after the component has been initialized by Angular, that is
+     * all bound properties have been assigned and child components (if any) have been initialized.
+     */
+    initialized: EventEmitter<any>;
+    constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
+    /**
+     * If you create a custom component inherited from a Wijmo component, you can override this
+     * method and perform necessary initializations that you usually do in a class constructor.
+     * This method is called in the last line of a Wijmo component constructor and allows you
+     * to not declare your custom component's constructor at all, thus preventing you from a necessity
+     * to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters.
+     */
+    created(): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    wjTooltip: string;
+    wjTooltipPosition: wjcCore.PopupPosition;
+    static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<WjTooltip, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵdir: ɵngcc0.ɵɵDirectiveDeclaration<WjTooltip, "[wjTooltip]", ["wjTooltip"], { "wjTooltip": "wjTooltip"; "wjTooltipPosition": "wjTooltipPosition"; }, { "initialized": "initialized"; }, never, never, false, never>;
+}
+/**
+ * Angular component to dynamically load other components.
+ *
+ * Use the <b>wj-component-loader</b> component to create and load an instance of an arbitrary component class
+ * in place of wj-component-loader. You can also pass a set of property values to the instantiated component.
+ *
+ * Note that any component class which is expected to be instantiated using the <b>wj-component-loader</b>
+ * component must be declared in the <b>entryComponents</b> array of the application @NgModule decorator.
+ *
+ * The example below demonstrates FlexGrid with columns dynamically generated form the column definitions
+ * array in the data model. Column definition can optionally contain a reference to a component class
+ * that should be used as a cell template. The <b>wj-component-loader</b> component is used to
+ * instantiate such a component in the cell template.
+ * <pre><b>HTML</b>
+ * &nbsp;
+ * &lt;wj-flex-grid #flex [itemsSource]="data"&gt;
+ *  &lt;wj-flex-grid-column *ngFor="let col of columns"
+ * 	        [header]="col.header"
+ * 	        [binding]="col.binding"
+ * 	        [format]="col.format"
+ * 	        [width]="col.width"&gt;
+ * 	    &lt;ng-template *ngIf="col.cellTemplate"
+ *               wjFlexGridCellTemplate [cellType]="'Cell'"
+ *               let-cell="cell"&gt;
+ *          &lt;wj-component-loader [component]="col.cellTemplate"
+ *                  [properties]="{item: cell.item}"&gt;
+ *          &lt;/wj-component-loader&gt;
+ * 	    &lt;/ng-template&gt;
+ * 	&lt;/wj-flex-grid-column&gt;
+ * &lt;/wj-flex-grid&gt;
+ * &nbsp;
+ * &nbsp;
+ * <b>TypeScript</b>
+ * &nbsp;
+ * &#64;Component({
+ * ...
+ * })
+ * export class AppCmp {
+ *     columns: any[];
+ *
+ *     constructor() {
+ *         this.columns = [
+ *             { header: 'Product', binding: 'product' },
+ *             { header: 'Revenue', binding: 'amount', format: 'n0' },
+ *             {
+ *                 header: 'Expense',
+                   binding: 'amount2',
+                   cellTemplate: ExpenseCellCmp
+ *             }
+ *         ];
+ *     }
+ * }
+ *
+ * &#64;Component({
+ * ...
+ * })
+ * export class ExpenseCellCmp {
+ *     item: any;
+ * }
+ * &nbsp;
+ * &#64;NgModule({
+ *     imports: [CommonModule, WjGridModule],
+ *     declarations: [AppCmp],
+ *     entryComponents: [ExpenseCellCmp]
+ * })</pre>
+  */
+export declare class WjComponentLoader implements OnInit {
+    private _cmpResolver;
+    private _elementRef;
+    private _component;
+    private _properties;
+    private _cmpRef;
+    private _isInit;
+    private _anchor;
+    propertiesChange: EventEmitter<{}>;
+    constructor(/*@Inject(DynamicComponentLoader) private _dcl: DynamicComponentLoader,*/ _cmpResolver: ComponentFactoryResolver, _elementRef: ElementRef);
+    /**
+     * Gets or sets a component class reference that should be instantiated by the
+     * <b>wj-component-loader</b> component.
+     *
+     * Note that any component class which is expected to be instantiated using the <b>wj-component-loader</b>
+     * component must be declared in the <b>entryComponents</b> array of the application @NgModule decorator.
+     */
+    component: any;
+    /**
+     * Gets or sets an object with property name-value pairs which is used to initialize the
+     * instantiated component.
+     */
+    properties: Object;
+    ngOnInit(): void;
+    private _createComponent;
+    private _updateProperties;
+    private _addPropListener;
+    static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<WjComponentLoader, never>;
+    static ɵcmp: ɵngcc0.ɵɵComponentDeclaration<WjComponentLoader, "wj-component-loader", never, { "component": "component"; "properties": "properties"; }, { "propertiesChange": "propertiesChange"; }, never, never, false, never>;
+}
+export declare class WjCoreModule {
+    static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<WjCoreModule, never>;
+    static ɵmod: ɵngcc0.ɵɵNgModuleDeclaration<WjCoreModule, [typeof WjTooltip, typeof WjComponentLoader], [typeof ɵngcc1.CommonModule], [typeof WjTooltip, typeof WjComponentLoader]>;
+    static ɵinj: ɵngcc0.ɵɵInjectorDeclaration<WjCoreModule>;
+}

package/index.js

@@ -0,0 +1,71 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+
+"use strict";var ɵngcc0 = require('@angular/core');
+var ɵngcc1 = require('@angular/common');
+
+var _c0 = ["anchor"];
+var __decorate=this&&this.__decorate||function(o,e,t,r){var i,n=arguments.length,p=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(o,e,t,r);else for(var a=o.length-1;a>=0;a--)(i=o[a])&&(p=(n<3?i(p):n>3?i(e,t,p):i(e,t))||p);return n>3&&p&&Object.defineProperty(e,t,p),p},__param=this&&this.__param||function(o,e){return function(t,r){e(t,r,o)}},__importStar=this&&this.__importStar||function(o){if(o&&o.__esModule)return o;var e={};if(null!=o)for(var t in o)Object.hasOwnProperty.call(o,t)&&(e[t]=o[t]);e.default=o;return e};Object.defineProperty(exports,"__esModule",{value:!0});var core_1=require("@angular/core"),common_1=require("@angular/common"),wijmo_angular2_directivebase_1=require("@mescius/wijmo.angular2.directivebase"),ngCore=__importStar(require("@angular/core")),wjcCore=__importStar(require("@mescius/wijmo")),wjTooltipMeta={selector:"[wjTooltip]",inputs:[],outputs:["initialized"],exportAs:"wjTooltip",providers:[]};exports.wjTooltipMeta=wjTooltipMeta;var WjTooltip=function(){function WjTooltip(e,t,r){this.isInitialized=!1;this._wjBehaviour=wijmo_angular2_directivebase_1.WjDirectiveBehavior.attach(this,e,t,r);this._elRef=e;o._toolTip||(o._toolTip=new wjcCore.Tooltip);this.created()}o=WjTooltip;WjTooltip.prototype.created=function(){};WjTooltip.prototype.ngOnInit=function(){this._wjBehaviour.ngOnInit()};WjTooltip.prototype.ngAfterViewInit=function(){this._wjBehaviour.ngAfterViewInit()};WjTooltip.prototype.ngOnDestroy=function(){this._wjBehaviour.ngOnDestroy();this.wjTooltip=null};Object.defineProperty(WjTooltip.prototype,"wjTooltip",{get:function(){return this._toolTipText},set:function(e){if(this._toolTipText!=e){this._toolTipText=e;o._toolTip.setTooltip(this._elRef.nativeElement,e,this._toolTipPosition)}},enumerable:!0,configurable:!0});Object.defineProperty(WjTooltip.prototype,"wjTooltipPosition",{get:function(){return this._toolTipPosition},set:function(e){if(this._toolTipText){var t=wjcCore.asEnum(e,wjcCore.PopupPosition);if(this._toolTipPosition!=t){this._toolTipPosition=t;o._toolTip.setTooltip(this._elRef.nativeElement,this._toolTipText,t)}}},enumerable:!0,configurable:!0});var o;WjTooltip.meta={outputs:wjTooltipMeta.outputs};__decorate([core_1.Input()],WjTooltip.prototype,"wjTooltip",null);__decorate([core_1.Input()],WjTooltip.prototype,"wjTooltipPosition",null);
+WjTooltip.ɵfac = function WjTooltip_Factory(t) { return new (t || WjTooltip)(ɵngcc0.ɵɵdirectiveInject(core_1.ElementRef), ɵngcc0.ɵɵdirectiveInject(core_1.Injector), ɵngcc0.ɵɵdirectiveInject("WjComponent", 12)); };
+WjTooltip.ɵdir = /*@__PURE__*/ ɵngcc0.ɵɵdefineDirective({ type: WjTooltip, selectors: [["", "wjTooltip", ""]], inputs: { wjTooltip: "wjTooltip", wjTooltipPosition: "wjTooltipPosition" }, outputs: { initialized: "initialized" }, exportAs: ["wjTooltip"], features: [ɵngcc0.ɵɵProvidersFeature([{ provide: "WjComponent", useExisting: core_1.forwardRef((function () { return o; })) }].concat(wjTooltipMeta.providers))] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵngcc0.ɵsetClassMetadata(WjTooltip, [{
+        type: core_1.Directive,
+        args: [{ selector: wjTooltipMeta.selector, inputs: wjTooltipMeta.inputs, outputs: wjTooltipMeta.outputs, exportAs: wjTooltipMeta.exportAs, providers: [{ provide: "WjComponent", useExisting: core_1.forwardRef((function () { return o; })) }].concat(wjTooltipMeta.providers) }]
+    }], function () { return [{ type: undefined, decorators: [{
+                type: core_1.Inject,
+                args: [core_1.ElementRef]
+            }] }, { type: undefined, decorators: [{
+                type: core_1.Inject,
+                args: [core_1.Injector]
+            }] }, { type: undefined, decorators: [{
+                type: core_1.Inject,
+                args: ["WjComponent"]
+            }, {
+                type: core_1.SkipSelf
+            }, {
+                type: core_1.Optional
+            }] }]; }, { wjTooltip: [{
+            type: core_1.Input
+        }], wjTooltipPosition: [{
+            type: core_1.Input
+        }] }); })();return WjTooltip=o=__decorate([,__param(0,core_1.Inject(core_1.ElementRef)),__param(1,core_1.Inject(core_1.Injector)),__param(2,core_1.Inject("WjComponent")),__param(2,core_1.SkipSelf()),__param(2,core_1.Optional())],WjTooltip)}();exports.WjTooltip=WjTooltip;var WjComponentLoader=function(){function WjComponentLoader(o,e){this._cmpResolver=o;this._elementRef=e;this._isInit=!1;this.propertiesChange=new ngCore.EventEmitter}Object.defineProperty(WjComponentLoader.prototype,"component",{get:function(){return this._component},set:function(o){if(this._component!==o){this._component=o;this._createComponent()}},enumerable:!0,configurable:!0});Object.defineProperty(WjComponentLoader.prototype,"properties",{get:function(){return this._properties},set:function(o){this._properties=o;this._updateProperties()},enumerable:!0,configurable:!0});WjComponentLoader.prototype.ngOnInit=function(){this._isInit=!0;this._createComponent()};WjComponentLoader.prototype._createComponent=function(){if(this._isInit){if(this._cmpRef){this._cmpRef.destroy();this._cmpRef=null}var o=this._component;if(o&&this._anchor){this._cmpRef=this._anchor.createComponent(this._cmpResolver.resolveComponentFactory(o));this._updateProperties()}}};WjComponentLoader.prototype._updateProperties=function(){var o=this._cmpRef&&this._cmpRef.instance,e=this.properties;if(o&&e)for(var t=0,r=Object.getOwnPropertyNames(e);t<r.length;t++){var i=r[t];o[i]=e[i];var n=o[i+"Change"];n instanceof core_1.EventEmitter&&this._addPropListener(o,i,n)}};WjComponentLoader.prototype._addPropListener=function(o,e,t){var r=this;t.subscribe((function(t){r.properties[e]=r.properties[e]=o[e];r.propertiesChange.next(r.properties)}))};__decorate([core_1.ViewChild("anchor",{read:core_1.ViewContainerRef,static:!0})],WjComponentLoader.prototype,"_anchor",void 0);
+WjComponentLoader.ɵfac = function WjComponentLoader_Factory(t) { return new (t || WjComponentLoader)(ɵngcc0.ɵɵdirectiveInject(core_1.ComponentFactoryResolver), ɵngcc0.ɵɵdirectiveInject(core_1.ElementRef)); };
+WjComponentLoader.ɵcmp = /*@__PURE__*/ ɵngcc0.ɵɵdefineComponent({ type: WjComponentLoader, selectors: [["wj-component-loader"]], viewQuery: function WjComponentLoader_Query(rf, ctx) { if (rf & 1) {
+        ɵngcc0.ɵɵviewQuery(_c0, 7, core_1.ViewContainerRef);
+    } if (rf & 2) {
+        var _t;
+        ɵngcc0.ɵɵqueryRefresh(_t = ɵngcc0.ɵɵloadQuery()) && (ctx._anchor = _t.first);
+    } }, inputs: { component: "component", properties: "properties" }, outputs: { propertiesChange: "propertiesChange" }, decls: 2, vars: 0, consts: [["anchor", ""]], template: function WjComponentLoader_Template(rf, ctx) { if (rf & 1) {
+        ɵngcc0.ɵɵelement(0, "div", null, 0);
+    } }, encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵngcc0.ɵsetClassMetadata(WjComponentLoader, [{
+        type: core_1.Component,
+        args: [{ selector: "wj-component-loader", template: "<div #anchor></div>", inputs: ["component", "properties"], outputs: ["propertiesChange"] }]
+    }], function () { return [{ type: undefined, decorators: [{
+                type: core_1.Inject,
+                args: [core_1.ComponentFactoryResolver]
+            }] }, { type: undefined, decorators: [{
+                type: core_1.Inject,
+                args: [core_1.ElementRef]
+            }] }]; }, { _anchor: [{
+            type: core_1.ViewChild,
+            args: ["anchor", { read: core_1.ViewContainerRef, static: !0 }]
+        }] }); })();return WjComponentLoader=__decorate([,__param(0,core_1.Inject(core_1.ComponentFactoryResolver)),__param(1,core_1.Inject(core_1.ElementRef))],WjComponentLoader)}();exports.WjComponentLoader=WjComponentLoader;var moduleExports=[WjTooltip,WjComponentLoader],WjCoreModule=function(){function WjCoreModule(){}
+WjCoreModule.ɵfac = function WjCoreModule_Factory(t) { return new (t || WjCoreModule)(); };
+WjCoreModule.ɵmod = /*@__PURE__*/ ɵngcc0.ɵɵdefineNgModule({ type: WjCoreModule });
+WjCoreModule.ɵinj = /*@__PURE__*/ ɵngcc0.ɵɵdefineInjector({ imports: [common_1.CommonModule] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵngcc0.ɵsetClassMetadata(WjCoreModule, [{
+        type: core_1.NgModule,
+        args: [{ imports: [common_1.CommonModule], declarations: moduleExports.slice(), exports: moduleExports.slice() }]
+    }], function () { return []; }, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵngcc0.ɵɵsetNgModuleScope(WjCoreModule, { declarations: [WjTooltip, WjComponentLoader], imports: [ɵngcc1.CommonModule], exports: [WjTooltip, WjComponentLoader] }); })();return WjCoreModule}();exports.WjCoreModule=WjCoreModule;

package/package.json

@@ -0,0 +1,45 @@
+{
+    "name": "@mescius/wijmo.angular2.core",
+    "version": "5.20232.939",
+    "description": "UI library for pure JS, Angular, React, Vue and more...",
+    "author": "MESCIUS inc",
+    "license": "Commercial",
+    "main": "./index.js",
+    "types": "./index.d.ts",
+    "dependencies": {
+        "@mescius/wijmo": "5.20232.939",
+        "@mescius/wijmo.angular2.directivebase": "5.20232.939"
+    },
+    "homepage": "https://developer.mescius.com/wijmo",
+    "bugs": {
+        "url": "https://developer.mescius.com/forums/wijmo"
+    },
+    "keywords": [
+        "control",
+        "component",
+        "ui",
+        "control library",
+        "component library",
+        "ui library",
+        "control-library",
+        "component-library",
+        "ui-library",
+        "grid",
+        "data grid",
+        "data-grid",
+        "datagrid",
+        "angular grid",
+        "react grid",
+        "vue grid",
+        "angular-grid",
+        "react-grid",
+        "vue-grid"
+    ],
+    "module": "./es5-esm.js",
+    "esm5": "./es5-esm.js",
+    "wj-esm5": "./es5-esm.js",
+    "es2015Cjs": "./es2015-commonjs.js",
+    "wj-es2015Cjs": "./es2015-commonjs.js",
+    "esm2015": "./es2015-esm.js",
+    "wj-esm2015": "./es2015-esm.js"
+}