@mantou/gem 2.1.1 → 2.2.1

package/src/lib/utils.ts

@@ -1,24 +1,45 @@
-const { assign, setPrototypeOf, fromEntries, entries, keys } = Object;
+const { assign, fromEntries, entries, keys } = Object;
 
 const microtaskSet = new Set<() => void>();
-export function addMicrotask(func: () => void) {
+export function addMicrotask(func: () => void, isNodeForceMicrotask?: boolean) {
   if (microtaskSet.has(func)) return;
-  queueMicrotask(() => {
+  const next = () => {
     microtaskSet.delete(func);
     func();
-  });
+  };
+  if (isNodeForceMicrotask) {
+    process.nextTick(next);
+  } else {
+    Promise.resolve().then(next);
+  }
   microtaskSet.add(func);
 }
 
+type OverrideFn = {
+  name: never;
+  apply: never;
+  call: never;
+  bind: never;
+  toString: never;
+  prototype: never;
+  length: never;
+  arguments: never;
+  caller: never;
+  [Symbol.hasInstance]: never;
+  [Symbol.metadata]: never;
+};
+
 // 注意 typeof state === 'function' 但是没有 Function 的方法和属性
 export function createUpdater<T, Fn = (payload?: Partial<T>) => any>(initState: T, fn: Fn) {
   const state: any = fn;
-  setPrototypeOf(state, null);
+  // https://github.com/vitejs/vite/issues/18540 现在覆盖 call 也一样会报错
+  // setPrototypeOf(state, null);
   delete state.name;
   delete state.length;
   assign(state, initState);
-  // TODO: type
-  return state as Fn & T;
+  // ts 不允许直接 Omit 掉 Fn 上的属性
+  // 只能利用 ts plugin 移除多余的自动完成项
+  return state as Fn & Omit<OverrideFn, keyof T> & T;
 }
 
 // 不编码 hash 用于比较
@@ -106,8 +127,10 @@ export class LinkedList<T = any> extends EventTarget {
     return this.#map.get(value);
   }
 
-  // 添加到尾部，已存在时会删除老的项目
-  // 如果是添加第一个，start 事件会在添加前触发，避免处理事件重复的逻辑
+  /**
+   * 添加到尾部，已存在时会删除老的项目
+   * 如果是添加第一个，start 事件会在添加前触发，避免处理事件重复的逻辑
+   */
   add(value: T) {
     if (!this.#lastItem) {
       this.dispatchEvent(new CustomEvent('start'));
@@ -125,7 +148,7 @@ export class LinkedList<T = any> extends EventTarget {
     this.#map.set(value, item);
   }
 
-  // 删除这个元素后没有其他元素时立即出发 end 事件
+  /** 删除这个元素后没有其他元素时立即出发 end 事件 */
   delete(value: T) {
     const deleteItem = this.#delete(value);
     if (!this.#firstItem) {
@@ -134,8 +157,7 @@ export class LinkedList<T = any> extends EventTarget {
     return deleteItem;
   }
 
-  // 获取头部元素
-  // 会从链表删除
+  /** 获取头部元素，会从链表删除 */
   get(): T | undefined {
     const firstItem = this.#firstItem;
     if (!firstItem) return;
@@ -156,10 +178,6 @@ export class PropProxyMap<T extends NonPrimitive, V = unknown> extends WeakMap<T
 }
 
 export class QueryString extends URLSearchParams {
-  constructor(param?: any) {
-    super(param);
-  }
-
   // support `{ key: ObjectValue }`
   concat(param: any) {
     let query: any;
@@ -223,8 +241,8 @@ export function raw(arr: TemplateStringsArray, ...args: any[]) {
   return arr.reduce((prev, current, index) => prev + (args[index - 1] ?? '') + current);
 }
 
-// 写 css 文本，在 CSSStyleSheet 中使用
-export const css = raw;
+// 在 html 中引用 class 时使用，仅提供高亮功能
+export const styled = raw;
 
 export function randomStr(len = 5): string {
   const str = Math.random()
@@ -234,20 +252,8 @@ export function randomStr(len = 5): string {
   return str;
 }
 
-// 写 css 文本，在 CSSStyleSheet 中使用，使用 styed-components 高亮
-//
-// createCSSSheet({
-//   red: styled.class`
-//     background: red;
-//     &:hover {
-//       background: blue;
-//     }
-//   `,
-// });
-export const styled = { class: raw };
-
 export function camelToKebabCase(str: string) {
-  return str.replace(/[A-Z]/g, ($1: string) => '-' + $1.toLowerCase());
+  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
 }
 
 export function kebabToCamelCase(str: string) {
@@ -280,25 +286,18 @@ export function isArrayChange(newValues: any[], oldValues: any[]) {
 export function objectMapToString<T = any>(
   object: Record<string, T>,
   separate: string,
-  toString: (key: string, value: T) => string,
+  toStr: (key: string, value: T) => string,
 ) {
   let result = separate;
   for (const key in object) {
-    const s = toString(key, object[key]);
+    const s = toStr(key, object[key]);
     result += s ? s + separate : '';
   }
   return result;
 }
 
 // Wait: Typescript lib dom CSSStyleDeclaration anchor position
-type StyleProp =
-  | keyof CSSStyleDeclaration
-  | `--${string}`
-  | 'scrollbarWidth'
-  | 'scrollbarColor'
-  | 'positionAnchor'
-  | 'anchorDefault'
-  | 'anchorName';
+type StyleProp = keyof CSSStyleDeclaration | `--${string}` | 'positionAnchor' | 'anchorDefault' | 'anchorName';
 
 export type StyleObject = Partial<Record<StyleProp, string | number | false | undefined | null>>;
 
@@ -321,8 +320,3 @@ export function exportPartsMap(object: Record<string, string | boolean | undefin
     value === true || key === value ? key : value ? `${key}:${value}` : '',
   );
 }
-
-declare global {
-  interface PropertyIndexedKeyframes extends StyleObject {}
-  interface Keyframe extends StyleObject {}
-}

package/src/lib/version.ts

@@ -1 +1 @@
-export const version = '2.1.1';
+export const version = '2.2.1';

package/src/test/elements/link.test.ts

@@ -1,7 +1,6 @@
-import { fixture, expect } from '@open-wc/testing';
-
-import { html } from '../../lib/element';
 import type { GemActiveLinkElement } from '../../elements/link';
+import { html } from '../../lib/element';
+import { expect, fixture } from '../utils';
 
 import '../../elements/link';
 

package/src/test/elements/reflect.test.ts

@@ -1,16 +1,25 @@
-import { fixture, expect, nextFrame } from '@open-wc/testing';
-
-import { html } from '../../lib/element';
 import type { GemReflectElement } from '../../elements/reflect';
+import { adoptedStyle, customElement } from '../../lib/decorators';
+import { css, GemElement, html } from '../../lib/element';
+import { expect, fixture, nextFrame } from '../utils';
 
 import '../../elements/reflect';
 
+@adoptedStyle(css`
+  :scope {
+    color: rgb(255, 0, 0);
+  }
+`)
+@customElement('light-dom')
+export class Children extends GemElement {}
+
 describe('GemReflectElement', () => {
   it('basic', async () => {
     const reflect: GemReflectElement = await fixture(html`
       <gem-reflect>
         <div id="one"></div>
         <div id="two"></div>
+        <light-dom></light-dom>
       </gem-reflect>
     `);
     const div = document.head.querySelector('#one');
@@ -20,6 +29,7 @@ describe('GemReflectElement', () => {
     reflect.target = document.body;
     await nextFrame();
     expect(document.body.querySelector('#one')).to.equal(div);
+    expect(getComputedStyle(document.body.querySelector('light-dom')!).color).to.equal('rgb(255, 0, 0)');
     expect(div?.nextSibling).to.equal(comment);
     reflect.remove();
     expect(!!document.querySelector('#one')).to.equal(false);

package/src/test/elements/title.test.ts

@@ -1,7 +1,6 @@
-import { fixture, expect, nextFrame } from '@open-wc/testing';
-
-import { html } from '../../lib/element';
 import type { GemTitleElement } from '../../elements/title';
+import { html } from '../../lib/element';
+import { expect, fixture, nextFrame } from '../utils';
 
 import '../../elements/title';
 

package/src/test/gem-element/advance.test.ts

@@ -6,23 +6,22 @@
  * - 派生元素（类扩展）
  * - 无渲染内容 Gem 元素
  */
-import { fixture, expect, nextFrame } from '@open-wc/testing';
 
-import type { Metadata } from '../../lib/element';
-import { createCSSSheet, createState, GemElement, html, createRef } from '../../lib/element';
-import { createStore } from '../../lib/store';
 import {
+  adoptedStyle,
+  async,
   attribute,
-  property,
+  connectStore,
   customElement,
   emitter,
-  adoptedStyle,
-  connectStore,
-  async,
-  shadow,
   mounted,
+  property,
+  shadow,
 } from '../../lib/decorators';
-import { css } from '../../lib/utils';
+import type { Metadata } from '../../lib/element';
+import { createRef, createState, css, GemElement, html } from '../../lib/element';
+import { createStore } from '../../lib/store';
+import { expect, fixture, nextFrame } from '../utils';
 
 const store = createStore({
   a: 1,
@@ -54,11 +53,11 @@ describe('异步 gem element 测试', () => {
   });
 });
 
-const lightStyle = createCSSSheet(css`
+const lightStyle = css`
   div {
     font-size: 18.1px;
   }
-`);
+`;
 
 @customElement('light-gem-demo')
 @adoptedStyle(lightStyle)
@@ -100,7 +99,7 @@ class LifecycleGemElement extends GemElement {
     this.appTitle2 = appTitle2 ?? this.appTitle2;
     this.effect(
       () => {
-        this.refInConstructor = this.divRef.element;
+        this.refInConstructor = this.divRef.value;
       },
       () => [],
     );
@@ -118,7 +117,7 @@ class LifecycleGemElement extends GemElement {
 
   render() {
     this.renderCount++;
-    return html`<div ref=${this.divRef.ref}></div>`;
+    return html`<div ${this.divRef}></div>`;
   }
 }
 describe('gem element 生命周期', () => {
@@ -304,12 +303,20 @@ class InheritGem extends I {
   @attribute appTitle = '1';
   @attribute appTitle2 = '2';
 }
+
+@customElement('inherit-gem1')
+class InheritGem1 extends I {}
+
 describe('gem element 继承', () => {
   it('静态字段继承', async () => {
     new I();
     new InheritGem(); // 触发装饰器自定义初始化函数
     const metadata: Metadata = Reflect.get(InheritGem, Symbol.metadata);
     expect(metadata.observedAttributes).to.eql(['app-title', 'app-title2']);
+
+    new InheritGem1(); // 触发装饰器自定义初始化函数
+    const metadata1: Metadata = Reflect.get(InheritGem1, Symbol.metadata);
+    expect(metadata1.observedAttributes).to.eql(['app-title']);
   });
   it('attr/prop/emitter 继承', async () => {
     const name = window.name;
@@ -333,6 +340,7 @@ describe('gem element 继承', () => {
       window.name += '2';
     });
     el.sayHi();
+    await Promise.resolve();
     expect(window.name).to.equal(name + '21');
   });
 });

package/src/test/gem-element/basic.test.ts

@@ -1,28 +1,27 @@
-import { fixture, expect, nextFrame } from '@open-wc/testing';
-
-import { createCSSSheet, createState, GemElement, html } from '../../lib/element';
-import { createStore } from '../../lib/store';
-import { css } from '../../lib/utils';
 import {
   adoptedStyle,
   attribute,
   boolattribute,
   connectStore,
   customElement,
+  fallback,
   numattribute,
   property,
   shadow,
 } from '../../lib/decorators';
+import { createState, css, GemElement, html } from '../../lib/element';
+import { createStore } from '../../lib/store';
+import { expect, fixture, nextFrame } from '../utils';
 
 const store = createStore({
   a: 1,
 });
 
-const styles = createCSSSheet(css`
+const styles = css`
   :host {
     background: rgb(255, 0, 0);
   }
-`);
+`;
 
 @connectStore(store)
 @adoptedStyle(styles)
@@ -40,11 +39,15 @@ class GemDemo extends GemElement {
   renderCount = 0;
 
   render() {
+    if (this.attr === 'error') throw new Error();
     const { attr, disabled, count, prop } = this;
     const { value } = this.#state;
     this.renderCount++;
     return html`attr: ${attr}, disabled: ${disabled}, count: ${count}, prop: ${prop.value}, state: ${value}`;
   }
+
+  @fallback()
+  #error = () => html`Error`;
 }
 
 describe('基本 gem element 测试', () => {
@@ -68,12 +71,14 @@ describe('基本 gem element 测试', () => {
   });
   it('渲染 gem element', async () => {
     const el: GemDemo = await fixture(html`<gem-demo attr="attr" .prop=${{ value: 'prop' }}></gem-demo>`);
-    expect(el).shadowDom.to.equal('attr: attr, disabled: false, count: 0, prop: prop, state: ');
+    expect(el.shadowRoot?.textContent).to.equal('attr: attr, disabled: false, count: 0, prop: prop, state: ');
     await Promise.resolve();
     expect(el.renderCount).to.equal(1);
     el.update();
     await Promise.resolve();
     expect(el.renderCount).to.equal(2);
+    const errEl: GemDemo = await fixture(html`<gem-demo attr="error"></gem-demo>`);
+    expect(errEl.shadowRoot?.textContent).to.equal('Error');
   });
   it('读取 attr', async () => {
     const el: GemDemo = await fixture(html`
@@ -102,7 +107,7 @@ describe('基本 gem element 测试', () => {
     expect(el.attr).to.equal('value');
     expect(el.disabled).to.equal(true);
     expect(el.count).to.equal(2);
-    expect(el).shadowDom.to.equal('attr: value, disabled: true, count: 2, prop: , state: ');
+    expect(el.shadowRoot?.textContent).to.equal('attr: value, disabled: true, count: 2, prop: , state: ');
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     el.attr = null;
@@ -124,7 +129,14 @@ describe('基本 gem element 测试', () => {
     await Promise.resolve();
     expect(el.renderCount).to.equal(2);
     expect(el.prop).to.deep.equal({ value: 'value' });
-    expect(el).shadowDom.to.equal('attr: , disabled: false, count: 0, prop: value, state: ');
+    expect(el.shadowRoot?.textContent).to.equal('attr: , disabled: false, count: 0, prop: value, state: ');
+  });
+
+  it('只能在 initEffect 前修改 state', async () => {
+    const syncUpdateEle = new GemDemo();
+    expect(() => syncUpdateEle.internals.stateList[0]()).to.not.throw();
+    document.body.append(syncUpdateEle);
+    expect(() => syncUpdateEle.internals.stateList[0]()).to.throw();
   });
 
   it('修改 state', async () => {
@@ -136,7 +148,7 @@ describe('基本 gem element 测试', () => {
     await Promise.resolve();
     expect(el.renderCount).to.equal(2);
     expect({ ...el.internals.stateList[0] }).to.deep.equal({ value: 'state' });
-    expect(el).shadowDom.to.equal('attr: , disabled: false, count: 0, prop: , state: state');
+    expect(el.shadowRoot?.textContent).to.equal('attr: , disabled: false, count: 0, prop: , state: state');
   });
 
   it('更新 store', async () => {

package/src/test/gem-element/decorators.test.ts

@@ -1,34 +1,32 @@
-import { fixture, expect } from '@open-wc/testing';
-
-import type { Metadata } from '../../lib/element';
-import { createCSSSheet, GemElement, html, createRef } from '../../lib/element';
-import { createStore } from '../../lib/store';
-import { css } from '../../lib/utils';
 import type { Emitter } from '../../lib/decorators';
 import {
+  adoptedStyle,
   attribute,
-  property,
-  customElement,
+  boolattribute,
   connectStore,
-  adoptedStyle,
+  customElement,
   emitter,
-  boolattribute,
   numattribute,
   part,
+  property,
+  shadow,
   slot,
   state,
-  shadow,
 } from '../../lib/decorators';
+import type { Metadata } from '../../lib/element';
+import { css, GemElement, html } from '../../lib/element';
+import { createStore } from '../../lib/store';
+import { expect, fixture } from '../utils';
 
 const store = createStore({
   a: 1,
 });
 
-const styles = createCSSSheet(css`
+const styles = css`
   :host {
     background: rgb(255, 0, 0);
   }
-`);
+`;
 
 @connectStore(store)
 @adoptedStyle(styles)
@@ -47,7 +45,6 @@ class DecoratorGemElement extends GemElement {
   @state openState: boolean;
   @part headerPart: string;
   @slot bodySlot: string;
-  inputRef = createRef<HTMLElement>();
   renderCount = 0;
   render() {
     this.renderCount++;
@@ -84,7 +81,7 @@ describe('装饰器', () => {
     store({ a: 1 });
     await Promise.resolve();
     const metadata: Metadata = Reflect.get(DecoratorGemElement, Symbol.metadata);
-    expect({ ...metadata.observedStores.at(0) }).to.eql({ a: 1 });
+    expect({ ...metadata.observedStores?.at(0) }).to.eql({ a: 1 });
     expect(metadata.observedAttributes).to.eql(['rank-attr', 'rank-disabled', 'rank-count']);
     expect(metadata.definedEvents).to.eql(['say-hi']);
     expect(metadata.definedCSSStates).to.eql(['open-state']);
@@ -99,13 +96,13 @@ describe('装饰器', () => {
     expect(el.propData).to.eql({ value: 'prop' });
     expect(el.openState).to.equal(false);
     expect(el.headerPart).to.equal('header-part');
-    expect(el.inputRef.ref.startsWith('ref-')).to.equal(true);
     expect(el.bodySlot).to.equal('body-slot');
-    expect(el).shadowDom.to.equal('attr: attr, disabled: true, count: 2, prop: prop');
+    expect(el.shadowRoot?.textContent).to.equal('attr: attr, disabled: true, count: 2, prop: prop');
     store({ a: 3 });
     await Promise.resolve();
     expect(el.renderCount).to.equal(3);
     el.sayHi(2);
+    await Promise.resolve();
     expect(el.renderCount).to.equal(3);
     expect(a).to.equal(2);
   });

package/src/test/gem-element/multi.test.ts

@@ -1,16 +1,20 @@
-import { expect, fixture } from '@open-wc/testing';
-
-import { attribute, customElement, property } from '../../lib/decorators';
-import { GemElement, html, createRef } from '../../lib/element';
+import { attribute, customElement, type Emitter, emitter, mounted, property } from '../../lib/decorators';
+import { createRef, createState, GemElement, html } from '../../lib/element';
+import { expect, fixture } from '../utils';
 
 @customElement('app-children')
 export class Children extends GemElement {
   @property value?: { value: number };
   @attribute attr: string;
+  @emitter sayHi: Emitter<null>;
+
   inputRef = createRef<HTMLInputElement>();
 
+  @mounted()
+  #init = () => this.sayHi();
+
   render() {
-    return html`<input ref=${this.inputRef.ref} />`;
+    return html`<input ${this.inputRef} />`;
   }
 }
 
@@ -18,20 +22,25 @@ export class Children extends GemElement {
 export class App extends GemElement {
   childrenRef1 = createRef<Children>();
   childrenRef2 = createRef<Children>();
+
+  // 还未 mounted, 不应该发生错误
+  #state = createState({});
+  #onSayHi = () => this.#state();
+
   render() {
     return html`
-      <app-children ref=${this.childrenRef1.ref} .value=${{ value: 1 }} attr="1"></app-children>
-      <app-children ref=${this.childrenRef2.ref} .value=${{ value: 2 }} attr="2"></app-children>
+      <app-children ${this.childrenRef1} .value=${{ value: 1 }} attr="1" @say-hi=${this.#onSayHi}></app-children>
+      <app-children ${this.childrenRef2} .value=${{ value: 2 }} attr="2"></app-children>
     `;
   }
 }
 describe('多个 gem element 一起工作', () => {
   it('ref & prop & attr', async () => {
     const el: App = await fixture(html`<app-root></app-root>`);
-    const children1 = el.childrenRef1.element!;
-    const children2 = el.childrenRef2.element!;
-    const input1 = children1.inputRef.element!;
-    const input2 = children2.inputRef.element!;
+    const children1 = el.childrenRef1.value!;
+    const children2 = el.childrenRef2.value!;
+    const input1 = children1.inputRef.value!;
+    const input2 = children2.inputRef.value!;
     expect(input1 !== input2).to.equal(true);
     expect(children1.value).to.eql({ value: 1 });
     expect(children2.value).to.eql({ value: 2 });

package/src/test/history.test.ts

@@ -1,6 +1,5 @@
-import { expect, aTimeout } from '@open-wc/testing';
-
 import { history } from '../lib/history';
+import { aTimeout, expect } from './utils';
 
 describe('history 测试', () => {
   it('hash', async () => {

package/src/test/store.test.ts

@@ -1,13 +1,12 @@
-import { expect, aTimeout } from '@open-wc/testing';
-
-import { StoreListenerMap, createStore, connect } from '../lib/store';
+import { _StoreListenerMap, connect, createStore } from '../lib/store';
+import { aTimeout, expect } from './utils';
 
 describe('store 测试', () => {
   it('create store', () => {
     const origin = { a: 1 };
     const store = createStore(origin);
     expect({ ...store }).to.deep.equal(origin);
-    expect(!!StoreListenerMap.get(store)).to.equal(true);
+    expect(!!_StoreListenerMap.get(store)).to.equal(true);
   });
   it('update store', async () => {
     const store = createStore({ a: 1 });

package/src/test/utils.test.ts

@@ -1,17 +1,15 @@
-import { expect } from '@open-wc/testing';
-
-import { createCSSSheet, SheetToken } from '../lib/element';
+import { css, SheetToken } from '../lib/element';
 import {
+  absoluteLocation,
+  classMap,
+  exportPartsMap,
   LinkedList,
   QueryString,
-  css,
   raw,
   styled,
   styleMap,
-  classMap,
-  exportPartsMap,
-  absoluteLocation,
 } from '../lib/utils';
+import { expect } from './utils';
 
 declare global {
   interface CSSRuleList {
@@ -78,15 +76,15 @@ describe('utils 测试', () => {
     query.setAny('obj', [{ a: 1, b: 2 }]);
     expect(query.getAny('obj')).to.deep.equal({ a: 1, b: 2 });
     expect(query.getAnyAll('obj')).to.deep.equal([{ a: 1, b: 2 }]);
-    expect(new QueryString({ a: 1 }).toString()).to.equal('?a=1');
+    expect(new QueryString({ a: '1' }).toString()).to.equal('?a=1');
     expect(new QueryString(query).toString()).to.equal(query.toString());
   });
-  it('createCSSSheet', () => {
-    const cssSheet = createCSSSheet(css`
+  it('css', () => {
+    const cssSheet = css`
       div {
         background: red;
       }
-    `);
+    `;
     const rules = cssSheet[SheetToken].getStyle().cssRules;
     expect(rules.item(0).selectorText).to.equal('div');
     expect(rules.item(0).style.background).to.equal('red');
@@ -101,9 +99,9 @@ describe('utils 测试', () => {
     expect(raw`<div>${'str'}</div>`).to.equal('<div>str</div>');
   });
   it('styled', () => {
-    const cssSheet = createCSSSheet({
-      $: styled.class``,
-      scroll: styled.class`
+    const cssSheet = css({
+      $: styled``,
+      scroll: styled`
         background: red;
         &:hover * {
           background: blue;

package/src/test/utils.ts

@@ -0,0 +1,22 @@
+import { assert, expect, should } from 'chai';
+
+import type { TemplateResult } from '../lib/element';
+import { render } from '../lib/element';
+
+export { expect, should, assert };
+
+export function nextFrame() {
+  return new Promise((resolve) => requestAnimationFrame(() => resolve(null)));
+}
+
+export function aTimeout(ms = 0) {
+  return new Promise((resolve) => setTimeout(() => resolve(null), ms));
+}
+
+export async function fixture(template: TemplateResult) {
+  const wrapper = document.createElement('div');
+  document.body.appendChild(wrapper);
+  render(template, wrapper);
+  await nextFrame();
+  return wrapper.firstElementChild as any;
+}

package/lib/directives.d.ts

@@ -1,4 +0,0 @@
-export { repeat } from 'lit-html/directives/repeat';
-export { guard } from 'lit-html/directives/guard';
-export { ifDefined } from 'lit-html/directives/if-defined';
-//# sourceMappingURL=directives.d.ts.map

package/lib/directives.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"directives.d.ts","sourceRoot":"","sources":["../src/lib/directives.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAGpD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC"}