lightning-base-components 1.27.5-alpha → 1.28.3-alpha

package/src/lightning/datatable/types.js

@@ -4,7 +4,6 @@
  * For full license text, see the LICENSE.txt file
  */
 import { assert } from 'lightning/utilsPrivate';
-
 const STANDARD_TYPE_NAME_ENTRIES = [
     ['text', ['linkify']],
     ['boolean', []],
@@ -102,7 +101,6 @@ const STANDARD_TYPE_NAME_ENTRIES = [
         ],
     ],
 ];
-
 const STANDARD_TYPE_VALUE_ENTRIES = Array(STANDARD_TYPE_NAME_ENTRIES.length);
 for (let i = 0, { length } = STANDARD_TYPE_NAME_ENTRIES; i < length; i += 1) {
     const { 0: typeName, 1: typeAttributes } = STANDARD_TYPE_NAME_ENTRIES[i];
@@ -114,11 +112,8 @@ for (let i = 0, { length } = STANDARD_TYPE_NAME_ENTRIES; i < length; i += 1) {
         },
     ];
 }
-
 const STANDARD_TYPE_NAMES = new Map(STANDARD_TYPE_NAME_ENTRIES);
-
 const STANDARD_TYPE_VALUES = new Map(STANDARD_TYPE_VALUE_ENTRIES);
