@refinitiv-ui/elements 5.2.1 → 5.3.1-next.10

package/lib/swing-gauge/helpers/canvas.js

@@ -1,115 +0,0 @@
-let ctx;
-let data;
-let params;
-let fillPercentage = 0.5;
-const clear = (canvasSize, drawCtx) => {
-    drawCtx.clearRect(0, 0, canvasSize.width, canvasSize.height);
-};
-// Helper to get arc x and y points
-const getCoordinate = (radians) => {
-    return {
-        x: Math.round(data.w / 2 + Math.cos(radians) * (data.size * 0.7)),
-        y: Math.round(data.h + Math.sin(radians) * (data.size * 0.7))
-    };
-};
-const drawSegment = (start, end, color) => {
-    ctx.strokeStyle = color;
-    ctx.lineWidth = data.size * 0.6 - params.ctxOptions.strokeWidth;
-    ctx.beginPath();
-    ctx.arc(data.w / 2, data.h, data.size * 0.7, Math.PI + start * Math.PI, Math.PI + end * Math.PI);
-    ctx.stroke();
-};
-// Helper to print centered text
-const drawAndCenterText = (text, x, y) => {
-    ctx.save();
-    ctx.textAlign = 'center';
-    ctx.fillText(text, x, y);
-    ctx.restore();
-};
-const draw = (drawData, drawCtx, canvasSize, drawParams) => {
-    ctx = drawCtx;
-    data = drawData;
-    params = drawParams;
-    fillPercentage = data.fillPercentage;
-    // Draw segments
-    drawSegment(0, 1, params.ctxOptions.primaryColor);
-    drawSegment(fillPercentage > 1 ? 1 : fillPercentage, 1, params.ctxOptions.secondaryColor);
-    // Draw text
-    ctx.save();
-    ctx.fillStyle = params.ctxOptions.fillStyle;
-    // Get the center positions of each arc
-    const leftPos = getCoordinate((1 + fillPercentage / 2) * Math.PI);
-    const rightPos = getCoordinate((1 + fillPercentage + (1 - fillPercentage) / 2) * Math.PI);
-    // Has text
-    if (!!data.primaryLabel && !!data.secondaryLabel) {
-        // Calculate responsive font size
-        ctx.font = `${params.ctxOptions.fontSize}px${params.ctxOptions.fontFamily}`;
-        let fontSize1 = ctx.measureText(data.primaryLabel).width;
-        const fontSize2 = ctx.measureText(data.secondaryLabel).width;
-        fontSize1 = fontSize1 > fontSize2 ? fontSize1 : fontSize2;
-        params.ctxOptions.fontSize *= (data.size * 0.6 * 0.8 / fontSize1);
-        params.ctxOptions.fontSize = Math.round(params.ctxOptions.fontSize > params.ctxOptions.maxFontSize ? params.ctxOptions.maxFontSize : params.ctxOptions.fontSize);
-        ctx.font = `${params.ctxOptions.fontSize}px${params.ctxOptions.fontFamily}`;
-        ctx.textBaseline = 'top';
-        // Write the labels
-        drawAndCenterText(data.primaryLabel, leftPos.x, leftPos.y - params.ctxOptions.fontSize);
-        drawAndCenterText(data.secondaryLabel, rightPos.x, rightPos.y - params.ctxOptions.fontSize);
-    }
-    else {
-        ctx.textBaseline = 'middle';
-    }
-    // Calculate the responsive font size for values
-    ctx.font = `${Math.round(Math.round(data.size * 0.12))}px${params.ctxOptions.fontFamily}`;
-    // Write that values
-    drawAndCenterText((fillPercentage * 100).toFixed(2) + '%', leftPos.x, leftPos.y + 1);
-    drawAndCenterText(((1 - fillPercentage) * 100).toFixed(2) + '%', rightPos.x, rightPos.y + 1);
-    ctx.restore();
-    // Draw inner circle and lines
-    ctx.lineWidth = params.ctxOptions.strokeWidth;
-    ctx.strokeStyle = params.ctxOptions.borderColor;
-    ctx.beginPath();
-    ctx.arc(data.w / 2, data.h, data.size - params.ctxOptions.strokeWidth / 2, 0, 2 * Math.PI);
-    ctx.strokeStyle = params.ctxOptions.borderColor;
-    ctx.stroke();
-    ctx.beginPath();
-    ctx.arc(data.w / 2, data.h, data.size * 0.4, 0, 2 * Math.PI);
-    ctx.strokeStyle = params.ctxOptions.borderColor;
-    ctx.stroke();
-    // Should we draw a center line?
-    if (params.ctxOptions.centerlineOptions.includes(params.ctxOptions.centerline)) {
-        ctx.save();
-        ctx.beginPath();
-        if (params.ctxOptions.centerline === 'solid') {
-            ctx.globalAlpha = Number(params.ctxOptions.centerlineOpacity);
-        }
-        else if (params.ctxOptions.centerline === 'dotted') {
-            ctx.setLineDash([params.ctxOptions.strokeWidth, params.ctxOptions.strokeWidth < 2 ? 2 : params.ctxOptions.strokeWidth]);
-        }
-        else {
-            ctx.setLineDash([params.ctxOptions.strokeWidth * 3, (params.ctxOptions.strokeWidth < 2 ? 2 : params.ctxOptions.strokeWidth) * 2]);
-        }
-        ctx.moveTo(data.w / 2, data.h - data.size * 0.4);
-        ctx.lineTo(data.w / 2, data.h - data.size);
-        ctx.strokeStyle = params.ctxOptions.centerlineColor;
-        ctx.stroke();
-        ctx.restore();
-    }
-};
-// Helper function for elastic easing
-const elasticOut = ((amplitude, period) => {
-    const pi2 = Math.PI * 2;
-    return function (time) {
-        if (time === 0 || time === 1) {
-            return time;
-        }
-        const s = period / pi2 * Math.asin(1 / amplitude);
-        return (amplitude * Math.pow(2, -10 * time) * Math.sin((time - s) * pi2 / period) + 1);
-    };
-})(1.2, 0.5);
-const helpers = {
-    draw,
-    clear,
-    elasticOut
-};
-export { helpers };
-//# sourceMappingURL=canvas.js.map

