@shortfuse/materialdesignweb 0.8.0 → 0.9.1

package/types/constants/typography.d.ts

@@ -0,0 +1,212 @@
+export namespace TYPOGRAPHY_DEFAULT {
+    namespace face {
+        let brand: string;
+        let plain: string;
+        namespace weight {
+            let regular: number;
+            let medium: number;
+        }
+    }
+    namespace scale {
+        namespace display {
+            export namespace large {
+                export let fontFamily: string;
+                export let lineHeight: number;
+                export let fontSize: number;
+                export let letterSpacing: number;
+                let weight_1: string;
+                export { weight_1 as weight };
+            }
+            export namespace medium_1 {
+                let fontFamily_1: string;
+                export { fontFamily_1 as fontFamily };
+                let lineHeight_1: number;
+                export { lineHeight_1 as lineHeight };
+                let fontSize_1: number;
+                export { fontSize_1 as fontSize };
+                let letterSpacing_1: number;
+                export { letterSpacing_1 as letterSpacing };
+                let weight_2: string;
+                export { weight_2 as weight };
+            }
+            export { medium_1 as medium };
+            export namespace small {
+                let fontFamily_2: string;
+                export { fontFamily_2 as fontFamily };
+                let lineHeight_2: number;
+                export { lineHeight_2 as lineHeight };
+                let fontSize_2: number;
+                export { fontSize_2 as fontSize };
+                let letterSpacing_2: number;
+                export { letterSpacing_2 as letterSpacing };
+                let weight_3: string;
+                export { weight_3 as weight };
+            }
+        }
+        namespace headline {
+            export namespace large_1 {
+                let fontFamily_3: string;
+                export { fontFamily_3 as fontFamily };
+                let lineHeight_3: number;
+                export { lineHeight_3 as lineHeight };
+                let fontSize_3: number;
+                export { fontSize_3 as fontSize };
+                let letterSpacing_3: number;
+                export { letterSpacing_3 as letterSpacing };
+                let weight_4: string;
+                export { weight_4 as weight };
+            }
+            export { large_1 as large };
+            export namespace medium_2 {
+                let fontFamily_4: string;
+                export { fontFamily_4 as fontFamily };
+                let lineHeight_4: number;
+                export { lineHeight_4 as lineHeight };
+                let fontSize_4: number;
+                export { fontSize_4 as fontSize };
+                let letterSpacing_4: number;
+                export { letterSpacing_4 as letterSpacing };
+                let weight_5: string;
+                export { weight_5 as weight };
+            }
+            export { medium_2 as medium };
+            export namespace small_1 {
+                let fontFamily_5: string;
+                export { fontFamily_5 as fontFamily };
+                let lineHeight_5: number;
+                export { lineHeight_5 as lineHeight };
+                let fontSize_5: number;
+                export { fontSize_5 as fontSize };
+                let letterSpacing_5: number;
+                export { letterSpacing_5 as letterSpacing };
+                let weight_6: string;
+                export { weight_6 as weight };
+            }
+            export { small_1 as small };
+        }
+        namespace title {
+            export namespace large_2 {
+                let fontFamily_6: string;
+                export { fontFamily_6 as fontFamily };
+                let lineHeight_6: number;
+                export { lineHeight_6 as lineHeight };
+                let fontSize_6: number;
+                export { fontSize_6 as fontSize };
+                let letterSpacing_6: number;
+                export { letterSpacing_6 as letterSpacing };
+                let weight_7: string;
+                export { weight_7 as weight };
+            }
+            export { large_2 as large };
+            export namespace medium_3 {
+                let fontFamily_7: string;
+                export { fontFamily_7 as fontFamily };
+                let lineHeight_7: number;
+                export { lineHeight_7 as lineHeight };
+                let fontSize_7: number;
+                export { fontSize_7 as fontSize };
+                let letterSpacing_7: number;
+                export { letterSpacing_7 as letterSpacing };
+                let weight_8: string;
+                export { weight_8 as weight };
+            }
+            export { medium_3 as medium };
+            export namespace small_2 {
+                let fontFamily_8: string;
+                export { fontFamily_8 as fontFamily };
+                let lineHeight_8: number;
+                export { lineHeight_8 as lineHeight };
+                let fontSize_8: number;
+                export { fontSize_8 as fontSize };
+                let letterSpacing_8: number;
+                export { letterSpacing_8 as letterSpacing };
+                let weight_9: string;
+                export { weight_9 as weight };
+            }
+            export { small_2 as small };
+        }
+        namespace label {
+            export namespace large_3 {
+                let fontFamily_9: string;
+                export { fontFamily_9 as fontFamily };
+                let lineHeight_9: number;
+                export { lineHeight_9 as lineHeight };
+                let fontSize_9: number;
+                export { fontSize_9 as fontSize };
+                let letterSpacing_9: number;
+                export { letterSpacing_9 as letterSpacing };
+                let weight_10: string;
+                export { weight_10 as weight };
+            }
+            export { large_3 as large };
+            export namespace medium_4 {
+                let fontFamily_10: string;
+                export { fontFamily_10 as fontFamily };
+                let lineHeight_10: number;
+                export { lineHeight_10 as lineHeight };
+                let fontSize_10: number;
+                export { fontSize_10 as fontSize };
+                let letterSpacing_10: number;
+                export { letterSpacing_10 as letterSpacing };
+                let weight_11: string;
+                export { weight_11 as weight };
+            }
+            export { medium_4 as medium };
+            export namespace small_3 {
+                let fontFamily_11: string;
+                export { fontFamily_11 as fontFamily };
+                let lineHeight_11: number;
+                export { lineHeight_11 as lineHeight };
+                let fontSize_11: number;
+                export { fontSize_11 as fontSize };
+                let letterSpacing_11: number;
+                export { letterSpacing_11 as letterSpacing };
+                let weight_12: string;
+                export { weight_12 as weight };
+            }
+            export { small_3 as small };
+        }
+        namespace body {
+            export namespace large_4 {
+                let fontFamily_12: string;
+                export { fontFamily_12 as fontFamily };
+                let lineHeight_12: number;
+                export { lineHeight_12 as lineHeight };
+                let fontSize_12: number;
+                export { fontSize_12 as fontSize };
+                let letterSpacing_12: number;
+                export { letterSpacing_12 as letterSpacing };
+                let weight_13: string;
+                export { weight_13 as weight };
+            }
+            export { large_4 as large };
+            export namespace medium_5 {
+                let fontFamily_13: string;
+                export { fontFamily_13 as fontFamily };
+                let lineHeight_13: number;
+                export { lineHeight_13 as lineHeight };
+                let fontSize_13: number;
+                export { fontSize_13 as fontSize };
+                let letterSpacing_13: number;
+                export { letterSpacing_13 as letterSpacing };
+                let weight_14: string;
+                export { weight_14 as weight };
+            }
+            export { medium_5 as medium };
+            export namespace small_4 {
+                let fontFamily_14: string;
+                export { fontFamily_14 as fontFamily };
+                let lineHeight_14: number;
+                export { lineHeight_14 as lineHeight };
+                let fontSize_14: number;
+                export { fontSize_14 as fontSize };
+                let letterSpacing_14: number;
+                export { letterSpacing_14 as letterSpacing };
+                let weight_15: string;
+                export { weight_15 as weight };
+            }
+            export { small_4 as small };
+        }
+    }
+}
+//# sourceMappingURL=typography.d.ts.map