-
 const TREE_SUPPORTED_TYPES = new Set([
     'text',
     'url',
@@ -130,7 +125,6 @@ const TREE_SUPPORTED_TYPES = new Set([
     'button-icon',
     'reference',
 ]);
-
 const EDITABLE_STANDARD_TYPES = new Set([
     'text',
     'percent',
@@ -143,25 +137,15 @@ const EDITABLE_STANDARD_TYPES = new Set([
     'date-local',
     'date',
 ]);
-
-/**
- * A class for handling valid datatable types.
- */
 export default class DatatableTypes {
     privateCustomTypes = new Map();
-
     constructor(types) {
         if (typeof types === 'object' && types !== null) {
             const { privateCustomTypes } = this;
             const keys = Object.keys(types);
             for (let i = 0, { length } = keys; i < length; i += 1) {
                 const key = keys[i];
-                const {
-                    template,
-                    editTemplate,
-                    typeAttributes = [],
-                    standardCellLayout = false,
-                } = types[key];
+                const { template, editTemplate, typeAttributes = [], standardCellLayout = false, } = types[key];
                 privateCustomTypes.set(key, {
                     template,
                     editTemplate,
@@ -172,73 +156,28 @@ export default class DatatableTypes {
             }
         }
     }
-
-    /**
-     * Retrieves the attributes for a given type. Additionally, verifies
-     * the supplied type is valid.
-     *
-     * @param {String} typeName The type to get the attributes for
-     * @returns {Array} An array of attributes for the supplied type
-     */
     getAttributesNames(typeName) {
-        assert(
-            this.isValidType(typeName),
-            `You are trying to access an invalid type (${typeName})`
-        );
+        assert(this.isValidType(typeName), `You are trying to access an invalid type (${typeName})`);
         if (!this.isCustomType(typeName)) {
             return STANDARD_TYPE_NAMES.get(typeName) || [];
         }
         const typeData = this.privateCustomTypes.get(typeName);
         return typeData.typeAttributes || [];
     }
-
-    /**
-     * Retrieves a type. If the specified type is not a custom type,
-     * lookup the type in our standard types. Otherwise, return undefined.
-     *
-     * @param {String} typeName The type to retrieve
-     * @returns {Object | Undefined} The type metadata
-     */
     getType(typeName) {
         const { privateCustomTypes } = this;
-        // Check that privateCustomTypes.get is Map.get to prevent security
-        // issue if overridden by bad actor (eg, window.cookieStore)
-        const customType =
-            privateCustomTypes.get === Map.prototype.get &&
+        const customType = privateCustomTypes.get === Map.prototype.get &&
             privateCustomTypes.get(typeName);
         return customType || STANDARD_TYPE_VALUES.get(typeName);
     }
-
-    /**
-     * Retrieves a custom type's edit template if it exists.
-     *
-     * @param {String} typeName The custom type to retrieve
-     * @returns {Object | Undefined} The custom type's edit template
-     */
     getCustomTypeEditTemplate(typeName) {
         const privateType = this.privateCustomTypes.get(typeName);
         return privateType ? privateType.editTemplate : undefined;
     }
-
-    /**
-     * Determines if a type is a valid custom or standard type.
-     *
-     * @param {String} typeName The type to validate
-     * @returns {Boolean} Whether the type is valid
-     */
     isValidType(typeName) {
-        return (
-            this.privateCustomTypes.has(typeName) ||
-            STANDARD_TYPE_NAMES.has(typeName)
-        );
+        return (this.privateCustomTypes.has(typeName) ||
+            STANDARD_TYPE_NAMES.has(typeName));
     }
-
-    /**
-     * Determines if a given type is editable.
-     *
-     * @param {String} typeName The type to test
-     * @returns {Boolean} Whether the type is editable
-     */
     isEditableType(typeName) {
         if (EDITABLE_STANDARD_TYPES.has(typeName)) {
             return true;
@@ -246,38 +185,15 @@ export default class DatatableTypes {
         const privateType = this.privateCustomTypes.get(typeName);
         return privateType ? privateType.standardCellLayout : false;
     }
-
-    /**
-     * Determines if a given type is a non-standard type.
-     *
-     * @param {String} typeName The type to test
-     * @returns {Boolean} Whether the type is a non-standard type
-     */
     isCustomType(typeName) {
         return this.privateCustomTypes.has(typeName);
     }
-
-    /**
-     * Determines whether or not a given custom type is using a standard cell layout.
-     *
-     * @param {String} typeName The custom type to test
-     * @returns {Boolean} Whether the custom type is using a standard cell layout
-     */
     isStandardCellLayoutForCustomType(typeName) {
         const privateType = this.privateCustomTypes.get(typeName);
         return privateType ? privateType.standardCellLayout : false;
     }
-
-    /**
-     * Determines if a supplied type is valid for a tree type datatable.
-     *
-     * @param {String} typeName The type to validate
-     * @returns {Boolean} Whether the supplied type is valid for a tree
-     */
     isValidTypeForTree(typeName) {
-        return (
-            TREE_SUPPORTED_TYPES.has(typeName) ||
-            this.isStandardCellLayoutForCustomType(typeName)
-        );
+        return (TREE_SUPPORTED_TYPES.has(typeName) ||
+            this.isStandardCellLayoutForCustomType(typeName));
     }
 }

package/src/lightning/datatable/utils.d.ts

@@ -0,0 +1,33 @@
+import { RowData, DatatableState } from './types';
+type ClassSet = Record<string, boolean> & {
+    add(className: string | Record<string, boolean>): ClassSet;
+    invert(): ClassSet;
+    toString(): string;
+};
+export declare function escapeDoubleQuotes(value: unknown): unknown;
+export declare const isObjectLike: (value: unknown) => boolean;
+export declare function classSet(config: string | Record<string, boolean>): ClassSet;
+export declare function clamp(num: number, min: number, max: number): number;
+export declare function getColDataSelector(colKeyValue: string): string;
+export declare function getRowDataSelector(rowKeyValue: string): string;
+export declare function getGridContainerFromScrollerY(scrollerY: HTMLElement | null): HTMLElement | null;
+export declare function getScrollerX(template: ShadowRoot, refs?: Record<string, Element>): HTMLElement | null;
+export declare function getScrollerY(template: ShadowRoot, refs?: Record<string, Element>): HTMLElement | null;
+export declare function isPositiveInteger(value: string | number): boolean;
+export declare function isNonNegativeInteger(value: string | number): boolean;
+export declare function isRenderModeInline(renderMode: string): boolean;
+export declare function isRenderModeRoleBased(renderMode: string): boolean;
+export declare function normalizeNumberAttribute(attrName: string, value: string | number, numberType: 'positive' | 'non-negative', fallback: number): number;
+export declare function getScrollOffsetFromTableEnd(el: HTMLElement): number;
+export declare function cleanData(value: RowData[]): RowData[];
+export declare function isLoadMore(prevData: RowData[], newData: RowData[]): boolean;
+export declare function setHighlightedRowClasses(state: any, rowKeyValue: any): void;
+type HoverHighlightState = {
+    hasHighlightStyling: boolean;
+    focusedRowKeyValue?: string;
+    hoveredRowKeyValue?: string;
+};
+export declare function unsetHighlightedRowClasses(state: DatatableState & HoverHighlightState, rowKeyValue: string, isHoverEvent?: boolean): void;
+export declare function resetHighlightedRowClasses(state: any, rowKeyValue: any): void;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/src/lightning/datatable/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/datatable/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAElD,KAAK,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IACtC,GAAG,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC;IAC3D,MAAM,IAAI,QAAQ,CAAC;IACnB,QAAQ,IAAI,MAAM,CAAC;CACtB,CAAC;AAiCF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAK1D;AAQD,eAAO,MAAM,YAAY,UAAoB,OAAO,KAAG,OAEtD,CAAC;AASF,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,QAAQ,CAO3E;AAUD,wBAAgB,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAEnE;AAED,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAG9D;AAED,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAG9D;AAQD,wBAAgB,6BAA6B,CACzC,SAAS,EAAE,WAAW,GAAG,IAAI,GAC9B,WAAW,GAAG,IAAI,CAMpB;AASD,wBAAgB,YAAY,CACxB,QAAQ,EAAE,UAAU,EACpB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC/B,WAAW,GAAG,IAAI,CAGpB;AASD,wBAAgB,YAAY,CACxB,QAAQ,EAAE,UAAU,EACpB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC/B,WAAW,GAAG,IAAI,CAGpB;AAQD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAEjE;AAQD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAEpE;AAQD,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAE9D;AAQD,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAEjE;AAeD,wBAAgB,wBAAwB,CACpC,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,GAAG,MAAM,EACtB,UAAU,EAAE,UAAU,GAAG,cAAc,EACvC,QAAQ,EAAE,MAAM,GACjB,MAAM,CAqBR;AAWD,wBAAgB,2BAA2B,CAAC,EAAE,EAAE,WAAW,GAAG,MAAM,CAMnE;AAUD,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,OAAO,EAAE,CAErD;AAWD,wBAAgB,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,OAAO,CAc3E;AAOD,wBAAgB,wBAAwB,CAAC,KAAK,KAAA,EAAE,WAAW,KAAA,QAW1D;AAOD,KAAK,mBAAmB,GAAG;IACvB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,wBAAgB,0BAA0B,CACtC,KAAK,EAAE,cAAc,GAAG,mBAAmB,EAC3C,WAAW,EAAE,MAAM,EACnB,YAAY,CAAC,EAAE,OAAO,QAqBzB;AAQD,wBAAgB,0BAA0B,CAAC,KAAK,KAAA,EAAE,WAAW,KAAA,QAgB5D"}

package/src/lightning/datatable/utils.js

@@ -6,12 +6,12 @@
 import { getRowByKey } from './indexes';
 import { classSetToString } from 'lightning/utilsPrivate';
 import { features } from 'lightning/features';
-
 const CLASS_SET_PROTOTYPE = {
     add(className) {
         if (typeof className === 'string') {
             this[className] = true;
-        } else {
+        }
+        else {
             Object.assign(this, className);
         }
         return this;
@@ -28,72 +28,33 @@ const CLASS_SET_PROTOTYPE = {
         return classSetToString(this);
     },
 };
-
 const NON_NEGATIVE_INTEGER_REGEXP = /^\d+$/;
 const POSITIVE_INTEGER_REGEXP = /^[0-9]*[1-9][0-9]*$/;
 const RENDER_MODE_INLINE_REGEXP = /\binline\b/;
 const RENDER_MODE_ROLE_BASED_REGEXP = /\brole-based\b/;
-
-/**
- * Escapes double quotes. Later can be
- * extended in future for any other use case.
- */
 export function escapeDoubleQuotes(value) {
     if (typeof value == 'string') {
         return value.replace(/"/g, '\\"');
     }
     return value;
 }
-
-/**
- * Determines if a given value is object-like.
- *
- * @param {*} value Any value to check for object-like status
- * @returns {Boolean} Whether the value is object-like
- */
 export const isObjectLike = function (value) {
     return typeof value === 'object' && value !== null;
 };
-
-/**
- * Creates an object of CSS class names based on a given config.
- * Then, attaches an interface for managing the classes.
- *
- * @param {String | Object} config The initial class configuration
- * @returns An interface, as defined in the `proto` method.
- */
 export function classSet(config) {
-    return typeof config === 'string'
+    return (typeof config === 'string'
         ? { __proto__: CLASS_SET_PROTOTYPE, [config]: true }
-        : Object.assign({ __proto__: CLASS_SET_PROTOTYPE }, config);
+        : Object.assign({ __proto__: CLASS_SET_PROTOTYPE }, config));
 }
-
-/**
- * Clamps a value between a minimum and maximum value
- *
- * @param {Number} num The input number
- * @param {Number} min The minimum value the number can be
- * @param {Number} max The maximum value the number can be
- * @returns The clamped number
- */
 export function clamp(num, min, max) {
     return num <= min ? min : num >= max ? max : num;
 }
-
 export function getColDataSelector(colKeyValue) {
     return `[data-col-key-value="${escapeDoubleQuotes(colKeyValue)}"]`;
 }
-
 export function getRowDataSelector(rowKeyValue) {
     return `[data-row-key-value="${escapeDoubleQuotes(rowKeyValue)}"]`;
 }
-
-/**
- * Gets the grid container element from the scrollerY element.
- *
- * @param {Node} scrollerY The scrollerY element
- * @returns {Node} The grid container element
- */
 export function getGridContainerFromScrollerY(scrollerY) {
     if (!scrollerY) {
         return null;
@@ -101,171 +62,69 @@ export function getGridContainerFromScrollerY(scrollerY) {
     const { firstElementChild: gridContainer } = scrollerY;
     return gridContainer;
 }
-
-/**
- * Gets the scrollerX element from the template.
- *
- * @param {Node} template The datatable template
- * @param {Object} refs The datatable refs
- * @returns {Node} The scrollerX element
- */
 export function getScrollerX(template, refs) {
-    return (
-        (refs && refs.scrollerX) || template.querySelector('.slds-scrollable_x')
-    );
+    return ((refs && refs.scrollerX) ||
+        template.querySelector('.slds-scrollable_x'));
 }
-
-/**
- * Gets the scrollerY element from the template.
- *
- * @param {Node} template The datatable template
- * @param {Object} refs The datatable refs
- * @returns {Node} The scrollerY element
- */
 export function getScrollerY(template, refs) {
-    return (
-        (refs && refs.scrollerY) || template.querySelector('.slds-scrollable_y')
-    );
+    return ((refs && refs.scrollerY) ||
+        template.querySelector('.slds-scrollable_y'));
 }
-
-/**
- * Tests if value represents an integer greater than 0.
- *
- * @param {Integer} value Value to test
- * @returns {Boolean} Whether the value is greater than 0
- */
 export function isPositiveInteger(value) {
     return POSITIVE_INTEGER_REGEXP.test(value);
 }
-
-/**
- * Tests if value represents 0 or an integer greater than 0.
- *
- * @param {Integer} value Value to test
- * @returns {Boolean} Whether the value is greater than or equal to 0
- */
 export function isNonNegativeInteger(value) {
     return NON_NEGATIVE_INTEGER_REGEXP.test(value);
 }
-
-/**
- * Tests if render mode is inline.
- *
- * @param {String} renderMode The render mode to test
- * @returns {Boolean} Whether the render mode is inline
- */
 export function isRenderModeInline(renderMode) {
     return RENDER_MODE_INLINE_REGEXP.test(renderMode);
 }
-
-/**
- * Tests if render mode is role-based.
- *
- * @param {String} renderMode The render mode to test
- * @returns {Boolean} Whether the render mode is role-based
- */
 export function isRenderModeRoleBased(renderMode) {
     return RENDER_MODE_ROLE_BASED_REGEXP.test(renderMode);
 }
-
-/**
- * Accepts a value which may be an Integer or String and tests that value
- * with respect to the numberType:
- *     a. numberType - positive: if value > 0
- *     b. numberType - non-negative: if value >= 0
- * If the value fails the test, the fallback value is returned
- *
- * @param {String} attrName Name of attribute to normalize
- * @param {Integer | String} value Value to normalize
- * @param {String} numberType Number type to validate against: positive / non-negative
- * @param {Integer} fallback Value to return if validation fails
- * @returns {Integer} Returns normalized value if validation passes; else returns fallback
- */
-export function normalizeNumberAttribute(
-    attrName,
-    value,
-    numberType,
-    fallback
-) {
+export function normalizeNumberAttribute(attrName, value, numberType, fallback) {
     let warningMessage;
     if (numberType === 'positive') {
         if (isPositiveInteger(value)) {
             return Number.parseInt(value, 10);
         }
-
         warningMessage = `The attribute "${attrName}" value passed in is incorrect. "${attrName}" value should be an integer > 0.`;
-    } else if (numberType === 'non-negative') {
+    }
+    else if (numberType === 'non-negative') {
         if (isNonNegativeInteger(value)) {
             return Number.parseInt(value, 10);
         }
-
         warningMessage = `The attribute "${attrName}" value passed in is incorrect. "${attrName}" value should be an integer >= 0.`;
-    } else {
+    }
+    else {
         warningMessage =
             'Invalid number type during normalization of number attribute';
     }
-    // eslint-disable-next-line no-console
     console.warn(warningMessage);
     return fallback;
 }
-
-/**
- * Utility for calculating the scroll offset.
- *
- * TODO: move into scroller-specific utility when more scroll-related functionality
- * needs to be shared between libraries.
- *
- * @param {HTMLElement} el Target element of the scroll
- * @returns {Number} The scroll offset from the table's end
- */
 export function getScrollOffsetFromTableEnd(el) {
-    return (
-        el.scrollHeight - el.parentNode.scrollTop - el.parentNode.clientHeight
-    );
+    return (el.scrollHeight -
+        el.parentNode.scrollTop -
+        el.parentNode.clientHeight);
 }
-
-/**
- * Utility to clean data before interacting with it
- * Check value is array and has data (W-15835670)
- *
- * @param {Array} value - previous datatable data
- * @returns {Array} if value parameter doesn't meet
- *   minimum expectations, returns empty array
- */
 export function cleanData(value) {
     return Array.isArray(value) ? value : [];
 }
-
-/**
- * Utility to check if new data just added
- * extra rows to old data by comparing for match
- * data in the first index of each data array
- *
- * @param {Array} prevData - previous datatable data
- * @param {Array} newData - current datatable data
- * @returns {Boolean} true if new data is extension of old data
- */
 export function isLoadMore(prevData, newData) {
-    // clean first in order to guarantee working with an array
     const cleanPrevData = cleanData(prevData);
     const cleanNewData = cleanData(newData);
-
     try {
         return cleanPrevData.length && cleanNewData.length
             ? JSON.stringify(cleanPrevData[0]) ===
-                  JSON.stringify(cleanNewData[0])
+                JSON.stringify(cleanNewData[0])
             : false;
-    } catch (e) {
-        console.warn(`Invalid data attribute, could not stringify`); // eslint-disable-line no-console
+    }
+    catch (e) {
+        console.warn(`Invalid data attribute, could not stringify`);
         return false;
     }
 }
-
-/*
- * Sets the computedClass for cells in a given row to use the highlightClass
- * @param {Object} state - The state object
- * @param {String} rowKeyValue - The key value of the row
- */
 export function setHighlightedRowClasses(state, rowKeyValue) {
     if (!features.enableDatatableHoverStyling || !state.hasHighlightStyling) {
         return;
@@ -277,18 +136,10 @@ export function setHighlightedRowClasses(state, rowKeyValue) {
         cell.computedClass = `${cell.highlightClass || cell.class} ${cell.defaultClass}`;
     }
 }
-
-/*
- * Removes the highlightClass from the cells in a given row if the row is not focused or hovered
- * @param {Object} state - The state object
- * @param {String} rowKeyValue - The key value of the row
- */
 export function unsetHighlightedRowClasses(state, rowKeyValue, isHoverEvent) {
-    if (
-        !features.enableDatatableHoverStyling ||
+    if (!features.enableDatatableHoverStyling ||
         !state.hasHighlightStyling ||
-        !rowKeyValue
-    ) {
+        !rowKeyValue) {
         return;
     }
     const otherRowKeyValue = isHoverEvent
@@ -303,13 +154,6 @@ export function unsetHighlightedRowClasses(state, rowKeyValue, isHoverEvent) {
         }
     }
 }
-
-/**
- * Removes the highlightClass from the previously focused row if needed
- * and sets the highlightClass and state for the newly focused row
- * @param {Object} state - The state object
- * @param {String} rowKeyValue - The key value of the row
- */
 export function resetHighlightedRowClasses(state, rowKeyValue) {
     if (!features.enableDatatableHoverStyling || !state.hasHighlightStyling) {
         return;
@@ -323,7 +167,5 @@ export function resetHighlightedRowClasses(state, rowKeyValue) {
             setHighlightedRowClasses(state, rowKeyValue);
         }
     }
-    // Convert rowKeyValue to string since it will get converted to a string
-    // when set as a data-attribute on the row element and we need to compare
     state.focusedRowKeyValue = rowKeyValue.toString();
 }

package/src/lightning/datatable/virtualization.d.ts

@@ -0,0 +1,6 @@
+import { DatatableState, Row, RowData } from './types';
+export declare function addTableHeight(state: DatatableState, prevData: RowData[], newData: RowData[]): void;
+export declare function resetRowHeights(state: DatatableState): void;
+export declare function handleVariableRowHeights(template: ShadowRoot, state: DatatableState, renderedRows: Row[], refs: Record<string, Element>): void;
+export declare function findFirstVisibleIndex(state: DatatableState, scrollTop: number): number;
+//# sourceMappingURL=virtualization.d.ts.map

package/src/lightning/datatable/virtualization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtualization.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/datatable/virtualization.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAQvD,wBAAgB,cAAc,CAC1B,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,OAAO,EAAE,EACnB,OAAO,EAAE,OAAO,EAAE,GACnB,IAAI,CAGN;AAQD,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAuB3D;AAWD,wBAAgB,wBAAwB,CACpC,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,cAAc,EACrB,YAAY,EAAE,GAAG,EAAE,EACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC9B,IAAI,CA6CN;AAOD,wBAAgB,qBAAqB,CACjC,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,MAAM,GAClB,MAAM,CAwCR"}