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

app-ng-runtime/runtime/base/fesm2022/index.mjs

@@ -86,6 +86,7 @@ import { PopoverModule as PopoverModule$1 } from '@wm/components/navigation/popo
 import { CarouselModule as CarouselModule$1 } from '@wm/components/advanced/carousel';
 import { LoginModule } from '@wm/components/advanced/login';
 import { MarqueeModule } from '@wm/components/advanced/marquee';
+import { CustomModule } from '@wm/components/advanced/custom';
 import { TimepickerModule } from 'ngx-bootstrap/timepicker';
 import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
 import { PaginationModule } from 'ngx-bootstrap/pagination';
@@ -101,6 +102,7 @@ var ComponentType;
     ComponentType[ComponentType["PAGE"] = 0] = "PAGE";
     ComponentType[ComponentType["PREFAB"] = 1] = "PREFAB";
     ComponentType[ComponentType["PARTIAL"] = 2] = "PARTIAL";
+    ComponentType[ComponentType["WIDGET"] = 3] = "WIDGET";
 })(ComponentType || (ComponentType = {}));
 class ComponentRefProvider {
     clearComponentFactoryRefCache() { }
@@ -1440,6 +1442,250 @@ class BasePageComponent extends FragmentMonitor {
             args: ['window:beforeunload']
         }] }); })();
 