package/types/constants/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../constants/typography.js"],"names":[],"mappings":""}

package/types/core/Composition.d.ts

@@ -0,0 +1,260 @@
+/** @template T */
+export default class Composition<T> {
+    static EVENT_PREFIX_REGEX: RegExp;
+    static shadowRootTag: symbol;
+    /**
+     * @template T
+     * @param  {ConstructorParameters<typeof Composition<T>>} parts
+     * @return {Composition<T>}
+     */
+    static compose<T_1>(...parts: ConstructorParameters<typeof Composition<T_1>>): Composition<T_1>;
+    /**
+     * @param {(CompositionPart<T>)[]} parts
+     */
+    constructor(...parts: (CompositionPart<T>)[]);
+    _interpolationState: {
+        nodeIndex: number;
+        searchIndex: number;
+        cacheIndex: number;
+        commentIndex: number;
+        /** @type {this['nodesToBind'][0]} */
+        nodeEntry: this["nodesToBind"][0];
+    };
+    /** @type {{tag:string, textNodes: number[]}[]} */
+    nodesToBind: {
+        tag: string;
+        textNodes: number[];
+    }[];
+    /** @type {string[]} */
+    props: string[];
+    /** @type {RenderGraphSearch[]} */
+    searches: RenderGraphSearch[];
+    /** @type {any[]} */
+    initCache: any[];
+    /**
+     * Index of searches by query (dotted notation for deep props)
+     * @type {Map<Function|string, RenderGraphSearch>}
+     */
+    searchByQuery: Map<Function | string, RenderGraphSearch>;
+    /**
+     * Index of searches by query (dotted notation for deep props)
+     * @type {Map<string, RenderGraphAction[]>}
+     */
+    actionsByPropsUsed: Map<string, RenderGraphAction[]>;
+    /** @type {RenderGraphAction[]} */
+    postInitActions: RenderGraphAction[];
+    /** @type {Set<string>} */
+    tagsWithBindings: Set<string>;
+    /**
+     * Array of element tags
+     * @type {string[]}
+     */
+    tags: string[];
+    /**
+     * Data of arrays used in templates
+     * Usage of a [mdw-for] will create an ArrayLike expectation based on key
+     * Only store metadata, not actual data. Currently only needs length.
+     * TBD if more is needed later
+     * Referenced by property key (string)
+     * @type {CompositionAdapter<T>}
+     */
+    adapter: CompositionAdapter<T>;
+    /**
+     * Collection of events to bind.
+     * Indexed by ID
+     * @type {Map<string|symbol, CompositionEventListener<any>[]>}
+     */
+    events: Map<string | symbol, CompositionEventListener<any>[]>;
+    /**
+     * Snapshot of composition at initial state.
+     * This fragment can be cloned for first rendering, instead of calling
+     * of using `render()` to construct the initial DOM tree.
+     * @type {DocumentFragment}
+     */
+    cloneable: DocumentFragment;
+    /** @type {(HTMLStyleElement|CSSStyleSheet)[]} */
+    styles: (HTMLStyleElement | CSSStyleSheet)[];
+    /** @type {CSSStyleSheet[]} */
+    adoptedStyleSheets: CSSStyleSheet[];
+    /** @type {DocumentFragment} */
+    stylesFragment: DocumentFragment;
+    /**
+     * List of IDs used by template elements
+     * May be needed to be removed when adding to non-DocumentFragment
+     * @type {string[]}
+     */
+    allIds: string[];
+    /**
+     * Collection of IDs used for referencing elements
+     * Not meant for live DOM. Removed before attaching to document
+     */
+    /** @type {Set<string>} */
+    temporaryIds: Set<string>;
+    /** Flag set when template and styles have been interpolated */
+    interpolated: boolean;
+    /**
+     * Template used to build interpolation and cloneable
+     */
+    template: DocumentFragment;
+    /**
+     * @param {CompositionPart<T>[]} parts
+     */
+    append(...parts: CompositionPart<T>[]): this;
+    /** @param {CompositionEventListener<T>} listener */
+    addCompositionEventListener(listener: CompositionEventListener<T>): this;
+    /**
+     * TODO: Add types and clean up closure leak
+     * Updates component nodes based on data.
+     * Expects data in JSON Merge Patch format
+     * @see https://www.rfc-editor.org/rfc/rfc7386
+     * @template {Object} T
+     * @param {Partial<T>} changes what specifically
+     * @param {T} [data]
+     * @param {RenderOptions<T>} [options]
+     * @return {RenderDraw<T>} anchor
+     */
+    render<T_1 extends Object>(changes: Partial<T_1>, data?: T_1, options?: RenderOptions<T_1>): RenderDraw<T_1>;
+    /**
+     * @param {InterpolateOptions} [options]
+     */
+    interpolate(options?: InterpolateOptions): void;
+    interpolateOptions: InterpolateOptions;
+    /**
+     * @param {RenderGraphSearch} search
+     * @return {RenderGraphSearch}
+     */
+    addSearch(search: RenderGraphSearch): RenderGraphSearch;
+    /**
+     * @param {RenderGraphAction} action
+     * @return {RenderGraphAction}
+     */
+    addAction(action: RenderGraphAction): RenderGraphAction;
+    [Symbol.iterator](): Generator<DocumentFragment | CSSStyleSheet | HTMLStyleElement, void, unknown>;
+    #private;
+}
+export type CompositionPart<T> = Composition<unknown> | HTMLStyleElement | CSSStyleSheet | DocumentFragment | string;
+export type Compositor<T extends unknown> = (...parts: (CompositionPart<T>)[]) => Composition<T>;
+export type RenderOptions<T> = {
+    /**
+     * what
+     */
+    defaults?: T;
+    /**
+     * what
+     */
+    store?: T;
+    /**
+     * where
+     */
+    target?: DocumentFragment | HTMLElement | Element;
+    /**
+     * where
+     */
+    shadowRoot?: ShadowRoot;
+    /**
+     * `this` on callbacks/events
+     */
+    context?: any;
+    injections?: any;
+};
+export type RenderDraw<T> = {
+    target: Element | DocumentFragment;
+    byProp: (prop: keyof T & string, value: any, data?: Partial<T>) => void;
+    state: InitializationState;
+} & ((changes: Partial<T>, data: T) => void);
+export type HTMLElementEventMapFixed = HTMLElementEventMap & {
+    input: InputEvent;
+};
+export type HTMLElementCancellableEventMap = (Pick<HTMLElementEventMapFixed, "auxclick" | "beforeinput" | "click" | "compositionstart" | "contextmenu" | "drag" | "dragenter" | "dragover" | "dragstart" | "drop" | "invalid" | "keydown" | "keypress" | "keyup" | "mousedown" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "pointerdown" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "reset" | "selectstart" | "submit" | "touchend" | "touchmove" | "touchstart" | "wheel">);
+export type CompositionEventMap = (HTMLElementEventMapFixed & { [P in keyof HTMLElementCancellableEventMap as `~${P}`]: HTMLElementCancellableEventMap[P]; } & Record<string, Event | CustomEvent<any>>);
+export type CompositionEventListener<T extends unknown, K extends keyof CompositionEventMap = string> = {
+    type?: K;
+    tag?: string | symbol;
+    capture?: boolean;
+    once?: boolean;
+    passive?: boolean;
+    signal?: AbortSignal;
+    handleEvent?: (this: T, event: (K extends keyof CompositionEventMap ? CompositionEventMap[K] : Event) & {
+        currentTarget: HTMLElement;
+    }) => any;
+    prop?: string;
+    deepProp?: string[];
+};
+export type CompositionEventListenerObject<T> = { [P in keyof CompositionEventMap]?: (keyof T & string) | ((this: T, event: CompositionEventMap[P] & {
+    currentTarget: HTMLElement;
+}) => any) | CompositionEventListener<T, P>; };
+export type NodeBindEntry<T extends unknown> = {
+    key?: string;
+    index?: number;
+    tag: string;
+    /**
+     * Index of childNode or attrName
+     */
+    subnode: string | number;
+    props: string[];
+    deepProps: string[][];
+    negate?: boolean;
+    doubleNegate?: boolean;
+    expression?: Function;
+    /**
+     * custom render function
+     */
+    render?: (options: RenderOptions<unknown>, element: Element, changes: any, data: any) => any;
+    listeners?: CompositionEventListener<T>[];
+    composition?: Composition<any>;
+    defaultValue: T;
+};
+export type RenderState = any[];
+export type RenderGraphSearch = {
+    invocation: (state: InitializationState, changes: any, data: any) => any;
+    cacheIndex: number;
+    searchIndex: number;
+    query: string | Function | string[];
+    negate?: boolean;
+    doubleNegate?: boolean;
+    expression?: Function;
+    prop: string;
+    deepProp: string[];
+    propsUsed: string[];
+    deepPropsUsed: string[][];
+    defaultValue: any;
+    subSearch?: RenderGraphSearch;
+};
+export type RenderGraphAction = {
+    invocation: (state: InitializationState, value: any, changes: any, data: any) => any;
+    commentIndex?: number;
+    nodeIndex?: number;
+    cacheIndex?: number;
+    attrName?: string;
+    defaultValue?: any;
+    search: RenderGraphSearch;
+    injections?: InterpolateOptions["injections"];
+};
+export type InterpolateOptions = {
+    /**
+     * Default values to use for interpolation
+     */
+    defaults?: Record<string, any>;
+    /**
+     * Context-specific injected properties. (Experimental)
+     */
+    injections?: {
+        iterable: string;
+    } & Record<string, any> & {
+        index: number;
+    };
+};
+export type InitializationState = {
+    lastElement: Element;
+    lastChildNode: ChildNode;
+    nodes: (Element | Text)[];
+    caches: any[];
+    comments: Comment[];
+    nodeStates: Uint8Array;
+    searchStates: Uint8Array;
+    refs: HTMLElement[];
+    lastChildNodeIndex: number;
+    options: RenderOptions<unknown>;
+};
+import CompositionAdapter from './CompositionAdapter.js';
+//# sourceMappingURL=Composition.d.ts.map

