@celljs/widget 3.8.0 → 4.0.0

package/esm/browser/locale/index.js

@@ -0,0 +1,3 @@
+export * from './locale-protocol.js';
+export * from './locale-manager.js';
+//# sourceMappingURL=index.js.map

package/esm/browser/locale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/browser/locale/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}

package/esm/browser/locale/locale-manager.d.ts

@@ -0,0 +1,13 @@
+import { LocaleManager, Locale } from './locale-protocol.js';
+import { BehaviorSubject } from 'rxjs';
+export declare class LocaleManagerImpl implements LocaleManager {
+    protected readonly langStorageKey = "cell:lang";
+    protected readonly localesForConfig: {
+        [lang: string]: Locale;
+    };
+    protected readonly locales: Locale[];
+    protected prioritized: Locale[];
+    currentSubject: BehaviorSubject<Locale | undefined>;
+    init(): void;
+    get(): Promise<Locale[]>;
+}

package/esm/browser/locale/locale-manager.js

@@ -0,0 +1,68 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { LocaleManager, Locale } from './locale-protocol.js';
+import { Component, Value, Autowired, Optional, Prioritizeable, PostConstruct } from '@celljs/core';
+import { BehaviorSubject } from 'rxjs';
+let LocaleManagerImpl = class LocaleManagerImpl {
+    constructor() {
+        this.langStorageKey = 'cell:lang';
+        this.currentSubject = new BehaviorSubject(undefined);
+    }
+    init() {
+        (async () => {
+            const locales = await this.get();
+            const lang = localStorage.getItem(this.langStorageKey) || navigator.language;
+            if (locales.length) {
+                this.currentSubject.next(locales.find(l => l.lang === lang) || locales[0]);
+            }
+            this.currentSubject.subscribe(locale => {
+                if (locale) {
+                    localStorage.setItem(this.langStorageKey, locale.lang);
+                }
+                else {
+                    localStorage.removeItem(this.langStorageKey);
+                }
+            });
+        })();
+    }
+    async get() {
+        if (!this.prioritized) {
+            const config = this.localesForConfig || {};
+            const parsedLacalesForConfig = Object.keys(config).map(lang => {
+                const locale = { ...config[lang] };
+                locale.lang = lang;
+                locale.priority = locale.priority || 500;
+                return locale;
+            });
+            this.prioritized = Prioritizeable.prioritizeAllSync([...parsedLacalesForConfig, ...this.locales]).map(p => p.value);
+        }
+        return this.prioritized;
+    }
+};
+__decorate([
+    Value('cell.locales'),
+    __metadata("design:type", Object)
+], LocaleManagerImpl.prototype, "localesForConfig", void 0);
+__decorate([
+    Autowired(Locale),
+    Optional(),
+    __metadata("design:type", Array)
+], LocaleManagerImpl.prototype, "locales", void 0);
+__decorate([
+    PostConstruct(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], LocaleManagerImpl.prototype, "init", null);
+LocaleManagerImpl = __decorate([
+    Component(LocaleManager)
+], LocaleManagerImpl);
+export { LocaleManagerImpl };
+//# sourceMappingURL=locale-manager.js.map

package/esm/browser/locale/locale-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale-manager.js","sourceRoot":"","sources":["../../../src/browser/locale/locale-manager.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AAGhC,IAAM,iBAAiB,GAAvB,MAAM,iBAAiB;IAAvB;QAEgB,mBAAc,GAAG,WAAW,CAAC;QAUhD,mBAAc,GAAG,IAAI,eAAe,CAAqB,SAAS,CAAC,CAAC;IAoCxE,CAAC;IAjCG,IAAI;QACA,CAAC,KAAK,IAAI,EAAE;YACR,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC;YACjC,MAAM,IAAI,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAC;YAC7E,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;gBACjB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;YAC/E,CAAC;YAED,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE;gBACnC,IAAI,MAAM,EAAE,CAAC;oBACT,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;gBAC3D,CAAC;qBAAM,CAAC;oBACJ,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;gBACjD,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,EAAE,CAAC;IACT,CAAC;IAED,KAAK,CAAC,GAAG;QACL,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACpB,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB,IAAI,EAAE,CAAC;YAC3C,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gBAC1D,MAAM,MAAM,GAAG,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;gBACnC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;gBACnB,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,GAAG,CAAC;gBACzC,OAAO,MAAM,CAAC;YAClB,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAE,GAAG,sBAAsB,EAAE,GAAG,IAAI,CAAC,OAAO,CAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAC1H,CAAC;QACD,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;CAEJ,CAAA;AA3CsB;IADlB,KAAK,CAAC,cAAc,CAAC;;2DAC0C;AAG7C;IADlB,SAAS,CAAC,MAAM,CAAC;IAAE,QAAQ,EAAE;;kDACO;AAOrC;IADC,aAAa,EAAE;;;;6CAiBf;AA/BQ,iBAAiB;IAD7B,SAAS,CAAC,aAAa,CAAC;GACZ,iBAAiB,CAgD7B"}

package/esm/browser/locale/locale-protocol.d.ts

@@ -0,0 +1,15 @@
+import { BehaviorSubject } from 'rxjs';
+export declare const Locale: unique symbol;
+export declare const LocaleManager: unique symbol;
+export interface Locale {
+    lang: string;
+    priority: number;
+    label?: string;
+    messages: {
+        [key: string]: string;
+    };
+}
+export interface LocaleManager {
+    currentSubject: BehaviorSubject<Locale | undefined>;
+    get(): Promise<Locale[]>;
+}

package/esm/browser/locale/locale-protocol.js

@@ -0,0 +1,3 @@
+export const Locale = Symbol('Locale');
+export const LocaleManager = Symbol('LocaleManager');
+//# sourceMappingURL=locale-protocol.js.map

package/esm/browser/locale/locale-protocol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale-protocol.js","sourceRoot":"","sources":["../../../src/browser/locale/locale-protocol.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC"}

package/esm/browser/module.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("inversify").interfaces.ContainerModule;
+export default _default;

package/esm/browser/module.js

@@ -0,0 +1,3 @@
+import { autoBind } from '@celljs/core';
+export default autoBind();
+//# sourceMappingURL=module.js.map

package/esm/browser/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/browser/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,eAAe,QAAQ,EAAE,CAAC"}

package/esm/browser/theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from './theme-protocol.js';
+export * from './theme-manager.js';

package/esm/browser/theme/index.js

@@ -0,0 +1,3 @@
+export * from './theme-protocol.js';
+export * from './theme-manager.js';
+//# sourceMappingURL=index.js.map

package/esm/browser/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/browser/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC"}

package/esm/browser/theme/theme-manager.d.ts

@@ -0,0 +1,13 @@
+import { Theme, ThemeManager } from './theme-protocol.js';
+import { BehaviorSubject } from 'rxjs';
+export declare class ThemeManagerImpl<T> implements ThemeManager<T> {
+    protected readonly themeStorageKey = "cell:theme";
+    protected readonly themesForConfig: {
+        [id: string]: Theme<T>;
+    };
+    protected readonly themes: Theme<T>[];
+    protected prioritized: Theme<T>[];
+    currentSubject: BehaviorSubject<Theme<T> | undefined>;
+    init(): void;
+    get(): Promise<Theme<T>[]>;
+}

package/esm/browser/theme/theme-manager.js

@@ -0,0 +1,69 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Theme, ThemeManager, DEFAULT_THEME } from './theme-protocol.js';
+import { Component, Value, Autowired, Optional, Prioritizeable, PostConstruct } from '@celljs/core';
+import { BehaviorSubject } from 'rxjs';
+let ThemeManagerImpl = class ThemeManagerImpl {
+    constructor() {
+        this.themeStorageKey = 'cell:theme';
+        this.currentSubject = new BehaviorSubject(undefined);
+    }
+    init() {
+        const themeStr = localStorage.getItem(this.themeStorageKey);
+        if (themeStr) {
+            this.currentSubject.next(JSON.parse(themeStr));
+        }
+        else {
+            if (this.themesForConfig) {
+                this.currentSubject.next(this.themesForConfig[DEFAULT_THEME]);
+            }
+        }
+        this.currentSubject.subscribe(theme => {
+            if (theme) {
+                localStorage.setItem(this.themeStorageKey, JSON.stringify(theme));
+            }
+            else {
+                localStorage.removeItem(this.themeStorageKey);
+            }
+        });
+    }
+    async get() {
+        if (!this.prioritized) {
+            const parsedThemesForConfig = Object.keys(this.themesForConfig || {}).map(id => {
+                const theme = { ...this.themesForConfig[id] };
+                theme.id = id;
+                theme.priority = theme.priority || 500;
+                return theme;
+            });
+            this.prioritized = Prioritizeable.prioritizeAllSync([...parsedThemesForConfig, ...this.themes]).map(p => p.value);
+        }
+        return this.prioritized;
+    }
+};
+__decorate([
+    Value('cell.themes'),
+    __metadata("design:type", Object)
+], ThemeManagerImpl.prototype, "themesForConfig", void 0);
+__decorate([
+    Autowired(Theme),
+    Optional(),
+    __metadata("design:type", Array)
+], ThemeManagerImpl.prototype, "themes", void 0);
+__decorate([
+    PostConstruct(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], ThemeManagerImpl.prototype, "init", null);
+ThemeManagerImpl = __decorate([
+    Component(ThemeManager)
+], ThemeManagerImpl);
+export { ThemeManagerImpl };
+//# sourceMappingURL=theme-manager.js.map

package/esm/browser/theme/theme-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-manager.js","sourceRoot":"","sources":["../../../src/browser/theme/theme-manager.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AAGhC,IAAM,gBAAgB,GAAtB,MAAM,gBAAgB;IAAtB;QAEgB,oBAAe,GAAG,YAAY,CAAC;QAUlD,mBAAc,GAAG,IAAI,eAAe,CAAuB,SAAS,CAAC,CAAC;IAmC1E,CAAC;IAhCG,IAAI;QACA,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAC5D,IAAI,QAAQ,EAAE,CAAC;YACX,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;QACnD,CAAC;aAAM,CAAC;YACJ,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC;YAClE,CAAC;QACL,CAAC;QACD,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;YAClC,IAAI,KAAK,EAAE,CAAC;gBACR,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;YACtE,CAAC;iBAAM,CAAC;gBACJ,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YAClD,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED,KAAK,CAAC,GAAG;QACL,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACpB,MAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;gBAC3E,MAAM,KAAK,GAAG,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,CAAC;gBAC9C,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;gBACd,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC;gBACvC,OAAO,KAAK,CAAC;YACjB,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAE,GAAG,qBAAqB,EAAE,GAAG,IAAI,CAAC,MAAM,CAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACxH,CAAC;QACD,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;CAEJ,CAAA;AA1CsB;IADlB,KAAK,CAAC,aAAa,CAAC;;yDAC0C;AAG5C;IADlB,SAAS,CAAC,KAAK,CAAC;IAAE,QAAQ,EAAE;;gDACS;AAOtC;IADC,aAAa,EAAE;;;;4CAiBf;AA/BQ,gBAAgB;IAD5B,SAAS,CAAC,YAAY,CAAC;GACX,gBAAgB,CA+C5B"}

package/esm/browser/theme/theme-protocol.d.ts

@@ -0,0 +1,18 @@
+import { BehaviorSubject } from 'rxjs';
+export declare const Theme: unique symbol;
+export declare const ThemeManager: unique symbol;
+export declare const DEFAULT_THEME = "default";
+export interface Theme<T> {
+    id: string;
+    label: string;
+    color: string;
+    priority: number;
+    props: T;
+    metadata: {
+        [key: string]: any;
+    };
+}
+export interface ThemeManager<T> {
+    currentSubject: BehaviorSubject<Theme<T> | undefined>;
+    get(): Promise<Theme<T>[]>;
+}

package/esm/browser/theme/theme-protocol.js

@@ -0,0 +1,4 @@
+export const Theme = Symbol('Theme');
+export const ThemeManager = Symbol('ThemeManager');
+export const DEFAULT_THEME = 'default';
+//# sourceMappingURL=theme-protocol.js.map

package/esm/browser/theme/theme-protocol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-protocol.js","sourceRoot":"","sources":["../../../src/browser/theme/theme-protocol.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;AACrC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AAEnD,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC"}

package/esm/browser/widget/index.d.ts

@@ -0,0 +1,4 @@
+export { WidgetFactory, WidgetModel, WidgetManager, WidgetType } from './widget-protocol.js';
+export * from './widget-manager.js';
+export * from './widget-factory.js';
+export * from './widget-util.js';

package/esm/browser/widget/index.js

@@ -0,0 +1,5 @@
+export { WidgetFactory, WidgetModel, WidgetManager, WidgetType } from './widget-protocol.js';
+export * from './widget-manager.js';
+export * from './widget-factory.js';
+export * from './widget-util.js';
+//# sourceMappingURL=index.js.map

package/esm/browser/widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/browser/widget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1F,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}