+// export const commonPartialWidgets = {};
+class BaseCustomWidgetComponent extends FragmentMonitor {
+    constructor() {
+        super(...arguments);
+        this.BaseWidget = {};
+        this.compileContent = false;
+        this.destroy$ = new Subject();
+        this.viewInit$ = new Subject();
+        this.invokeEvent = (eventName) => {
+            this.events[eventName]();
+        };
+    }
+    getContainerWidgetInjector() {
+        return this.containerWidget.inj || this.containerWidget.injector;
+    }
+    init() {
+        let resolveFn;
+        const promise = new Promise((res) => resolveFn = res);
+        this.App = this.injector ? this.injector.get(App) : inject(App);
+        //making the code compatible in both the JIT and AOT modes
+        this.containerWidget = this.injector ? this.injector.get(WidgetRef) : inject(WidgetRef);
+        this.i18nService = this.injector ? this.injector.get(AbstractI18nService) : inject(AbstractI18nService);
+        this.scriptLoaderService = this.injector ? this.injector.get(ScriptLoaderService) : inject(ScriptLoaderService);
+        this.Viewport = this.injector ? this.injector.get(Viewport) : inject(Viewport);
+        // this.viewContainerRef = this.getContainerWidgetInjector().get(ViewContainerRef);
+        // Replacing this.getContainerWidgetInjector().view.component as viewParent
+        // this.viewParent = (this.viewContainerRef as any).parentInjector._lView[8];
+        this.viewParent = this.containerWidget.viewParent;
+        if (this.viewParent.registerFragment) {
+            this.viewParent.registerFragment();
+        }
+        // register functions for binding evaluation
+        this.registerExpressions();
+        this.initUserScript();
+        this.registerProps(resolveFn);
+        // Using promise to make sure the props are registered in the container widget before registering events, Otherwise no events will be registered
+        promise.then(() => this.registerEvents());
+        this.registerWidgets();
+        this.initVariables();
+        this.activePageName = this.App.activePageName; // Todo: remove this
+        this.registerPageParams();
+        this.defineI18nProps();
+        this.viewInit$.subscribe(noop$1, noop$1, () => {
+            this.pageParams = this.containerWidget.props;
+        });
+        if (this.spa) {
+            this.pageDirective = this.injector ? this.injector.get(SpaPageDirective) : inject(SpaPageDirective);
+        }
+        else {
+            this.pageDirective = this.injector ? this.injector.get(PageDirective) : inject(PageDirective);
+        }
+        if (this.pageDirective) {
+            this.registerDestroyListener(this.pageDirective.subscribe('attach', data => this.ngOnAttach(data.refreshData)));
+            this.registerDestroyListener(this.pageDirective.subscribe('detach', () => this.ngOnDetach()));
+        }
+        super.init();
+    }
+    registerWidgets() {
+        // common partial widgets should be accessible from page
+        this.Widgets = Object.create(commonPartialWidgets);
+        // expose current page widgets on app
+        this.App.Widgets = Object.create(this.Widgets);
+    }
+    registerBaseWidget() {
+        for (let widget in this.Widgets) {
+            let widgetInstance = this.Widgets[widget];
+            if (widgetInstance.widget.$attrs.has('base-widget')) {
+                this.BaseWidget = widgetInstance;
+                break;
+            }
+        }
+    }
+    registerEvents() {
+        this.events = {};
+        this.containerWidget.eventHandlers.forEach((callback, key) => {
+            this.events[key] = (...args) => {
+                this.containerWidget.invokeEventCallback(key, { $event: args[0], $data: args[1] });
+            };
+        });
+    }
+    registerDestroyListener(fn) {
+        this.destroy$.subscribe(noop$1, noop$1, () => fn());
+    }
+    registerChangeListeners() {
+        this.containerWidget.registerPropertyChangeListener(this.onPropertyChange);
+        this.containerWidget.registerStyleChangeListener(this.onPropertyChange);
+    }
+    initUserScript() {
+        try {
+            // partials inside prefab should have access to Prefab properties and events
+            if (this.viewParent.prefabName) {
+                // for partial within partial within prefabs, just assign the parent partial's prefab object
+                if (this.viewParent.Prefab) {
+                    this.Prefab = this.viewParent.Prefab;
+                }
+                else {
+                    this.Prefab = this.viewParent;
+                }
+            }
+            this.evalUserScript(this, this.App, this.injector ? this.injector.get(UtilsService) : inject(UtilsService));
+        }
+        catch (e) {
+            console.error(`Error in evaluating partial (${this.customWidgetName}) script\n`, e);
+        }
+    }
+    initVariables() {
+        const variablesService = this.injector ? this.injector.get(VariablesService) : inject(VariablesService);
+        // get variables and actions instances for the page
+        const variableCollection = variablesService.register(this.customWidgetName, this.getVariables(), this);
+        // create namespace for Variables nad Actions on page/partial, which inherits the Variables and Actions from App instance
+        this.Variables = Object.create(this.App.Variables);
+        this.Actions = Object.create(this.App.Actions);
+        this.containerWidget.Variables = this.Variables;
+        this.containerWidget.Actions = this.Actions;
+        // assign all the page variables to the pageInstance
+        Object.entries(variableCollection.Variables).forEach(([name, variable]) => this.Variables[name] = variable);
+        Object.entries(variableCollection.Actions).forEach(([name, action]) => this.Actions[name] = action);
+        this.viewInit$.subscribe(noop$1, noop$1, () => {
+            // TEMP: triggering watchers so variables watching over params are updated
+            $invokeWatchers(true, true);
+            variableCollection.callback(variableCollection.Variables).catch(noop$1);
+            variableCollection.callback(variableCollection.Actions);
+        });
+    }
+    /**
+     * function to register bind expressions generated in this partial instance
+     * getExpressions function is defined in the generated page.comp.ts file
+     * @param expressions, map of bind expression vs generated function
+     */
+    registerExpressions() {
+        const expressions = this.getExpressions();
+        _.each(expressions, (fn, expr) => {
+            registerFnByExpr(expr, fn[0], fn[1]);
+        });
+    }
+    registerPageParams() {
+        this.pageParams = this.containerWidget.props;
+    }
+    defineI18nProps() {
+        this.appLocale = this.i18nService.getAppLocale();
+    }
+    invokeOnReady() {
+        let params;
+        if (this.containerWidget.userComponentParams) {
+            params = this.containerWidget.userComponentParams;
+        }
+        this.onReady(params);
+        if (this.viewParent.resolveFragment) {
+            this.viewParent.resolveFragment();
+        }
+    }
+    loadScripts() {
+        // return new Promise<void>((resolve) => {
+        //     const scriptsRequired = this.partialDirective.$element.attr('scripts-to-load');
+        //     if (scriptsRequired) {
+        //         this.scriptLoaderService
+        //             .load(...scriptsRequired.split(','))
+        //             .then(resolve);
+        //     } else {
+        //         resolve();
+        //     }
+        // });
+    }
+    registerProps(resolveFn) {
+        window['resourceCache'].get(`./custom-widgets/${this.customWidgetName}/page.min.json`).then(({ config }) => {
+            if (config) {
+                Object.entries((config.properties || {})).forEach(([key, prop]) => {
+                    let expr;
+                    const value = _.trim(prop.value);
+                    if (_.startsWith(value, 'bind:')) {
+                        expr = value.replace('bind:', '');
+                    }
+                    Object.defineProperty(this, key, {
+                        get: () => this.containerWidget[key],
+                        set: nv => this.containerWidget.widget[key] = nv
+                    });
+                    if (expr) {
+                        //[Todo-CSP]: expr will be generated with prefab.comp.expr.ts
+                        this.registerDestroyListener($watch(expr, this, {}, nv => this.containerWidget.widget[key] = nv));
+                    }
+                });
+            }
+            this.containerWidget.setProps(config, resolveFn);
+            // Reassigning the proxy handler for prefab inbound properties as we
+            // will get them only after the prefab config call.
+            if (isIE()) {
+                this.containerWidget.widget = this.containerWidget.createProxy();
+            }
+        });
+    }
+    mute() {
+        const m = o => { o && o.mute && o.mute(); };
+        _.each(this.Widgets, m);
+        _.each(this.Variables, m);
+        _.each(this.Actions, m);
+    }
+    unmute() {
+        const um = o => { o && o.unmute && o.unmute(); };
+        _.each(this.Widgets, um);
+        _.each(this.Variables, um);
+        _.each(this.Actions, um);
+    }
+    // ngOnInit() {
+    //     this.init();
+    // }
+    ngAfterViewInit() {
+        // this.loadScripts().then(() => {
+        //     this.compileContent = true;
+        //     setTimeout(() => {
+        //         this.viewInit$.complete();
+        //         this.fragmentsLoaded$.subscribe(noop, noop, () => this.invokeOnReady());
+        //     }, 100);
+        // });
+        this.registerChangeListeners();
+        this.registerBaseWidget();
+        this.invokeOnReady();
+    }
+    ngOnDestroy() {
+        this.destroy$.complete();
+    }
+    ngOnAttach(refreshData) {
+        this.unmute();
+        if (refreshData) {
+            const refresh = v => { v && v.startUpdate && v.invoke && v.invoke(); };
+            _.each(this.Variables, refresh);
+            _.each(this.Actions, refresh);
+        }
+        _.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
+    }
+    ngOnDetach() {
+        this.mute();
+        _.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
+    }
+    // user overrides this
+    onPropertyChange() { }
+    onReady(params) {
+    }
+    static { this.ɵfac = /*@__PURE__*/ function () { let ɵBaseCustomWidgetComponent_BaseFactory; return function BaseCustomWidgetComponent_Factory(t) { return (ɵBaseCustomWidgetComponent_BaseFactory || (ɵBaseCustomWidgetComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BaseCustomWidgetComponent)))(t || BaseCustomWidgetComponent); }; }(); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseCustomWidgetComponent, features: [i0.ɵɵInheritDefinitionFeature] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseCustomWidgetComponent, [{
+        type: Directive
+    }], null, null); })();
+
 class BasePrefabComponent extends FragmentMonitor {
     constructor() {
         super(...arguments);
@@ -4726,6 +4972,7 @@ const REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS = [
     CarouselModule$1,
     LoginModule,
     MarqueeModule,
+    CustomModule,
     PageModule,
     FooterModule,
     HeaderModule,
@@ -4920,6 +5167,7 @@ class RuntimeBaseModule {
             CarouselModule$1,
             LoginModule,
             MarqueeModule,
+            CustomModule,
             PageModule,
             FooterModule,
             HeaderModule,
@@ -5050,6 +5298,7 @@ class RuntimeBaseModule {
         CarouselModule$1,
         LoginModule,
         MarqueeModule,
+        CustomModule,
         PageModule,
         FooterModule,
         HeaderModule,
@@ -5134,6 +5383,7 @@ class RuntimeBaseModule {
         CarouselModule$1,
         LoginModule,
         MarqueeModule,
+        CustomModule,
         PageModule,
         FooterModule,
         HeaderModule,
@@ -5222,5 +5472,5 @@ class SecurityConfigResolve {
  * Generated bundle index. Do not edit.
  */
 
-export { AccessrolesDirective, AppComponent, AppDefaultsService, AppExtensionJSResolve, AppExtensionProvider, AppJSProvider, AppJSResolve, AppManagerService, AppRef, AppSpinnerComponent, AppVariablesProvider, AppVariablesResolve, AuthGuard, BaseLayoutComponent, BasePageComponent, BasePartialComponent, BasePrefabComponent, BaseSpaPageComponent, CACHE_PAGE, CanDeactivateNgPageGuard, CanDeactivatePageGuard, ComponentRefProvider, ComponentType, CustomToasterComponent, DynamicComponentRefProviderService, EmptyPageComponent, FragmentMonitor, HttpCallInterceptor, I18nResolve, I18nServiceImpl, InitializeApp, MAX_CACHE_AGE, MAX_CACHE_SIZE, MetadataResolve, NavigationServiceImpl, PageNotFoundGuard, PipeProvider, PipeService, PrefabConfigProvider, PrefabDirective, PrefabManagerService, PrefabPreviewComponent, REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS, RoleGuard, RuntimeBaseModule, SecurityConfigResolve, SpinnerServiceImpl, ToasterServiceImpl, WM_MODULES_FOR_ROOT, WmDefaultRouteReuseStrategy, WmNgRouteReuseStrategy, WmRouteReuseStrategy, commonPartialWidgets, getPrefabBaseUrl, getPrefabConfigUrl, getPrefabMinJsonUrl, getPrefabPartialJsonUrl, isPrefabInPreview, setAngularLocale };
+export { AccessrolesDirective, AppComponent, AppDefaultsService, AppExtensionJSResolve, AppExtensionProvider, AppJSProvider, AppJSResolve, AppManagerService, AppRef, AppSpinnerComponent, AppVariablesProvider, AppVariablesResolve, AuthGuard, BaseCustomWidgetComponent, BaseLayoutComponent, BasePageComponent, BasePartialComponent, BasePrefabComponent, BaseSpaPageComponent, CACHE_PAGE, CanDeactivateNgPageGuard, CanDeactivatePageGuard, ComponentRefProvider, ComponentType, CustomToasterComponent, DynamicComponentRefProviderService, EmptyPageComponent, FragmentMonitor, HttpCallInterceptor, I18nResolve, I18nServiceImpl, InitializeApp, MAX_CACHE_AGE, MAX_CACHE_SIZE, MetadataResolve, NavigationServiceImpl, PageNotFoundGuard, PipeProvider, PipeService, PrefabConfigProvider, PrefabDirective, PrefabManagerService, PrefabPreviewComponent, REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS, RoleGuard, RuntimeBaseModule, SecurityConfigResolve, SpinnerServiceImpl, ToasterServiceImpl, WM_MODULES_FOR_ROOT, WmDefaultRouteReuseStrategy, WmNgRouteReuseStrategy, WmRouteReuseStrategy, commonPartialWidgets, getPrefabBaseUrl, getPrefabConfigUrl, getPrefabMinJsonUrl, getPrefabPartialJsonUrl, isPrefabInPreview, setAngularLocale };
 //# sourceMappingURL=index.mjs.map