@wavemaker/app-ng-runtime 12.0.0-next.44005 → 12.0.0-next.45001

app-ng-runtime/components/advanced/custom/esm2022/custom-widget.module.mjs

@@ -0,0 +1,39 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { WmComponentsModule } from '@wm/components/base';
+import { CustomWidgetContainerDirective } from './custom-widget-container/custom-widget-container.directive';
+import { CustomWidgetPropDirective, CustomWidgetPropHandlerDirective } from './custom-widget-container-prop/custom-widget-container-prop.directive';
+import { CustomWidgetDirective } from './custom-widget.directive';
+import * as i0 from "@angular/core";
+const components = [
+    CustomWidgetContainerDirective,
+    CustomWidgetPropDirective,
+    CustomWidgetPropHandlerDirective,
+    CustomWidgetDirective
+];
+export class CustomModule {
+    static { this.ɵfac = function CustomModule_Factory(t) { return new (t || CustomModule)(); }; }
+    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CustomModule }); }
+    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+            WmComponentsModule] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    WmComponentsModule
+                ],
+                declarations: [...components],
+                exports: [...components]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CustomModule, { declarations: [CustomWidgetContainerDirective,
+        CustomWidgetPropDirective,
+        CustomWidgetPropHandlerDirective,
+        CustomWidgetDirective], imports: [CommonModule,
+        WmComponentsModule], exports: [CustomWidgetContainerDirective,
+        CustomWidgetPropDirective,
+        CustomWidgetPropHandlerDirective,
+        CustomWidgetDirective] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXdpZGdldC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYWR2YW5jZWQvY3VzdG9tL3NyYy9jdXN0b20td2lkZ2V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV6RCxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSw2REFBNkQsQ0FBQztBQUM3RyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsZ0NBQWdDLEVBQUMsTUFBTSx1RUFBdUUsQ0FBQTtBQUNsSixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTs7QUFDakUsTUFBTSxVQUFVLEdBQUc7SUFDZiw4QkFBOEI7SUFDOUIseUJBQXlCO0lBQ3pCLGdDQUFnQztJQUNoQyxxQkFBcUI7Q0FDeEIsQ0FBQztBQVVGLE1BQU0sT0FBTyxZQUFZOzZFQUFaLFlBQVk7bUVBQVosWUFBWTt1RUFOakIsWUFBWTtZQUNaLGtCQUFrQjs7dUZBS2IsWUFBWTtjQVJ4QixRQUFRO2VBQUM7Z0JBQ04sT0FBTyxFQUFFO29CQUNMLFlBQVk7b0JBQ1osa0JBQWtCO2lCQUNyQjtnQkFDRCxZQUFZLEVBQUUsQ0FBQyxHQUFHLFVBQVUsQ0FBQztnQkFDN0IsT0FBTyxFQUFFLENBQUMsR0FBRyxVQUFVLENBQUM7YUFDM0I7O3dGQUNZLFlBQVksbUJBZHJCLDhCQUE4QjtRQUM5Qix5QkFBeUI7UUFDekIsZ0NBQWdDO1FBQ2hDLHFCQUFxQixhQUtqQixZQUFZO1FBQ1osa0JBQWtCLGFBVHRCLDhCQUE4QjtRQUM5Qix5QkFBeUI7UUFDekIsZ0NBQWdDO1FBQ2hDLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBXbUNvbXBvbmVudHNNb2R1bGUgfSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcblxuaW1wb3J0IHsgQ3VzdG9tV2lkZ2V0Q29udGFpbmVyRGlyZWN0aXZlIH0gZnJvbSAnLi9jdXN0b20td2lkZ2V0LWNvbnRhaW5lci9jdXN0b20td2lkZ2V0LWNvbnRhaW5lci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ3VzdG9tV2lkZ2V0UHJvcERpcmVjdGl2ZSwgQ3VzdG9tV2lkZ2V0UHJvcEhhbmRsZXJEaXJlY3RpdmV9IGZyb20gJy4vY3VzdG9tLXdpZGdldC1jb250YWluZXItcHJvcC9jdXN0b20td2lkZ2V0LWNvbnRhaW5lci1wcm9wLmRpcmVjdGl2ZSdcbmltcG9ydCB7IEN1c3RvbVdpZGdldERpcmVjdGl2ZSB9IGZyb20gJy4vY3VzdG9tLXdpZGdldC5kaXJlY3RpdmUnXG5jb25zdCBjb21wb25lbnRzID0gW1xuICAgIEN1c3RvbVdpZGdldENvbnRhaW5lckRpcmVjdGl2ZSxcbiAgICBDdXN0b21XaWRnZXRQcm9wRGlyZWN0aXZlLFxuICAgIEN1c3RvbVdpZGdldFByb3BIYW5kbGVyRGlyZWN0aXZlLFxuICAgIEN1c3RvbVdpZGdldERpcmVjdGl2ZVxuXTtcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgV21Db21wb25lbnRzTW9kdWxlXG4gICAgXSxcbiAgICBkZWNsYXJhdGlvbnM6IFsuLi5jb21wb25lbnRzXSxcbiAgICBleHBvcnRzOiBbLi4uY29tcG9uZW50c11cbn0pXG5leHBvcnQgY2xhc3MgQ3VzdG9tTW9kdWxlIHtcbn1cbiJdfQ==

app-ng-runtime/components/advanced/custom/esm2022/index.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYWR2YW5jZWQvY3VzdG9tL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19

app-ng-runtime/components/advanced/custom/esm2022/public_api.mjs

@@ -0,0 +1,5 @@
+export * from './custom-widget.module';
+export * from './custom-widget-container/custom-widget-container.directive';
+export * from './custom-widget-container-prop/custom-widget-container-prop.directive';
+export * from './custom-widget.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9hZHZhbmNlZC9jdXN0b20vc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDZEQUE2RCxDQUFDO0FBQzVFLGNBQWMsdUVBQXVFLENBQUE7QUFDckYsY0FBYywyQkFBMkIsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY3VzdG9tLXdpZGdldC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9jdXN0b20td2lkZ2V0LWNvbnRhaW5lci9jdXN0b20td2lkZ2V0LWNvbnRhaW5lci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9jdXN0b20td2lkZ2V0LWNvbnRhaW5lci1wcm9wL2N1c3RvbS13aWRnZXQtY29udGFpbmVyLXByb3AuZGlyZWN0aXZlJ1xuZXhwb3J0ICogZnJvbSAnLi9jdXN0b20td2lkZ2V0LmRpcmVjdGl2ZSdcbiJdfQ==

app-ng-runtime/components/advanced/custom/fesm2022/index.mjs

@@ -0,0 +1,256 @@
+import * as i0 from '@angular/core';
+import { Directive, Attribute, Self, Inject, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PROP_STRING, PROP_BOOLEAN, StylableComponent, styler, register, PROP_TYPE, provideAsWidgetRef, WidgetRef, getWidgetPropsByType, WmComponentsModule } from '@wm/components/base';
+import * as i1 from '@wm/core';
+import { noop, $watch } from '@wm/core';
+import { Subject } from 'rxjs';
+
+const customWidgetProps = new Map([
+    ['class', PROP_STRING],
+    ['hint', PROP_STRING],
+    ['name', PROP_STRING],
+    ['widgetname', PROP_STRING],
+    ['show', { value: true, ...PROP_BOOLEAN }]
+]);
+
+const registeredPropsSet = new Set();
+const DEFAULT_CLS$1 = 'app-html-container';
+const WIDGET_CONFIG$1 = {
+    widgetType: 'wm-custom-widget',
+    hostClass: DEFAULT_CLS$1
+};
+class CustomWidgetContainerDirective extends StylableComponent {
+    constructor(inj, elRef, widgetname) {
+        let resolveFn = noop;
+        super(inj, WIDGET_CONFIG$1, new Promise(res => resolveFn = res));
+        this.propsReady = resolveFn;
+        this.widgetType = WIDGET_CONFIG$1.widgetType;
+        this.widgetName = widgetname;
+        this.name = elRef.nativeElement.getAttribute('name');
+        styler(this.nativeElement, this);
+        // Call on property change on name to set name attribute on element.
+        this.registerReadyStateListener(() => {
+            super.onPropertyChange('name', this.name);
+        });
+    }
+    setProps(config, resolveFn) {
+        if (!config || !config.properties) {
+            return;
+        }
+        if (!registeredPropsSet.has(this.widgetType)) {
+            register(this.widgetType, this.prepareProps(config.properties));
+        }
+        this.propsReady(resolveFn);
+    }
+    prepareProps(props = {}) {
+        const propsMap = new Map(customWidgetProps);
+        // propsMap.set('widgetname', this.widgetName);
+        Object.entries(props).forEach(([k, v]) => {
+            let type = PROP_TYPE.STRING;
+            if (v.type === 'boolean') {
+                type = PROP_TYPE.BOOLEAN;
+            }
+            else if (v.type === 'number') {
+                type = PROP_TYPE.NUMBER;
+            }
+            else if (v.type !== 'string') {
+                type = v.type;
+            }
+            // Do not set the 'bind:*' values
+            propsMap.set(k, { type, value: _.startsWith(v.value, 'bind:') ? undefined : v.value });
+        });
+        registeredPropsSet.add(this.widgetType);
+        return propsMap;
+    }
+    static { this.ɵfac = function CustomWidgetContainerDirective_Factory(t) { return new (t || CustomWidgetContainerDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵinjectAttribute('widgetname')); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CustomWidgetContainerDirective, selectors: [["", "wmWidgetContainer", ""]], exportAs: ["wmWidgetContainer"], features: [i0.ɵɵProvidersFeature([
+                provideAsWidgetRef(CustomWidgetContainerDirective)
+            ]), i0.ɵɵInheritDefinitionFeature] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomWidgetContainerDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[wmWidgetContainer]',
+                providers: [
+                    provideAsWidgetRef(CustomWidgetContainerDirective)
+                ],
+                exportAs: 'wmWidgetContainer'
+            }]
+    }], function () { return [{ type: i0.Injector }, { type: i0.ElementRef }, { type: undefined, decorators: [{
+                type: Attribute,
+                args: ['widgetname']
+            }] }]; }, null); })();
+
+class CustomWidgetPropHandlerDirective {
+    constructor(widgetRef) {
+        this.widgetRef = widgetRef;
+        this.widgetRef.props = {};
+        this.widgetRef.pageParams = this.widgetRef.props;
+        this.widgetRef.params$ = new Subject();
+    }
+    registerParams(name, value, bindExpr, type) {
+        this.widgetRef.props[name] = value;
+        if (!value && bindExpr) {
+            this.widgetRef.registerDestroyListener(
+            //[Todo-CSP]: expr fn should be generated be default
+            $watch(bindExpr, this.widgetRef.getViewParent(), _.get(this.widgetRef, 'context'), nv => {
+                this.widgetRef.props[name] = nv;
+                // notify the partial container of the param changes
+                this.widgetRef.params$.next();
+            }));
+        }
+        else {
+            this.widgetRef.params$.next();
+        }
+    }
+    static { this.ɵfac = function CustomWidgetPropHandlerDirective_Factory(t) { return new (t || CustomWidgetPropHandlerDirective)(i0.ɵɵdirectiveInject(WidgetRef, 2)); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CustomWidgetPropHandlerDirective, selectors: [["", "customWidgetContainer", ""]] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomWidgetPropHandlerDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[customWidgetContainer]',
+            }]
+    }], function () { return [{ type: undefined, decorators: [{
+                type: Self
+            }, {
+                type: Inject,
+                args: [WidgetRef]
+            }] }]; }, null); })();
+class CustomWidgetPropDirective {
+    constructor(bindValue, type, customWidgetPropsProvider) {
+        this.bindValue = bindValue;
+        this.type = type;
+        this.customWidgetPropsProvider = customWidgetPropsProvider;
+    }
+    ngOnInit() {
+        this.customWidgetPropsProvider.registerParams(this.name, this.value, this.bindValue, this.type);
+    }
+    static { this.ɵfac = function CustomWidgetPropDirective_Factory(t) { return new (t || CustomWidgetPropDirective)(i0.ɵɵinjectAttribute('value.bind'), i0.ɵɵinjectAttribute('type'), i0.ɵɵdirectiveInject(CustomWidgetPropHandlerDirective)); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CustomWidgetPropDirective, selectors: [["", "wmProp", ""]], inputs: { name: "name", value: "value" } }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomWidgetPropDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[wmProp]',
+            }]
+    }], function () { return [{ type: undefined, decorators: [{
+                type: Attribute,
+                args: ['value.bind']
+            }] }, { type: undefined, decorators: [{
+                type: Attribute,
+                args: ['type']
+            }] }, { type: CustomWidgetPropHandlerDirective }]; }, { name: [{
+            type: Input
+        }], value: [{
+            type: Input
+        }] }); })();
+
+const registerProps = () => {
+    register('wm-custom-widget-container', new Map([
+        ['name', PROP_STRING],
+        ['class', PROP_STRING]
+    ]));
+};
+
+const DEFAULT_CLS = 'app-custom-widget-container clearfix';
+const WIDGET_CONFIG = { widgetType: 'wm-custom-widget-container', hostClass: DEFAULT_CLS };
+class CustomWidgetDirective extends StylableComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, viewport) {
+        super(inj, WIDGET_CONFIG);
+        this.viewport = viewport;
+        this.registerDestroyListener(this.viewport.subscribe("resize" /* ViewportEvent.RESIZE */, data => this.callback('resize', data)));
+        this.registerDestroyListener(this.viewport.subscribe("orientationchange" /* ViewportEvent.ORIENTATION_CHANGE */, data => this.callback('orientationchange', data)));
+    }
+    ngAfterContentInit() {
+        let customWidget = this.nativeElement.closest('[customwidgetcontainer]'), inheritedProps = {}, customWidgetProps = Array.from(getWidgetPropsByType("wm-custom-widget-container").keys());
+        for (let i = 0; i < customWidget.attributes.length; i++) {
+            let attr = customWidget.attributes.item(i);
+            if (attr.value && attr.value !== '' && !customWidgetProps.includes(attr.name))
+                inheritedProps[attr.name] = attr.value;
+        }
+        this.processChildren(this.nativeElement.children, inheritedProps);
+    }
+    processChildren(children, inheritedProps) {
+        Array.from(children).forEach((child) => {
+            if (!child.hasAttribute('base-widget'))
+                this.processChildren(child.children, inheritedProps);
+            else {
+                for (const [key, value] of Object.entries(inheritedProps)) {
+                    if (key.includes(".event"))
+                        this.processChildAttr(key, value, { widget: child.widget, nativeElement: child });
+                    else
+                        child.widget[key] = value;
+                }
+            }
+        });
+    }
+    callback(eventName, locals) {
+        locals = _.assign({ widget: this }, locals);
+        this.invokeEventCallback(eventName, locals);
+    }
+    ngOnAttach() {
+        this.callback('attach');
+    }
+    ngOnDetach() {
+        this.callback('detach');
+    }
+    ngOnDestroy() {
+        this.callback('destroy');
+        super.ngOnDestroy();
+    }
+    static { this.ɵfac = function CustomWidgetDirective_Factory(t) { return new (t || CustomWidgetDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.Viewport)); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CustomWidgetDirective, selectors: [["", "wmCustomWidget", ""]], features: [i0.ɵɵProvidersFeature([
+                provideAsWidgetRef(CustomWidgetDirective)
+            ]), i0.ɵɵInheritDefinitionFeature] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomWidgetDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[wmCustomWidget]',
+                providers: [
+                    provideAsWidgetRef(CustomWidgetDirective)
+                ]
+            }]
+    }], function () { return [{ type: i0.Injector }, { type: i1.Viewport }]; }, null); })();
+
+const components = [
+    CustomWidgetContainerDirective,
+    CustomWidgetPropDirective,
+    CustomWidgetPropHandlerDirective,
+    CustomWidgetDirective
+];
+class CustomModule {
+    static { this.ɵfac = function CustomModule_Factory(t) { return new (t || CustomModule)(); }; }
+    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CustomModule }); }
+    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+            WmComponentsModule] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    WmComponentsModule
+                ],
+                declarations: [...components],
+                exports: [...components]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CustomModule, { declarations: [CustomWidgetContainerDirective,
+        CustomWidgetPropDirective,
+        CustomWidgetPropHandlerDirective,
+        CustomWidgetDirective], imports: [CommonModule,
+        WmComponentsModule], exports: [CustomWidgetContainerDirective,
+        CustomWidgetPropDirective,
+        CustomWidgetPropHandlerDirective,
+        CustomWidgetDirective] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CustomModule, CustomWidgetContainerDirective, CustomWidgetDirective, CustomWidgetPropDirective, CustomWidgetPropHandlerDirective };
+//# sourceMappingURL=index.mjs.map

