medsurf-draw/dist/lib/config/design.d.ts

Draw annotations on jpg/zoomify images, based on PIXI.js

export declare const Design: {
    default: {
        numbers: {
            defaultValue: number;
            defaultMinValue: number;
            defaultMaxValue: number;
            defaultGab: number;
        };
    };
    blocked: {
        lineWidth: number;
        lineColor: number;
        lineAlpha: number;
        fillColor: number;
        fillAlpha: number;
    };
    selftest: {
        zIndex: number;
        scaleAspect: number;
        lineWidth: number;
        lineColor: number;
        lineColorSelect: number;
        lineColorUnselect: number;
        lineAlpha: number;
        fillColor: number;
        fillColorSelect: number;
        fillColorUnselect: number;
        fillAlpha: number;
        pad: number;
        selftestRadius: number;
        selftestRadiusSelected: number;
    };
    image: {
        tileSize: number;
        zIndex: number;
        minZoomFactor: number;
        maxZoomFactor: number;
        visibleImageXAspect: number;
        visibleImageYAspect: number;
    };
    deepZoomImage: {
        minPixelRatio: number;
        minZoomFactor: number;
        maxZoomFactor: number;
        tileMargin: number;
        initialLoadingLevel: number;
        loadDebounce: number;
    };
    imageNavigator: {
        zIndex: number;
        buttonSizeAspect: number;
        buttonTextAspect: number;
        lineWidth: number;
        lineColor: number;
        lineAlpha: number;
        fillColor: number;
        fillAlpha: number;
        zoomStep: number;
    };
    selftestElement: {
        zIndex: number;
        lineWidth: number;
        lineColor: number;
        lineAlpha: number;
        gab: number;
    };
    button: {
        zIndex: number;
        lineWidth: number;
        lineColor: number;
        lineAlpha: number;
        fillColor: number;
        fillAlpha: number;
    };
    menuButton: {
        zIndex: number;
        lineWidth: number;
        lineColor: number;
        lineAlpha: number;
        fillColor: number;
        fillAlpha: number;
    };
    colorButton: {
        zIndex: number;
        lineWidth: number;
        lineColor: number;
        lineAlpha: number;
    };
    indexedRoundButtonMask: {
        pad: number;
    };
    indexedRoundButton: {
        indexAspect: number;
    };
    roundButton: {
        zIndex: number;
        scaleAspect: number;
        lineWidth: number;
        minLineWidth: number;
        lineColor: number;
        lineAlpha: number;
        fillColor: number;
        fillAlpha: number;
        fontSize: number;
        minFontSize: number;
        fontColor: number;
    };
    roundButtonIndicatorElement: {
        scaleAspect: number;
        lineColor: number;
        lineAlpha: number;
        lineWidth: number;
        minLineWidth: number;
    };
    caretElement: {
        zIndex: number;
        lineWidth: number;
        fillColor: number;
        fillAlpha: number;
    };
    selectionElement: {
        zIndex: number;
        lineWidth: number;
        fillColor: number;
        fillAlpha: number;
    };
    scale: {
        zIndex: number;
        scaleAspect: number;
        cornerRadius: number;
        lineWidth: number;
        lineColorNormal: number;
        lineColorLockAspect: number;
        lineColorRelative: number;
        lineAlpha: number;
        fillColorNormal: number;
        fillColorLockAspect: number;
        fillColorRelative: number;
        fillAlpha: number;
    };
    rotate: {
        zIndex: number;
        scaleAspect: number;
        pad: number;
        cornerRadius: number;
        lineWidth: number;
        lineColor: number;
        lineAlpha: number;
        fillColor: number;
        fillAlpha: number;
        rotationDY: number;
    };
    rotateScale: {
        zIndex: number;
        scaleAspect: number;
        radiusDelta: number;
        rotationDY: number;
        lineWidth: number;
        lineLength: number;
        lineColor: number;
        lineAlpha: number;
        fillColor: number;
        fillAlpha: number;
        textDY: number;
        textFontSize: number;
        textColor: number;
        textResolution: number;
    };
    point: {
        zIndex: number;
        scaleAspect: number;
        radius: number;
        radiusSelected: number;
        lineWidth: number;
        lineColor: number;
        lineAlpha: number;
        fillColor: number;
        fillAlpha: number;
    };
    positionPoint: {
        zIndexDefault: number;
        scaleAspect: number;
        radiusAspect: number;
        buttonSizeAspect: number;
        buttonTextAspect: number;
        radius: number;
        radiusSelected: number;
        lineRectangleZIndex: number;
        lineRectangleWidth: number;
        lineRectangleHeight: number;
        lineWidth: number;
        lineColorNormal: number;
        lineColorNormalSelftest: number;
        lineColorHover: number;
        lineColorSelected: number;
        lineColorSelftest: number;
        lineColorGroup: number;
        lineAlpha: number;
        fillColorNormal: number;
        fillColorNormalSelftest: number;
        fillColorHover: number;
        fillColorSelected: number;
        fillColorSelftest: number;
        fillColorGroup: number;
        fillAlpha: number;
    };
    line: {
        zIndexDefault: number;
        radiusAspect: number;
        buttonSizeAspect: number;
        buttonTextAspect: number;
        interactWithLinesDefault: boolean;
        strokeWidthAspect: number;
        strokeWidthDefault: number;
        lineAlphaDefault: number;
        lineColorDefault: number;
        lineColorHover: number;
        lineColorSelected: number;
        lineColorSelftestSelected: number;
        lineColorSelftestUnselected: number;
        bezierLineWidth: number;
        bezierLineColor: number;
        bezierLineAlpha: number;
        bezierPointRadius: number;
        bezierPointColor: number;
        bezierPointAlpha: number;
        hitboxLineWidthAddition: number;
    };
    controlPoint: {
        lineWidth: number;
        lineColor: number;
        lineAlpha: number;
        pointRadius: number;
        pointColor: number;
        pointAlpha: number;
    };
    wedgePoint: {
        zIndex: number;
        scaleAspect: number;
        radius: number;
        lineWidth: number;
        lineColorNormal: number;
        lineColorHover: number;
        lineAlpha: number;
        fillColorNormal: number;
        fillColorHover: number;
        fillAlpha: number;
    };
    text: {
        minResolution: number;
        maxResolution: number;
    };
    primitive: {
        lineColorHover: number;
        fillColorHover: number;
    };
    arrowPrimitive: {
        zIndexDefault: number;
    };
    ellipsePrimitive: {
        zIndexDefault: number;
    };
    rectanglePrimitive: {
        zIndexDefault: number;
    };
    textPrimitive: {
        zIndexDefault: number;
    };
    backgroundRectangleElement: {
        zIndexDefault: number;
        radiusAspect: number;
        buttonSizeAspect: number;
        buttonTextAspect: number;
        padAspect: number;
        padDefault: number;
        angleDefault: number;
        strokeWidthAspect: number;
        strokeWidthDefault: number;
        hasLineDefault: boolean;
        lineAlphaDefault: number;
        lineColorDefault: number;
        lineColorHover: number;
        lineColorSelftest: number;
        lineColorSelftestSelected: number;
        lineColorSelftestUnselected: number;
        hasFillDefault: boolean;
        fillAlphaDefault: number;
        fillColorDefault: number;
        fillColorHover: number;
        fillColorSelftest: number;
        fillColorSelftestSelected: number;
        fillColorSelftestUnselected: number;
        fillColorGroup: number;
    };
    fillCollection: {
        zIndexDefault: number;
        radiusAspect: number;
        buttonSizeAspect: number;
        buttonTextAspect: number;
        trokeWidthAspect: number;
        strokeWidthDefault: number;
        fillAlphaDefault: number;
        fillAlphaInteractive: number;
        fillColorDefault: number;
        fillColorHover: number;
        fillColorSelected: number;
        fillColorInteractive: number;
        fillColorSelftestSelected: number;
        fillColorSelftestUnselected: number;
    };
    legendCollection: {
        zIndexDefault: number;
        radiusAspect: number;
        buttonSizeAspect: number;
        buttonTextAspect: number;
        fillColorDefault: number;
        fontSizeDefault: number;
        fontFamilyDefault: string;
        alignDefault: string;
        breakWordsDefault: boolean;
    };
    legendColumn: {
        zIndex: number;
    };
    legendRow: {
        enumerationPadding: number;
        fillColorHover: number;
    };
    selectElement: {
        zIndex: number;
        scaleAspect: number;
        radiusAspect: number;
        groupPadAspect: number;
        buttonSizeAspect: number;
        buttonTextAspect: number;
        groupPad: number;
        lineWidth: number;
        lineColor: number;
        lineAlpha: number;
        fillColor: number;
        fillAlpha: number;
    };
    selectImageObjectElement: {
        zIndex: number;
        scaleAspect: number;
        pad: number;
        displayObjectDepth: number;
        buttonWidth: number;
        fontSize: number;
    };
    menu: {
        zIndex: number;
        radius: number;
        fontSize: number;
        minFontSize: number;
        anglePositions: number[];
    };
    subMenu: {
        zIndex: number;
        buttonRadius: number;
        fontSize: number;
        descriptionFontSize: number;
        fontColor: number;
        buttonGab: number;
    };
    subMenuItems: {
        zIndex: number;
        buttonRadius: number;
        fontSize: number;
        fontColor: number;
        buttonGab: number;
    };
    colorElement: {
        zIndex: number;
        buttonWidth: number;
        fontSize: number;
    };
    colorSliderElement: {
        zIndex: number;
        qualityWidth: number;
        qualityHeight: number;
        squareWidthAspect: number;
        borderLineWidth: number;
        borderLineColor: number;
        borderLineAlpha: number;
        sliderWidth: number;
        fillColor: number;
        fillAlpha: number;
    };
    colorSquareElement: {
        zIndex: number;
        scale: number;
        qualityWidth: number;
        qualityHeight: number;
        squareWidthAspect: number;
        squareHeightAspect: number;
        borderLineWidth: number;
        borderLineColor: number;
        borderLineAlpha: number;
        lineWidth: number;
        lineColor: number;
        lineAlpha: number;
        fillColor: number;
        fillAlpha: number;
        circleRadius: number;
    };
    alphaSliderElement: {
        zIndex: number;
        qualityWidth: number;
        qualityHeight: number;
        squareWidthAspect: number;
        borderLineWidth: number;
        borderLineColor: number;
        borderLineAlpha: number;
        sliderWidth: number;
        fillColor: number;
        fillAlpha: number;
    };
    colorPaletteElement: {
        zIndex: number;
        buttonWidth: number;
        maxStoredValues: number;
        buttonCap: number;
        presetColors: number[];
    };
    numberElement: {
        zIndex: number;
        buttonWidth: number;
        lineWidth: number;
        lineColor: number;
        lineAlpha: number;
        fillColor: number;
        fillAlpha: number;
        textFontSize: number;
        textFillColor: number;
        fontFamilyDefault: string;
        alignDefault: string;
        wordWrapDefault: boolean;
    };
    numberSliderElement: {
        zIndex: number;
        maxVisibleSnapPoints: number;
        squareWidthAspect: number;
        borderLineWidth: number;
        borderLineColor: number;
        borderLineAlpha: number;
        sliderWidth: number;
        fillColor: number;
        fillAlpha: number;
    };
    virtualPointerElement: {
        zIndex: number;
        strokeWidth: number;
        lineWidth: number;
        lineColor: number;
        lineAlpha: number;
        fillColor: number;
        fillAlpha: number;
        zoomStep: number;
    };
};