package/esm/browser/widget/widget-factory.d.ts

@@ -0,0 +1,9 @@
+import { WidgetModel, WidgetFactory, Widget } from './widget-protocol.js';
+import { ExpressionHandler } from '@celljs/core';
+export declare abstract class AbstractWidgetFactory<T> implements WidgetFactory<T> {
+    protected readonly expressionHandler: ExpressionHandler;
+    priority: number;
+    create(widgetModel: WidgetModel): Promise<Widget<T>>;
+    support(widgetModel: WidgetModel): Promise<boolean>;
+    protected abstract doRender(widgetModel: WidgetModel, children: Widget<T>[]): Promise<T>;
+}

package/esm/browser/widget/widget-factory.js

@@ -0,0 +1,43 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { WidgetUtil } from './widget-util.js';
+import { Autowired, ExpressionHandler, Injectable } from '@celljs/core';
+let AbstractWidgetFactory = class AbstractWidgetFactory {
+    constructor() {
+        this.priority = 500;
+    }
+    async create(widgetModel) {
+        const { children = [] } = widgetModel;
+        return {
+            id: widgetModel.id,
+            visible: widgetModel.visible,
+            area: widgetModel.area,
+            priority: widgetModel.priority,
+            render: async () => {
+                if (widgetModel.props) {
+                    this.expressionHandler.handle(widgetModel.props);
+                }
+                return this.doRender(widgetModel, await Promise.all(children.map(c => WidgetUtil.create(c))));
+            }
+        };
+    }
+    async support(widgetModel) {
+        return this.constructor.name.startsWith(widgetModel.type);
+    }
+};
+__decorate([
+    Autowired(ExpressionHandler),
+    __metadata("design:type", Object)
+], AbstractWidgetFactory.prototype, "expressionHandler", void 0);
+AbstractWidgetFactory = __decorate([
+    Injectable()
+], AbstractWidgetFactory);
+export { AbstractWidgetFactory };
+//# sourceMappingURL=widget-factory.js.map