package/types/core/Composition.d.ts.map

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

package/types/core/CompositionAdapter.d.ts

@@ -0,0 +1,114 @@
+/**
+ * @template T
+ * @typedef {import('./Composition.js').default<T>} Composition
+ */
+/**
+ * @template T
+ * @typedef {import('./Composition.js').RenderOptions<T>} RenderOptions
+ */
+/**
+ * @template T
+ * @typedef {Object} DomAdapterCreateOptions
+ * @prop {Comment} anchorNode
+ * @prop {(...args:any[]) => HTMLElement} [create]
+ * @prop {Composition<T>} composition
+ * @prop {RenderOptions<T>} renderOptions
+ */
+/**
+ * @typedef {Object} ItemMetadata
+ * @prop {Element} element
+ * @prop {any} key
+ * @prop {Element|Comment} domNode
+ * @prop {Function} render
+ * @prop {boolean} [hidden]
+ * @prop {Comment} [comment]
+ */
+/** @template T */
+export default class CompositionAdapter<T> {
+    /** @param {DomAdapterCreateOptions<T>} options */
+    constructor(options: DomAdapterCreateOptions<T>);
+    anchorNode: Comment;
+    /** @type {ItemMetadata[]} */
+    metadata: ItemMetadata[];
+    /**
+     * Ordered-list of metadata keys
+     * Chrome and FireFox optimize arrays for indexOf/includes
+     * Safari is faster with WeakMap.get(), but can't use Primitive keys
+     * TODO: Add Safari path
+     * @type {any[]}
+     */
+    keys: any[];
+    /**
+     * Chrome needs a hint to know we will need a fast path for array by keys.
+     */
+    needsArrayKeyFastPath: boolean;
+    /** @type {Composition<T>} */
+    composition: Composition<T>;
+    /** @type {RenderOptions<T>} */
+    renderOptions: RenderOptions<T>;
+    /** @type {Map<any, ItemMetadata>} */
+    metadataCache: Map<any, ItemMetadata>;
+    /** @type {Element[]} */
+    queuedElements: Element[];
+    /** @type {number|null} */
+    batchStartIndex: number | null;
+    /** @type {number|null} */
+    batchEndIndex: number | null;
+    /**
+     * @param {Partial<T>} changes
+     * @param {T} data
+     * @return {import('./Composition.js').RenderDraw<T>}
+     */
+    render(changes: Partial<T>, data: T): import("./Composition.js").RenderDraw<T>;
+    startBatch(): void;
+    writeBatch(): void;
+    stopBatch(): void;
+    /** @param {number} index */
+    removeByIndex(index: number): void;
+    /**
+     * Worst case scenario
+     * @param {number} newIndex expectedIndex
+     * @param {*} changes
+     * @param {*} data
+     * @param {*} key
+     * @param {*} change
+     * @param {boolean} [skipOnMatch]
+     * JSON Merge has no way to express sort change and data change. Best
+     * performance is done via invoking render on sort change and another on
+     * inner change. Can't skip if mixing change types.
+     */
+    renderData(newIndex: number, changes: any, data: any, key: any, change: any, skipOnMatch?: boolean): void;
+    needsArrayFastPath: boolean;
+    removeEntries(startIndex?: number): void;
+    /**
+     * @param {number} [index]
+     * @param {ItemMetadata} [metadata]
+     * @param {any} [key]
+     * @return {boolean} changed
+     */
+    hide(index?: number, metadata?: ItemMetadata, key?: any): boolean;
+    /**
+     * @param {number} [index]
+     * @param {ItemMetadata} [metadata]
+     * @param {any} [key]
+     * @return {boolean} changed
+     */
+    show(index?: number, metadata?: ItemMetadata, key?: any): boolean;
+}
+export type Composition<T> = import("./Composition.js").default<T>;
+export type RenderOptions<T> = import("./Composition.js").RenderOptions<T>;
+export type DomAdapterCreateOptions<T> = {
+    anchorNode: Comment;
+    create?: (...args: any[]) => HTMLElement;
+    composition: Composition<T>;
+    renderOptions: RenderOptions<T>;
+};
+export type ItemMetadata = {
+    element: Element;
+    key: any;
+    domNode: Element | Comment;
+    render: Function;
+    hidden?: boolean;
+    comment?: Comment;
+};
+//# sourceMappingURL=CompositionAdapter.d.ts.map

