import { css } from "@node-projects/base-custom-webcomponent";
import { NodeType } from '../../../item/NodeType.js';
import { PaddingExtension } from './PaddingExtension.js';
import { svgAsString } from '../../../helper/SvgHelper.js';
export class PaddingExtensionProvider {
    shouldExtend(extensionManager, designerView, designItem) {
        if (designItem.nodeType == NodeType.Element)
            return true;
        return false;
    }
    getExtension(extensionManager, designerView, designItem) {
        return new PaddingExtension(extensionManager, designerView, designItem);
    }
    static style = css `
    .svg-padding { fill: #32cd3266; fill-rule: evenodd; }
  `;
    style = css `
    .svg-padding-fill { fill: #32cd3266; fill-rule: evenodd; }
    .svg-padding { fill: #32cd32FF; fill-rule: evenodd; mask: url(#mask-stripe-padding); }
  `;
    static svgDefs = svgAsString `
    <pattern id="pattern-stripe-padding" 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-padding">
      <rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-stripe-padding)" />
    </mask>
  `;
}
//# sourceMappingURL=PaddingExtensionProvider.js.map