@alfalab/core-components-circular-progress-bar 4.0.0 → 4.1.0-snapshot-92b8690

package/dynamic-mixins/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.CircularProgressBar = Component.CircularProgressBar;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"circular-progress-bar__component_1fmyz","bg-positive":"circular-progress-bar__bg-positive_1fmyz","bg-negative":"circular-progress-bar__bg-negative_1fmyz","svg":"circular-progress-bar__svg_1fmyz","title":"circular-progress-bar__title_1fmyz","subtitle":"circular-progress-bar__subtitle_1fmyz","labelWrapper":"circular-progress-bar__labelWrapper_1fmyz","label":"circular-progress-bar__label_1fmyz","typography":"circular-progress-bar__typography_1fmyz","size-144":"circular-progress-bar__size-144_1fmyz","size-128":"circular-progress-bar__size-128_1fmyz","size-96":"circular-progress-bar__size-96_1fmyz","size-80":"circular-progress-bar__size-80_1fmyz","size-64":"circular-progress-bar__size-64_1fmyz","size-48":"circular-progress-bar__size-48_1fmyz","size-24":"circular-progress-bar__size-24_1fmyz","backgroundCircle":"circular-progress-bar__backgroundCircle_1fmyz","progressCircle":"circular-progress-bar__progressCircle_1fmyz","positive":"circular-progress-bar__positive_1fmyz","negative":"circular-progress-bar__negative_1fmyz","stroke":"circular-progress-bar__stroke_1fmyz","iconWrapper":"circular-progress-bar__iconWrapper_1fmyz","icon-tertiary":"circular-progress-bar__icon-tertiary_1fmyz","icon-positive":"circular-progress-bar__icon-positive_1fmyz","icon-negative":"circular-progress-bar__icon-negative_1fmyz","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1fmyz","icon-primary":"circular-progress-bar__icon-primary_1fmyz","icon-secondary":"circular-progress-bar__icon-secondary_1fmyz","icon":"circular-progress-bar__icon_1fmyz"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n:root {\n    /* stroke */\n    --circular-progress-bar-stroke-color: var(--color-light-neutral-translucent-300);\n\n    /* positive */\n    --circular-progress-bar-positive-color: var(--color-light-status-positive);\n\n    /* negative */\n    --circular-progress-bar-negative-color: var(--color-light-status-negative);\n\n    /* theme */\n    --circular-progress-bar-font-family: var(--font-family-system);\n    --circular-progress-bar-font-weight: 600;\n}\n\n.component {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: var(--border-radius-pill);\n\n    &.bg-positive {\n        background: var(--circular-progress-bar-positive-color);\n    }\n\n    &.bg-negative {\n        background: var(--circular-progress-bar-negative-color);\n    }\n}\n\n.svg {\n    display: block;\n    width: 100%;\n}\n\n.title,\n.subtitle {\n    overflow: hidden;\n    word-break: break-word;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    margin: var(--gap-0) 6px;\n}\n\n.subtitle {\n    max-height: 40px;\n}\n\n.labelWrapper {\n    text-align: center;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100%;\n    transform: translate(-50%, -50%);\n\n    &.label {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n\n.typography {\n    font-feature-settings: 'ss01';\n    font-weight: var(--circular-progress-bar-font-weight);\n    font-family: var(--circular-progress-bar-font-family);\n}\n\n.size-144 {\n    width: 144px;\n    height: 144px;\n\n    & .labelWrapper {\n        max-width: 128px;\n    }\n\n    & .title {\n        max-height: 32px;\n    }\n}\n\n.size-128 {\n    width: 128px;\n    height: 128px;\n\n    & .labelWrapper {\n        max-width: 108px;\n    }\n\n    & .title {\n        max-height: 32px;\n    }\n}\n\n.size-96 {\n    width: 96px;\n    height: 96px;\n\n    & .labelWrapper {\n        max-width: 64px;\n    }\n\n    & .title {\n        max-height: 20px;\n    }\n}\n\n.size-80 {\n    width: 80px;\n    height: 80px;\n\n    & .labelWrapper {\n        max-width: 64px;\n    }\n\n    & .title {\n        max-height: 24px;\n    }\n}\n\n.size-64 {\n    width: 64px;\n    height: 64px;\n\n    & .labelWrapper {\n        max-width: 48px;\n    }\n\n    & .title {\n        max-height: 16px;\n        margin: var(--gap-0);\n    }\n}\n\n.size-48 {\n    width: 48px;\n    height: 48px;\n\n    & .labelWrapper {\n        max-width: 40px;\n    }\n\n    & .title {\n        max-height: 16px;\n        margin: var(--gap-0);\n    }\n}\n\n.size-24 {\n    width: 24px;\n    height: 24px;\n\n    & .labelWrapper {\n        max-width: 24px;\n    }\n}\n\n.backgroundCircle,\n.progressCircle {\n    width: 100%;\n    height: 100%;\n    fill: transparent;\n}\n\n.positive {\n    stroke: var(--circular-progress-bar-positive-color);\n}\n\n.negative {\n    stroke: var(--circular-progress-bar-negative-color);\n}\n\n.backgroundCircle {\n    stroke: var(--circular-progress-bar-stroke-color);\n\n    &.stroke {\n        stroke: transparent;\n    }\n}\n\n.progressCircle {\n    stroke-linecap: round;\n}\n\n.iconWrapper {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    &.size-144 {\n        max-width: 64px;\n        max-height: 64px;\n    }\n\n    &.size-128 {\n        max-width: 64px;\n        max-height: 64px;\n    }\n\n    &.size-96 {\n        max-width: 48px;\n        max-height: 48px;\n    }\n\n    &.size-80 {\n        max-width: 48px;\n        max-height: 48px;\n    }\n\n    &.size-64 {\n        max-width: 36px;\n        max-height: 36px;\n    }\n\n    &.size-48 {\n        max-width: 24px;\n        max-height: 24px;\n    }\n\n    &.size-24 {\n        max-width: 16px;\n        max-height: 16px;\n    }\n\n    &.icon-tertiary {\n        color: var(--color-light-neutral-500);\n    }\n\n    &.icon-positive {\n        color: var(--color-light-status-positive);\n    }\n\n    &.icon-negative {\n        color: var(--color-light-status-negative);\n    }\n\n    &.icon-primary-inverted {\n        color: var(--color-light-neutral-translucent-1300-inverted);\n    }\n\n    &.icon-primary {\n        color: var(--color-light-neutral-translucent-1300);\n    }\n\n    &.icon-secondary {\n        color: var(--color-light-neutral-700);\n    }\n}\n\n.icon {\n    width: 100%;\n    height: 100%;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wCAAwC,CAAC,aAAa,CAAC,0CAA0C,CAAC,aAAa,CAAC,0CAA0C,CAAC,KAAK,CAAC,kCAAkC,CAAC,OAAO,CAAC,oCAAoC,CAAC,UAAU,CAAC,uCAAuC,CAAC,cAAc,CAAC,2CAA2C,CAAC,OAAO,CAAC,oCAAoC,CAAC,YAAY,CAAC,yCAAyC,CAAC,UAAU,CAAC,uCAAuC,CAAC,UAAU,CAAC,uCAAuC,CAAC,SAAS,CAAC,sCAAsC,CAAC,SAAS,CAAC,sCAAsC,CAAC,SAAS,CAAC,sCAAsC,CAAC,SAAS,CAAC,sCAAsC,CAAC,SAAS,CAAC,sCAAsC,CAAC,kBAAkB,CAAC,+CAA+C,CAAC,gBAAgB,CAAC,6CAA6C,CAAC,UAAU,CAAC,uCAAuC,CAAC,UAAU,CAAC,uCAAuC,CAAC,QAAQ,CAAC,qCAAqC,CAAC,aAAa,CAAC,0CAA0C,CAAC,eAAe,CAAC,4CAA4C,CAAC,eAAe,CAAC,4CAA4C,CAAC,eAAe,CAAC,4CAA4C,CAAC,uBAAuB,CAAC,oDAAoD,CAAC,cAAc,CAAC,2CAA2C,CAAC,gBAAgB,CAAC,6CAA6C,CAAC,MAAM,CAAC,mCAAmC,CAAC;;;;"}

package/dynamic-mixins/shared/index.d.ts

@@ -0,0 +1 @@
+export { getCircularProgressBarTestIds } from '../utils/get-circular-progress-bar-test-ids';

package/dynamic-mixins/shared/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getCircularProgressBarTestIds = require('../utils/get-circular-progress-bar-test-ids.js');
+
+
+
+exports.getCircularProgressBarTestIds = getCircularProgressBarTestIds.getCircularProgressBarTestIds;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/types/component-size.d.ts

@@ -0,0 +1 @@
+export declare type ComponentSize = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 24 | 48 | 64 | 80 | 128 | 144;

package/dynamic-mixins/types/component-size.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=component-size.js.map

package/dynamic-mixins/types/component-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-size.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dynamic-mixins/types/typography-color.d.ts

@@ -0,0 +1 @@
+export declare type TypographyColor = 'primary' | 'secondary' | 'tertiary' | 'positive' | 'negative';

package/dynamic-mixins/types/typography-color.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=typography-color.js.map

package/dynamic-mixins/types/typography-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-color.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dynamic-mixins/use-timer.d.ts

@@ -0,0 +1 @@
+export declare function useTimer(time: number, active: boolean | undefined, counting: 'forward' | 'backward', onFinish: () => void, interval?: number, step?: number): [value: number, title: string];

package/dynamic-mixins/use-timer.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var dynamicMixins = require('@alfalab/core-components-shared/dynamic-mixins');
+
+var MAX_PERSENT_VALUE = 100;
+function makeTitle(time) {
+    return "".concat(Math.trunc(time / 60), ":").concat("".concat(time % 60).padStart(2, '0'));
+}
+function useTimer(time, active, counting, onFinish, interval, step) {
+    if (active === void 0) { active = true; }
+    if (interval === void 0) { interval = 1000; }
+    if (step === void 0) { step = 1; }
+    var _a = React.useState(0), passedTime = _a[0], setPassedTime = _a[1];
+    var isCompleted = passedTime === time;
+    var persentValue = Math.trunc((passedTime / time) * MAX_PERSENT_VALUE);
+    React.useEffect(function () {
+        if (!active || isCompleted) {
+            if (isCompleted) {
+                onFinish();
+            }
+            return dynamicMixins.noop;
+        }
+        var timer = setInterval(function () {
+            setPassedTime(function (prevPassed) { return prevPassed + step; });
+        }, interval);
+        return function () { return clearInterval(timer); };
+    }, [interval, isCompleted, active, step, onFinish]);
+    return [persentValue, makeTitle(counting === 'backward' ? time - passedTime : passedTime)];
+}
+
+exports.useTimer = useTimer;
+//# sourceMappingURL=use-timer.js.map

package/dynamic-mixins/use-timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-timer.js","sources":["../src/use-timer.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { noop } from '@alfalab/core-components-shared';\n\nconst MAX_PERSENT_VALUE = 100;\n\nfunction makeTitle(time: number) {\n    return `${Math.trunc(time / 60)}:${`${time % 60}`.padStart(2, '0')}`;\n}\n\nexport function useTimer(\n    time: number,\n    active = true,\n    counting: 'forward' | 'backward',\n    onFinish: () => void,\n    interval = 1000,\n    step = 1,\n): [value: number, title: string] {\n    const [passedTime, setPassedTime] = useState(0);\n    const isCompleted = passedTime === time;\n    const persentValue = Math.trunc((passedTime / time) * MAX_PERSENT_VALUE);\n\n    useEffect(() => {\n        if (!active || isCompleted) {\n            if (isCompleted) {\n                onFinish();\n            }\n\n            return noop;\n        }\n\n        const timer = setInterval(() => {\n            setPassedTime((prevPassed) => prevPassed + step);\n        }, interval);\n\n        return () => clearInterval(timer);\n    }, [interval, isCompleted, active, step, onFinish]);\n\n    return [persentValue, makeTitle(counting === 'backward' ? time - passedTime : passedTime)];\n}\n"],"names":["useState","useEffect","noop"],"mappings":";;;;;;;AAIA,IAAM,iBAAiB,GAAG,GAAG;AAE7B,SAAS,SAAS,CAAC,IAAY,EAAA;IAC3B,OAAO,EAAA,CAAA,MAAA,CAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,MAAA,CAAG,IAAI,GAAG,EAAE,CAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAE;AACxE;AAEgB,SAAA,QAAQ,CACpB,IAAY,EACZ,MAAa,EACb,QAAgC,EAChC,QAAoB,EACpB,QAAe,EACf,IAAQ,EAAA;AAJR,IAAA,IAAA,MAAA,KAAA,MAAA,EAAA,EAAA,MAAa,GAAA,IAAA,CAAA;AAGb,IAAA,IAAA,QAAA,KAAA,MAAA,EAAA,EAAA,QAAe,GAAA,IAAA,CAAA;AACf,IAAA,IAAA,IAAA,KAAA,MAAA,EAAA,EAAA,IAAQ,GAAA,CAAA,CAAA;IAEF,IAAA,EAAA,GAA8BA,cAAQ,CAAC,CAAC,CAAC,EAAxC,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,aAAa,GAAA,EAAA,CAAA,CAAA,CAAe;AAC/C,IAAA,IAAM,WAAW,GAAG,UAAU,KAAK,IAAI;AACvC,IAAA,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,GAAG,IAAI,IAAI,iBAAiB,CAAC;AAExE,IAAAC,eAAS,CAAC,YAAA;AACN,QAAA,IAAI,CAAC,MAAM,IAAI,WAAW,EAAE;AACxB,YAAA,IAAI,WAAW,EAAE;AACb,gBAAA,QAAQ,EAAE;AACb;AAED,YAAA,OAAOC,kBAAI;AACd;QAED,IAAM,KAAK,GAAG,WAAW,CAAC,YAAA;YACtB,aAAa,CAAC,UAAC,UAAU,EAAK,EAAA,OAAA,UAAU,GAAG,IAAI,CAAA,EAAA,CAAC;SACnD,EAAE,QAAQ,CAAC;QAEZ,OAAO,YAAA,EAAM,OAAA,aAAa,CAAC,KAAK,CAAC,CAAA,EAAA;AACrC,KAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEnD,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,QAAQ,KAAK,UAAU,GAAG,IAAI,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC;AAC9F;;;;"}

package/dynamic-mixins/utils/get-circular-progress-bar-test-ids.d.ts

@@ -0,0 +1,7 @@
+export declare function getCircularProgressBarTestIds(dataTestId: string): {
+    progressBar: string;
+    title: string;
+    subtitle: string;
+    circleProgressBar: string;
+    circleProgressValue: string;
+};

package/dynamic-mixins/utils/get-circular-progress-bar-test-ids.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dynamicMixins = require('@alfalab/core-components-shared/dynamic-mixins');
+
+function getCircularProgressBarTestIds(dataTestId) {
+    return {
+        progressBar: dataTestId,
+        title: dynamicMixins.getDataTestId(dataTestId, 'title'),
+        subtitle: dynamicMixins.getDataTestId(dataTestId, 'subtitle'),
+        circleProgressBar: dynamicMixins.getDataTestId(dataTestId, 'circle-progress-bar'),
+        circleProgressValue: dynamicMixins.getDataTestId(dataTestId, 'circle-progress-value'),
+    };
+}
+
+exports.getCircularProgressBarTestIds = getCircularProgressBarTestIds;
+//# sourceMappingURL=get-circular-progress-bar-test-ids.js.map

package/dynamic-mixins/utils/get-circular-progress-bar-test-ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-circular-progress-bar-test-ids.js","sources":["../../src/utils/get-circular-progress-bar-test-ids.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport function getCircularProgressBarTestIds(dataTestId: string) {\n    return {\n        progressBar: dataTestId,\n        title: getDataTestId(dataTestId, 'title'),\n        subtitle: getDataTestId(dataTestId, 'subtitle'),\n        circleProgressBar: getDataTestId(dataTestId, 'circle-progress-bar'),\n        circleProgressValue: getDataTestId(dataTestId, 'circle-progress-value'),\n    };\n}\n"],"names":["getDataTestId"],"mappings":";;;;;;AAEM,SAAU,6BAA6B,CAAC,UAAkB,EAAA;IAC5D,OAAO;AACH,QAAA,WAAW,EAAE,UAAU;AACvB,QAAA,KAAK,EAAEA,2BAAa,CAAC,UAAU,EAAE,OAAO,CAAC;AACzC,QAAA,QAAQ,EAAEA,2BAAa,CAAC,UAAU,EAAE,UAAU,CAAC;AAC/C,QAAA,iBAAiB,EAAEA,2BAAa,CAAC,UAAU,EAAE,qBAAqB,CAAC;AACnE,QAAA,mBAAmB,EAAEA,2BAAa,CAAC,UAAU,EAAE,uBAAuB,CAAC;KAC1E;AACL;;;;"}

package/dynamic-mixins/utils/is-typography-color.d.ts

@@ -0,0 +1,2 @@
+import { TypographyColor } from '../types/typography-color';
+export declare const isTypographyColor: (color: TypographyColor | string) => color is TypographyColor;

package/dynamic-mixins/utils/is-typography-color.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var consts = require('../consts.js');
+
+var isTypographyColor = function (color) {
+    return consts.TYPOGRAPHY_COLOR.includes(color);
+};
+
+exports.isTypographyColor = isTypographyColor;
+//# sourceMappingURL=is-typography-color.js.map

package/dynamic-mixins/utils/is-typography-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-typography-color.js","sources":["../../src/utils/is-typography-color.ts"],"sourcesContent":["import { TYPOGRAPHY_COLOR } from '../consts';\nimport { TypographyColor } from '../types/typography-color';\n\nexport const isTypographyColor = (color: TypographyColor | string): color is TypographyColor =>\n    TYPOGRAPHY_COLOR.includes(color);\n"],"names":["TYPOGRAPHY_COLOR"],"mappings":";;;;;;AAGO,IAAM,iBAAiB,GAAG,UAAC,KAA+B,EAAA;AAC7D,IAAA,OAAAA,uBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC;AAAhC;;;;"}

package/esm/index.css

@@ -19,145 +19,145 @@
     --circular-progress-bar-negative-color: var(--color-light-status-negative);
     --circular-progress-bar-font-family: var(--font-family-system);
     --circular-progress-bar-font-weight: 600;
-} .circular-progress-bar__component_1cscl {
+} .circular-progress-bar__component_1fmyz {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: var(--border-radius-pill)
-} .circular-progress-bar__component_1cscl.circular-progress-bar__bg-positive_1cscl {
+} .circular-progress-bar__component_1fmyz.circular-progress-bar__bg-positive_1fmyz {
         background: var(--circular-progress-bar-positive-color);
-    } .circular-progress-bar__component_1cscl.circular-progress-bar__bg-negative_1cscl {
+    } .circular-progress-bar__component_1fmyz.circular-progress-bar__bg-negative_1fmyz {
         background: var(--circular-progress-bar-negative-color);
-    } .circular-progress-bar__svg_1cscl {
+    } .circular-progress-bar__svg_1fmyz {
     display: block;
     width: 100%;
-} .circular-progress-bar__title_1cscl,
-.circular-progress-bar__subtitle_1cscl {
+} .circular-progress-bar__title_1fmyz,
+.circular-progress-bar__subtitle_1fmyz {
     overflow: hidden;
     word-break: break-word;
     white-space: nowrap;
     text-overflow: ellipsis;
     margin: var(--gap-0) 6px;
-} .circular-progress-bar__subtitle_1cscl {
+} .circular-progress-bar__subtitle_1fmyz {
     max-height: 40px;
-} .circular-progress-bar__labelWrapper_1cscl {
+} .circular-progress-bar__labelWrapper_1fmyz {
     text-align: center;
     position: absolute;
     top: 50%;
     left: 50%;
     width: 100%;
     transform: translate(-50%, -50%)
-} .circular-progress-bar__labelWrapper_1cscl.circular-progress-bar__label_1cscl {
+} .circular-progress-bar__labelWrapper_1fmyz.circular-progress-bar__label_1fmyz {
         display: flex;
         align-items: center;
         justify-content: center;
-    } .circular-progress-bar__typography_1cscl {
+    } .circular-progress-bar__typography_1fmyz {
     font-feature-settings: 'ss01';
     font-weight: var(--circular-progress-bar-font-weight);
     font-family: var(--circular-progress-bar-font-family);
-} .circular-progress-bar__size-144_1cscl {
+} .circular-progress-bar__size-144_1fmyz {
     width: 144px;
     height: 144px
-} .circular-progress-bar__size-144_1cscl .circular-progress-bar__labelWrapper_1cscl {
+} .circular-progress-bar__size-144_1fmyz .circular-progress-bar__labelWrapper_1fmyz {
         max-width: 128px;
-    } .circular-progress-bar__size-144_1cscl .circular-progress-bar__title_1cscl {
+    } .circular-progress-bar__size-144_1fmyz .circular-progress-bar__title_1fmyz {
         max-height: 32px;
-    } .circular-progress-bar__size-128_1cscl {
+    } .circular-progress-bar__size-128_1fmyz {
     width: 128px;
     height: 128px
-} .circular-progress-bar__size-128_1cscl .circular-progress-bar__labelWrapper_1cscl {
+} .circular-progress-bar__size-128_1fmyz .circular-progress-bar__labelWrapper_1fmyz {
         max-width: 108px;
-    } .circular-progress-bar__size-128_1cscl .circular-progress-bar__title_1cscl {
+    } .circular-progress-bar__size-128_1fmyz .circular-progress-bar__title_1fmyz {
         max-height: 32px;
-    } .circular-progress-bar__size-96_1cscl {
+    } .circular-progress-bar__size-96_1fmyz {
     width: 96px;
     height: 96px
-} .circular-progress-bar__size-96_1cscl .circular-progress-bar__labelWrapper_1cscl {
+} .circular-progress-bar__size-96_1fmyz .circular-progress-bar__labelWrapper_1fmyz {
         max-width: 64px;
-    } .circular-progress-bar__size-96_1cscl .circular-progress-bar__title_1cscl {
+    } .circular-progress-bar__size-96_1fmyz .circular-progress-bar__title_1fmyz {
         max-height: 20px;
-    } .circular-progress-bar__size-80_1cscl {
+    } .circular-progress-bar__size-80_1fmyz {
     width: 80px;
     height: 80px
-} .circular-progress-bar__size-80_1cscl .circular-progress-bar__labelWrapper_1cscl {
+} .circular-progress-bar__size-80_1fmyz .circular-progress-bar__labelWrapper_1fmyz {
         max-width: 64px;
-    } .circular-progress-bar__size-80_1cscl .circular-progress-bar__title_1cscl {
+    } .circular-progress-bar__size-80_1fmyz .circular-progress-bar__title_1fmyz {
         max-height: 24px;
-    } .circular-progress-bar__size-64_1cscl {
+    } .circular-progress-bar__size-64_1fmyz {
     width: 64px;
     height: 64px
-} .circular-progress-bar__size-64_1cscl .circular-progress-bar__labelWrapper_1cscl {
+} .circular-progress-bar__size-64_1fmyz .circular-progress-bar__labelWrapper_1fmyz {
         max-width: 48px;
-    } .circular-progress-bar__size-64_1cscl .circular-progress-bar__title_1cscl {
+    } .circular-progress-bar__size-64_1fmyz .circular-progress-bar__title_1fmyz {
         max-height: 16px;
         margin: var(--gap-0);
-    } .circular-progress-bar__size-48_1cscl {
+    } .circular-progress-bar__size-48_1fmyz {
     width: 48px;
     height: 48px
-} .circular-progress-bar__size-48_1cscl .circular-progress-bar__labelWrapper_1cscl {
+} .circular-progress-bar__size-48_1fmyz .circular-progress-bar__labelWrapper_1fmyz {
         max-width: 40px;
-    } .circular-progress-bar__size-48_1cscl .circular-progress-bar__title_1cscl {
+    } .circular-progress-bar__size-48_1fmyz .circular-progress-bar__title_1fmyz {
         max-height: 16px;
         margin: var(--gap-0);
-    } .circular-progress-bar__size-24_1cscl {
+    } .circular-progress-bar__size-24_1fmyz {
     width: 24px;
     height: 24px
-} .circular-progress-bar__size-24_1cscl .circular-progress-bar__labelWrapper_1cscl {
+} .circular-progress-bar__size-24_1fmyz .circular-progress-bar__labelWrapper_1fmyz {
         max-width: 24px;
-    } .circular-progress-bar__backgroundCircle_1cscl,
-.circular-progress-bar__progressCircle_1cscl {
+    } .circular-progress-bar__backgroundCircle_1fmyz,
+.circular-progress-bar__progressCircle_1fmyz {
     width: 100%;
     height: 100%;
     fill: transparent;
-} .circular-progress-bar__positive_1cscl {
+} .circular-progress-bar__positive_1fmyz {
     stroke: var(--circular-progress-bar-positive-color);
-} .circular-progress-bar__negative_1cscl {
+} .circular-progress-bar__negative_1fmyz {
     stroke: var(--circular-progress-bar-negative-color);
-} .circular-progress-bar__backgroundCircle_1cscl {
+} .circular-progress-bar__backgroundCircle_1fmyz {
     stroke: var(--circular-progress-bar-stroke-color)
-} .circular-progress-bar__backgroundCircle_1cscl.circular-progress-bar__stroke_1cscl {
+} .circular-progress-bar__backgroundCircle_1fmyz.circular-progress-bar__stroke_1fmyz {
         stroke: transparent;
-    } .circular-progress-bar__progressCircle_1cscl {
+    } .circular-progress-bar__progressCircle_1fmyz {
     stroke-linecap: round;
-} .circular-progress-bar__iconWrapper_1cscl {
+} .circular-progress-bar__iconWrapper_1fmyz {
     display: flex;
     align-items: center;
     justify-content: center
-} .circular-progress-bar__iconWrapper_1cscl.circular-progress-bar__size-144_1cscl {
+} .circular-progress-bar__iconWrapper_1fmyz.circular-progress-bar__size-144_1fmyz {
         max-width: 64px;
         max-height: 64px;
-    } .circular-progress-bar__iconWrapper_1cscl.circular-progress-bar__size-128_1cscl {
+    } .circular-progress-bar__iconWrapper_1fmyz.circular-progress-bar__size-128_1fmyz {
         max-width: 64px;
         max-height: 64px;
-    } .circular-progress-bar__iconWrapper_1cscl.circular-progress-bar__size-96_1cscl {
+    } .circular-progress-bar__iconWrapper_1fmyz.circular-progress-bar__size-96_1fmyz {
         max-width: 48px;
         max-height: 48px;
-    } .circular-progress-bar__iconWrapper_1cscl.circular-progress-bar__size-80_1cscl {
+    } .circular-progress-bar__iconWrapper_1fmyz.circular-progress-bar__size-80_1fmyz {
         max-width: 48px;
         max-height: 48px;
-    } .circular-progress-bar__iconWrapper_1cscl.circular-progress-bar__size-64_1cscl {
+    } .circular-progress-bar__iconWrapper_1fmyz.circular-progress-bar__size-64_1fmyz {
         max-width: 36px;
         max-height: 36px;
-    } .circular-progress-bar__iconWrapper_1cscl.circular-progress-bar__size-48_1cscl {
+    } .circular-progress-bar__iconWrapper_1fmyz.circular-progress-bar__size-48_1fmyz {
         max-width: 24px;
         max-height: 24px;
-    } .circular-progress-bar__iconWrapper_1cscl.circular-progress-bar__size-24_1cscl {
+    } .circular-progress-bar__iconWrapper_1fmyz.circular-progress-bar__size-24_1fmyz {
         max-width: 16px;
         max-height: 16px;
-    } .circular-progress-bar__iconWrapper_1cscl.circular-progress-bar__icon-tertiary_1cscl {
+    } .circular-progress-bar__iconWrapper_1fmyz.circular-progress-bar__icon-tertiary_1fmyz {
         color: var(--color-light-neutral-500);
-    } .circular-progress-bar__iconWrapper_1cscl.circular-progress-bar__icon-positive_1cscl {
+    } .circular-progress-bar__iconWrapper_1fmyz.circular-progress-bar__icon-positive_1fmyz {
         color: var(--color-light-status-positive);
-    } .circular-progress-bar__iconWrapper_1cscl.circular-progress-bar__icon-negative_1cscl {
+    } .circular-progress-bar__iconWrapper_1fmyz.circular-progress-bar__icon-negative_1fmyz {
         color: var(--color-light-status-negative);
-    } .circular-progress-bar__iconWrapper_1cscl.circular-progress-bar__icon-primary-inverted_1cscl {
+    } .circular-progress-bar__iconWrapper_1fmyz.circular-progress-bar__icon-primary-inverted_1fmyz {
         color: var(--color-light-neutral-translucent-1300-inverted);
-    } .circular-progress-bar__iconWrapper_1cscl.circular-progress-bar__icon-primary_1cscl {
+    } .circular-progress-bar__iconWrapper_1fmyz.circular-progress-bar__icon-primary_1fmyz {
         color: var(--color-light-neutral-translucent-1300);
-    } .circular-progress-bar__iconWrapper_1cscl.circular-progress-bar__icon-secondary_1cscl {
+    } .circular-progress-bar__iconWrapper_1fmyz.circular-progress-bar__icon-secondary_1fmyz {
         color: var(--color-light-neutral-700);
-    } .circular-progress-bar__icon_1cscl {
+    } .circular-progress-bar__icon_1fmyz {
     width: 100%;
     height: 100%;
 }

package/esm/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"circular-progress-bar__component_1cscl","bg-positive":"circular-progress-bar__bg-positive_1cscl","bg-negative":"circular-progress-bar__bg-negative_1cscl","svg":"circular-progress-bar__svg_1cscl","title":"circular-progress-bar__title_1cscl","subtitle":"circular-progress-bar__subtitle_1cscl","labelWrapper":"circular-progress-bar__labelWrapper_1cscl","label":"circular-progress-bar__label_1cscl","typography":"circular-progress-bar__typography_1cscl","size-144":"circular-progress-bar__size-144_1cscl","size-128":"circular-progress-bar__size-128_1cscl","size-96":"circular-progress-bar__size-96_1cscl","size-80":"circular-progress-bar__size-80_1cscl","size-64":"circular-progress-bar__size-64_1cscl","size-48":"circular-progress-bar__size-48_1cscl","size-24":"circular-progress-bar__size-24_1cscl","backgroundCircle":"circular-progress-bar__backgroundCircle_1cscl","progressCircle":"circular-progress-bar__progressCircle_1cscl","positive":"circular-progress-bar__positive_1cscl","negative":"circular-progress-bar__negative_1cscl","stroke":"circular-progress-bar__stroke_1cscl","iconWrapper":"circular-progress-bar__iconWrapper_1cscl","icon-tertiary":"circular-progress-bar__icon-tertiary_1cscl","icon-positive":"circular-progress-bar__icon-positive_1cscl","icon-negative":"circular-progress-bar__icon-negative_1cscl","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1cscl","icon-primary":"circular-progress-bar__icon-primary_1cscl","icon-secondary":"circular-progress-bar__icon-secondary_1cscl","icon":"circular-progress-bar__icon_1cscl"};
+var styles = {"component":"circular-progress-bar__component_1fmyz","bg-positive":"circular-progress-bar__bg-positive_1fmyz","bg-negative":"circular-progress-bar__bg-negative_1fmyz","svg":"circular-progress-bar__svg_1fmyz","title":"circular-progress-bar__title_1fmyz","subtitle":"circular-progress-bar__subtitle_1fmyz","labelWrapper":"circular-progress-bar__labelWrapper_1fmyz","label":"circular-progress-bar__label_1fmyz","typography":"circular-progress-bar__typography_1fmyz","size-144":"circular-progress-bar__size-144_1fmyz","size-128":"circular-progress-bar__size-128_1fmyz","size-96":"circular-progress-bar__size-96_1fmyz","size-80":"circular-progress-bar__size-80_1fmyz","size-64":"circular-progress-bar__size-64_1fmyz","size-48":"circular-progress-bar__size-48_1fmyz","size-24":"circular-progress-bar__size-24_1fmyz","backgroundCircle":"circular-progress-bar__backgroundCircle_1fmyz","progressCircle":"circular-progress-bar__progressCircle_1fmyz","positive":"circular-progress-bar__positive_1fmyz","negative":"circular-progress-bar__negative_1fmyz","stroke":"circular-progress-bar__stroke_1fmyz","iconWrapper":"circular-progress-bar__iconWrapper_1fmyz","icon-tertiary":"circular-progress-bar__icon-tertiary_1fmyz","icon-positive":"circular-progress-bar__icon-positive_1fmyz","icon-negative":"circular-progress-bar__icon-negative_1fmyz","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1fmyz","icon-primary":"circular-progress-bar__icon-primary_1fmyz","icon-secondary":"circular-progress-bar__icon-secondary_1fmyz","icon":"circular-progress-bar__icon_1fmyz"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n:root {\n    /* stroke */\n    --circular-progress-bar-stroke-color: var(--color-light-neutral-translucent-300);\n\n    /* positive */\n    --circular-progress-bar-positive-color: var(--color-light-status-positive);\n\n    /* negative */\n    --circular-progress-bar-negative-color: var(--color-light-status-negative);\n\n    /* theme */\n    --circular-progress-bar-font-family: var(--font-family-system);\n    --circular-progress-bar-font-weight: 600;\n}\n\n.component {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: var(--border-radius-pill);\n\n    &.bg-positive {\n        background: var(--circular-progress-bar-positive-color);\n    }\n\n    &.bg-negative {\n        background: var(--circular-progress-bar-negative-color);\n    }\n}\n\n.svg {\n    display: block;\n    width: 100%;\n}\n\n.title,\n.subtitle {\n    overflow: hidden;\n    word-break: break-word;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    margin: var(--gap-0) 6px;\n}\n\n.subtitle {\n    max-height: 40px;\n}\n\n.labelWrapper {\n    text-align: center;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100%;\n    transform: translate(-50%, -50%);\n\n    &.label {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n\n.typography {\n    font-feature-settings: 'ss01';\n    font-weight: var(--circular-progress-bar-font-weight);\n    font-family: var(--circular-progress-bar-font-family);\n}\n\n.size-144 {\n    width: 144px;\n    height: 144px;\n\n    & .labelWrapper {\n        max-width: 128px;\n    }\n\n    & .title {\n        max-height: 32px;\n    }\n}\n\n.size-128 {\n    width: 128px;\n    height: 128px;\n\n    & .labelWrapper {\n        max-width: 108px;\n    }\n\n    & .title {\n        max-height: 32px;\n    }\n}\n\n.size-96 {\n    width: 96px;\n    height: 96px;\n\n    & .labelWrapper {\n        max-width: 64px;\n    }\n\n    & .title {\n        max-height: 20px;\n    }\n}\n\n.size-80 {\n    width: 80px;\n    height: 80px;\n\n    & .labelWrapper {\n        max-width: 64px;\n    }\n\n    & .title {\n        max-height: 24px;\n    }\n}\n\n.size-64 {\n    width: 64px;\n    height: 64px;\n\n    & .labelWrapper {\n        max-width: 48px;\n    }\n\n    & .title {\n        max-height: 16px;\n        margin: var(--gap-0);\n    }\n}\n\n.size-48 {\n    width: 48px;\n    height: 48px;\n\n    & .labelWrapper {\n        max-width: 40px;\n    }\n\n    & .title {\n        max-height: 16px;\n        margin: var(--gap-0);\n    }\n}\n\n.size-24 {\n    width: 24px;\n    height: 24px;\n\n    & .labelWrapper {\n        max-width: 24px;\n    }\n}\n\n.backgroundCircle,\n.progressCircle {\n    width: 100%;\n    height: 100%;\n    fill: transparent;\n}\n\n.positive {\n    stroke: var(--circular-progress-bar-positive-color);\n}\n\n.negative {\n    stroke: var(--circular-progress-bar-negative-color);\n}\n\n.backgroundCircle {\n    stroke: var(--circular-progress-bar-stroke-color);\n\n    &.stroke {\n        stroke: transparent;\n    }\n}\n\n.progressCircle {\n    stroke-linecap: round;\n}\n\n.iconWrapper {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    &.size-144 {\n        max-width: 64px;\n        max-height: 64px;\n    }\n\n    &.size-128 {\n        max-width: 64px;\n        max-height: 64px;\n    }\n\n    &.size-96 {\n        max-width: 48px;\n        max-height: 48px;\n    }\n\n    &.size-80 {\n        max-width: 48px;\n        max-height: 48px;\n    }\n\n    &.size-64 {\n        max-width: 36px;\n        max-height: 36px;\n    }\n\n    &.size-48 {\n        max-width: 24px;\n        max-height: 24px;\n    }\n\n    &.size-24 {\n        max-width: 16px;\n        max-height: 16px;\n    }\n\n    &.icon-tertiary {\n        color: var(--color-light-neutral-500);\n    }\n\n    &.icon-positive {\n        color: var(--color-light-status-positive);\n    }\n\n    &.icon-negative {\n        color: var(--color-light-status-negative);\n    }\n\n    &.icon-primary-inverted {\n        color: var(--color-light-neutral-translucent-1300-inverted);\n    }\n\n    &.icon-primary {\n        color: var(--color-light-neutral-translucent-1300);\n    }\n\n    &.icon-secondary {\n        color: var(--color-light-neutral-700);\n    }\n}\n\n.icon {\n    width: 100%;\n    height: 100%;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,wCAAwC,CAAC,aAAa,CAAC,0CAA0C,CAAC,aAAa,CAAC,0CAA0C,CAAC,KAAK,CAAC,kCAAkC,CAAC,OAAO,CAAC,oCAAoC,CAAC,UAAU,CAAC,uCAAuC,CAAC,cAAc,CAAC,2CAA2C,CAAC,OAAO,CAAC,oCAAoC,CAAC,YAAY,CAAC,yCAAyC,CAAC,UAAU,CAAC,uCAAuC,CAAC,UAAU,CAAC,uCAAuC,CAAC,SAAS,CAAC,sCAAsC,CAAC,SAAS,CAAC,sCAAsC,CAAC,SAAS,CAAC,sCAAsC,CAAC,SAAS,CAAC,sCAAsC,CAAC,SAAS,CAAC,sCAAsC,CAAC,kBAAkB,CAAC,+CAA+C,CAAC,gBAAgB,CAAC,6CAA6C,CAAC,UAAU,CAAC,uCAAuC,CAAC,UAAU,CAAC,uCAAuC,CAAC,QAAQ,CAAC,qCAAqC,CAAC,aAAa,CAAC,0CAA0C,CAAC,eAAe,CAAC,4CAA4C,CAAC,eAAe,CAAC,4CAA4C,CAAC,eAAe,CAAC,4CAA4C,CAAC,uBAAuB,CAAC,oDAAoD,CAAC,cAAc,CAAC,2CAA2C,CAAC,gBAAgB,CAAC,6CAA6C,CAAC,MAAM,CAAC,mCAAmC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n:root {\n    /* stroke */\n    --circular-progress-bar-stroke-color: var(--color-light-neutral-translucent-300);\n\n    /* positive */\n    --circular-progress-bar-positive-color: var(--color-light-status-positive);\n\n    /* negative */\n    --circular-progress-bar-negative-color: var(--color-light-status-negative);\n\n    /* theme */\n    --circular-progress-bar-font-family: var(--font-family-system);\n    --circular-progress-bar-font-weight: 600;\n}\n\n.component {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: var(--border-radius-pill);\n\n    &.bg-positive {\n        background: var(--circular-progress-bar-positive-color);\n    }\n\n    &.bg-negative {\n        background: var(--circular-progress-bar-negative-color);\n    }\n}\n\n.svg {\n    display: block;\n    width: 100%;\n}\n\n.title,\n.subtitle {\n    overflow: hidden;\n    word-break: break-word;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    margin: var(--gap-0) 6px;\n}\n\n.subtitle {\n    max-height: 40px;\n}\n\n.labelWrapper {\n    text-align: center;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100%;\n    transform: translate(-50%, -50%);\n\n    &.label {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n\n.typography {\n    font-feature-settings: 'ss01';\n    font-weight: var(--circular-progress-bar-font-weight);\n    font-family: var(--circular-progress-bar-font-family);\n}\n\n.size-144 {\n    width: 144px;\n    height: 144px;\n\n    & .labelWrapper {\n        max-width: 128px;\n    }\n\n    & .title {\n        max-height: 32px;\n    }\n}\n\n.size-128 {\n    width: 128px;\n    height: 128px;\n\n    & .labelWrapper {\n        max-width: 108px;\n    }\n\n    & .title {\n        max-height: 32px;\n    }\n}\n\n.size-96 {\n    width: 96px;\n    height: 96px;\n\n    & .labelWrapper {\n        max-width: 64px;\n    }\n\n    & .title {\n        max-height: 20px;\n    }\n}\n\n.size-80 {\n    width: 80px;\n    height: 80px;\n\n    & .labelWrapper {\n        max-width: 64px;\n    }\n\n    & .title {\n        max-height: 24px;\n    }\n}\n\n.size-64 {\n    width: 64px;\n    height: 64px;\n\n    & .labelWrapper {\n        max-width: 48px;\n    }\n\n    & .title {\n        max-height: 16px;\n        margin: var(--gap-0);\n    }\n}\n\n.size-48 {\n    width: 48px;\n    height: 48px;\n\n    & .labelWrapper {\n        max-width: 40px;\n    }\n\n    & .title {\n        max-height: 16px;\n        margin: var(--gap-0);\n    }\n}\n\n.size-24 {\n    width: 24px;\n    height: 24px;\n\n    & .labelWrapper {\n        max-width: 24px;\n    }\n}\n\n.backgroundCircle,\n.progressCircle {\n    width: 100%;\n    height: 100%;\n    fill: transparent;\n}\n\n.positive {\n    stroke: var(--circular-progress-bar-positive-color);\n}\n\n.negative {\n    stroke: var(--circular-progress-bar-negative-color);\n}\n\n.backgroundCircle {\n    stroke: var(--circular-progress-bar-stroke-color);\n\n    &.stroke {\n        stroke: transparent;\n    }\n}\n\n.progressCircle {\n    stroke-linecap: round;\n}\n\n.iconWrapper {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    &.size-144 {\n        max-width: 64px;\n        max-height: 64px;\n    }\n\n    &.size-128 {\n        max-width: 64px;\n        max-height: 64px;\n    }\n\n    &.size-96 {\n        max-width: 48px;\n        max-height: 48px;\n    }\n\n    &.size-80 {\n        max-width: 48px;\n        max-height: 48px;\n    }\n\n    &.size-64 {\n        max-width: 36px;\n        max-height: 36px;\n    }\n\n    &.size-48 {\n        max-width: 24px;\n        max-height: 24px;\n    }\n\n    &.size-24 {\n        max-width: 16px;\n        max-height: 16px;\n    }\n\n    &.icon-tertiary {\n        color: var(--color-light-neutral-500);\n    }\n\n    &.icon-positive {\n        color: var(--color-light-status-positive);\n    }\n\n    &.icon-negative {\n        color: var(--color-light-status-negative);\n    }\n\n    &.icon-primary-inverted {\n        color: var(--color-light-neutral-translucent-1300-inverted);\n    }\n\n    &.icon-primary {\n        color: var(--color-light-neutral-translucent-1300);\n    }\n\n    &.icon-secondary {\n        color: var(--color-light-neutral-700);\n    }\n}\n\n.icon {\n    width: 100%;\n    height: 100%;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,wCAAwC,CAAC,aAAa,CAAC,0CAA0C,CAAC,aAAa,CAAC,0CAA0C,CAAC,KAAK,CAAC,kCAAkC,CAAC,OAAO,CAAC,oCAAoC,CAAC,UAAU,CAAC,uCAAuC,CAAC,cAAc,CAAC,2CAA2C,CAAC,OAAO,CAAC,oCAAoC,CAAC,YAAY,CAAC,yCAAyC,CAAC,UAAU,CAAC,uCAAuC,CAAC,UAAU,CAAC,uCAAuC,CAAC,SAAS,CAAC,sCAAsC,CAAC,SAAS,CAAC,sCAAsC,CAAC,SAAS,CAAC,sCAAsC,CAAC,SAAS,CAAC,sCAAsC,CAAC,SAAS,CAAC,sCAAsC,CAAC,kBAAkB,CAAC,+CAA+C,CAAC,gBAAgB,CAAC,6CAA6C,CAAC,UAAU,CAAC,uCAAuC,CAAC,UAAU,CAAC,uCAAuC,CAAC,QAAQ,CAAC,qCAAqC,CAAC,aAAa,CAAC,0CAA0C,CAAC,eAAe,CAAC,4CAA4C,CAAC,eAAe,CAAC,4CAA4C,CAAC,eAAe,CAAC,4CAA4C,CAAC,uBAAuB,CAAC,oDAAoD,CAAC,cAAc,CAAC,2CAA2C,CAAC,gBAAgB,CAAC,6CAA6C,CAAC,MAAM,CAAC,mCAAmC,CAAC;;;;"}