app-ng-runtime/components/advanced/custom/fesm2022/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/advanced/custom/src/custom-widget-container/custom-widget.props.ts","../../../../../projects/components/widgets/advanced/custom/src/custom-widget-container/custom-widget-container.directive.ts","../../../../../projects/components/widgets/advanced/custom/src/custom-widget-container-prop/custom-widget-container-prop.directive.ts","../../../../../projects/components/widgets/advanced/custom/src/custom-widget-prop.ts","../../../../../projects/components/widgets/advanced/custom/src/custom-widget.directive.ts","../../../../../projects/components/widgets/advanced/custom/src/custom-widget.module.ts","../../../../../projects/components/widgets/advanced/custom/src/index.ts"],"sourcesContent":["import { PROP_BOOLEAN, PROP_STRING } from '@wm/components/base';\n\nexport const customWidgetProps =\n    new Map(\n        [\n            ['class', PROP_STRING],\n            ['hint', PROP_STRING],\n            ['name', PROP_STRING],\n            ['widgetname', PROP_STRING],\n            ['show', { value: true, ...PROP_BOOLEAN }]\n        ]\n    )\n","import { Attribute, Directive, ElementRef, Injector, OnInit, Optional, SecurityContext } from '@angular/core';\n\nimport { noop } from '@wm/core';\nimport { IWidgetConfig, PROP_TYPE, provideAsWidgetRef, register, SanitizePipe, StylableComponent, styler } from '@wm/components/base';\n\nimport { customWidgetProps } from './custom-widget.props';\n\nconst registeredPropsSet = new Set<string>();\n\nconst DEFAULT_CLS = 'app-html-container';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-custom-widget',\n    hostClass: DEFAULT_CLS\n};\n\ndeclare const _;\n\n@Directive({\n    selector: '[wmWidgetContainer]',\n    providers: [\n        provideAsWidgetRef(CustomWidgetContainerDirective)\n    ],\n    exportAs: 'wmWidgetContainer'\n})\nexport class CustomWidgetContainerDirective extends StylableComponent implements OnInit {\n    widgetType: string;\n    name: string;\n    propsReady: Function;\n    widgetName: string;\n\n    constructor(\n        inj: Injector, elRef: ElementRef,\n        @Attribute('widgetname') widgetname: string,\n    ) {\n        let resolveFn: Function = noop;\n        super(inj, WIDGET_CONFIG, new Promise(res => resolveFn = res));\n        this.propsReady = resolveFn;\n        this.widgetType = WIDGET_CONFIG.widgetType;\n        this.widgetName = widgetname;\n        this.name = elRef.nativeElement.getAttribute('name');\n\n        styler(this.nativeElement, this);\n\n        // Call on property change on name to set name attribute on element.\n        this.registerReadyStateListener(() => {\n            super.onPropertyChange('name', this.name);\n        });\n    }\n\n    public setProps(config, resolveFn: Function) {\n        if (!config || !config.properties) {\n            return;\n        }\n        if (!registeredPropsSet.has(this.widgetType)) {\n            register(this.widgetType, this.prepareProps(config.properties));\n        }\n\n        this.propsReady(resolveFn);\n    }\n\n    private prepareProps(props = {}) {\n        const propsMap = new Map(customWidgetProps);\n        // propsMap.set('widgetname', this.widgetName);\n        Object.entries(props).forEach(([k, v]: [string, any]) => {\n            let type = PROP_TYPE.STRING;\n\n            if (v.type === 'boolean') {\n                type = PROP_TYPE.BOOLEAN;\n            } else if (v.type === 'number') {\n                type = PROP_TYPE.NUMBER;\n            } else if (v.type !== 'string') {\n                type = v.type;\n            }\n\n            // Do not set the 'bind:*' values\n            propsMap.set(k, { type, value: _.startsWith(v.value, 'bind:') ? undefined : v.value });\n        });\n\n        registeredPropsSet.add(this.widgetType);\n\n        return propsMap;\n    }\n}\n","import { Attribute, Directive, Inject, Self, Input, OnInit } from '@angular/core';\n\nimport { Subject } from 'rxjs';\n\nimport { $watch } from '@wm/core';\nimport { WidgetRef } from '@wm/components/base';\n\n\ndeclare const _;\n\n@Directive({\n    selector: '[customWidgetContainer]',\n})\nexport class CustomWidgetPropHandlerDirective {\n    constructor (@Self() @Inject(WidgetRef) private widgetRef) {\n        this.widgetRef.props = {};\n        this.widgetRef.pageParams = this.widgetRef.props;\n        this.widgetRef.params$ = new Subject();\n    }\n\n    registerParams(name: string, value: string, bindExpr: string, type: string) {\n        this.widgetRef.props[name] = value;\n        if (!value && bindExpr) {\n            this.widgetRef.registerDestroyListener(\n                //[Todo-CSP]: expr fn should be generated be default\n                $watch(bindExpr, this.widgetRef.getViewParent(), _.get(this.widgetRef, 'context'), nv => {\n                    this.widgetRef.props[name] = nv;\n\n                    // notify the partial container of the param changes\n                    this.widgetRef.params$.next();\n                })\n            );\n        } else {\n            this.widgetRef.params$.next();\n        }\n\n    }\n}\n\n@Directive({\n    selector: '[wmProp]',\n})\nexport class CustomWidgetPropDirective implements OnInit {\n\n    @Input() name: string;\n    @Input() value: any;\n\n    constructor(\n        @Attribute('value.bind') public bindValue,\n        @Attribute('type') public type,\n        private customWidgetPropsProvider: CustomWidgetPropHandlerDirective\n    ) {\n    }\n\n    ngOnInit() {\n        this.customWidgetPropsProvider.registerParams(this.name, this.value, this.bindValue, this.type);\n    }\n}\n","import {PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-custom-widget-container',\n        new Map(\n            [\n                ['name', PROP_STRING],\n                ['class', PROP_STRING]\n            ]\n        )\n    );\n};\n","import { AfterContentInit, Directive, ElementRef, Injector, OnDestroy, Optional } from '@angular/core';\n\nimport {Viewport, ViewportEvent} from '@wm/core';\nimport { registerProps } from './custom-widget-prop';\nimport { StylableComponent, provideAsWidgetRef, getWidgetPropsByType } from '@wm/components/base';\n\nconst DEFAULT_CLS = 'app-custom-widget-container clearfix';\nconst WIDGET_CONFIG = {widgetType: 'wm-custom-widget-container', hostClass: DEFAULT_CLS};\ndeclare const _;\n\n@Directive({\n    selector: '[wmCustomWidget]',\n    providers: [\n        provideAsWidgetRef(CustomWidgetDirective)\n    ]\n})\nexport class CustomWidgetDirective extends StylableComponent implements OnDestroy, AfterContentInit {\n    static initializeProps = registerProps();\n\n    constructor(inj: Injector, private viewport: Viewport) {\n        super(inj, WIDGET_CONFIG);\n        this.registerDestroyListener(this.viewport.subscribe(ViewportEvent.RESIZE, data => this.callback('resize', data)));\n        this.registerDestroyListener(this.viewport.subscribe(ViewportEvent.ORIENTATION_CHANGE, data => this.callback('orientationchange', data)));\n    }\n    ngAfterContentInit() {\n        let customWidget        = this.nativeElement.closest('[customwidgetcontainer]'),\n            inheritedProps      = {},\n            customWidgetProps   = Array.from(getWidgetPropsByType(\"wm-custom-widget-container\").keys());\n        for(let i = 0; i < customWidget.attributes.length; i++) {\n            let attr = customWidget.attributes.item(i);\n            if(attr.value && attr.value !== '' && !customWidgetProps.includes(attr.name))\n                inheritedProps[attr.name] = attr.value;\n        }\n        this.processChildren(this.nativeElement.children, inheritedProps);\n    }\n\n    processChildren(children: any, inheritedProps: { [key: string]: string }) {\n        Array.from(children).forEach((child: any) => {\n            if(!child.hasAttribute('base-widget'))\n                this.processChildren(child.children, inheritedProps);\n            else {\n                for (const [key, value] of Object.entries(inheritedProps)) {\n                    if(key.includes(\".event\"))\n                        this.processChildAttr(key, value, {widget: child.widget, nativeElement: child});\n                    else\n                        child.widget[key] = value;\n                }\n            }\n        })\n    }\n\n    private callback(eventName, locals?: object) {\n        locals = _.assign({ widget: this }, locals);\n        this.invokeEventCallback(eventName, locals);\n    }\n\n    public ngOnAttach() {\n        this.callback('attach');\n    }\n\n    public ngOnDetach() {\n        this.callback('detach');\n    }\n\n    public ngOnDestroy() {\n        this.callback('destroy');\n        super.ngOnDestroy();\n    }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { CustomWidgetContainerDirective } from './custom-widget-container/custom-widget-container.directive';\nimport { CustomWidgetPropDirective, CustomWidgetPropHandlerDirective} from './custom-widget-container-prop/custom-widget-container-prop.directive'\nimport { CustomWidgetDirective } from './custom-widget.directive'\nconst components = [\n    CustomWidgetContainerDirective,\n    CustomWidgetPropDirective,\n    CustomWidgetPropHandlerDirective,\n    CustomWidgetDirective\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components]\n})\nexport class CustomModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["DEFAULT_CLS","WIDGET_CONFIG"],"mappings":"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"}

app-ng-runtime/components/advanced/custom/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@wm/components/advanced/custom" />
+export * from './public_api';

app-ng-runtime/components/advanced/custom/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@wm/components/advanced/custom",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "module": "fesm2022/index.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/index.mjs",
+      "esm": "./esm2022/index.mjs",
+      "default": "./fesm2022/index.mjs"
+    }
+  },
+  "scripts": {
+    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy in full compilation mode. This is not allowed.\\nPlease delete and rebuild the package with Ivy partial compilation mode, before attempting to publish.\\n')\" && exit 1"
+  }
+}

app-ng-runtime/components/advanced/custom/public_api.d.ts

@@ -0,0 +1,4 @@
+export * from './custom-widget.module';
+export * from './custom-widget-container/custom-widget-container.directive';
+export * from './custom-widget-container-prop/custom-widget-container-prop.directive';
+export * from './custom-widget.directive';

app-ng-runtime/components/base/bundles/index.umd.js

@@ -1021,9 +1021,10 @@
             }
             else {
                 this.delayedInit = true;
-                initPromise.then(() => {
+                initPromise.then((resolveFn) => {
                     this.initWidget();
                     this.setInitProps();
+                    resolveFn && resolveFn();
                 });
             }
         }
@@ -1230,11 +1231,11 @@
          * @param {string} eventName
          * @param {string} expr
          */
-        processEventAttr(eventName, expr, meta) {
+        processEventAttr(eventName, expr, meta, child) {
             const fn = i1.$parseEvent(expr);
             const locals = this.context;
-            locals.widget = this.widget;
-            const boundFn = fn.bind(undefined, this.viewParent, locals);
+            locals.widget = child ? child.widget : this.widget;
+            const boundFn = fn.bind(undefined, child ? this.viewParent.viewParent : this.viewParent, locals);
             const eventCallback = () => {
                 let boundFnVal;
                 i1.$invokeWatchers(true);
@@ -1254,15 +1255,29 @@
                     console.error(e);
                 }
             };
-            this.eventHandlers.set(this.getMappedEventName(eventName), { callback: eventCallback, locals });
+            if (child) {
+                if (!child.widget.eventHandlers)
+                    child.widget.eventHandlers = new Map();
+                child.widget.eventHandlers.set(this.getMappedEventName(eventName), { callback: eventCallback, locals });
+            }
+            else
+                this.eventHandlers.set(this.getMappedEventName(eventName), { callback: eventCallback, locals });
             // prepend eventName with on and convert it to camelcase.
             // eg, "click" ---> onClick
             const onEventName = _.camelCase(`on-${eventName}`);
             // save the eventCallback in widgetScope.
-            this[onEventName] = eventCallback;
+            if (child) {
+                child.widget[onEventName] = eventCallback;
+            }
+            else
+                this[onEventName] = eventCallback;
             // events needs to be setup after viewInit
             this.toBeSetupEventsQueue.push(() => {
-                this.handleEvent(this.nativeElement, this.getMappedEventName(eventName), eventCallback, locals, meta);
+                if (child) {
+                    this.handleEvent(child.nativeElement, this.getMappedEventName(eventName), eventCallback, locals, meta);
+                }
+                else
+                    this.handleEvent(this.nativeElement, this.getMappedEventName(eventName), eventCallback, locals, meta);
             });
         }
         /**
@@ -1294,13 +1309,16 @@
                 }
             }
         }
+        processChildAttr(attrName, attrValue, child) {
+            this.processAttr(attrName, attrValue, child);
+        }
         /**
          * Process the attribute
          * If the attribute is an event expression, generate a functional representation of the expression
          *      and keep in eventHandlers
          * If the attribute is a bound expression, register a watch on the expression
          */
-        processAttr(attrName, attrValue) {
+        processAttr(attrName, attrValue, child) {
             // console.log("====attrName=====", attrName, "=====typeof attrname=====", typeof attrName, "-----attrValue----", attrValue);
             const { 0: propName, 1: type, 2: meta, length } = attrName.split('.');
             if (type === 'bind') {
@@ -1311,7 +1329,7 @@
                 this.processBindAttr(propName, attrValue);
             }
             else if (type === 'event') {
-                this.processEventAttr(propName, attrValue, meta);
+                this.processEventAttr(propName, attrValue, meta, child);
             }
             else if (length === 1) {
                 // remove class and name attributes. Component will set them on the proper node
@@ -2030,6 +2048,40 @@
                     args: ['content']
                 }] }, { type: i0__namespace.ComponentFactoryResolver }, { type: i1__namespace.PartialRefProvider }]; }, null); })();
 
