npm - @alfalab/core-components-page-indicator - Versions diffs - 3.0.2-alfasans → 3.0.3 - Mend

@alfalab/core-components-page-indicator 3.0.2-alfasans → 3.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (132) hide show

package/components/bullet/default.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color: var(--color-light-neutral-translucent-300);
     --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
 }
-.page-indicator__element_2kvg0 {
+.page-indicator__element_e3ryn {
     background: var(--page-indicator-color);
 }
-.page-indicator__element_2kvg0.page-indicator__active_2kvg0 {
+.page-indicator__element_e3ryn.page-indicator__active_e3ryn {
         background: var(--page-indicator-active-color);
     }

package/components/bullet/default.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./default.css');
-var defaultColors = {"element":"page-indicator__element_2kvg0","active":"page-indicator__active_2kvg0"};
+var defaultColors = {"element":"page-indicator__element_e3ryn","active":"page-indicator__active_e3ryn"};
 module.exports = defaultColors;
 //# sourceMappingURL=default.module.css.js.map

package/components/bullet/index.css CHANGED Viewed

@@ -5,10 +5,10 @@
     --page-indicator-animation-duration: 0.2s;
     --page-indicator-animation-timing-function: ease-in-out;
 }
-.page-indicator__pageIndicator_6v7vh.page-indicator__bullet_6v7vh {
+.page-indicator__pageIndicator_1b9v5.page-indicator__bullet_1b9v5 {
         overflow: hidden;
     }
-.page-indicator__elementsList_6v7vh {
+.page-indicator__elementsList_1b9v5 {
     margin: 0;
     padding: 0;
     display: flex;
@@ -17,17 +17,17 @@
     transition: transform var(--page-indicator-animation-duration)
         var(--page-indicator-animation-timing-function);
 }
-.page-indicator__element_6v7vh {
+.page-indicator__element_1b9v5 {
     list-style-type: none;
     flex-shrink: 0;
     transition: background var(--page-indicator-animation-duration)
         var(--page-indicator-animation-timing-function);
     border-radius: var(--border-radius-circle);
 }
-.page-indicator__element_6v7vh.page-indicator__entering_6v7vh {
+.page-indicator__element_1b9v5.page-indicator__entering_1b9v5 {
         opacity: 0;
     }
-.page-indicator__element_6v7vh.page-indicator__entered_6v7vh {
+.page-indicator__element_1b9v5.page-indicator__entered_1b9v5 {
         opacity: 1;
         transition:
             background var(--page-indicator-animation-duration)
@@ -35,9 +35,9 @@
             opacity var(--page-indicator-animation-duration)
                 var(--page-indicator-animation-timing-function);
     }
-.page-indicator__element_6v7vh.page-indicator__exiting_6v7vh {
+.page-indicator__element_1b9v5.page-indicator__exiting_1b9v5 {
         opacity: 0;
     }
-.page-indicator__element_6v7vh.page-indicator__exited_6v7vh {
+.page-indicator__element_1b9v5.page-indicator__exited_1b9v5 {
         opacity: 0;
     }

package/components/bullet/index.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./index.css');
-var styles = {"pageIndicator":"page-indicator__pageIndicator_6v7vh","bullet":"page-indicator__bullet_6v7vh","elementsList":"page-indicator__elementsList_6v7vh","element":"page-indicator__element_6v7vh","entering":"page-indicator__entering_6v7vh","entered":"page-indicator__entered_6v7vh","exiting":"page-indicator__exiting_6v7vh","exited":"page-indicator__exited_6v7vh"};
+var styles = {"pageIndicator":"page-indicator__pageIndicator_1b9v5","bullet":"page-indicator__bullet_1b9v5","elementsList":"page-indicator__elementsList_1b9v5","element":"page-indicator__element_1b9v5","entering":"page-indicator__entering_1b9v5","entered":"page-indicator__entered_1b9v5","exiting":"page-indicator__exiting_1b9v5","exited":"page-indicator__exited_1b9v5"};
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/bullet/inverted.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
     --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
 }
-.page-indicator__element_1was4 {
+.page-indicator__element_psio5 {
     background: var(--page-indicator-color-inverted);
 }
-.page-indicator__element_1was4.page-indicator__active_1was4 {
+.page-indicator__element_psio5.page-indicator__active_psio5 {
         background: var(--page-indicator-active-color-inverted);
     }

package/components/bullet/inverted.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./inverted.css');
-var invertedColors = {"element":"page-indicator__element_1was4","active":"page-indicator__active_1was4"};
+var invertedColors = {"element":"page-indicator__element_psio5","active":"page-indicator__active_psio5"};
 module.exports = invertedColors;
 //# sourceMappingURL=inverted.module.css.js.map

package/components/bullet/static-inverted.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
     --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
 }
-.page-indicator__element_1uc6a {
+.page-indicator__element_hggv9 {
     background: var(--page-indicator-color-static-inverted);
 }
-.page-indicator__element_1uc6a.page-indicator__active_1uc6a {
+.page-indicator__element_hggv9.page-indicator__active_hggv9 {
         background: var(--page-indicator-active-color-static-inverted);
     }

package/components/bullet/static-inverted.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./static-inverted.css');
-var staticInvertedColors = {"element":"page-indicator__element_1uc6a","active":"page-indicator__active_1uc6a"};
+var staticInvertedColors = {"element":"page-indicator__element_hggv9","active":"page-indicator__active_hggv9"};
 module.exports = staticInvertedColors;
 //# sourceMappingURL=static-inverted.module.css.js.map

package/components/bullet/static.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color-static: var(--color-static-neutral-translucent-300);
     --page-indicator-active-color-static: var(--color-static-neutral-1300);
 }
-.page-indicator__element_2bwdb {
+.page-indicator__element_2j1m7 {
     background: var(--page-indicator-color-static);
 }
-.page-indicator__element_2bwdb.page-indicator__active_2bwdb {
+.page-indicator__element_2j1m7.page-indicator__active_2j1m7 {
         background: var(--page-indicator-active-color-static);
     }

package/components/bullet/static.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./static.css');
-var staticColors = {"element":"page-indicator__element_2bwdb","active":"page-indicator__active_2bwdb"};
+var staticColors = {"element":"page-indicator__element_2j1m7","active":"page-indicator__active_2j1m7"};
 module.exports = staticColors;
 //# sourceMappingURL=static.module.css.js.map

package/components/bullet/utils/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../src/components/bullet/utils/utils.ts"],"sourcesContent":["const RENDER_ELEMENTS_COUNT = 5;\n\nexport function calcParams(\n size: number,\n gap: number,\n activeElementIndex: number,\n elementsCount: number,\n): [\n height: number,\n width: number,\n offset: number,\n elementSize: (index: number) => number,\n firstVisibleElementIndex: number,\n lastVisibleElementIndex: number,\n] {\n const renderElementsCount = Math.min(elementsCount, RENDER_ELEMENTS_COUNT);\n const firstIndex = 0;\n const lastIndex = elementsCount - 1;\n\n function findFirstVisibleElementIndex(): number {\n const middle = (renderElementsCount - 1) / 2;\n let leadingOffset: number;\n let tailingOffset: number;\n\n if (middle % 1 === 0) {\n leadingOffset = middle;\n tailingOffset = middle;\n } else {\n leadingOffset = Math.floor(middle);\n tailingOffset = Math.ceil(middle);\n }\n\n // rebalance leadingOffset\n const maybeFirstVisibleElementIndex = activeElementIndex - leadingOffset;\n\n if (maybeFirstVisibleElementIndex < firstIndex) {\n leadingOffset -= firstIndex - maybeFirstVisibleElementIndex;\n }\n const maybeLastActiveElementIndex = activeElementIndex + tailingOffset;\n\n if (maybeLastActiveElementIndex > lastIndex) {\n leadingOffset += maybeLastActiveElementIndex - lastIndex;\n }\n\n return activeElementIndex - leadingOffset;\n }\n\n const firstVisibleElementIndex = findFirstVisibleElementIndex();\n const lastVisibleElementIndex = renderElementsCount + firstVisibleElementIndex - 1;\n\n const largeSize = size;\n const middleSize = 0.75 * size;\n const smallSize = 0.5 * size;\n\n // eslint-disable-next-line complexity\n function computeElementSize(_: unknown, index: number): number {\n if (index < firstVisibleElementIndex \|\| index > lastVisibleElementIndex) {\n return smallSize;\n }\n\n if (elementsCount === RENDER_ELEMENTS_COUNT + 1 /* totalCount === 6 /) {\n if (\n (index === firstVisibleElementIndex &&\n !(firstVisibleElementIndex === firstIndex)) \|\|\n (index === lastVisibleElementIndex && !(lastVisibleElementIndex === lastIndex))\n ) {\n return middleSize;\n }\n } else if (elementsCount > RENDER_ELEMENTS_COUNT + 1 / totalCount > 6 /) {\n if (firstVisibleElementIndex === firstIndex) {\n if (!(lastVisibleElementIndex === lastIndex)) {\n if (index === lastVisibleElementIndex) {\n if (activeElementIndex === lastVisibleElementIndex - 1) {\n return middleSize;\n }\n\n return smallSize;\n }\n\n if (index === lastVisibleElementIndex - 1) {\n return middleSize;\n }\n }\n }\n if (lastVisibleElementIndex === lastIndex) {\n if (!(firstVisibleElementIndex === firstIndex)) {\n if (index === firstVisibleElementIndex) {\n if (activeElementIndex === firstVisibleElementIndex + 1) {\n return middleSize;\n }\n\n return smallSize;\n }\n\n if (index === firstVisibleElementIndex + 1) {\n return middleSize;\n }\n }\n }\n\n if (\n (index === firstVisibleElementIndex &&\n !(firstVisibleElementIndex === firstIndex)) \|\|\n (index === lastVisibleElementIndex && !(lastVisibleElementIndex === lastIndex))\n ) {\n return middleSize;\n }\n }\n\n return largeSize;\n }\n const elementSizes = Array.from({ length: elementsCount }, computeElementSize);\n const width = renderElementsCount (largeSize + gap) - gap;\n\n function actualWidth() {\n return elementSizes\n .slice(firstVisibleElementIndex, lastVisibleElementIndex + 1)\n .map((elementSize, index, array) =>\n index === array.length - 1 ? elementSize : elementSize + gap,\n )\n .reduce((a, b) => a + b, 0);\n }\n\n function offset() {\n const extraOffset =\n firstVisibleElementIndex === firstIndex\n ? 0\n : (width - actualWidth()) / (lastVisibleElementIndex === lastIndex ? 1 : 2);\n\n return (\n extraOffset -\n elementSizes\n .slice(firstIndex, firstVisibleElementIndex)\n .map((elementSize) => elementSize + gap)\n .reduce((a, b) => a + b, 0)\n );\n }\n\n function height() {\n return Math.max(size, largeSize, middleSize, smallSize);\n }\n\n return [\n height(),\n width,\n offset(),\n function elementSize(index: number) {\n return elementSizes[index];\n },\n firstVisibleElementIndex,\n lastVisibleElementIndex,\n ];\n}\n"],"names":[],"mappings":";;;;AAAA,IAAM,qBAAqB,GAAG,CAAC;AAEzB,SAAU,UAAU,CACtB,IAAY,EACZ,GAAW,EACX,kBAA0B,EAC1B,aAAqB,EAAA;IASrB,IAAM,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,qBAAqB,CAAC;IAC1E,IAAM,UAAU,GAAG,CAAC;AACpB,IAAA,IAAM,SAAS,GAAG,aAAa,GAAG,CAAC;AAEnC,IAAA,SAAS,4BAA4B,GAAA;QACjC,IAAM,MAAM,GAAG,CAAC,mBAAmB,GAAG,CAAC,IAAI,CAAC;AAC5C,QAAA,IAAI,aAAqB;AACzB,QAAA,IAAI,aAAqB;AAEzB,QAAA,IAAI,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE;YAClB,aAAa,GAAG,MAAM;YACtB,aAAa,GAAG,MAAM;~~AACzB;AAAM,aAAA;~~AACH,YAAA,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;AAClC,YAAA,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC~~;AACpC;;AAGD~~,QAAA,IAAM,6BAA6B,GAAG,kBAAkB,GAAG,aAAa;~~QAExE~~,IAAI,6BAA6B,GAAG,UAAU,EAAE;AAC5C,YAAA,aAAa,IAAI,UAAU,GAAG,6BAA6B~~;AAC9D;AACD~~,QAAA,IAAM,2BAA2B,GAAG,kBAAkB,GAAG,aAAa;~~QAEtE~~,IAAI,2BAA2B,GAAG,SAAS,EAAE;AACzC,YAAA,aAAa,IAAI,2BAA2B,GAAG,SAAS~~;AAC3D;QAED~~,OAAO,kBAAkB,GAAG,aAAa;;AAG7C,IAAA,IAAM,wBAAwB,GAAG,4BAA4B,EAAE;AAC/D,IAAA,IAAM,uBAAuB,GAAG,mBAAmB,GAAG,wBAAwB,GAAG,CAAC;IAElF,IAAM,SAAS,GAAG,IAAI;AACtB,IAAA,IAAM,UAAU,GAAG,IAAI,GAAG,IAAI;AAC9B,IAAA,IAAM,SAAS,GAAG,GAAG,GAAG,IAAI;;AAG5B,IAAA,SAAS,kBAAkB,CAAC,CAAU,EAAE,KAAa,EAAA;~~AACjD~~,~~QAAA,~~IAAI,KAAK,GAAG,wBAAwB,IAAI,KAAK,GAAG,uBAAuB,EAAE;AACrE,YAAA,OAAO,SAAS~~;AACnB;AAED~~,~~QAAA,~~IAAI,aAAa,KAAK,qBAAqB,GAAG,CAAC,yBAAyB;YACpE,IACI,CAAC,KAAK,KAAK,wBAAwB;AAC/B,gBAAA,EAAE,wBAAwB,KAAK,UAAU,CAAC;~~iBAC7C~~,KAAK,KAAK,uBAAuB,IAAI,EAAE,uBAAuB,KAAK,SAAS,CAAC,CAAC,EACjF;AACE,gBAAA,OAAO,UAAU~~;AACpB;AACJ;AAAM~~,~~aAAA,~~IAAI,aAAa,GAAG,qBAAqB,GAAG,CAAC,uBAAuB;~~YACvE~~,IAAI,wBAAwB,KAAK,UAAU,EAAE;AACzC,gBAAA,IAAI,EAAE,uBAAuB,KAAK,SAAS,CAAC,EAAE;~~oBAC1C~~,IAAI,KAAK,KAAK,uBAAuB,EAAE;AACnC,wBAAA,IAAI,kBAAkB,KAAK,uBAAuB,GAAG,CAAC,EAAE;AACpD,4BAAA,OAAO,UAAU~~;AACpB;AAED~~,wBAAA,OAAO,SAAS~~;AACnB;AAED~~,oBAAA,IAAI,KAAK,KAAK,uBAAuB,GAAG,CAAC,EAAE;AACvC,wBAAA,OAAO,UAAU~~;AACpB;AACJ;AACJ;YACD~~,IAAI,uBAAuB,KAAK,SAAS,EAAE;AACvC,gBAAA,IAAI,EAAE,wBAAwB,KAAK,UAAU,CAAC,EAAE;~~oBAC5C~~,IAAI,KAAK,KAAK,wBAAwB,EAAE;AACpC,wBAAA,IAAI,kBAAkB,KAAK,wBAAwB,GAAG,CAAC,EAAE;AACrD,4BAAA,OAAO,UAAU~~;AACpB;AAED~~,wBAAA,OAAO,SAAS~~;AACnB;AAED~~,oBAAA,IAAI,KAAK,KAAK,wBAAwB,GAAG,CAAC,EAAE;AACxC,wBAAA,OAAO,UAAU~~;AACpB;AACJ;AACJ;YAED~~,IACI,CAAC,KAAK,KAAK,wBAAwB;AAC/B,gBAAA,EAAE,wBAAwB,KAAK,UAAU,CAAC;~~iBAC7C~~,KAAK,KAAK,uBAAuB,IAAI,EAAE,uBAAuB,KAAK,SAAS,CAAC,CAAC,EACjF;AACE,gBAAA,OAAO,UAAU~~;AACpB;AACJ;AAED~~,QAAA,OAAO,SAAS;;AAEpB,IAAA,IAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,kBAAkB,CAAC;IAC9E,IAAM,KAAK,GAAG,mBAAmB,IAAI,SAAS,GAAG,GAAG,CAAC,GAAG,GAAG;AAE3D,IAAA,SAAS,WAAW,GAAA;AAChB,QAAA,OAAO;AACF,aAAA,KAAK,CAAC,wBAAwB,EAAE,uBAAuB,GAAG,CAAC;AAC3D,aAAA,GAAG,CAAC,UAAC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAA;AAC3B,YAAA,OAAA,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,WAAW,GAAG,WAAW,GAAG,GAAG;AAA5D,SAA4D;AAE/D,aAAA,MAAM,CAAC,UAAC,CAAC,EAAE,CAAC,EAAK,EAAA,OAAA,CAAC,GAAG,CAAC,CAAL,EAAK,EAAE,CAAC,CAAC;;AAGnC,IAAA,SAAS,MAAM,GAAA;AACX,QAAA,IAAM,WAAW,GACb,wBAAwB,KAAK;AACzB,cAAE;cACA,CAAC,KAAK,GAAG,WAAW,EAAE,KAAK,uBAAuB,KAAK,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC;AAEnF,QAAA,QACI,WAAW;YACX;AACK,iBAAA,KAAK,CAAC,UAAU,EAAE,wBAAwB;iBAC1C,GAAG,CAAC,UAAC,WAAW,EAAK,EAAA,OAAA,WAAW,GAAG,GAAG,CAAjB,EAAiB;AACtC,iBAAA,MAAM,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,GAAG,CAAC,GAAA,EAAE,CAAC,CAAC;;AAIvC,IAAA,SAAS,MAAM,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;;IAG3D,OAAO;AACH,QAAA,MAAM,EAAE;QACR,KAAK;AACL,QAAA,MAAM,EAAE;QACR,SAAS,WAAW,CAAC,KAAa,EAAA;AAC9B,YAAA,OAAO,YAAY,CAAC,KAAK,CAAC;SAC7B;QACD,wBAAwB;QACxB,uBAAuB;KAC1B;AACL;;;;"}
1	+ {"version":3,"file":"utils.js","sources":["../../../src/components/bullet/utils/utils.ts"],"sourcesContent":["const RENDER_ELEMENTS_COUNT = 5;\n\nexport function calcParams(\n size: number,\n gap: number,\n activeElementIndex: number,\n elementsCount: number,\n): [\n height: number,\n width: number,\n offset: number,\n elementSize: (index: number) => number,\n firstVisibleElementIndex: number,\n lastVisibleElementIndex: number,\n] {\n const renderElementsCount = Math.min(elementsCount, RENDER_ELEMENTS_COUNT);\n const firstIndex = 0;\n const lastIndex = elementsCount - 1;\n\n function findFirstVisibleElementIndex(): number {\n const middle = (renderElementsCount - 1) / 2;\n let leadingOffset: number;\n let tailingOffset: number;\n\n if (middle % 1 === 0) {\n leadingOffset = middle;\n tailingOffset = middle;\n } else {\n leadingOffset = Math.floor(middle);\n tailingOffset = Math.ceil(middle);\n }\n\n // rebalance leadingOffset\n const maybeFirstVisibleElementIndex = activeElementIndex - leadingOffset;\n\n if (maybeFirstVisibleElementIndex < firstIndex) {\n leadingOffset -= firstIndex - maybeFirstVisibleElementIndex;\n }\n const maybeLastActiveElementIndex = activeElementIndex + tailingOffset;\n\n if (maybeLastActiveElementIndex > lastIndex) {\n leadingOffset += maybeLastActiveElementIndex - lastIndex;\n }\n\n return activeElementIndex - leadingOffset;\n }\n\n const firstVisibleElementIndex = findFirstVisibleElementIndex();\n const lastVisibleElementIndex = renderElementsCount + firstVisibleElementIndex - 1;\n\n const largeSize = size;\n const middleSize = 0.75 * size;\n const smallSize = 0.5 * size;\n\n // eslint-disable-next-line complexity\n function computeElementSize(_: unknown, index: number): number {\n if (index < firstVisibleElementIndex \|\| index > lastVisibleElementIndex) {\n return smallSize;\n }\n\n if (elementsCount === RENDER_ELEMENTS_COUNT + 1 /* totalCount === 6 /) {\n if (\n (index === firstVisibleElementIndex &&\n !(firstVisibleElementIndex === firstIndex)) \|\|\n (index === lastVisibleElementIndex && !(lastVisibleElementIndex === lastIndex))\n ) {\n return middleSize;\n }\n } else if (elementsCount > RENDER_ELEMENTS_COUNT + 1 / totalCount > 6 /) {\n if (firstVisibleElementIndex === firstIndex) {\n if (!(lastVisibleElementIndex === lastIndex)) {\n if (index === lastVisibleElementIndex) {\n if (activeElementIndex === lastVisibleElementIndex - 1) {\n return middleSize;\n }\n\n return smallSize;\n }\n\n if (index === lastVisibleElementIndex - 1) {\n return middleSize;\n }\n }\n }\n if (lastVisibleElementIndex === lastIndex) {\n if (!(firstVisibleElementIndex === firstIndex)) {\n if (index === firstVisibleElementIndex) {\n if (activeElementIndex === firstVisibleElementIndex + 1) {\n return middleSize;\n }\n\n return smallSize;\n }\n\n if (index === firstVisibleElementIndex + 1) {\n return middleSize;\n }\n }\n }\n\n if (\n (index === firstVisibleElementIndex &&\n !(firstVisibleElementIndex === firstIndex)) \|\|\n (index === lastVisibleElementIndex && !(lastVisibleElementIndex === lastIndex))\n ) {\n return middleSize;\n }\n }\n\n return largeSize;\n }\n const elementSizes = Array.from({ length: elementsCount }, computeElementSize);\n const width = renderElementsCount (largeSize + gap) - gap;\n\n function actualWidth() {\n return elementSizes\n .slice(firstVisibleElementIndex, lastVisibleElementIndex + 1)\n .map((elementSize, index, array) =>\n index === array.length - 1 ? elementSize : elementSize + gap,\n )\n .reduce((a, b) => a + b, 0);\n }\n\n function offset() {\n const extraOffset =\n firstVisibleElementIndex === firstIndex\n ? 0\n : (width - actualWidth()) / (lastVisibleElementIndex === lastIndex ? 1 : 2);\n\n return (\n extraOffset -\n elementSizes\n .slice(firstIndex, firstVisibleElementIndex)\n .map((elementSize) => elementSize + gap)\n .reduce((a, b) => a + b, 0)\n );\n }\n\n function height() {\n return Math.max(size, largeSize, middleSize, smallSize);\n }\n\n return [\n height(),\n width,\n offset(),\n function elementSize(index: number) {\n return elementSizes[index];\n },\n firstVisibleElementIndex,\n lastVisibleElementIndex,\n ];\n}\n"],"names":[],"mappings":"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"}

package/components/dynamic/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../src/components/dynamic/Component.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport cn from 'classnames';\n\nimport {\n hasOwnProperty,\n isFn,\n isNonNullable,\n isNullable,\n noop,\n} from '@alfalab/core-components-shared';\n\nimport { type PageIndicatorDynamicProps } from '../../types';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\nimport staticColors from './static.module.css';\nimport staticInvertedColors from './static-inverted.module.css';\n\nconst colorsStyle = {\n inverted: invertedColors,\n default: defaultColors,\n static: staticColors,\n 'static-inverted': staticInvertedColors,\n} as const;\n\nconst FULL_PROGRESS = 100;\n\nexport const PageIndicatorDynamic: React.FC<PageIndicatorDynamicProps> = (props) => {\n const {\n size: height = 8,\n gap = 8,\n activeElementWidth = height * 7,\n elements: count = 10,\n activeElement: indexFromProps,\n onActiveElementChange,\n defaultActiveElement: defaultIndex = 0,\n active = true,\n duration: durationFromProps = 3000,\n cycle = false,\n colors = 'default',\n } = props;\n const [activeIndex, setActiveIndex] = useState<number \| undefined>(\n indexFromProps ?? defaultIndex,\n );\n const [progress, setProgress] = useState(0);\n const inProgress = progress < FULL_PROGRESS;\n const activeIndexInProps = hasOwnProperty(props, 'activeElement');\n let duration: number;\n\n if (active && isNonNullable(activeIndex) && inProgress) {\n duration = isFn(durationFromProps) ? durationFromProps(activeIndex) : durationFromProps;\n } else {\n duration = -1;\n }\n\n // getDerivedStateFromProps\n if (activeIndexInProps && !(activeIndex === indexFromProps)) {\n setActiveIndex(indexFromProps);\n setProgress(0);\n }\n\n useEffect(() => {\n if (duration === -1) {\n return noop;\n }\n\n const interval = duration / FULL_PROGRESS;\n const timer = setInterval(\n () => setProgress((prevProgress) => Math.min(prevProgress + 1, FULL_PROGRESS)),\n interval,\n );\n\n return () => clearInterval(timer);\n }, [duration]);\n\n useEffect(() => {\n const isLast = activeIndex === count - 1;\n\n if (inProgress \|\| isNullable(activeIndex) \|\| (isLast && !cycle)) {\n return;\n }\n\n const nextActiveIndex = isLast && cycle ? 0 : activeIndex + 1;\n\n onActiveElementChange?.(nextActiveIndex);\n\n if (activeIndexInProps) {\n return;\n }\n\n setActiveIndex(nextActiveIndex);\n setProgress(0);\n }, [activeIndex, activeIndexInProps, count, cycle, inProgress, onActiveElementChange]);\n\n return (\n <ol className={styles.pageIndicator} style={{ height, gap }}>\n {Array.from({ length: count }, (_, index) => {\n const isActive = index === activeIndex;\n const style: React.CSSProperties = {\n width: isActive ? activeElementWidth : height,\n borderRadius: height / 2,\n };\n const progressStyle: React.CSSProperties \| undefined = isActive\n ? { transform: `translateX(${progress - FULL_PROGRESS}%)` }\n : undefined;\n\n return (\n <li\n key={index}\n style={style}\n className={cn(styles.element, colorsStyle[colors].element, {\n [styles.active]: isActive,\n [colorsStyle[colors].active]: isActive,\n })}\n >\n <div\n style={progressStyle}\n className={cn(styles.progress, colorsStyle[colors].progress)}\n />\n </li>\n );\n })}\n </ol>\n );\n};\n"],"names":["invertedColors","defaultColors","staticColors","staticInvertedColors","useState","hasOwnProperty","isNonNullable","isFn","useEffect","noop","isNullable","React","styles","cn"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,IAAM,WAAW,GAAG;AAChB,IAAA,QAAQ,EAAEA,eAAc;AACxB,IAAA,OAAO,EAAEC,cAAa;AACtB,IAAA,MAAM,EAAEC,aAAY;AACpB,IAAA,iBAAiB,EAAEC,qBAAoB;CACjC;AAEV,IAAM,aAAa,GAAG,GAAG;AAElB,IAAM,oBAAoB,GAAwC,UAAC,KAAK,EAAA;IAEvE,IAAA,EAAA,GAWA,KAAK,CAXW,IAAA,EAAV,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,KAAA,EAChB,EAAA,GAUA,KAAK,CAVE,GAAA,EAAP,GAAG,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,KAAA,EACP,EAAA,GASA,KAAK,CAT0B,kBAAA,EAA/B,kBAAkB,GAAG,EAAA,KAAA,MAAA,GAAA,MAAM,GAAG,CAAC,GAAA,EAAA,EAC/B,EAQA,GAAA,KAAK,SARe,EAAV,KAAK,mBAAG,EAAE,GAAA,EAAA,EACL,cAAc,GAO7B,KAAK,CAPwB,aAAA,EAC7B,qBAAqB,GAMrB,KAAK,sBANgB,EACrB,EAAA,GAKA,KAAK,CALiC,oBAAA,EAAhB,YAAY,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,KAAA,EACtC,EAAA,GAIA,KAAK,CAJQ,MAAA,EAAb,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA,EACb,EAAA,GAGA,KAAK,CAH6B,QAAA,EAAxB,iBAAiB,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA,EAClC,EAAA,GAEA,KAAK,CAFQ,KAAA,EAAb,KAAK,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EACb,EAAA,GACA,KAAK,CADa,MAAA,EAAlB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,SAAS,KAAA;AAEhB,IAAA,IAAA,KAAgCC,cAAQ,CAC1C,cAAc,KAAA,IAAA,IAAd,cAAc,KAAd,MAAA,GAAA,cAAc,GAAI,YAAY,CACjC,EAFM,WAAW,QAAA,EAAE,cAAc,QAEjC;IACK,IAAA,EAAA,GAA0BA,cAAQ,CAAC,CAAC,CAAC,EAApC,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,WAAW,GAAA,EAAA,CAAA,CAAA,CAAe;AAC3C,IAAA,IAAM,UAAU,GAAG,QAAQ,GAAG,aAAa;IAC3C,IAAM,kBAAkB,GAAGC,mCAAc,CAAC,KAAK,EAAE,eAAe,CAAC;AACjE,IAAA,IAAI,QAAgB;IAEpB,IAAI,MAAM,IAAIC,kCAAa,CAAC,WAAW,CAAC,IAAI,UAAU,EAAE;AACpD,QAAA,QAAQ,GAAGC,yBAAI,CAAC,iBAAiB,CAAC,GAAG,iBAAiB,CAAC,WAAW,CAAC,GAAG,iBAAiB;~~AAC1F;AAAM,SAAA;~~QACH,QAAQ,GAAG,EAAE~~;AAChB;;IAGD~~,IAAI,kBAAkB,IAAI,EAAE,WAAW,KAAK,cAAc,CAAC,EAAE;QACzD,cAAc,CAAC,cAAc,CAAC;QAC9B,WAAW,CAAC,CAAC,CAAC~~;AACjB;AAED~~,IAAAC,eAAS,CAAC,YAAA;AACN,QAAA,IAAI,QAAQ,KAAK,EAAE,EAAE;AACjB,YAAA,OAAOC,yBAAI~~;AACd;AAED~~,QAAA,IAAM,QAAQ,GAAG,QAAQ,GAAG,aAAa;AACzC,QAAA,IAAM,KAAK,GAAG,WAAW,CACrB,YAAM,EAAA,OAAA,WAAW,CAAC,UAAC,YAAY,EAAK,EAAA,OAAA,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,EAAE,aAAa,CAAC,CAAA,EAAA,CAAC,CAAxE,EAAwE,EAC9E,QAAQ,CACX;QAED,OAAO,YAAA,EAAM,OAAA,aAAa,CAAC,KAAK,CAAC,CAAA,EAAA;AACrC,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEd,IAAAD,eAAS,CAAC,YAAA;AACN,QAAA,IAAM,MAAM,GAAG,WAAW,KAAK,KAAK,GAAG,CAAC;AAExC,QAAA,IAAI,UAAU,IAAIE,+BAAU,CAAC,WAAW,CAAC,KAAK,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE;YAC7D~~;AACH;AAED~~,QAAA,IAAM,eAAe,GAAG,MAAM,IAAI,KAAK,GAAG,CAAC,GAAG,WAAW,GAAG,CAAC;AAE7D,QAAA,qBAAqB,aAArB,qBAAqB,KAAA,MAAA,GAAA,MAAA,GAArB,qBAAqB,CAAG,eAAe,CAAC;~~AAExC~~,~~QAAA,~~IAAI,kBAAkB,EAAE;YACpB~~;AACH;QAED~~,cAAc,CAAC,eAAe,CAAC;QAC/B,WAAW,CAAC,CAAC,CAAC;AAClB,KAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,qBAAqB,CAAC,CAAC;AAEtF,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEC,YAAM,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE,MAAM,QAAA,EAAE,GAAG,EAAA,GAAA,EAAE,EACtD,EAAA,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,EAAA;;AACpC,QAAA,IAAM,QAAQ,GAAG,KAAK,KAAK,WAAW;AACtC,QAAA,IAAM,KAAK,GAAwB;YAC/B,KAAK,EAAE,QAAQ,GAAG,kBAAkB,GAAG,MAAM;YAC7C,YAAY,EAAE,MAAM,GAAG,CAAC;SAC3B;QACD,IAAM,aAAa,GAAoC;cACjD,EAAE,SAAS,EAAE,qBAAc,QAAQ,GAAG,aAAa,EAAA,IAAA,CAAI;cACvD,SAAS;QAEf,QACID,6CACI,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEE,mBAAE,CAACD,YAAM,CAAC,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,GAAA,EAAA,GAAA,EAAA;AACrD,gBAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,QAAQ;AACzB,gBAAA,EAAA,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,IAAG,QAAQ;AACxC,gBAAA,EAAA,EAAA,EAAA;YAEFD,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,aAAa,EACpB,SAAS,EAAEE,mBAAE,CAACD,YAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,EAAA,CAC9D,CACD;KAEZ,CAAC,CACD;AAEb;;;;"}
1	+ {"version":3,"file":"Component.js","sources":["../../src/components/dynamic/Component.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport cn from 'classnames';\n\nimport {\n hasOwnProperty,\n isFn,\n isNonNullable,\n isNullable,\n noop,\n} from '@alfalab/core-components-shared';\n\nimport { type PageIndicatorDynamicProps } from '../../types';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\nimport staticColors from './static.module.css';\nimport staticInvertedColors from './static-inverted.module.css';\n\nconst colorsStyle = {\n inverted: invertedColors,\n default: defaultColors,\n static: staticColors,\n 'static-inverted': staticInvertedColors,\n} as const;\n\nconst FULL_PROGRESS = 100;\n\nexport const PageIndicatorDynamic: React.FC<PageIndicatorDynamicProps> = (props) => {\n const {\n size: height = 8,\n gap = 8,\n activeElementWidth = height * 7,\n elements: count = 10,\n activeElement: indexFromProps,\n onActiveElementChange,\n defaultActiveElement: defaultIndex = 0,\n active = true,\n duration: durationFromProps = 3000,\n cycle = false,\n colors = 'default',\n } = props;\n const [activeIndex, setActiveIndex] = useState<number \| undefined>(\n indexFromProps ?? defaultIndex,\n );\n const [progress, setProgress] = useState(0);\n const inProgress = progress < FULL_PROGRESS;\n const activeIndexInProps = hasOwnProperty(props, 'activeElement');\n let duration: number;\n\n if (active && isNonNullable(activeIndex) && inProgress) {\n duration = isFn(durationFromProps) ? durationFromProps(activeIndex) : durationFromProps;\n } else {\n duration = -1;\n }\n\n // getDerivedStateFromProps\n if (activeIndexInProps && !(activeIndex === indexFromProps)) {\n setActiveIndex(indexFromProps);\n setProgress(0);\n }\n\n useEffect(() => {\n if (duration === -1) {\n return noop;\n }\n\n const interval = duration / FULL_PROGRESS;\n const timer = setInterval(\n () => setProgress((prevProgress) => Math.min(prevProgress + 1, FULL_PROGRESS)),\n interval,\n );\n\n return () => clearInterval(timer);\n }, [duration]);\n\n useEffect(() => {\n const isLast = activeIndex === count - 1;\n\n if (inProgress \|\| isNullable(activeIndex) \|\| (isLast && !cycle)) {\n return;\n }\n\n const nextActiveIndex = isLast && cycle ? 0 : activeIndex + 1;\n\n onActiveElementChange?.(nextActiveIndex);\n\n if (activeIndexInProps) {\n return;\n }\n\n setActiveIndex(nextActiveIndex);\n setProgress(0);\n }, [activeIndex, activeIndexInProps, count, cycle, inProgress, onActiveElementChange]);\n\n return (\n <ol className={styles.pageIndicator} style={{ height, gap }}>\n {Array.from({ length: count }, (_, index) => {\n const isActive = index === activeIndex;\n const style: React.CSSProperties = {\n width: isActive ? activeElementWidth : height,\n borderRadius: height / 2,\n };\n const progressStyle: React.CSSProperties \| undefined = isActive\n ? { transform: `translateX(${progress - FULL_PROGRESS}%)` }\n : undefined;\n\n return (\n <li\n key={index}\n style={style}\n className={cn(styles.element, colorsStyle[colors].element, {\n [styles.active]: isActive,\n [colorsStyle[colors].active]: isActive,\n })}\n >\n <div\n style={progressStyle}\n className={cn(styles.progress, colorsStyle[colors].progress)}\n />\n </li>\n );\n })}\n </ol>\n );\n};\n"],"names":["invertedColors","defaultColors","staticColors","staticInvertedColors","useState","hasOwnProperty","isNonNullable","isFn","useEffect","noop","isNullable","React","styles","cn"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,IAAM,WAAW,GAAG;AAChB,IAAA,QAAQ,EAAEA,eAAc;AACxB,IAAA,OAAO,EAAEC,cAAa;AACtB,IAAA,MAAM,EAAEC,aAAY;AACpB,IAAA,iBAAiB,EAAEC,qBAAoB;CACjC;AAEV,IAAM,aAAa,GAAG,GAAG;AAElB,IAAM,oBAAoB,GAAwC,UAAC,KAAK,EAAA;IAEvE,IAAA,EAAA,GAWA,KAAK,CAXW,IAAA,EAAV,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,KAAA,EAChB,EAAA,GAUA,KAAK,CAVE,GAAA,EAAP,GAAG,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,KAAA,EACP,EAAA,GASA,KAAK,CAT0B,kBAAA,EAA/B,kBAAkB,GAAG,EAAA,KAAA,MAAA,GAAA,MAAM,GAAG,CAAC,GAAA,EAAA,EAC/B,EAQA,GAAA,KAAK,SARe,EAAV,KAAK,mBAAG,EAAE,GAAA,EAAA,EACL,cAAc,GAO7B,KAAK,CAPwB,aAAA,EAC7B,qBAAqB,GAMrB,KAAK,sBANgB,EACrB,EAAA,GAKA,KAAK,CALiC,oBAAA,EAAhB,YAAY,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,KAAA,EACtC,EAAA,GAIA,KAAK,CAJQ,MAAA,EAAb,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA,EACb,EAAA,GAGA,KAAK,CAH6B,QAAA,EAAxB,iBAAiB,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA,EAClC,EAAA,GAEA,KAAK,CAFQ,KAAA,EAAb,KAAK,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EACb,EAAA,GACA,KAAK,CADa,MAAA,EAAlB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,SAAS,KAAA;AAEhB,IAAA,IAAA,KAAgCC,cAAQ,CAC1C,cAAc,KAAA,IAAA,IAAd,cAAc,KAAd,MAAA,GAAA,cAAc,GAAI,YAAY,CACjC,EAFM,WAAW,QAAA,EAAE,cAAc,QAEjC;IACK,IAAA,EAAA,GAA0BA,cAAQ,CAAC,CAAC,CAAC,EAApC,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,WAAW,GAAA,EAAA,CAAA,CAAA,CAAe;AAC3C,IAAA,IAAM,UAAU,GAAG,QAAQ,GAAG,aAAa;IAC3C,IAAM,kBAAkB,GAAGC,mCAAc,CAAC,KAAK,EAAE,eAAe,CAAC;AACjE,IAAA,IAAI,QAAgB;IAEpB,IAAI,MAAM,IAAIC,kCAAa,CAAC,WAAW,CAAC,IAAI,UAAU,EAAE;AACpD,QAAA,QAAQ,GAAGC,yBAAI,CAAC,iBAAiB,CAAC,GAAG,iBAAiB,CAAC,WAAW,CAAC,GAAG,iBAAiB;;SACpF;QACH,QAAQ,GAAG,EAAE;;;IAIjB,IAAI,kBAAkB,IAAI,EAAE,WAAW,KAAK,cAAc,CAAC,EAAE;QACzD,cAAc,CAAC,cAAc,CAAC;QAC9B,WAAW,CAAC,CAAC,CAAC;;AAGlB,IAAAC,eAAS,CAAC,YAAA;AACN,QAAA,IAAI,QAAQ,KAAK,EAAE,EAAE;AACjB,YAAA,OAAOC,yBAAI;;AAGf,QAAA,IAAM,QAAQ,GAAG,QAAQ,GAAG,aAAa;AACzC,QAAA,IAAM,KAAK,GAAG,WAAW,CACrB,YAAM,EAAA,OAAA,WAAW,CAAC,UAAC,YAAY,EAAK,EAAA,OAAA,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,EAAE,aAAa,CAAC,CAAA,EAAA,CAAC,CAAxE,EAAwE,EAC9E,QAAQ,CACX;QAED,OAAO,YAAA,EAAM,OAAA,aAAa,CAAC,KAAK,CAAC,CAAA,EAAA;AACrC,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEd,IAAAD,eAAS,CAAC,YAAA;AACN,QAAA,IAAM,MAAM,GAAG,WAAW,KAAK,KAAK,GAAG,CAAC;AAExC,QAAA,IAAI,UAAU,IAAIE,+BAAU,CAAC,WAAW,CAAC,KAAK,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE;YAC7D;;AAGJ,QAAA,IAAM,eAAe,GAAG,MAAM,IAAI,KAAK,GAAG,CAAC,GAAG,WAAW,GAAG,CAAC;AAE7D,QAAA,qBAAqB,aAArB,qBAAqB,KAAA,MAAA,GAAA,MAAA,GAArB,qBAAqB,CAAG,eAAe,CAAC;QAExC,IAAI,kBAAkB,EAAE;YACpB;;QAGJ,cAAc,CAAC,eAAe,CAAC;QAC/B,WAAW,CAAC,CAAC,CAAC;AAClB,KAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,qBAAqB,CAAC,CAAC;AAEtF,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEC,YAAM,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE,MAAM,QAAA,EAAE,GAAG,EAAA,GAAA,EAAE,EACtD,EAAA,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,EAAA;;AACpC,QAAA,IAAM,QAAQ,GAAG,KAAK,KAAK,WAAW;AACtC,QAAA,IAAM,KAAK,GAAwB;YAC/B,KAAK,EAAE,QAAQ,GAAG,kBAAkB,GAAG,MAAM;YAC7C,YAAY,EAAE,MAAM,GAAG,CAAC;SAC3B;QACD,IAAM,aAAa,GAAoC;cACjD,EAAE,SAAS,EAAE,qBAAc,QAAQ,GAAG,aAAa,EAAA,IAAA,CAAI;cACvD,SAAS;QAEf,QACID,6CACI,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEE,mBAAE,CAACD,YAAM,CAAC,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,GAAA,EAAA,GAAA,EAAA;AACrD,gBAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,QAAQ;AACzB,gBAAA,EAAA,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,IAAG,QAAQ;AACxC,gBAAA,EAAA,EAAA,EAAA;YAEFD,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,aAAa,EACpB,SAAS,EAAEE,mBAAE,CAACD,YAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,EAAA,CAC9D,CACD;KAEZ,CAAC,CACD;AAEb;;;;"}

package/components/dynamic/default.css CHANGED Viewed

@@ -6,11 +6,11 @@
     --page-indicator-color: var(--color-light-neutral-translucent-300);
     --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
 }
-.page-indicator__element_1avcq {
+.page-indicator__element_k9ry7 {
     background: var(--page-indicator-color);
 }
-.page-indicator__element_1avcq.page-indicator__active_1avcq {
-        .page-indicator__progress_1avcq {
+.page-indicator__element_k9ry7.page-indicator__active_k9ry7 {
+        .page-indicator__progress_k9ry7 {
             background: var(--page-indicator-active-color);
         }
     }

package/components/dynamic/default.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./default.css');
-var defaultColors = {"element":"page-indicator__element_1avcq","active":"page-indicator__active_1avcq","progress":"page-indicator__progress_1avcq"};
+var defaultColors = {"element":"page-indicator__element_k9ry7","active":"page-indicator__active_k9ry7","progress":"page-indicator__progress_k9ry7"};
 module.exports = defaultColors;
 //# sourceMappingURL=default.module.css.js.map

package/components/dynamic/index.css CHANGED Viewed

@@ -1,24 +1,24 @@
 :root {
     --page-indicator-animation-duration: 0.2s;
 }
-.page-indicator__pageIndicator_wk65n {
+.page-indicator__pageIndicator_zobdi {
     margin: 0;
     padding: 0;
     display: flex;
 }
-.page-indicator__element_wk65n {
+.page-indicator__element_zobdi {
     list-style-type: none;
     overflow: hidden;
     transition: width var(--page-indicator-animation-duration) linear;
 }
-.page-indicator__element_wk65n:not(.page-indicator__active_wk65n) {
-        .page-indicator__progress_wk65n {
+.page-indicator__element_zobdi:not(.page-indicator__active_zobdi) {
+        .page-indicator__progress_zobdi {
             display: none;
         }
     }
-.page-indicator__element_wk65n {
+.page-indicator__element_zobdi {
-    .page-indicator__progress_wk65n {
+    .page-indicator__progress_zobdi {
         width: 100%;
         height: 100%;
         will-change: transform;

package/components/dynamic/index.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./index.css');
-var styles = {"pageIndicator":"page-indicator__pageIndicator_wk65n","element":"page-indicator__element_wk65n","active":"page-indicator__active_wk65n","progress":"page-indicator__progress_wk65n"};
+var styles = {"pageIndicator":"page-indicator__pageIndicator_zobdi","element":"page-indicator__element_zobdi","active":"page-indicator__active_zobdi","progress":"page-indicator__progress_zobdi"};
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/dynamic/inverted.css CHANGED Viewed

@@ -6,11 +6,11 @@
     --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
     --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
 }
-.page-indicator__element_19h6r {
+.page-indicator__element_qpgvo {
     background: var(--page-indicator-color-inverted);
 }
-.page-indicator__element_19h6r.page-indicator__active_19h6r {
-        .page-indicator__progress_19h6r {
+.page-indicator__element_qpgvo.page-indicator__active_qpgvo {
+        .page-indicator__progress_qpgvo {
             background: var(--page-indicator-active-color-inverted);
         }
     }

package/components/dynamic/inverted.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./inverted.css');
-var invertedColors = {"element":"page-indicator__element_19h6r","active":"page-indicator__active_19h6r","progress":"page-indicator__progress_19h6r"};
+var invertedColors = {"element":"page-indicator__element_qpgvo","active":"page-indicator__active_qpgvo","progress":"page-indicator__progress_qpgvo"};
 module.exports = invertedColors;
 //# sourceMappingURL=inverted.module.css.js.map

package/components/dynamic/static-inverted.css CHANGED Viewed

@@ -6,11 +6,11 @@
     --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
     --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
 }
-.page-indicator__element_m4pes {
+.page-indicator__element_1umjl {
     background: var(--page-indicator-color-static-inverted);
 }
-.page-indicator__element_m4pes.page-indicator__active_m4pes {
-        .page-indicator__progress_m4pes {
+.page-indicator__element_1umjl.page-indicator__active_1umjl {
+        .page-indicator__progress_1umjl {
             background: var(--page-indicator-active-color-static-inverted);
         }
     }

package/components/dynamic/static-inverted.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./static-inverted.css');
-var staticInvertedColors = {"element":"page-indicator__element_m4pes","active":"page-indicator__active_m4pes","progress":"page-indicator__progress_m4pes"};
+var staticInvertedColors = {"element":"page-indicator__element_1umjl","active":"page-indicator__active_1umjl","progress":"page-indicator__progress_1umjl"};
 module.exports = staticInvertedColors;
 //# sourceMappingURL=static-inverted.module.css.js.map

package/components/dynamic/static.css CHANGED Viewed

@@ -6,11 +6,11 @@
     --page-indicator-color-static: var(--color-static-neutral-translucent-300);
     --page-indicator-active-color-static: var(--color-static-neutral-1300);
 }
-.page-indicator__element_1bpn5 {
+.page-indicator__element_1196f {
     background: var(--page-indicator-color-static);
 }
-.page-indicator__element_1bpn5.page-indicator__active_1bpn5 {
-        .page-indicator__progress_1bpn5 {
+.page-indicator__element_1196f.page-indicator__active_1196f {
+        .page-indicator__progress_1196f {
             background: var(--page-indicator-active-color-static);
         }
     }

package/components/dynamic/static.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./static.css');
-var staticColors = {"element":"page-indicator__element_1bpn5","active":"page-indicator__active_1bpn5","progress":"page-indicator__progress_1bpn5"};
+var staticColors = {"element":"page-indicator__element_1196f","active":"page-indicator__active_1196f","progress":"page-indicator__progress_1196f"};
 module.exports = staticColors;
 //# sourceMappingURL=static.module.css.js.map

package/components/runner/default.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color: var(--color-light-neutral-translucent-300);
     --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
 }
-.page-indicator__pageIndicator_1j14a {
+.page-indicator__pageIndicator_1ddtz {
     background: var(--page-indicator-color);
 }
-.page-indicator__element_1j14a {
+.page-indicator__element_1ddtz {
     background: var(--page-indicator-active-color);
 }

package/components/runner/default.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./default.css');
-var defaultColors = {"pageIndicator":"page-indicator__pageIndicator_1j14a","element":"page-indicator__element_1j14a"};
+var defaultColors = {"pageIndicator":"page-indicator__pageIndicator_1ddtz","element":"page-indicator__element_1ddtz"};
 module.exports = defaultColors;
 //# sourceMappingURL=default.module.css.js.map

package/components/runner/index.css CHANGED Viewed

@@ -1,7 +1,7 @@
 :root {
     --page-indicator-animation-duration: 0.2s;
 }
-.page-indicator__element_e7m61 {
+.page-indicator__element_qlc1d {
     transition: transform var(--page-indicator-animation-duration) linear;
     will-change: transition;
 }

package/components/runner/index.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./index.css');
-var styles = {"element":"page-indicator__element_e7m61"};
+var styles = {"element":"page-indicator__element_qlc1d"};
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/runner/inverted.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
     --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
 }
-.page-indicator__pageIndicator_mq24w {
+.page-indicator__pageIndicator_1hqt5 {
     background: var(--page-indicator-color-inverted);
 }
-.page-indicator__element_mq24w {
+.page-indicator__element_1hqt5 {
     background: var(--page-indicator-active-color-inverted);
 }

package/components/runner/inverted.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./inverted.css');
-var invertedColors = {"pageIndicator":"page-indicator__pageIndicator_mq24w","element":"page-indicator__element_mq24w"};
+var invertedColors = {"pageIndicator":"page-indicator__pageIndicator_1hqt5","element":"page-indicator__element_1hqt5"};
 module.exports = invertedColors;
 //# sourceMappingURL=inverted.module.css.js.map

package/components/runner/static-inverted.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
     --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
 }
-.page-indicator__pageIndicator_tnbaj {
+.page-indicator__pageIndicator_43pau {
     background: var(--page-indicator-color-static-inverted);
 }
-.page-indicator__element_tnbaj {
+.page-indicator__element_43pau {
     background: var(--page-indicator-active-color-static-inverted);
 }

package/components/runner/static-inverted.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./static-inverted.css');
-var staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_tnbaj","element":"page-indicator__element_tnbaj"};
+var staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_43pau","element":"page-indicator__element_43pau"};
 module.exports = staticInvertedColors;
 //# sourceMappingURL=static-inverted.module.css.js.map

package/components/runner/static.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color-static: var(--color-static-neutral-translucent-300);
     --page-indicator-active-color-static: var(--color-static-neutral-1300);
 }
-.page-indicator__pageIndicator_1oj88 {
+.page-indicator__pageIndicator_19jfy {
     background: var(--page-indicator-color-static);
 }
-.page-indicator__element_1oj88 {
+.page-indicator__element_19jfy {
     background: var(--page-indicator-active-color-static);
 }

package/components/runner/static.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./static.css');
-var staticColors = {"pageIndicator":"page-indicator__pageIndicator_1oj88","element":"page-indicator__element_1oj88"};
+var staticColors = {"pageIndicator":"page-indicator__pageIndicator_19jfy","element":"page-indicator__element_19jfy"};
 module.exports = staticColors;
 //# sourceMappingURL=static.module.css.js.map

package/components/step/default.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color: var(--color-light-neutral-translucent-300);
     --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
 }
-.page-indicator__element_1z2q9 {
+.page-indicator__element_1ea0d {
     background: var(--page-indicator-color);
 }
-.page-indicator__element_1z2q9.page-indicator__active_1z2q9 {
+.page-indicator__element_1ea0d.page-indicator__active_1ea0d {
         background: var(--page-indicator-active-color);
     }

package/components/step/default.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./default.css');
-var defaultColors = {"element":"page-indicator__element_1z2q9","active":"page-indicator__active_1z2q9"};
+var defaultColors = {"element":"page-indicator__element_1ea0d","active":"page-indicator__active_1ea0d"};
 module.exports = defaultColors;
 //# sourceMappingURL=default.module.css.js.map

package/components/step/index.css CHANGED Viewed

@@ -2,12 +2,12 @@
     --page-indicator-animation-duration: 0.2s;
     --page-indicator-animation-timing-function: ease-in-out;
 }
-.page-indicator__pageIndicator_fzfdy {
+.page-indicator__pageIndicator_1n6uh {
     margin: 0;
     padding: 0;
     display: flex;
 }
-.page-indicator__element_fzfdy {
+.page-indicator__element_1n6uh {
     list-style-type: none;
     flex-grow: 1;
     transition: backgroud var(--page-indicator-animation-duration)

package/components/step/index.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./index.css');
-var styles = {"pageIndicator":"page-indicator__pageIndicator_fzfdy","element":"page-indicator__element_fzfdy"};
+var styles = {"pageIndicator":"page-indicator__pageIndicator_1n6uh","element":"page-indicator__element_1n6uh"};
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/step/inverted.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
     --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
 }
-.page-indicator__element_1kjmk {
+.page-indicator__element_1ebaj {
     background: var(--page-indicator-color-inverted);
 }
-.page-indicator__element_1kjmk.page-indicator__active_1kjmk {
+.page-indicator__element_1ebaj.page-indicator__active_1ebaj {
         background: var(--page-indicator-active-color-inverted);
     }

package/components/step/inverted.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./inverted.css');
-var invertedColors = {"element":"page-indicator__element_1kjmk","active":"page-indicator__active_1kjmk"};
+var invertedColors = {"element":"page-indicator__element_1ebaj","active":"page-indicator__active_1ebaj"};
 module.exports = invertedColors;
 //# sourceMappingURL=inverted.module.css.js.map

package/components/step/static-inverted.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
     --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
 }
-.page-indicator__element_l26kx {
+.page-indicator__element_16rgk {
     background: var(--page-indicator-color-static-inverted);
 }
-.page-indicator__element_l26kx.page-indicator__active_l26kx {
+.page-indicator__element_16rgk.page-indicator__active_16rgk {
         background: var(--page-indicator-active-color-static-inverted);
     }

package/components/step/static-inverted.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./static-inverted.css');
-var staticInvertedColors = {"element":"page-indicator__element_l26kx","active":"page-indicator__active_l26kx"};
+var staticInvertedColors = {"element":"page-indicator__element_16rgk","active":"page-indicator__active_16rgk"};
 module.exports = staticInvertedColors;
 //# sourceMappingURL=static-inverted.module.css.js.map

package/components/step/static.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color-static: var(--color-static-neutral-translucent-300);
     --page-indicator-active-color-static: var(--color-static-neutral-1300);
 }
-.page-indicator__element_16ft1 {
+.page-indicator__element_1c81w {
     background: var(--page-indicator-color-static);
 }
-.page-indicator__element_16ft1.page-indicator__active_16ft1 {
+.page-indicator__element_1c81w.page-indicator__active_1c81w {
         background: var(--page-indicator-active-color-static);
     }

package/components/step/static.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./static.css');
-var staticColors = {"element":"page-indicator__element_16ft1","active":"page-indicator__active_16ft1"};
+var staticColors = {"element":"page-indicator__element_1c81w","active":"page-indicator__active_1c81w"};
 module.exports = staticColors;
 //# sourceMappingURL=static.module.css.js.map