package/esm/browser/widget/widget-factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-factory.js","sourceRoot":"","sources":["../../../src/browser/widget/widget-factory.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAGjE,IAAe,qBAAqB,GAApC,MAAe,qBAAqB;IAApC;QAKH,aAAQ,GAAG,GAAG,CAAC;IAyBnB,CAAC;IAvBG,KAAK,CAAC,MAAM,CAAC,WAAwB;QACjC,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,WAAW,CAAC;QAEtC,OAAO;YACH,EAAE,EAAE,WAAW,CAAC,EAAE;YAClB,OAAO,EAAE,WAAW,CAAC,OAAO;YAC5B,IAAI,EAAE,WAAW,CAAC,IAAI;YACtB,QAAQ,EAAE,WAAW,CAAC,QAAQ;YAC9B,MAAM,EAAE,KAAK,IAAI,EAAE;gBACf,IAAI,WAAW,CAAC,KAAK,EAAE,CAAC;oBACpB,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;gBACrD,CAAC;gBACD,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,CAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACrG,CAAC;SACJ,CAAC;IACN,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,WAAwB;QAClC,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC9D,CAAC;CAIJ,CAAA;AA3BsB;IADlB,SAAS,CAAC,iBAAiB,CAAC;;gEAC2B;AAHtC,qBAAqB;IAD1C,UAAU,EAAE;GACS,qBAAqB,CA8B1C"}

