New Research: Supply Chain Attack on Axios Pulls Malicious Dependency from npm.Details
Socket
Book a DemoSign in
Socket

@wirebootstrap/wire-angular

Package Overview
Dependencies
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@wirebootstrap/wire-angular - npm Package Compare versions

Comparing version
1.0.16
to
1.0.17
+107
bundles/wirebootstrap-wire-angular.umd.js
(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
}

@@ -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;
}
}