@mantou/gem 1.7.12 → 2.0.0-alpha.1

package/helper/theme.js

@@ -1,59 +1,76 @@
-import { connect, createStore, updateStore } from '../lib/store';
+import { connect, useStore } from '../lib/store';
 import { camelToKebabCase, randomStr } from '../lib/utils';
+import { SheetToken, createCSSSheet } from '../lib/element';
 const themeStoreMap = new WeakMap();
+const themePropsMap = new WeakMap();
 /**获取主题原始值 */
 export function getThemeStore(theme) {
     return themeStoreMap.get(theme);
 }
-const themePropsMap = new WeakMap();
 /**获取 css 变量名 */
 export function getThemeProps(theme) {
     return themePropsMap.get(theme);
 }
-const setThemeFnMap = new WeakMap();
-/**
- * 创建主题，插入 `document.head`
- * https://github.com/mantou132/gem/issues/33
- *
- * @example
- * createTheme({
- *   primaryColor: '#eee',
- * });
- */
-export function createTheme(themeObj) {
+function useThemeFromProps(themeObj, props = {}) {
     const salt = randomStr();
-    const style = document.createElement('style');
-    const store = createStore(themeObj);
-    const theme = {};
-    const props = {};
+    const styleSheet = createCSSSheet({})[SheetToken];
+    const [store, updateStore] = useStore(themeObj);
+    const theme = new Proxy({ [SheetToken]: styleSheet }, {
+        get(target, key) {
+            if (!target[key]) {
+                const [_, origin, weight] = key.match(/^(\w*Color)(\d+)$/) || [];
+                if (origin)
+                    target[key] = `oklch(from ${target[origin]} calc(l - ${(Number(weight) - 400) / 1000}) c h)`;
+            }
+            return target[key];
+        },
+    });
     themePropsMap.set(theme, props);
     themeStoreMap.set(theme, store);
-    const setTheme = () => Object.keys(store).forEach((key) => {
-        if (props[key])
-            return;
-        props[key] = `--${camelToKebabCase(key)}-${salt}`;
-        theme[key] = `var(${props[key]})`;
+    const updateContent = () => {
+        let rules = '';
+        Object.keys(store).forEach((key) => {
+            if (!props[key]) {
+                props[key] = `--${camelToKebabCase(key)}-${salt}`;
+                theme[key] = `var(${props[key]})`;
+            }
+            rules += `${props[key]}:${store[key]};`;
+        });
+        styleSheet.setContent(`:scope,:host{${rules}}`);
+    };
+    updateContent();
+    connect(store, () => {
+        updateContent();
+        styleSheet.updateStyle();
     });
-    setThemeFnMap.set(theme, setTheme);
-    setTheme();
-    const getStyle = () => `:root, :host {${Object.keys(store).reduce((prev, key) => prev + `${props[key]}:${store[key]};`, '')}}`;
-    const replace = () => (style.textContent = getStyle());
-    connect(store, replace);
-    replace();
-    (document.head || document.documentElement).append(style);
-    return theme;
+    return [theme, updateStore];
 }
 /**
- * 更新主题
- * @param theme 主题
- * @param newThemeObj 新主题
+ * 用于 `@adoptedStyle(theme)`，类似 `createCSSSheet`
  */
-export function updateTheme(theme, newThemeObj) {
-    updateStore(getThemeStore(theme), newThemeObj);
-    setThemeFnMap.get(theme)();
+export function useScopedTheme(themeObj) {
+    return useThemeFromProps(themeObj);
 }
+/**全局主题 */
 export function useTheme(themeObj) {
-    const theme = createTheme(themeObj);
-    return [theme, (newThemeObj) => updateTheme(theme, newThemeObj)];
+    const result = useScopedTheme(themeObj);
+    document.adoptedStyleSheets.push(result[0][SheetToken].getStyle());
+    return result;
+}
+/**用来覆盖全局主题 */
+export function useOverrideTheme(theme, themeObj) {
+    return useThemeFromProps(themeObj, getThemeProps(theme));
+}
+export function useDecoratorTheme(themeObj) {
+    const [themeAsKeys] = useThemeFromProps(themeObj);
+    const props = getThemeProps(themeAsKeys);
+    const updateDecorator = (getDep) => (_, { addInitializer, access }) => {
+        addInitializer(function () {
+            const [theme, update] = useThemeFromProps({ ...themeObj }, props);
+            this.internals.sheets.push(theme[SheetToken].getStyle(this));
+            this.memo(() => update(access.get(this).apply(this)), getDep && (() => getDep(this)));
+        });
+    };
+    return [themeAsKeys, updateDecorator];
 }
 //# sourceMappingURL=theme.js.map

package/helper/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/helper/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAS,MAAM,cAAc,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAM3D,MAAM,aAAa,GAAG,IAAI,OAAO,EAAE,CAAC;AAEpC,aAAa;AACb,MAAM,UAAU,aAAa,CAAI,KAAkB;IACjD,OAAO,aAAa,CAAC,GAAG,CAAC,KAAK,CAAa,CAAC;AAC9C,CAAC;AAED,MAAM,aAAa,GAAG,IAAI,OAAO,EAAE,CAAC;AAEpC,gBAAgB;AAChB,MAAM,UAAU,aAAa,CAAI,KAAkB;IACjD,OAAO,aAAa,CAAC,GAAG,CAAC,KAAK,CAAgB,CAAC;AACjD,CAAC;AAED,MAAM,aAAa,GAAG,IAAI,OAAO,EAAE,CAAC;AAEpC;;;;;;;;GAQG;AACH,MAAM,UAAU,WAAW,CAAoC,QAAW;IACxE,MAAM,IAAI,GAAG,SAAS,EAAE,CAAC;IACzB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,MAAM,KAAK,GAAG,WAAW,CAAI,QAAQ,CAAC,CAAC;IACvC,MAAM,KAAK,GAA2B,EAAE,CAAC;IACzC,MAAM,KAAK,GAA2B,EAAE,CAAC;IACzC,aAAa,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAChC,aAAa,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAChC,MAAM,QAAQ,GAAG,GAAG,EAAE,CACpB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACjC,IAAI,KAAK,CAAC,GAAG,CAAC;YAAE,OAAO;QACvB,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,gBAAgB,CAAC,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC;QAClD,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;IACpC,CAAC,CAAC,CAAC;IACL,aAAa,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IACnC,QAAQ,EAAE,CAAC;IACX,MAAM,QAAQ,GAAG,GAAG,EAAE,CACpB,iBAAiB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC;IAC1G,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,GAAG,QAAQ,EAAE,CAAC,CAAC;IACvD,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACxB,OAAO,EAAE,CAAC;IACV,CAAC,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1D,OAAO,KAAoB,CAAC;AAC9B,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAA8B,KAAkB,EAAE,WAAuB;IAClG,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC;IAC/C,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,QAAQ,CAAoC,QAAW;IACrE,MAAM,KAAK,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IACpC,OAAO,CAAC,KAAK,EAAE,CAAC,WAAuB,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,CAAU,CAAC;AACxF,CAAC"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/helper/theme.ts"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -1,7 +1,8 @@
-export * from './lib/store';
-export * from './lib/history';
-export * from './lib/element';
 export * from './lib/decorators';
+export * from './lib/element';
+export * from './lib/store';
 export * from './lib/utils';
 export * from './lib/version';
+export * from './lib/history';
+export * from './lib/directives';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAE5B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAG9B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC"}

package/index.js

@@ -1,7 +1,9 @@
-export * from './lib/store';
-export * from './lib/history';
-export * from './lib/element';
 export * from './lib/decorators';
+export * from './lib/element';
+export * from './lib/store';
 export * from './lib/utils';
 export * from './lib/version';
+// 使用路径时可选模块
+export * from './lib/history';
+export * from './lib/directives';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAE5B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAE9B,YAAY;AACZ,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC"}

package/lib/decorators.d.ts

@@ -1,35 +1,25 @@
+import type { createCSSSheet, Metadata, TemplateResult } from './element';
 import { GemElement } from './element';
-import { Store } from './store';
-import { Sheet } from './utils';
-type GemElementPrototype = GemElement<any>;
-export type RefObject<T = HTMLElement> = {
-    ref: string;
-    element: T | undefined;
-    elements: T[];
-};
+import type { Store } from './store';
+import * as elementExports from './element';
+import * as decoratorsExports from './decorators';
+import * as storeExports from './store';
+import * as versionExports from './version';
 /**
- * 引用元素，只有第一个标记 ref 的元素有效
+ * 定义一个响应式的 attribute，驼峰字段名将自动映射到烤串 attribute，默认值为空字符串；不要覆盖定义
  *
  * For example
  * ```ts
  *  class App extends GemElement {
- *    @refobject childRef: RefObject<Children>;
- *    loadHandle = () => {
- *      const { element } = this.childRef;
- *      console.log(element);
- *    };
- *    render() {
- *      render html`<div ref=${this.childRef.ref}><div>`;
- *    }
+ *    @attribute attr: string;
  *  }
  * ```
  */
-export declare function refobject(target: GemElementPrototype, prop: string): void;
-export declare function attribute(target: GemElementPrototype, prop: string): void;
-export declare function boolattribute(target: GemElementPrototype, prop: string): void;
-export declare function numattribute(target: GemElementPrototype, prop: string): void;
+export declare function attribute<T extends GemElement>(_: undefined, context: ClassFieldDecoratorContext<T, string>): (this: any, initValue: any) => any;
+export declare function boolattribute<T extends GemElement>(_: undefined, context: ClassFieldDecoratorContext<T, boolean>): (this: any, initValue: any) => any;
+export declare function numattribute<T extends GemElement>(_: undefined, context: ClassFieldDecoratorContext<T, number>): (this: any, initValue: any) => any;
 /**
- * 定义一个响应式的 property，注意值可能为 `undefined`
+ * 定义一个响应式的 property，注意值可能为 `undefined`；不要覆盖定义
  *
  * For example
  * ```ts
@@ -38,7 +28,45 @@ export declare function numattribute(target: GemElementPrototype, prop: string):
  *  }
  * ```
  */
-export declare function property(target: GemElementPrototype, prop: string): void;
+export declare function property<T extends GemElement>(_: undefined, context: ClassFieldDecoratorContext<T>): (this: any, initValue: any) => any;
+/**
+ * 依赖 `GemElement.memo`
+ *
+ * For example
+ * ```ts
+ *  class App extends GemElement {
+ *    @memo(() => [])
+ *    get data() {
+ *      return 1;
+ *    }
+ *  }
+ * ```
+ */
+export declare function memo<T extends GemElement, V = any, K = any[] | undefined>(getDep?: K extends readonly any[] ? (instance: T) => K : undefined): (_: any, context: ClassGetterDecoratorContext<T, V> | ClassFieldDecoratorContext<T> | ClassMethodDecoratorContext<T>) => void;
+/**
+ * 依赖 `GemElement.effect`
+ * 方法执行在字段前面
+ *
+ * For example
+ * ```ts
+ *  class App extends GemElement {
+ *    @effect(() => [])
+ *    #fetchData() {
+ *      console.log('fetch')
+ *    }
+ *  }
+ * ```
+ */
+export declare function effect<T extends GemElement, V extends (depValues: K, oldDepValues?: K) => any, K = any[] | undefined>(getDep?: K extends readonly any[] ? (instance: T) => K : undefined): (_: any, { addInitializer, access }: ClassFieldDecoratorContext<T, V> | ClassMethodDecoratorContext<T, V>) => void;
+export declare function unmounted<T extends GemElement, V extends () => any>(): (_: any, { addInitializer, access }: ClassFieldDecoratorContext<T, V> | ClassMethodDecoratorContext<T, V>) => void;
+/**`@memo` 别名，不能再在回调中使用 `this.memo` */
+export declare function willMount(): (_: any, context: ClassGetterDecoratorContext<GemElement, any> | ClassFieldDecoratorContext<GemElement, unknown> | ClassMethodDecoratorContext<GemElement, (this: GemElement, ...args: any) => any>) => void;
+/**`@effect` 别名，不能再在回调中使用 `this.effect` */
+export declare function mounted(): (_: any, { addInitializer, access }: ClassFieldDecoratorContext<GemElement, (depValues: never[], oldDepValues?: never[] | undefined) => any> | ClassMethodDecoratorContext<GemElement, (depValues: never[], oldDepValues?: never[] | undefined) => any>) => void;
+export declare function template<T extends GemElement, V extends () => TemplateResult | null | undefined>(
+/** 当所有 `template` 返回 `false` 时不进行更新，包括 `memo` */
+condition?: (instance: T) => boolean): (_: any, { addInitializer, access }: ClassFieldDecoratorContext<T, V> | ClassMethodDecoratorContext<T, V>) => void;
+export declare function fallback<T extends GemElement, V extends (err: any) => TemplateResult | null | undefined>(): (_: any, { addInitializer, access }: ClassFieldDecoratorContext<T, V> | ClassMethodDecoratorContext<T, V>) => void;
 /**
  * 定义一个元素[内部](https://html.spec.whatwg.org/multipage/custom-elements.html#elementinternals) state，
  * 类似 `:checked`，用于自定义 css 伪类（:state(xxx)），默认值即为字段名。
@@ -52,7 +80,7 @@ export declare function property(target: GemElementPrototype, prop: string): voi
  *  }
  * ```
  */
-export declare function state(target: GemElementPrototype, prop: string): void;
+export declare function state<T extends GemElement>(_: undefined, context: ClassFieldDecoratorContext<T, boolean>): void;
 /**
  * 定义一个内部 slot，默认值即为字段名，不能使用全局属性 `slot`
  *
@@ -64,7 +92,7 @@ export declare function state(target: GemElementPrototype, prop: string): void;
  *  }
  * ```
  */
-export declare function slot(target: any, prop: string): void;
+export declare function slot(_: undefined, context: ClassFieldDecoratorContext<any, string>): (this: any, value: string) => string;
 /**
  * 定义一个内部 part，默认值即为字段名，不能使用全局属性 `part`
  *
@@ -76,8 +104,8 @@ export declare function slot(target: any, prop: string): void;
  *  }
  * ```
  */
-export declare function part(target: any, prop: string): void;
-export type Emitter<T = any> = (detail: T, options?: Omit<CustomEventInit<unknown>, 'detail'>) => void;
+export declare function part(_: undefined, context: ClassFieldDecoratorContext<any, string>): (this: any, value: string) => string;
+export type Emitter<T = any> = (detail?: T, options?: Omit<CustomEventInit<unknown>, 'detail'>) => void;
 /**
  * 定义一个事件发射器，类似 `HTMLElement.click`，
  * 调用时将同步发送一个和字段名称的烤串式格式的自定义事件
@@ -89,10 +117,10 @@ export type Emitter<T = any> = (detail: T, options?: Omit<CustomEventInit<unknow
  *  }
  * ```
  */
-export declare function emitter(target: GemElementPrototype, prop: string): void;
-export declare function globalemitter(target: GemElementPrototype, prop: string): void;
+export declare function emitter<T extends GemElement>(_: undefined, context: ClassFieldDecoratorContext<T, Emitter>): void;
+export declare function globalemitter<T extends GemElement>(_: undefined, context: ClassFieldDecoratorContext<T, Emitter>): void;
 /**
- * 分配一个构造的样式表，如果元素是 lightDOM，则将样式表挂载到 RootNode 上
+ * 分配一个构造的样式表，前面的优先级越高（因为装饰器是越近越早执行）
  *
  * For example
  * ```ts
@@ -100,7 +128,7 @@ export declare function globalemitter(target: GemElementPrototype, prop: string)
  *  class App extends GemElement {}
  * ```
  */
-export declare function adoptedStyle(style: Sheet<unknown>): (cls: unknown) => void;
+export declare function adoptedStyle(sheet: ReturnType<typeof createCSSSheet>): (_: unknown, context: ClassDecoratorContext) => void;
 /**
  * 链接一个 store，当 store 更新时更新元素
  *
@@ -110,17 +138,17 @@ export declare function adoptedStyle(style: Sheet<unknown>): (cls: unknown) => v
  *  class App extends GemElement {}
  * ```
  */
-export declare function connectStore(store: Store<unknown>): (cls: unknown) => void;
+export declare function connectStore(store: Store<unknown>): (_: unknown, context: ClassDecoratorContext) => void;
+export declare function shadow({ mode, serializable, delegatesFocus, slotAssignment, }?: Partial<ShadowRootInit>): (_: any, context: ClassDecoratorContext) => void;
 /**
- * 限制元素的 root 节点类型
- *
- * For example
- * ```ts
- *  @rootElement('my-element')
- *  class App extends GemElement {}
- * ```
+ * 将元素标记为可中断异步渲染
+ * 例如：https://examples.gemjs.org/async
+ */
+export declare function async(): (_: any, context: ClassDecoratorContext) => void;
+/**
+ * 定义元素的可访问性属性
  */
-export declare function rootElement(rootType: string): (cls: unknown) => void;
+export declare function aria(info: Metadata['aria']): (_: any, context: ClassDecoratorContext) => void;
 /**
  * 定义自定义元素
  *
@@ -130,6 +158,10 @@ export declare function rootElement(rootType: string): (cls: unknown) => void;
  *  class App extends GemElement {}
  * ```
  */
-export declare function customElement(name: string): (cls: unknown) => void;
-export {};
+export declare function customElement(name: string): (cls: new (...args: any) => any, { addInitializer }: ClassDecoratorContext) => void;
+declare global {
+    interface Window {
+        __GEM_DEVTOOLS__HOOK__?: (typeof elementExports & typeof decoratorsExports & typeof storeExports & typeof versionExports) | Record<string, never>;
+    }
+}
 //# sourceMappingURL=decorators.d.ts.map

package/lib/decorators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../src/lib/decorators.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8D,UAAU,EAAuB,MAAM,WAAW,CAAC;AACxH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAA+B,MAAM,SAAS,CAAC;AAE7D,KAAK,mBAAmB,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAiB3C,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG,WAAW,IAAI;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;IAAC,QAAQ,EAAE,CAAC,EAAE,CAAA;CAAE,CAAC;AAEhG;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,QAIlE;AAgBD,wBAAgB,SAAS,CAAC,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,QAElE;AACD,wBAAgB,aAAa,CAAC,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,QAItE;AACD,wBAAgB,YAAY,CAAC,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,QAIrE;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,QAGjE;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,QAI9D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,QAI7C;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,QAI7C;AAED,MAAM,MAAM,OAAO,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,KAAK,IAAI,CAAC;AAEvG;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,QAEhE;AACD,wBAAgB,aAAa,CAAC,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,QAEtE;AAOD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAC1B,OAAO,UAI9B;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAC1B,OAAO,UAI9B;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,SACpB,OAAO,UAI9B;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,SAClB,OAAO,UAG9B"}
+{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../src/lib/decorators.ts"],"names":[],"mappings":"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"}