package/esm/browser/widget/widget-manager.d.ts

@@ -0,0 +1,14 @@
+import { WidgetManager, WidgetModel, Widget } from './widget-protocol.js';
+export declare class WidgetManagerImpl<T> implements WidgetManager<T> {
+    protected readonly widgets: Widget<T>[];
+    protected readonly widgetModels: WidgetModel[];
+    protected readonly widgetModelsForConfig: {
+        [id: string]: WidgetModel;
+    };
+    protected prioritized: Map<string, Widget<T>[]>;
+    constructor(widgets: Widget<T>[], widgetModels: WidgetModel[], widgetModelsForConfig: {
+        [id: string]: WidgetModel;
+    });
+    render(area: string): Promise<T[]>;
+    get(area: string): Promise<Widget<T>[]>;
+}

package/esm/browser/widget/widget-manager.js

@@ -0,0 +1,77 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { Component, Autowired, Prioritizeable, Value, Optional } from '@celljs/core';
+import { WidgetManager, WidgetModel, Widget } from './widget-protocol.js';
+import { WidgetUtil } from './widget-util.js';
+let WidgetManagerImpl = class WidgetManagerImpl {
+    constructor(widgets, widgetModels, widgetModelsForConfig) {
+        this.widgets = widgets;
+        this.widgetModels = widgetModels;
+        this.widgetModelsForConfig = widgetModelsForConfig;
+    }
+    async render(area) {
+        const widgets = await this.get(area);
+        return Promise.all(widgets.map(w => w.render()));
+    }
+    async get(area) {
+        if (!this.prioritized) {
+            const result = new Map();
+            const config = { ...this.widgetModelsForConfig };
+            this.widgets.forEach(w => {
+                const c = config[w.id];
+                if (config) {
+                    w.area = c.area;
+                    w.priority = c.priority === undefined ? w.priority : c.priority;
+                    w.visible = c.visible === undefined ? w.visible : c.visible;
+                    delete config[w.id];
+                }
+            });
+            const parsedWdigets = await Promise.all(this.widgetModels.map(w => {
+                const c = config[w.id];
+                delete config[w.id];
+                return WidgetUtil.create({ ...w, ...c });
+            }));
+            const parsedWidgetsForConfig = await Promise.all((Object.keys(config).map(id => {
+                const widgetModel = { ...config[id] };
+                widgetModel.id = id;
+                widgetModel.priority = widgetModel.priority || 500;
+                widgetModel.visible = widgetModel.visible === false ? false : true;
+                return WidgetUtil.create(widgetModel);
+            })));
+            for (const widget of [...this.widgets, ...parsedWdigets, ...parsedWidgetsForConfig]) {
+                if (!result.has(widget.area)) {
+                    result.set(widget.area, []);
+                }
+                if (widget.visible) {
+                    result.get(widget.area).push(widget);
+                }
+            }
+            for (const [a, ws] of result.entries()) {
+                result.set(a, Prioritizeable.prioritizeAllSync(ws).map(c => c.value));
+            }
+            this.prioritized = result;
+        }
+        return this.prioritized.get(area) || [];
+    }
+};
+WidgetManagerImpl = __decorate([
+    Component(WidgetManager),
+    __param(0, Autowired(Widget)),
+    __param(0, Optional()),
+    __param(1, Autowired(WidgetModel)),
+    __param(1, Optional()),
+    __param(2, Value('cell.widget.widgets')),
+    __metadata("design:paramtypes", [Array, Array, Object])
+], WidgetManagerImpl);
+export { WidgetManagerImpl };
+//# sourceMappingURL=widget-manager.js.map

