import { EditGridColumnRowSizesExtension } from './EditGridColumnRowSizesExtension.js';
import { css } from "@node-projects/base-custom-webcomponent";
import { gridExtensionShowOverlayOptionName } from './DisplayGridExtensionProvider.js';
export class EditGridColumnRowSizesExtensionProvider {
    shouldExtend(extensionManager, designerCanvas, designItem) {
        const display = getComputedStyle(designItem.element).display;
        if (display == 'grid' || display == 'inline-grid')
            return designerCanvas.instanceServiceContainer.designContext.extensionOptions[gridExtensionShowOverlayOptionName] !== false;
        return false;
    }
    getExtension(extensionManager, designerCanvas, designItem) {
        return new EditGridColumnRowSizesExtension(extensionManager, designerCanvas, designItem);
    }
    static style = css `
    .svg-grid-resizer-v { fill: transparent; cursor: ew-resize; pointer-events: auto; }
    .svg-grid-resizer-v:hover { fill: #ff7f5052; }
    .svg-grid-resizer-h { fill: transparent; cursor: ns-resize; pointer-events: auto; }
    .svg-grid-resizer-h:hover { fill: #ff7f5052; }
  `;
}
//# sourceMappingURL=EditGridColumnRowSizesExtensionProvider.js.map