+    class CustomWidgetContainerDirective {
+        constructor(componentInstance, vcRef, elRef, inj, app, widgetname, customWidgetRefProvider) {
+            this.componentInstance = componentInstance;
+            this.vcRef = vcRef;
+            this.elRef = elRef;
+            this.inj = inj;
+            this.app = app;
+            this.customWidgetRefProvider = customWidgetRefProvider;
+            this.componentInstance.widgetname;
+            this.customWidgetRefProvider.getComponentFactoryRef(widgetname, i1.ComponentType.WIDGET).then((componentFactory) => {
+                if (componentFactory) {
+                    const instanceRef = this.vcRef.createComponent(componentFactory, 0, this.inj);
+                    this.elRef.nativeElement.appendChild(instanceRef.location.nativeElement);
+                }
+            });
+        }
+        static { this.ɵfac = function CustomWidgetContainerDirective_Factory(t) { return new (t || CustomWidgetContainerDirective)(i0__namespace.ɵɵdirectiveInject(WidgetRef, 2), i0__namespace.ɵɵdirectiveInject(i0__namespace.ViewContainerRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.App), i0__namespace.ɵɵinjectAttribute('widgetname'), i0__namespace.ɵɵdirectiveInject(i1__namespace.CustomWidgetRefProvider)); }; }
+        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: CustomWidgetContainerDirective, selectors: [["", "customWidgetContainer", "", "widgetname", ""]] }); }
+    }
+    (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CustomWidgetContainerDirective, [{
+            type: i0.Directive,
+            args: [{
+                    selector: '[customWidgetContainer][widgetname]'
+                }]
+        }], function () { return [{ type: undefined, decorators: [{
+                    type: i0.Self
+                }, {
+                    type: i0.Inject,
+                    args: [WidgetRef]
+                }] }, { type: i0__namespace.ViewContainerRef }, { type: i0__namespace.ElementRef }, { type: i0__namespace.Injector }, { type: i1__namespace.App }, { type: undefined, decorators: [{
+                    type: i0.Attribute,
+                    args: ['widgetname']
+                }] }, { type: i1__namespace.CustomWidgetRefProvider }]; }, null); })();
+
     class ShowInDeviceDirective {
         constructor(elRef, widget, viewContainerRef, inj, templateRef) {
             this.elRef = elRef;
@@ -3036,6 +3088,7 @@
         PartialParamHandlerDirective,
         PartialParamDirective,
         PartialContainerDirective,
+        CustomWidgetContainerDirective,
         RedrawableDirective,
         ShowInDeviceDirective,
         SmoothScrollDirective,
@@ -3103,6 +3156,7 @@
             PartialParamHandlerDirective,
             PartialParamDirective,
             PartialContainerDirective,
+            CustomWidgetContainerDirective,
             RedrawableDirective,
             ShowInDeviceDirective,
             SmoothScrollDirective,
@@ -3133,6 +3187,7 @@
             PartialParamHandlerDirective,
             PartialParamDirective,
             PartialContainerDirective,
+            CustomWidgetContainerDirective,
             RedrawableDirective,
             ShowInDeviceDirective,
             SmoothScrollDirective,
@@ -5153,6 +5208,7 @@
     exports.ContainerDirective = ContainerDirective;
     exports.Context = Context;
     exports.CustomPipe = CustomPipe;
+    exports.CustomWidgetContainerDirective = CustomWidgetContainerDirective;
     exports.DEBOUNCE_TIMES = DEBOUNCE_TIMES;
     exports.DISPLAY_TYPE = DISPLAY_TYPE;
     exports.DataSetItem = DataSetItem;

app-ng-runtime/components/base/components.module.d.ts

@@ -8,19 +8,20 @@ import * as i5 from "./widgets/common/message/message.component";
 import * as i6 from "./widgets/common/partial/partial.directive";
 import * as i7 from "./widgets/common/partial-param/partial-param.directive";
 import * as i8 from "./widgets/common/base/partial-container.directive";
-import * as i9 from "./widgets/common/redraw/redrawable.directive";
-import * as i10 from "./directives/show-in-device.directive";
-import * as i11 from "./widgets/common/smooth-scroll/smooth-scroll.directive";
-import * as i12 from "./widgets/common/base/text-content.directive";
-import * as i13 from "./pipes/custom-pipes";
-import * as i14 from "./pipes/trust-as.pipe";
-import * as i15 from "./pipes/image.pipe";
-import * as i16 from "./pipes/sanitize.pipe";
-import * as i17 from "@angular/common";
-import * as i18 from "@wm/security";
+import * as i9 from "./widgets/common/base/custom-widget-container.directive";
+import * as i10 from "./widgets/common/redraw/redrawable.directive";
+import * as i11 from "./directives/show-in-device.directive";
+import * as i12 from "./widgets/common/smooth-scroll/smooth-scroll.directive";
+import * as i13 from "./widgets/common/base/text-content.directive";
+import * as i14 from "./pipes/custom-pipes";
+import * as i15 from "./pipes/trust-as.pipe";
+import * as i16 from "./pipes/image.pipe";
+import * as i17 from "./pipes/sanitize.pipe";
+import * as i18 from "@angular/common";
+import * as i19 from "@wm/security";
 export declare class WmComponentsModule {
     static forRoot(): ModuleWithProviders<WmComponentsModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<WmComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<WmComponentsModule, [typeof i1.ContainerDirective, typeof i2.ItemTemplateDirective, typeof i3.RepeatTemplateDirective, typeof i4.LazyLoadDirective, typeof i5.MessageComponent, typeof i6.PartialDirective, typeof i7.PartialParamHandlerDirective, typeof i7.PartialParamDirective, typeof i8.PartialContainerDirective, typeof i9.RedrawableDirective, typeof i10.ShowInDeviceDirective, typeof i11.SmoothScrollDirective, typeof i12.TextContentDirective, typeof i13.ToDatePipe, typeof i13.FileIconClassPipe, typeof i13.FileExtensionFromMimePipe, typeof i13.FilterPipe, typeof i13.FileSizePipe, typeof i13.ToNumberPipe, typeof i13.ToCurrencyPipe, typeof i13.PrefixPipe, typeof i13.SuffixPipe, typeof i13.TimeFromNowPipe, typeof i13.NumberToStringPipe, typeof i13.StateClassPipe, typeof i13.StringToNumberPipe, typeof i13.TrailingZeroDecimalPipe, typeof i14.TrustAsPipe, typeof i15.ImagePipe, typeof i13.CustomPipe, typeof i16.SanitizePipe], [typeof i17.CommonModule, typeof i18.SecurityModule], [typeof i1.ContainerDirective, typeof i2.ItemTemplateDirective, typeof i3.RepeatTemplateDirective, typeof i4.LazyLoadDirective, typeof i5.MessageComponent, typeof i6.PartialDirective, typeof i7.PartialParamHandlerDirective, typeof i7.PartialParamDirective, typeof i8.PartialContainerDirective, typeof i9.RedrawableDirective, typeof i10.ShowInDeviceDirective, typeof i11.SmoothScrollDirective, typeof i12.TextContentDirective, typeof i13.ToDatePipe, typeof i13.FileIconClassPipe, typeof i13.FileExtensionFromMimePipe, typeof i13.FilterPipe, typeof i13.FileSizePipe, typeof i13.ToNumberPipe, typeof i13.ToCurrencyPipe, typeof i13.PrefixPipe, typeof i13.SuffixPipe, typeof i13.TimeFromNowPipe, typeof i13.NumberToStringPipe, typeof i13.StateClassPipe, typeof i13.StringToNumberPipe, typeof i13.TrailingZeroDecimalPipe, typeof i14.TrustAsPipe, typeof i15.ImagePipe, typeof i13.CustomPipe, typeof i16.SanitizePipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WmComponentsModule, [typeof i1.ContainerDirective, typeof i2.ItemTemplateDirective, typeof i3.RepeatTemplateDirective, typeof i4.LazyLoadDirective, typeof i5.MessageComponent, typeof i6.PartialDirective, typeof i7.PartialParamHandlerDirective, typeof i7.PartialParamDirective, typeof i8.PartialContainerDirective, typeof i9.CustomWidgetContainerDirective, typeof i10.RedrawableDirective, typeof i11.ShowInDeviceDirective, typeof i12.SmoothScrollDirective, typeof i13.TextContentDirective, typeof i14.ToDatePipe, typeof i14.FileIconClassPipe, typeof i14.FileExtensionFromMimePipe, typeof i14.FilterPipe, typeof i14.FileSizePipe, typeof i14.ToNumberPipe, typeof i14.ToCurrencyPipe, typeof i14.PrefixPipe, typeof i14.SuffixPipe, typeof i14.TimeFromNowPipe, typeof i14.NumberToStringPipe, typeof i14.StateClassPipe, typeof i14.StringToNumberPipe, typeof i14.TrailingZeroDecimalPipe, typeof i15.TrustAsPipe, typeof i16.ImagePipe, typeof i14.CustomPipe, typeof i17.SanitizePipe], [typeof i18.CommonModule, typeof i19.SecurityModule], [typeof i1.ContainerDirective, typeof i2.ItemTemplateDirective, typeof i3.RepeatTemplateDirective, typeof i4.LazyLoadDirective, typeof i5.MessageComponent, typeof i6.PartialDirective, typeof i7.PartialParamHandlerDirective, typeof i7.PartialParamDirective, typeof i8.PartialContainerDirective, typeof i9.CustomWidgetContainerDirective, typeof i10.RedrawableDirective, typeof i11.ShowInDeviceDirective, typeof i12.SmoothScrollDirective, typeof i13.TextContentDirective, typeof i14.ToDatePipe, typeof i14.FileIconClassPipe, typeof i14.FileExtensionFromMimePipe, typeof i14.FilterPipe, typeof i14.FileSizePipe, typeof i14.ToNumberPipe, typeof i14.ToCurrencyPipe, typeof i14.PrefixPipe, typeof i14.SuffixPipe, typeof i14.TimeFromNowPipe, typeof i14.NumberToStringPipe, typeof i14.StateClassPipe, typeof i14.StringToNumberPipe, typeof i14.TrailingZeroDecimalPipe, typeof i15.TrustAsPipe, typeof i16.ImagePipe, typeof i14.CustomPipe, typeof i17.SanitizePipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<WmComponentsModule>;
 }