/*!
 * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
 */
// eslint-disable-next-line @typescript-eslint/no-unused-vars
import { h } from "@stencil/core";
export const RelativeAnchor = ({ id, transform, rotation, name, point, onPointerDown }, children) => {
    return (h("div", { id: id, class: "bounds-anchor-position", style: {
            top: `${point.y}px`,
            left: `${point.x}px`,
        }, onTouchStart: (event) => event.preventDefault(), onPointerDown: onPointerDown }, h("div", { style: { transform } }, h("div", { class: "bounds-anchor", style: {
            transform: `rotateZ(${rotation !== null && rotation !== void 0 ? rotation : 0}deg)`,
        } }, h("slot", { name: name }, children)))));
};
export const SvgShadow = ({ id, scale, }) => {
    // Scale default values for a `<filter>` element by the provided scale.
    // This prevents the filter area from being too small when scale is greater than 1,
    // and uses the default values for a scale less than 1 to prevent the same issue.
    // See https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/filter
    // for more details on the default values used here.
    const effectiveScale = scale !== null && scale !== void 0 ? scale : 1;
    const xOffset = Math.max(10, 10 * effectiveScale);
    const yOffset = Math.max(10, 10 * effectiveScale);
    const width = Math.max(120, 110 * effectiveScale + xOffset);
    const height = Math.max(120, 110 * effectiveScale + yOffset);
    return (h("filter", { id: id, filterUnits: "userSpaceOnUse", x: `${-xOffset}%`, y: `${-yOffset}%`, width: `${width}%`, height: `${height}%` }, h("feGaussianBlur", { in: "SourceAlpha", stdDeviation: "2" }), h("feOffset", { dx: "0", dy: "1", result: "offsetblur" }), h("feFlood", { "flood-color": "#000000", "flood-opacity": "0.25" }), h("feComposite", { in2: "offsetblur", operator: "in" }), h("feMerge", null, h("feMergeNode", null), h("feMergeNode", { in: "SourceGraphic" }))));
};
//# sourceMappingURL=viewer-markup-components.js.map