package/lib/swing-gauge/helpers/canvas.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"canvas.js","sourceRoot":"","sources":["../../../src/swing-gauge/helpers/canvas.ts"],"names":[],"mappings":"AAGA,IAAI,GAA6B,CAAC;AAClC,IAAI,IAAoB,CAAC;AACzB,IAAI,MAA4B,CAAC;AACjC,IAAI,cAAc,GAAG,GAAG,CAAC;AAEzB,MAAM,KAAK,GAAG,CAAC,UAAuB,EAAE,OAAiC,EAAQ,EAAE;IACjF,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;AAC/D,CAAC,CAAC;AAEF,mCAAmC;AACnC,MAAM,aAAa,GAAG,CAAC,OAAe,EAAc,EAAE;IACpD,OAAO;QACL,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;QACjE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;KAC9D,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,KAAa,EAAQ,EAAE;IACtE,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;IACxB,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC;IAChE,GAAG,CAAC,SAAS,EAAE,CAAC;IAChB,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,GAAG,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IACjG,GAAG,CAAC,MAAM,EAAE,CAAC;AACf,CAAC,CAAC;AAEF,gCAAgC;AAChC,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,CAAS,EAAE,CAAS,EAAQ,EAAE;IACrE,GAAG,CAAC,IAAI,EAAE,CAAC;IACX,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;IACzB,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACzB,GAAG,CAAC,OAAO,EAAE,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,CAAC,QAAwB,EAAE,OAAiC,EAAE,UAAuB,EAAE,UAAgC,EAAQ,EAAE;IAC5I,GAAG,GAAG,OAAO,CAAC;IACd,IAAI,GAAG,QAAQ,CAAC;IAChB,MAAM,GAAG,UAAU,CAAC;IAEpB,cAAc,GAAI,IAAI,CAAC,cAAyB,CAAC;IAEjD,gBAAgB;IAChB,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAClD,WAAW,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAE1F,YAAY;IACZ,GAAG,CAAC,IAAI,EAAE,CAAC;IACX,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC;IAE5C,uCAAuC;IACvC,MAAM,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,cAAc,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IAClE,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,cAAc,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IAE1F,WAAW;IACX,IAAI,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE;QAEhD,iCAAiC;QACjC,GAAG,CAAC,IAAI,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,KAAK,MAAM,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;QAC5E,IAAI,SAAS,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC;QACzD,MAAM,SAAS,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC;QAC7D,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;QAC1D,MAAM,CAAC,UAAU,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC,CAAC;QAClE,MAAM,CAAC,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACjK,GAAG,CAAC,IAAI,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,KAAK,MAAM,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;QAC5E,GAAG,CAAC,YAAY,GAAG,KAAK,CAAC;QAEzB,mBAAmB;QACnB,iBAAiB,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACxF,iBAAiB,CAAC,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;KAC7F;SACI;QACH,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC;KAC7B;IAED,gDAAgD;IAChD,GAAG,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,KAAK,MAAM,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;IAE1F,oBAAoB;IACpB,iBAAiB,CAAC,CAAC,cAAc,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACrF,iBAAiB,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAE7F,GAAG,CAAC,OAAO,EAAE,CAAC;IAEd,8BAA8B;IAC9B,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC;IAC9C,GAAG,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC;IAChD,GAAG,CAAC,SAAS,EAAE,CAAC;IAChB,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IAC3F,GAAG,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC;IAChD,GAAG,CAAC,MAAM,EAAE,CAAC;IACb,GAAG,CAAC,SAAS,EAAE,CAAC;IAChB,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IAC7D,GAAG,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC;IAChD,GAAG,CAAC,MAAM,EAAE,CAAC;IAEb,gCAAgC;IAChC,IAAI,MAAM,CAAC,UAAU,CAAC,iBAAiB,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;QAC9E,GAAG,CAAC,IAAI,EAAE,CAAC;QACX,GAAG,CAAC,SAAS,EAAE,CAAC;QAChB,IAAI,MAAM,CAAC,UAAU,CAAC,UAAU,KAAK,OAAO,EAAE;YAC5C,GAAG,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;SAC/D;aACI,IAAI,MAAM,CAAC,UAAU,CAAC,UAAU,KAAK,QAAQ,EAAE;YAClD,GAAG,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,UAAU,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;SACzH;aACI;YACH,GAAG,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,WAAW,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SACnI;QACD,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;QACjD,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3C,GAAG,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC;QACpD,GAAG,CAAC,MAAM,EAAE,CAAC;QACb,GAAG,CAAC,OAAO,EAAE,CAAC;KACf;AACH,CAAC,CAAC;AAEF,qCAAqC;AACrC,MAAM,UAAU,GAAG,CAAC,CAAC,SAAiB,EAAE,MAAc,EAA4B,EAAE;IAClF,MAAM,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;IAExB,OAAO,UAAU,IAAY;QAC3B,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,EAAE;YAC5B,OAAO,IAAI,CAAC;SACb;QACD,MAAM,CAAC,GAAG,MAAM,GAAG,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;QAClD,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IACzF,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAEb,MAAM,OAAO,GAAG;IACd,IAAI;IACJ,KAAK;IACL,UAAU;CACX,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/lib/swing-gauge/helpers/types.d.ts

@@ -1,34 +0,0 @@
-interface SwingGaugeData {
-    size: number;
-    w: number;
-    h: number;
-    duration: number;
-    fillPercentage?: number;
-    primaryValue: number;
-    primaryLabel: string;
-    secondaryValue: number;
-    secondaryLabel: string;
-}
-interface CanvasOption {
-    strokeWidth: number;
-    primaryColor: string;
-    secondaryColor: string;
-    fillStyle: string;
-    fontFamily: string;
-    fontSize: number;
-    maxFontSize: number;
-    borderColor: string;
-    centerline: string;
-    centerlineOptions: string[];
-    centerlineOpacity: string;
-    centerlineColor: string;
-}
-interface SwingGaugeDrawOption {
-    ctxOptions: CanvasOption;
-}
-interface Coordinate {
-    x: number;
-    y: number;
-}
-export { SwingGaugeData, CanvasOption, SwingGaugeDrawOption, Coordinate };
-//# sourceMappingURL=types.d.ts.map