import { MarginExtension } from './MarginExtension.js';
import { css } from "@node-projects/base-custom-webcomponent";
import { NodeType } from '../../../item/NodeType.js';
import { svgAsString } from '../../../helper/SvgHelper.js';
export class MarginExtensionProvider {
    shouldExtend(extensionManager, designerView, designItem) {
        if (designItem.nodeType == NodeType.Element)
            return true;
        return false;
    }
    getExtension(extensionManager, designerView, designItem) {
        return new MarginExtension(extensionManager, designerView, designItem);
    }
    style = css `
    .svg-margin-fill { fill: color(display-p3 1 0 1 / 15%); fill-rule: evenodd; }
    .svg-margin { fill: color(display-p3 1 0 1 / 80%); fill-rule: evenodd; mask: url(#mask-stripe-margin); }
  `;
    static svgDefs = svgAsString `
    <pattern id="pattern-stripe-margin" patternUnits="userSpaceOnUse" width="10" height="10" patternTransform="rotate(45)" class="pattern">
      <line x1="0" y="0" x2="0" y2="10" stroke="color(display-p3 1 0 1 / 80%)" stroke-width="1"></line>
    </pattern>
    <mask id="mask-stripe-margin">
      <rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-stripe-margin)" />
    </mask>
  `;
}
//# sourceMappingURL=MarginExtensionProvider.js.map