@wirebootstrap/wire-angular
Advanced tools
| (function (global, factory) { | ||
| typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core')) : | ||
| typeof define === 'function' && define.amd ? define('@wirebootstrap/wire-angular', ['exports', '@angular/core'], factory) : | ||
| (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wirebootstrap = global.wirebootstrap || {}, global.wirebootstrap["wire-angular"] = {}), global.ng.core)); | ||
| })(this, (function (exports, i0) { 'use strict'; | ||
| function _interopNamespace(e) { | ||
| if (e && e.__esModule) return e; | ||
| var n = Object.create(null); | ||
| if (e) { | ||
| Object.keys(e).forEach(function (k) { | ||
| if (k !== 'default') { | ||
| var d = Object.getOwnPropertyDescriptor(e, k); | ||
| Object.defineProperty(n, k, d.get ? d : { | ||
| enumerable: true, | ||
| get: function () { return e[k]; } | ||
| }); | ||
| } | ||
| }); | ||
| } | ||
| n["default"] = e; | ||
| return Object.freeze(n); | ||
| } | ||
| var i0__namespace = /*#__PURE__*/_interopNamespace(i0); | ||
| var WireComponent = /** @class */ (function () { | ||
| /* | ||
| * @param element HTML element into which the component is to be rendered | ||
| */ | ||
| function WireComponent(element) { | ||
| this.element = element; | ||
| } | ||
| /* | ||
| * Used for auto-binding when using a declarative render | ||
| */ | ||
| WireComponent.prototype.ngAfterViewInit = function () { | ||
| if (this.component && this.config) | ||
| this.render(this.component, this.config); | ||
| }; | ||
| /* | ||
| * Used to programatically render the component in the HTML container | ||
| * @param component Full string name of component (i.e. wire.bsTable) | ||
| * @param config The component's configuration. See the documentation for the component for details. | ||
| * @returns The instance of the WireBootstrap component that was rendered | ||
| */ | ||
| WireComponent.prototype.render = function (component, config) { | ||
| // create component instance from the full string name | ||
| var cmp = wire.ui.Component.create(component); | ||
| if (cmp) | ||
| return cmp.render(this.element.nativeElement, config); | ||
| else | ||
| return null; | ||
| }; | ||
| return WireComponent; | ||
| }()); | ||
| WireComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: WireComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component }); | ||
| WireComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: WireComponent, selector: "[wire-component]", inputs: { component: ["wire-component", "component"], config: "config" }, ngImport: i0__namespace, template: '', isInline: true }); | ||
| i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: WireComponent, decorators: [{ | ||
| type: i0.Component, | ||
| args: [{ | ||
| selector: '[wire-component]', | ||
| template: '' | ||
| }] | ||
| }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { component: [{ | ||
| type: i0.Input, | ||
| args: ["wire-component"] | ||
| }], config: [{ | ||
| type: i0.Input | ||
| }] } }); | ||
| var WireModule = /** @class */ (function () { | ||
| function WireModule() { | ||
| } | ||
| return WireModule; | ||
| }()); | ||
| WireModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: WireModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule }); | ||
| WireModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: WireModule, declarations: [WireComponent], exports: [WireComponent] }); | ||
| WireModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: WireModule, imports: [[]] }); | ||
| i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: WireModule, decorators: [{ | ||
| type: i0.NgModule, | ||
| args: [{ | ||
| declarations: [ | ||
| WireComponent | ||
| ], | ||
| imports: [], | ||
| exports: [ | ||
| WireComponent | ||
| ] | ||
| }] | ||
| }] }); | ||
| /* | ||
| * Public API Surface of wire-component | ||
| */ | ||
| /** | ||
| * Generated bundle index. Do not edit. | ||
| */ | ||
| exports.WireComponent = WireComponent; | ||
| exports.WireModule = WireModule; | ||
| Object.defineProperty(exports, '__esModule', { value: true }); | ||
| })); | ||
| //# sourceMappingURL=wirebootstrap-wire-angular.umd.js.map |
| {"version":3,"file":"wirebootstrap-wire-angular.umd.js","sources":["../../../projects/wire-angular/src/wire.component.ts","../../../projects/wire-angular/src/wire.module.ts","../../../projects/wire-angular/src/public-api.ts","../../../projects/wire-angular/src/wirebootstrap-wire-angular.ts"],"sourcesContent":["import {Component, AfterViewInit, ElementRef, Input } from '@angular/core';\n\n@Component({ \n selector: '[wire-component]',\n template: ''\n})\nexport class WireComponent implements AfterViewInit {\n\n //\n // Input vars are set declaratively on the HTML element\n //\n\n // same name as compoent\n @Input(\"wire-component\") component!: string;\n // component configuration\n @Input() config?: IWireComponentConfig;\n\n /*\n * @param element HTML element into which the component is to be rendered\n */ \n constructor(private element: ElementRef) {\n }\n\n /*\n * Used for auto-binding when using a declarative render\n */ \n ngAfterViewInit() {\n if (this.component && this.config)\n this.render(this.component, this.config);\n }\n \n /*\n * Used to programatically render the component in the HTML container\n * @param component Full string name of component (i.e. wire.bsTable)\n * @param config The component's configuration. See the documentation for the component for details.\n * @returns The instance of the WireBootstrap component that was rendered\n */ \n render(component: string, config: IWireComponentConfig): IWireComponent | null {\n\n // create component instance from the full string name\n let cmp = wire.ui.Component.create(component);\n\n if(cmp)\n return cmp.render(this.element.nativeElement, config);\n else\n return null;\n\n }\n\n}","import { NgModule } from '@angular/core';\nimport { WireComponent } from './wire.component';\n\n@NgModule({\n declarations: [\n WireComponent\n ],\n imports: [\n ],\n exports: [\n WireComponent\n ]\n})\nexport class WireModule { }\n","/*\n * Public API Surface of wire-component\n */\n\nexport * from './wire.component';\nexport * from './wire.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["Component","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoBE,uBAAoB,OAAmB;YAAnB,YAAO,GAAP,OAAO,CAAY;SACtC;;;;QAKD,uCAAe,GAAf;YACE,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM;gBAC/B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;SAC5C;;;;;;;QAQD,8BAAM,GAAN,UAAO,SAAiB,EAAE,MAA4B;;YAGpD,IAAI,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YAE9C,IAAG,GAAG;gBACJ,OAAO,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;;gBAEtD,OAAO,IAAI,CAAC;SAEf;;;qIAzCU,aAAa;8GAAb,aAAa,6IAFd,EAAE;sHAED,aAAa;sBAJzBA,YAAS;uBAAC;wBACT,QAAQ,EAAE,kBAAkB;wBAC5B,QAAQ,EAAE,EAAE;qBACb;gHAQ0B,SAAS;0BAAjCC,QAAK;2BAAC,gBAAgB;oBAEd,MAAM;0BAAdA,QAAK;;;;QCFR;;;;kIAAa,UAAU;mIAAV,UAAU,iBARnB,aAAa,aAKb,aAAa;mIAGJ,UAAU,YANZ,EACR;sHAKU,UAAU;sBAVtBC,WAAQ;uBAAC;wBACR,YAAY,EAAE;4BACZ,aAAa;yBACd;wBACD,OAAO,EAAE,EACR;wBACD,OAAO,EAAE;4BACP,aAAa;yBACd;qBACF;;;ICZD;;;;ICAA;;;;;;;;;;;;;"} |
| /* | ||
| * Public API Surface of wire-component | ||
| */ | ||
| export * from './wire.component'; | ||
| export * from './wire.module'; | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3dpcmUtYW5ndWxhci9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHdpcmUtY29tcG9uZW50XG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi93aXJlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3dpcmUubW9kdWxlJztcbiJdfQ== |
| import { Component, Input } from '@angular/core'; | ||
| import * as i0 from "@angular/core"; | ||
| export class WireComponent { | ||
| /* | ||
| * @param element HTML element into which the component is to be rendered | ||
| */ | ||
| constructor(element) { | ||
| this.element = element; | ||
| } | ||
| /* | ||
| * Used for auto-binding when using a declarative render | ||
| */ | ||
| ngAfterViewInit() { | ||
| if (this.component && this.config) | ||
| this.render(this.component, this.config); | ||
| } | ||
| /* | ||
| * Used to programatically render the component in the HTML container | ||
| * @param component Full string name of component (i.e. wire.bsTable) | ||
| * @param config The component's configuration. See the documentation for the component for details. | ||
| * @returns The instance of the WireBootstrap component that was rendered | ||
| */ | ||
| render(component, config) { | ||
| // create component instance from the full string name | ||
| let cmp = wire.ui.Component.create(component); | ||
| if (cmp) | ||
| return cmp.render(this.element.nativeElement, config); | ||
| else | ||
| return null; | ||
| } | ||
| } | ||
| WireComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0, type: WireComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); | ||
| WireComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: WireComponent, selector: "[wire-component]", inputs: { component: ["wire-component", "component"], config: "config" }, ngImport: i0, template: '', isInline: true }); | ||
| i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0, type: WireComponent, decorators: [{ | ||
| type: Component, | ||
| args: [{ | ||
| selector: '[wire-component]', | ||
| template: '' | ||
| }] | ||
| }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { component: [{ | ||
| type: Input, | ||
| args: ["wire-component"] | ||
| }], config: [{ | ||
| type: Input | ||
| }] } }); | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2lyZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy93aXJlLWFuZ3VsYXIvc3JjL3dpcmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQTZCLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFNM0UsTUFBTSxPQUFPLGFBQWE7SUFXeEI7O01BRUU7SUFDRixZQUFvQixPQUFtQjtRQUFuQixZQUFPLEdBQVAsT0FBTyxDQUFZO0lBQ3ZDLENBQUM7SUFFRDs7TUFFRTtJQUNGLGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLE1BQU07WUFDL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBRUQ7Ozs7O01BS0U7SUFDRixNQUFNLENBQUMsU0FBaUIsRUFBRSxNQUE0QjtRQUVwRCxzREFBc0Q7UUFDdEQsSUFBSSxHQUFHLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRTlDLElBQUcsR0FBRztZQUNKLE9BQU8sR0FBRyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsQ0FBQzs7WUFFdEQsT0FBTyxJQUFJLENBQUM7SUFFaEIsQ0FBQzs7MkdBekNVLGFBQWE7K0ZBQWIsYUFBYSxrSUFGZCxFQUFFOzRGQUVELGFBQWE7a0JBSnpCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFLEVBQUU7aUJBQ2I7aUdBUTBCLFNBQVM7c0JBQWpDLEtBQUs7dUJBQUMsZ0JBQWdCO2dCQUVkLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBBZnRlclZpZXdJbml0LCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHsgIFxuICBzZWxlY3RvcjogJ1t3aXJlLWNvbXBvbmVudF0nLFxuICB0ZW1wbGF0ZTogJydcbn0pXG5leHBvcnQgY2xhc3MgV2lyZUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQgIHtcblxuICAvL1xuICAvLyBJbnB1dCB2YXJzIGFyZSBzZXQgZGVjbGFyYXRpdmVseSBvbiB0aGUgSFRNTCBlbGVtZW50XG4gIC8vXG5cbiAgLy8gc2FtZSBuYW1lIGFzIGNvbXBvZW50XG4gIEBJbnB1dChcIndpcmUtY29tcG9uZW50XCIpIGNvbXBvbmVudCE6IHN0cmluZztcbiAgLy8gY29tcG9uZW50IGNvbmZpZ3VyYXRpb25cbiAgQElucHV0KCkgY29uZmlnPzogSVdpcmVDb21wb25lbnRDb25maWc7XG5cbiAgLypcbiAgKiBAcGFyYW0gZWxlbWVudCBIVE1MIGVsZW1lbnQgaW50byB3aGljaCB0aGUgY29tcG9uZW50IGlzIHRvIGJlIHJlbmRlcmVkXG4gICovICBcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50OiBFbGVtZW50UmVmKSB7XG4gIH1cblxuICAvKlxuICAqIFVzZWQgZm9yIGF1dG8tYmluZGluZyB3aGVuIHVzaW5nIGEgZGVjbGFyYXRpdmUgcmVuZGVyXG4gICovICAgIFxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgaWYgKHRoaXMuY29tcG9uZW50ICYmIHRoaXMuY29uZmlnKVxuICAgICAgdGhpcy5yZW5kZXIodGhpcy5jb21wb25lbnQsIHRoaXMuY29uZmlnKTtcbiAgfVxuICAgIFxuICAvKlxuICAqIFVzZWQgdG8gcHJvZ3JhbWF0aWNhbGx5IHJlbmRlciB0aGUgY29tcG9uZW50IGluIHRoZSBIVE1MIGNvbnRhaW5lclxuICAqIEBwYXJhbSBjb21wb25lbnQgRnVsbCBzdHJpbmcgbmFtZSBvZiBjb21wb25lbnQgKGkuZS4gd2lyZS5ic1RhYmxlKVxuICAqIEBwYXJhbSBjb25maWcgVGhlIGNvbXBvbmVudCdzIGNvbmZpZ3VyYXRpb24uICBTZWUgdGhlIGRvY3VtZW50YXRpb24gZm9yIHRoZSBjb21wb25lbnQgZm9yIGRldGFpbHMuXG4gICogQHJldHVybnMgVGhlIGluc3RhbmNlIG9mIHRoZSBXaXJlQm9vdHN0cmFwIGNvbXBvbmVudCB0aGF0IHdhcyByZW5kZXJlZFxuICAqLyAgICBcbiAgcmVuZGVyKGNvbXBvbmVudDogc3RyaW5nLCBjb25maWc6IElXaXJlQ29tcG9uZW50Q29uZmlnKTogSVdpcmVDb21wb25lbnQgfCBudWxsIHtcblxuICAgIC8vIGNyZWF0ZSBjb21wb25lbnQgaW5zdGFuY2UgZnJvbSB0aGUgZnVsbCBzdHJpbmcgbmFtZVxuICAgIGxldCBjbXAgPSB3aXJlLnVpLkNvbXBvbmVudC5jcmVhdGUoY29tcG9uZW50KTtcblxuICAgIGlmKGNtcClcbiAgICAgIHJldHVybiBjbXAucmVuZGVyKHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LCBjb25maWcpO1xuICAgIGVsc2VcbiAgICAgIHJldHVybiBudWxsO1xuXG4gIH1cblxufSJdfQ== |
| import { NgModule } from '@angular/core'; | ||
| import { WireComponent } from './wire.component'; | ||
| import * as i0 from "@angular/core"; | ||
| export class WireModule { | ||
| } | ||
| WireModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0, type: WireModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); | ||
| WireModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0, type: WireModule, declarations: [WireComponent], exports: [WireComponent] }); | ||
| WireModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0, type: WireModule, imports: [[]] }); | ||
| i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0, type: WireModule, decorators: [{ | ||
| type: NgModule, | ||
| args: [{ | ||
| declarations: [ | ||
| WireComponent | ||
| ], | ||
| imports: [], | ||
| exports: [ | ||
| WireComponent | ||
| ] | ||
| }] | ||
| }] }); | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2lyZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy93aXJlLWFuZ3VsYXIvc3JjL3dpcmUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDOztBQVlqRCxNQUFNLE9BQU8sVUFBVTs7d0dBQVYsVUFBVTt5R0FBVixVQUFVLGlCQVJuQixhQUFhLGFBS2IsYUFBYTt5R0FHSixVQUFVLFlBTlosRUFDUjs0RkFLVSxVQUFVO2tCQVZ0QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixhQUFhO3FCQUNkO29CQUNELE9BQU8sRUFBRSxFQUNSO29CQUNELE9BQU8sRUFBRTt3QkFDUCxhQUFhO3FCQUNkO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFdpcmVDb21wb25lbnQgfSBmcm9tICcuL3dpcmUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgV2lyZUNvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBXaXJlQ29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgV2lyZU1vZHVsZSB7IH1cbiJdfQ== |
| /** | ||
| * Generated bundle index. Do not edit. | ||
| */ | ||
| export * from './public-api'; | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2lyZWJvb3RzdHJhcC13aXJlLWFuZ3VsYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy93aXJlLWFuZ3VsYXIvc3JjL3dpcmVib290c3RyYXAtd2lyZS1hbmd1bGFyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0= |
| import * as i0 from '@angular/core'; | ||
| import { Component, Input, NgModule } from '@angular/core'; | ||
| class WireComponent { | ||
| /* | ||
| * @param element HTML element into which the component is to be rendered | ||
| */ | ||
| constructor(element) { | ||
| this.element = element; | ||
| } | ||
| /* | ||
| * Used for auto-binding when using a declarative render | ||
| */ | ||
| ngAfterViewInit() { | ||
| if (this.component && this.config) | ||
| this.render(this.component, this.config); | ||
| } | ||
| /* | ||
| * Used to programatically render the component in the HTML container | ||
| * @param component Full string name of component (i.e. wire.bsTable) | ||
| * @param config The component's configuration. See the documentation for the component for details. | ||
| * @returns The instance of the WireBootstrap component that was rendered | ||
| */ | ||
| render(component, config) { | ||
| // create component instance from the full string name | ||
| let cmp = wire.ui.Component.create(component); | ||
| if (cmp) | ||
| return cmp.render(this.element.nativeElement, config); | ||
| else | ||
| return null; | ||
| } | ||
| } | ||
| WireComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0, type: WireComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); | ||
| WireComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: WireComponent, selector: "[wire-component]", inputs: { component: ["wire-component", "component"], config: "config" }, ngImport: i0, template: '', isInline: true }); | ||
| i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0, type: WireComponent, decorators: [{ | ||
| type: Component, | ||
| args: [{ | ||
| selector: '[wire-component]', | ||
| template: '' | ||
| }] | ||
| }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { component: [{ | ||
| type: Input, | ||
| args: ["wire-component"] | ||
| }], config: [{ | ||
| type: Input | ||
| }] } }); | ||
| class WireModule { | ||
| } | ||
| WireModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0, type: WireModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); | ||
| WireModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0, type: WireModule, declarations: [WireComponent], exports: [WireComponent] }); | ||
| WireModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0, type: WireModule, imports: [[]] }); | ||
| i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0, type: WireModule, decorators: [{ | ||
| type: NgModule, | ||
| args: [{ | ||
| declarations: [ | ||
| WireComponent | ||
| ], | ||
| imports: [], | ||
| exports: [ | ||
| WireComponent | ||
| ] | ||
| }] | ||
| }] }); | ||
| /* | ||
| * Public API Surface of wire-component | ||
| */ | ||
| /** | ||
| * Generated bundle index. Do not edit. | ||
| */ | ||
| export { WireComponent, WireModule }; | ||
| //# sourceMappingURL=wirebootstrap-wire-angular.js.map |
| {"version":3,"file":"wirebootstrap-wire-angular.js","sources":["../../../projects/wire-angular/src/wire.component.ts","../../../projects/wire-angular/src/wire.module.ts","../../../projects/wire-angular/src/public-api.ts","../../../projects/wire-angular/src/wirebootstrap-wire-angular.ts"],"sourcesContent":["import {Component, AfterViewInit, ElementRef, Input } from '@angular/core';\n\n@Component({ \n selector: '[wire-component]',\n template: ''\n})\nexport class WireComponent implements AfterViewInit {\n\n //\n // Input vars are set declaratively on the HTML element\n //\n\n // same name as compoent\n @Input(\"wire-component\") component!: string;\n // component configuration\n @Input() config?: IWireComponentConfig;\n\n /*\n * @param element HTML element into which the component is to be rendered\n */ \n constructor(private element: ElementRef) {\n }\n\n /*\n * Used for auto-binding when using a declarative render\n */ \n ngAfterViewInit() {\n if (this.component && this.config)\n this.render(this.component, this.config);\n }\n \n /*\n * Used to programatically render the component in the HTML container\n * @param component Full string name of component (i.e. wire.bsTable)\n * @param config The component's configuration. See the documentation for the component for details.\n * @returns The instance of the WireBootstrap component that was rendered\n */ \n render(component: string, config: IWireComponentConfig): IWireComponent | null {\n\n // create component instance from the full string name\n let cmp = wire.ui.Component.create(component);\n\n if(cmp)\n return cmp.render(this.element.nativeElement, config);\n else\n return null;\n\n }\n\n}","import { NgModule } from '@angular/core';\nimport { WireComponent } from './wire.component';\n\n@NgModule({\n declarations: [\n WireComponent\n ],\n imports: [\n ],\n exports: [\n WireComponent\n ]\n})\nexport class WireModule { }\n","/*\n * Public API Surface of wire-component\n */\n\nexport * from './wire.component';\nexport * from './wire.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAMa,aAAa;;;;IAcxB,YAAoB,OAAmB;QAAnB,YAAO,GAAP,OAAO,CAAY;KACtC;;;;IAKD,eAAe;QACb,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM;YAC/B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;KAC5C;;;;;;;IAQD,MAAM,CAAC,SAAiB,EAAE,MAA4B;;QAGpD,IAAI,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAE9C,IAAG,GAAG;YACJ,OAAO,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;;YAEtD,OAAO,IAAI,CAAC;KAEf;;2GAzCU,aAAa;+FAAb,aAAa,kIAFd,EAAE;4FAED,aAAa;kBAJzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,QAAQ,EAAE,EAAE;iBACb;iGAQ0B,SAAS;sBAAjC,KAAK;uBAAC,gBAAgB;gBAEd,MAAM;sBAAd,KAAK;;;MCFK,UAAU;;wGAAV,UAAU;yGAAV,UAAU,iBARnB,aAAa,aAKb,aAAa;yGAGJ,UAAU,YANZ,EACR;4FAKU,UAAU;kBAVtB,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,aAAa;qBACd;oBACD,OAAO,EAAE,EACR;oBACD,OAAO,EAAE;wBACP,aAAa;qBACd;iBACF;;;ACZD;;;;ACAA;;;;;;"} |
| export * from './wire.component'; | ||
| export * from './wire.module'; |
| /// <reference types="wire" /> | ||
| import { AfterViewInit, ElementRef } from '@angular/core'; | ||
| import * as i0 from "@angular/core"; | ||
| export declare class WireComponent implements AfterViewInit { | ||
| private element; | ||
| component: string; | ||
| config?: IWireComponentConfig; | ||
| constructor(element: ElementRef); | ||
| ngAfterViewInit(): void; | ||
| render(component: string, config: IWireComponentConfig): IWireComponent | null; | ||
| static ɵfac: i0.ɵɵFactoryDeclaration<WireComponent, never>; | ||
| static ɵcmp: i0.ɵɵComponentDeclaration<WireComponent, "[wire-component]", never, { "component": "wire-component"; "config": "config"; }, {}, never, never>; | ||
| } |
| import * as i0 from "@angular/core"; | ||
| import * as i1 from "./wire.component"; | ||
| export declare class WireModule { | ||
| static ɵfac: i0.ɵɵFactoryDeclaration<WireModule, never>; | ||
| static ɵmod: i0.ɵɵNgModuleDeclaration<WireModule, [typeof i1.WireComponent], never, [typeof i1.WireComponent]>; | ||
| static ɵinj: i0.ɵɵInjectorDeclaration<WireModule>; | ||
| } |
| /** | ||
| * Generated bundle index. Do not edit. | ||
| */ | ||
| /// <amd-module name="@wirebootstrap/wire-angular" /> | ||
| export * from './public-api'; |
+16
-5
| { | ||
| "name": "@wirebootstrap/wire-angular", | ||
| "description": "WireBootstrap for Angular", | ||
| "version": "1.0.16", | ||
| "version": "1.0.17", | ||
| "peerDependencies": { | ||
| "@angular/common": "^12.2.0", | ||
| "@angular/core": "^12.2.0", | ||
| "@wirebootstrap/wire": "^2.1.8" | ||
| }, | ||
| "dependencies": { | ||
| "@angular/core": "~12.2.0", | ||
| "@wirebootstrap/wire": "^2.1.8" | ||
| } | ||
| } | ||
| "tslib": "^2.3.0" | ||
| }, | ||
| "main": "bundles/wirebootstrap-wire-angular.umd.js", | ||
| "module": "fesm2015/wirebootstrap-wire-angular.js", | ||
| "es2015": "fesm2015/wirebootstrap-wire-angular.js", | ||
| "esm2015": "esm2015/wirebootstrap-wire-angular.js", | ||
| "fesm2015": "fesm2015/wirebootstrap-wire-angular.js", | ||
| "typings": "wirebootstrap-wire-angular.d.ts", | ||
| "sideEffects": false | ||
| } |
+2
-2
@@ -1,8 +0,8 @@ | ||
| # WireBootstrap for Angular | ||
| # WireBootstrap Angular Component | ||
| Build applications with Bootstrap themes and components using **WireBootstrap** for free. | ||
| **WireBootstrap for Angular** brings WireBootstrap into the Angular framework. | ||
| WireBootstrap for Angular features an Angular Component that allows any WireBootstrap component to be used inside the Angular framework. The solution also contains a sample project that illustrates how use WireBootstrap in Angular applications. This includes setting up access to data services using WireBootstrap data structures as well as examples of the different ways in which the WireBootstrap Angular Component can be used with these data services. | ||
| # Documetation | ||
| Visit https://docs.wirebootstrap.com/integrations/angular for getting started materials and detailed documentation. |
| import {Component, AfterViewInit, ElementRef, Input } from '@angular/core'; | ||
| @Component({ | ||
| selector: '[wire-component]', | ||
| template: '' | ||
| }) | ||
| export class WireComponent implements AfterViewInit { | ||
| // | ||
| // Input vars are set declaratively on the HTML element | ||
| // | ||
| // same name as compoent | ||
| @Input("wire-component") component!: string; | ||
| // component configuration | ||
| @Input() config?: IWireComponentConfig; | ||
| /* | ||
| * @param element HTML element into which the component is to be rendered | ||
| */ | ||
| constructor(private element: ElementRef) { | ||
| } | ||
| /* | ||
| * Used for auto-binding when using a declarative render | ||
| */ | ||
| ngAfterViewInit() { | ||
| if (this.component && this.config) | ||
| this.render(this.component, this.config); | ||
| } | ||
| /* | ||
| * Used to programatically render the component in the HTML container | ||
| * @param component Full string name of component (i.e. wire.bsTable) | ||
| * @param config The component's configuration. See the documentation for the component for details. | ||
| * @returns The instance of the WireBootstrap component that was rendered | ||
| */ | ||
| render(component: string, config: IWireComponentConfig): IWireComponent | null { | ||
| // create component instance from the full string name | ||
| let cmp = wire.ui.Component.create(component); | ||
| if(cmp) | ||
| return cmp.render(this.element.nativeElement, config); | ||
| else | ||
| return null; | ||
| } | ||
| } |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
25750
1246.05%14
366.67%270
592.31%4
100%3
200%1
Infinity%+ Added
+ Added
- Removed
- Removed