12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
import Declaration from "../declaration.js";import {  getGridGap,  inheritGridGap,  parseTemplate,  warnGridGap,  warnMissedAreas,} from "./grid-utils.js";
class GridTemplate extends Declaration {  /**   * Translate grid-template to separate -ms- prefixed properties   */  insert(decl, prefix, prefixes, result) {    if (prefix !== "-ms-") return super.insert(decl, prefix, prefixes);
    if (decl.parent.some((i) => i.prop === "-ms-grid-rows")) {      return undefined;    }
    let gap = getGridGap(decl);
    /**     * we must insert inherited gap values in some cases:     * if we are inside media query && if we have no grid-gap value     */    let inheritedGap = inheritGridGap(decl, gap);
    let { rows, columns, areas } = parseTemplate({      decl,      gap: inheritedGap || gap,    });
    let hasAreas = Object.keys(areas).length > 0;    let hasRows = Boolean(rows);    let hasColumns = Boolean(columns);
    warnGridGap({      gap,      hasColumns,      decl,      result,    });
    warnMissedAreas(areas, decl, result);
    if ((hasRows && hasColumns) || hasAreas) {      decl.cloneBefore({        prop: "-ms-grid-rows",        value: rows,        raws: {},      });    }
    if (hasColumns) {      decl.cloneBefore({        prop: "-ms-grid-columns",        value: columns,        raws: {},      });    }
    return decl;  }}
GridTemplate.names = ["grid-template"];
export default GridTemplate;