package/esm/browser/widget/widget-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-manager.js","sourceRoot":"","sources":["../../../src/browser/widget/widget-manager.ts"],"names":[],"mappings":"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"}

package/esm/browser/widget/widget-protocol.d.ts

@@ -0,0 +1,37 @@
+export declare const Widget: unique symbol;
+export declare const WidgetModel: unique symbol;
+export declare const WidgetFactory: unique symbol;
+export declare const WidgetManager: unique symbol;
+export declare enum WidgetType {
+    Decorator = "Decorator"
+}
+export interface Widget<T> {
+    id: string;
+    priority: number;
+    area?: string;
+    visible: boolean;
+    render(): Promise<T>;
+}
+export interface WidgetModel {
+    id: string;
+    type: string;
+    priority: number;
+    visible: boolean;
+    area?: string;
+    props?: {
+        [key: string]: any;
+    };
+    matedata?: {
+        [key: string]: any;
+    };
+    children?: WidgetModel[];
+}
+export interface WidgetFactory<T> {
+    priority: number;
+    create(widgetModel: WidgetModel): Promise<Widget<T>>;
+    support(widgetModel: WidgetModel): Promise<boolean>;
+}
+export interface WidgetManager<T> {
+    get(area: string): Promise<Widget<T>[]>;
+    render(area: string): Promise<T[]>;
+}