package/types/core/CompositionAdapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositionAdapter.d.ts","sourceRoot":"","sources":["../../core/CompositionAdapter.js"],"names":[],"mappings":"AAEA;;;GAGG;AAEH;;;GAGG;AAEH;;;;;;;GAOG;AAEH;;;;;;;;GAQG;AAEH,kBAAkB;AAClB,wCADc,CAAC;IAEb,kDAAkD;IAClD,qBADY,uBAAuB,CAAC,CAAC,CAAC,EAmCrC;IAjCC,oBAAoC;IAEpC,6BAA6B;IAC7B,UADW,YAAY,EAAE,CACP;IAClB;;;;;;OAMG;IACH,MAFU,GAAG,EAAE,CAED;IAEd;;OAEG;IACH,+BAAkC;IAElC,6BAA6B;IAC7B,aADW,WAAW,CAAC,CAAC,CAAC,CACa;IACtC,+BAA+B;IAC/B,eADW,aAAa,CAAC,CAAC,CAAC,CACe;IAE1C,qCAAqC;IACrC,eADW,GAAG,CAAC,GAAG,EAAE,YAAY,CAAC,CACR;IAEzB,wBAAwB;IACxB,gBADW,OAAO,EAAE,CACI;IAExB,0BAA0B;IAC1B,iBADW,MAAM,GAAC,IAAI,CACK;IAC3B,0BAA0B;IAC1B,eADW,MAAM,GAAC,IAAI,CACG;IAG3B;;;;OAIG;IACH,gBAJW,OAAO,CAAC,CAAC,CAAC,QACV,CAAC,GACA,OAAO,kBAAkB,EAAE,UAAU,CAAC,CAAC,CAAC,CAInD;IAED,mBAGC;IAED,mBAMC;IAED,kBAYC;IAED,4BAA4B;IAC5B,qBADY,MAAM,QAajB;IAED;;;;;;;;;;;OAWG;IACH,qBAVW,MAAM,WACN,GAAC,QACD,GAAC,OACD,GAAC,UACD,GAAC,gBACD,OAAO,QAuIjB;IAhGK,4BAA+B;IAkGrC,yCAOC;IAED;;;;;OAKG;IACH,aALW,MAAM,aACN,YAAY,QACZ,GAAG,GACF,OAAO,CAyBlB;IAED;;;;;OAKG;IACH,aALW,MAAM,aACN,YAAY,QACZ,GAAG,GACF,OAAO,CAqBlB;CACF;wBAxUY,CAAC,IACD,OAAO,kBAAkB,EAAE,OAAO,CAAC,CAAC,CAAC;0BAIrC,CAAC,IACD,OAAO,kBAAkB,EAAE,aAAa,CAAC,CAAC,CAAC;oCAI3C,CAAC;gBAEJ,OAAO;aACP,CAAC,GAAG,IAAI,EAAC,GAAG,EAAE,KAAK,WAAW;iBAC9B,WAAW,CAAC,CAAC,CAAC;mBACd,aAAa,CAAC,CAAC,CAAC;;;aAKhB,OAAO;SACP,GAAG;aACH,OAAO,GAAC,OAAO;;aAEf,OAAO;cACP,OAAO"}