package/esm/browser/widget/widget-protocol.js

@@ -0,0 +1,9 @@
+export const Widget = Symbol('Widget');
+export const WidgetModel = Symbol('WidgetModel');
+export const WidgetFactory = Symbol('WidgetFactory');
+export const WidgetManager = Symbol('WidgetManager');
+export var WidgetType;
+(function (WidgetType) {
+    WidgetType["Decorator"] = "Decorator";
+})(WidgetType || (WidgetType = {}));
+//# sourceMappingURL=widget-protocol.js.map

package/esm/browser/widget/widget-protocol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-protocol.js","sourceRoot":"","sources":["../../../src/browser/widget/widget-protocol.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;AACjD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;AACrD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;AAErD,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IAClB,qCAAuB,CAAA;AAC3B,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB"}

package/esm/browser/widget/widget-util.d.ts

@@ -0,0 +1,5 @@
+import { WidgetModel, Widget } from './widget-protocol.js';
+export declare namespace WidgetUtil {
+    function create<T>(widgetModel: WidgetModel): Promise<Widget<T>>;
+    function render<T>(widgetModel: WidgetModel): Promise<T>;
+}

package/esm/browser/widget/widget-util.js

@@ -0,0 +1,25 @@
+import { ContainerUtil, Prioritizeable } from '@celljs/core';
+import { WidgetFactory } from './widget-protocol.js';
+let widgetFactories;
+export var WidgetUtil;
+(function (WidgetUtil) {
+    async function create(widgetModel) {
+        if (!widgetFactories) {
+            widgetFactories = Prioritizeable.prioritizeAllSync(ContainerUtil.getAll(WidgetFactory)).map(p => p.value);
+        }
+        for (const factory of widgetFactories) {
+            if (await factory.support(widgetModel)) {
+                const widget = await factory.create(widgetModel);
+                return widget;
+            }
+        }
+        throw new Error(`WidgetModel {id: ${widgetModel.id}, type: ${widgetModel.type}} there is no matching widget factory.`);
+    }
+    WidgetUtil.create = create;
+    async function render(widgetModel) {
+        const widget = await WidgetUtil.create(widgetModel);
+        return widget.render();
+    }
+    WidgetUtil.render = render;
+})(WidgetUtil || (WidgetUtil = {}));
+//# sourceMappingURL=widget-util.js.map

package/esm/browser/widget/widget-util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-util.js","sourceRoot":"","sources":["../../../src/browser/widget/widget-util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAe,aAAa,EAAU,MAAM,mBAAmB,CAAC;AAEvE,IAAI,eAAqC,CAAC;AAE1C,MAAM,KAAW,UAAU,CAoB1B;AApBD,WAAiB,UAAU;IAChB,KAAK,UAAU,MAAM,CAAI,WAAwB;QACpD,IAAI,CAAC,eAAe,EAAE,CAAC;YACnB,eAAe,GAAG,cAAc,CAAC,iBAAiB,CAAC,aAAa,CAAC,MAAM,CAAmB,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAChI,CAAC;QAED,KAAK,MAAM,OAAO,IAAI,eAAe,EAAE,CAAC;YACpC,IAAI,MAAM,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;gBACrC,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;gBACjD,OAAO,MAAM,CAAC;YAClB,CAAC;QACL,CAAC;QACD,MAAM,IAAI,KAAK,CAAC,oBAAoB,WAAW,CAAC,EAAE,WAAW,WAAW,CAAC,IAAI,wCAAwC,CAAC,CAAC;IAC3H,CAAC;IAZqB,WAAA,MAAM,SAY3B,CAAA;IAEM,KAAK,UAAU,MAAM,CAAI,WAAwB;QACpD,MAAM,MAAM,GAAG,MAAM,UAAU,CAAC,MAAM,CAAI,WAAW,CAAC,CAAC;QACvD,OAAO,MAAM,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC;IAHqB,WAAA,MAAM,SAG3B,CAAA;AAEL,CAAC,EApBgB,UAAU,KAAV,UAAU,QAoB1B"}

package/esm/package.json

@@ -0,0 +1,3 @@
+{
+	"type": "module"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@celljs/widget",
-  "version": "3.8.0",
+  "version": "4.0.0",
   "description": "",
   "keywords": [
     "cell-component"
@@ -18,21 +18,71 @@
   "typings": "lib/browser/index.d.ts",
   "files": [
     "lib",
-    "src",
-    "cell.yml"
+    "esm",
+    "src"
   ],
   "scripts": {
-    "build": "tsc -b",
-    "clean": "rm -rf lib *.tsbuildinfo",
+    "build": "tsc -b && bun ../../scripts/build-esm.ts",
+    "clean": "rm -rf lib esm *.tsbuildinfo",
     "test": "bun test --preload reflect-metadata ./lib",
     "watch": "tsc -b -w --preserveWatchOutput"
   },
   "dependencies": {
-    "@celljs/core": "3.8.0",
+    "@celljs/core": "4.0.0",
     "rxjs": "^6.6.0",
     "tslib": "^2.8.0"
   },
   "publishConfig": {
     "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": "./esm/browser/index.js",
+      "default": "./lib/browser/index.js"
+    },
+    "./package.json": "./package.json",
+    "./lib/browser": {
+      "import": "./esm/browser/index.js",
+      "default": "./lib/browser/index.js"
+    },
+    "./lib/browser/annotation": {
+      "import": "./esm/browser/annotation/index.js",
+      "default": "./lib/browser/annotation/index.js"
+    },
+    "./lib/browser/keyboard": {
+      "import": "./esm/browser/keyboard/index.js",
+      "default": "./lib/browser/keyboard/index.js"
+    },
+    "./lib/browser/locale": {
+      "import": "./esm/browser/locale/index.js",
+      "default": "./lib/browser/locale/index.js"
+    },
+    "./lib/browser/theme": {
+      "import": "./esm/browser/theme/index.js",
+      "default": "./lib/browser/theme/index.js"
+    },
+    "./lib/browser/widget": {
+      "import": "./esm/browser/widget/index.js",
+      "default": "./lib/browser/widget/index.js"
+    },
+    "./lib/*.js": {
+      "import": "./esm/*.js",
+      "default": "./lib/*.js"
+    },
+    "./lib/*": {
+      "import": "./esm/*.js",
+      "default": "./lib/*.js"
+    },
+    "./*": "./*"
+  },
+  "cell": {
+    "modules": {
+      "frontend": [
+        "lib/browser/module"
+      ]
+    },
+    "targets": [
+      "frontend"
+    ]
   }
 }

package/cell.yml

@@ -1,3 +0,0 @@
-targets:
-  - frontend
-  - backend