@topvisor/ui 1.5.9 → 1.5.10-colorTableAi.0
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.
- package/.chunks/api-nVBtzTDk.es.amd.js +2 -0
- package/.chunks/api-nVBtzTDk.es.amd.js.map +1 -0
- package/.chunks/{api-lAoAK33f.es.js → api-nVBtzTDk.es.js} +101 -51
- package/.chunks/api-nVBtzTDk.es.js.map +1 -0
- package/.chunks/app-2jFVHyen.es.amd.js +2 -0
- package/.chunks/app-2jFVHyen.es.amd.js.map +1 -0
- package/.chunks/{app-CY6euLQJ.es.js → app-2jFVHyen.es.js} +26 -25
- package/.chunks/{app-CY6euLQJ.es.js.map → app-2jFVHyen.es.js.map} +1 -1
- package/.chunks/{datepicker-CeUbso62.es.amd.js → datepicker-CpnGeB5y.es.amd.js} +2 -2
- package/.chunks/{datepicker-CeUbso62.es.amd.js.map → datepicker-CpnGeB5y.es.amd.js.map} +1 -1
- package/.chunks/{datepicker-CeUbso62.es.js → datepicker-CpnGeB5y.es.js} +2 -2
- package/.chunks/{datepicker-CeUbso62.es.js.map → datepicker-CpnGeB5y.es.js.map} +1 -1
- package/.chunks/{dialog-Cnx_s8X1.es.amd.js → dialog-BKJg54Dh.es.amd.js} +2 -2
- package/.chunks/{dialog-Cnx_s8X1.es.amd.js.map → dialog-BKJg54Dh.es.amd.js.map} +1 -1
- package/.chunks/{dialog-Cnx_s8X1.es.js → dialog-BKJg54Dh.es.js} +3 -3
- package/.chunks/{dialog-Cnx_s8X1.es.js.map → dialog-BKJg54Dh.es.js.map} +1 -1
- package/.chunks/{dialog_regionSelectorRegions-BCEJBT1H.es.amd.js → dialog_regionSelectorRegions-Dq81iORJ.es.amd.js} +2 -2
- package/.chunks/{dialog_regionSelectorRegions-BCEJBT1H.es.amd.js.map → dialog_regionSelectorRegions-Dq81iORJ.es.amd.js.map} +1 -1
- package/.chunks/{dialog_regionSelectorRegions-BCEJBT1H.es.js → dialog_regionSelectorRegions-Dq81iORJ.es.js} +4 -4
- package/.chunks/{dialog_regionSelectorRegions-BCEJBT1H.es.js.map → dialog_regionSelectorRegions-Dq81iORJ.es.js.map} +1 -1
- package/.chunks/forms-CjJD60m3.es.amd.js +2 -0
- package/.chunks/forms-CjJD60m3.es.amd.js.map +1 -0
- package/.chunks/{forms-Ch1q0UUt.es.js → forms-CjJD60m3.es.js} +601 -638
- package/.chunks/forms-CjJD60m3.es.js.map +1 -0
- package/.chunks/formsExt-B9hGGznb.es.amd.js +2 -0
- package/.chunks/formsExt-B9hGGznb.es.amd.js.map +1 -0
- package/.chunks/{formsExt-DtFeVRvE.es.js → formsExt-B9hGGznb.es.js} +110 -111
- package/.chunks/{formsExt-DtFeVRvE.es.js.map → formsExt-B9hGGznb.es.js.map} +1 -1
- package/.chunks/lazy-DQU-hLos.es.js.map +1 -1
- package/.chunks/mocker-h3ROH-VB.es.js.map +1 -1
- package/.chunks/{notice-40E7zRe5.es.amd.js → notice-BSVUBQ4B.es.amd.js} +2 -2
- package/.chunks/{notice-40E7zRe5.es.amd.js.map → notice-BSVUBQ4B.es.amd.js.map} +1 -1
- package/.chunks/{notice-40E7zRe5.es.js → notice-BSVUBQ4B.es.js} +2 -2
- package/.chunks/{notice-40E7zRe5.es.js.map → notice-BSVUBQ4B.es.js.map} +1 -1
- package/.chunks/popup-BoCCkzOM.es.amd.js +2 -0
- package/.chunks/popup-BoCCkzOM.es.amd.js.map +1 -0
- package/.chunks/{popup-l46cef9d.es.js → popup-BoCCkzOM.es.js} +26 -25
- package/.chunks/{popup-l46cef9d.es.js.map → popup-BoCCkzOM.es.js.map} +1 -1
- package/.chunks/{popup-DA17NrM5.es.amd.js → popup-q1PRZblX.es.amd.js} +2 -2
- package/.chunks/{popup-DA17NrM5.es.amd.js.map → popup-q1PRZblX.es.amd.js.map} +1 -1
- package/.chunks/{popup-DA17NrM5.es.js → popup-q1PRZblX.es.js} +3 -3
- package/.chunks/{popup-DA17NrM5.es.js.map → popup-q1PRZblX.es.js.map} +1 -1
- package/.chunks/{utils-C0Y5ido8.es.amd.js → utils-BudW09A0.es.amd.js} +2 -2
- package/.chunks/{utils-C0Y5ido8.es.amd.js.map → utils-BudW09A0.es.amd.js.map} +1 -1
- package/.chunks/{utils-C0Y5ido8.es.js → utils-BudW09A0.es.js} +4 -4
- package/.chunks/{utils-C0Y5ido8.es.js.map → utils-BudW09A0.es.js.map} +1 -1
- package/.chunks/utils-Dy_MqCAH.es.amd.js +2 -0
- package/.chunks/utils-Dy_MqCAH.es.amd.js.map +1 -0
- package/.chunks/{utils-hK-QjvqM.es.js → utils-Dy_MqCAH.es.js} +3 -3
- package/.chunks/{utils-hK-QjvqM.es.js.map → utils-Dy_MqCAH.es.js.map} +1 -1
- package/.chunks/worker-F-Y1IEi2.es.amd.js +2 -0
- package/.chunks/worker-F-Y1IEi2.es.amd.js.map +1 -0
- package/.chunks/{worker-D-5BEVm7.es.js → worker-F-Y1IEi2.es.js} +4 -3
- package/.chunks/{worker-D-5BEVm7.es.js.map → worker-F-Y1IEi2.es.js.map} +1 -1
- package/api/additional.amd.js +1 -1
- package/api/additional.amd.js.map +1 -1
- package/api/additional.js +1 -1
- package/api/index.amd.js +1 -1
- package/api/index.amd.js.map +1 -1
- package/api/index.js +2 -3
- package/assets/themes/dark-th.css +1 -1
- package/assets/themes/dark.css +1 -1
- package/assets/themes/light.css +1 -1
- package/autoload-css-manifest.amd.json +4 -4
- package/autoload-css-manifest.json +4 -4
- package/charts/charts.amd.js +1 -1
- package/charts/charts.amd.js.map +1 -1
- package/charts/charts.js +1 -1
- package/charts/charts.js.map +1 -1
- package/core/app.amd.js +1 -1
- package/core/app.amd.js.map +1 -1
- package/core/app.js +3 -3
- package/dialog/dialog.amd.js +1 -1
- package/dialog/dialog.amd.js.map +1 -1
- package/dialog/dialog.js +2 -2
- package/extra/extra.amd.js +1 -1
- package/extra/extra.amd.js.map +1 -1
- package/extra/extra.js +2 -0
- package/extra/extra.js.map +1 -1
- package/forms/forms.amd.js +1 -1
- package/forms/forms.amd.js.map +1 -1
- package/forms/forms.js +1 -1
- package/formsExt/formsExt.amd.js +1 -1
- package/formsExt/formsExt.amd.js.map +1 -1
- package/formsExt/formsExt.js +1 -1
- package/layout/layout.amd.js +1 -1
- package/layout/layout.amd.js.map +1 -1
- package/layout/layout.js +1 -1
- package/package.json +1 -1
- package/popup/popup.amd.js +1 -1
- package/popup/popup.amd.js.map +1 -1
- package/popup/popup.js +1 -1
- package/popup/worker.amd.js +1 -1
- package/popup/worker.amd.js.map +1 -1
- package/popup/worker.js +1 -1
- package/project/project.amd.js +1 -1
- package/project/project.amd.js.map +1 -1
- package/project/project.js +245 -246
- package/project/project.js.map +1 -1
- package/schedule/schedule.amd.js +1 -1
- package/schedule/schedule.amd.js.map +1 -1
- package/schedule/schedule.js +2 -2
- package/schedule/schedule.js.map +1 -1
- package/tabsView/tabsView.amd.js +1 -1
- package/tabsView/tabsView.amd.js.map +1 -1
- package/tabsView/tabsView.js +2 -2
- package/tabsView/tabsView.js.map +1 -1
- package/utils/clipboard.amd.js +1 -1
- package/utils/clipboard.amd.js.map +1 -1
- package/utils/clipboard.js +1 -1
- package/utils/date.amd.js +1 -1
- package/utils/date.amd.js.map +1 -1
- package/utils/date.js +1 -1
- package/utils/device.amd.js +1 -1
- package/utils/device.amd.js.map +1 -1
- package/utils/device.js +1 -1
- package/utils/dom.amd.js.map +1 -1
- package/utils/dom.js.map +1 -1
- package/utils/lodash.amd.js +1 -1
- package/utils/lodash.amd.js.map +1 -1
- package/utils/lodash.js +1 -1
- package/utils/price.amd.js +1 -1
- package/utils/price.amd.js.map +1 -1
- package/utils/price.js +1 -1
- package/utils/scroll.js.map +1 -1
- package/utils/string.amd.js +1 -1
- package/utils/string.amd.js.map +1 -1
- package/utils/string.js +1 -1
- package/utils/string.js.map +1 -1
- package/utils/system.amd.js.map +1 -1
- package/utils/system.js.map +1 -1
- package/.chunks/api-lAoAK33f.es.amd.js +0 -2
- package/.chunks/api-lAoAK33f.es.amd.js.map +0 -1
- package/.chunks/api-lAoAK33f.es.js.map +0 -1
- package/.chunks/app-CY6euLQJ.es.amd.js +0 -2
- package/.chunks/app-CY6euLQJ.es.amd.js.map +0 -1
- package/.chunks/field-DEusYVqS.es.amd.js +0 -2
- package/.chunks/field-DEusYVqS.es.amd.js.map +0 -1
- package/.chunks/field-DEusYVqS.es.js +0 -16
- package/.chunks/field-DEusYVqS.es.js.map +0 -1
- package/.chunks/forms-Ch1q0UUt.es.amd.js +0 -2
- package/.chunks/forms-Ch1q0UUt.es.amd.js.map +0 -1
- package/.chunks/forms-Ch1q0UUt.es.js.map +0 -1
- package/.chunks/formsExt-DtFeVRvE.es.amd.js +0 -2
- package/.chunks/formsExt-DtFeVRvE.es.amd.js.map +0 -1
- package/.chunks/popup-l46cef9d.es.amd.js +0 -2
- package/.chunks/popup-l46cef9d.es.amd.js.map +0 -1
- package/.chunks/utils-hK-QjvqM.es.amd.js +0 -2
- package/.chunks/utils-hK-QjvqM.es.amd.js.map +0 -1
- package/.chunks/worker-D-5BEVm7.es.amd.js +0 -2
- package/.chunks/worker-D-5BEVm7.es.amd.js.map +0 -1
package/assets/themes/dark.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-theme-0:#000;--color-theme-50:#050815;--color-theme-75:#090a18;--color-theme-100:#0e121b;--color-theme-125:#111722;--color-theme-150:#141c29;--color-theme-175:#172130;--color-theme-200:#1b2637;--color-theme-225:#1e2b3e;--color-theme-250:#223044;--color-theme-260:#25344c;--color-theme-275:#293852;--color-theme-300:#2c3e58;--color-theme-325:#2f4360;--color-theme-350:#324867;--color-theme-360:#364d6d;--color-theme-375:#395175;--color-theme-400:#3d557b;--color-theme-410:#405a82;--color-theme-420:#435f89;--color-theme-430:#47648f;--color-theme-440:#4a6996;--color-theme-450:#4d6e9d;--color-theme-460:#5173a4;--color-theme-465:#5476ab;--color-theme-470:#5b7dae;--color-theme-475:#6281b2;--color-theme-480:#6987b5;--color-theme-485:#708db8;--color-theme-500:#7692bc;--color-theme-550:#7d97bf;--color-theme-575:#849dc2;--color-theme-600:#8aa2c6;--color-theme-625:#92a7c9;--color-theme-650:#98aecd;--color-theme-675:#9fb3d0;--color-theme-700:#a7b9d3;--color-theme-710:#adbed6;--color-theme-725:#b3c3da;--color-theme-750:#bbc9dd;--color-theme-800:#c1cee1;--color-theme-850:#c8d3e4;--color-theme-900:#cfd9e8;--color-theme-925:#d6deeb;--color-theme-950:#dde3ee;--color-theme-955:#e4eaf1;--color-theme-960:#eaeff5;--color-theme-965:#f1f4f8;--color-theme-970:#f9fafb;--color-theme-1000:#fff;--color-white:#fff;--color-black:#000;--color-primary-25:#1f252e;--color-primary-50:#1c2736;--color-primary-100:#18293e;--color-primary-125:#142b48;--color-primary-150:#16355a;--color-primary-200:#183e6d;--color-primary-225:#184781;--color-primary-250:#185095;--color-primary-275:#175aab;--color-primary-300:#1563c1;--color-primary-350:#136bd8;--color-primary-400:#0f74f0;--color-primary-450:#1e7ff6;--color-primary-500:#2d8afb;--color-primary-550:#3d94ff;--color-primary-600:#52a0ff;--color-primary-650:#66abff;--color-primary-700:#7ab6ff;--color-primary-720:#8fc1ff;--color-primary-740:#a3cdff;--color-primary-760:#b8d8ff;--color-primary-780:#c2ddff;--color-primary-800:#cce3ff;--color-primary-825:#d6e9ff;--color-primary-850:#e0eeff;--color-primary-900:#ebf4ff;--color-primary-950:#f5f9ff;--color-positive-25:#111311;--color-positive-50:#131612;--color-positive-100:#141a14;--color-positive-125:#161e15;--color-positive-150:#1c2c1c;--color-positive-200:#223a23;--color-positive-225:#27492b;--color-positive-250:#2c5934;--color-positive-275:#2f6a3e;--color-positive-300:#327b44;--color-positive-350:#348d4b;--color-positive-400:#36a150;--color-positive-450:#36b556;--color-positive-500:#36c95b;--color-positive-550:#41d265;--color-positive-600:#4ddb73;--color-positive-650:#5ae27c;--color-positive-700:#6ce58a;--color-positive-720:#7de898;--color-positive-740:#8eeba5;--color-positive-760:#a0eeb3;--color-positive-780:#b1f1c1;--color-positive-800:#c2f4cf;--color-positive-825:#d8f8e0;--color-positive-850:#e5faea;--color-positive-900:#eefcf1;--color-positive-950:#f6fdf8;--color-warning-25:#3c1f1f;--color-warning-50:#39221b;--color-warning-100:#421b1a;--color-warning-125:#4c2015;--color-warning-150:#5e2517;--color-warning-200:#71321e;--color-warning-225:#7f3d19;--color-warning-250:#9a511a;--color-warning-275:#af6420;--color-warning-300:#c56d1c;--color-warning-350:#dd780c;--color-warning-400:#f08214;--color-warning-450:#f48b1b;--color-warning-500:#fb9632;--color-warning-550:#ffa042;--color-warning-600:#ffab57;--color-warning-650:#ffb56b;--color-warning-700:#ffbf80;--color-warning-720:#ffcb94;--color-warning-740:#ffd7a8;--color-warning-760:#ffdebf;--color-warning-780:#ffe3c7;--color-warning-800:#ffe8cf;--color-warning-825:#ffeddb;--color-warning-850:#fff3e6;--color-warning-900:#fff7f0;--color-warning-950:#fffdfa;--color-negative-25:#2e2229;--color-negative-50:#371f2b;--color-negative-100:#402030;--color-negative-125:#4a1733;--color-negative-150:#5b193a;--color-negative-200:#6e1c2f;--color-negative-225:#8a1c34;--color-negative-250:#9b1d32;--color-negative-275:#ab1a2f;--color-negative-300:#c31a30;--color-negative-350:#d81534;--color-negative-400:#eb1938;--color-negative-450:#f12745;--color-negative-500:#f73652;--color-negative-550:#ff4262;--color-negative-600:#ff576f;--color-negative-650:#ff6b7b;--color-negative-700:#ff8092;--color-negative-720:#ff949f;--color-negative-740:#ffa8b5;--color-negative-760:#ffbfc6;--color-negative-780:#ffc7cf;--color-negative-800:#ffd1d8;--color-negative-825:#ffdde1;--color-negative-850:#ffe5e9;--color-negative-900:#fff0f2;--color-negative-950:#fffafb;--color-info-25:#1e1d2b;--color-info-50:#1c1a32;--color-info-100:#1a173b;--color-info-125:#181344;--color-info-150:#201556;--color-info-200:#2a1769;--color-info-225:#36187c;--color-info-250:#441891;--color-info-275:#5517a6;--color-info-300:#5e15bc;--color-info-350:#6612d3;--color-info-400:#6f0feb;--color-info-450:#7919f5;--color-info-500:#8428fb;--color-info-550:#8f38ff;--color-info-600:#9a4dff;--color-info-650:#a561ff;--color-info-700:#b175ff;--color-info-720:#bc8aff;--color-info-740:#c89eff;--color-info-760:#d4b2ff;--color-info-780:#d9bdff;--color-info-800:#dfc7ff;--color-info-825:#e5d1ff;--color-info-850:#ebdbff;--color-info-900:#f1e5ff;--color-info-950:#f6f0ff;--color-layer-1:#8194b114;--color-layer-2:#8194b124;--color-layer-3:#8194b12e;--color-layer-4:#8194b13d;--color-layer-primary-1:#2d6efb24;--color-layer-primary-2:#2d6efb33;--color-layer-primary-3:#2d6efb4d;--color-layer-primary-4:#2d6efb66;--color-layer-positive-1:#36b55624;--color-layer-positive-2:#36b55633;--color-layer-positive-3:#36b5564d;--color-layer-positive-4:#36b55666;--color-layer-warning-1:#ffa04224;--color-layer-warning-2:#ffa04233;--color-layer-warning-3:#ffa0424d;--color-layer-warning-4:#ffa04266;--color-layer-negative-1:#f7365224;--color-layer-negative-2:#f7365233;--color-layer-negative-3:#f736524d;--color-layer-negative-4:#f7365266;--color-layer-info-1:#a561ff24;--color-layer-info-2:#a561ff33;--color-layer-info-3:#a561ff4d;--color-layer-info-4:#a561ff66;--top-shadow-xs:0px 0px 3px #0000001c, 0px 5px 25px #00000014;--top-shadow-s:0px 0px 3px #0000001c, 0px 5px 25px #0000002b;--top-shadow:0px 0px 4px #00000024, 0px 4px 32px #0003;--top-shadow-m:0px 0px 4px 0px #00000024, 0px 4px 32px 0px #0003;--top-shadow-b:0px 0px 4px #00000026, 0px 18px 32px #00000057;--top-shadow-darken-1:inset 1000px 1000px 1000px 1000px #00000008;--top-shadow-darken-2:inset 1000px 1000px 1000px 1000px #0000001f;--top-shadow-darken-3:inset 1000px 1000px 1000px 1000px #0000001a;--color-bg-preloader:#ffffff03;--color-brand-1:var(--color-primary-700);--color-brand-2:var(--color-primary-740);--color-brand-3:var(--color-primary-800);--color-bg-shading-1:var(--color-theme-200);--color-bg-shading-2:var(--color-theme-175);--color-bg-shading-3:var(--color-theme-150);--color-bg-shading-4:var(--color-theme-125);--color-bg-shading-5:var(--color-theme-100);--color-bg-shading-6:var(--color-theme-50);--color-bg-lightning-1:var(--color-theme-260);--color-bg-primary-1:var(--color-primary-550);--color-bg-primary-2:var(--color-primary-650);--color-bg-primary-3:var(--color-primary-720);--color-bg-positive-1:var(--color-positive-450);--color-bg-positive-2:var(--color-positive-600);--color-bg-positive-3:var(--color-positive-740);--color-bg-warning-1:var(--color-warning-450);--color-bg-warning-2:var(--color-warning-600);--color-bg-warning-3:var(--color-warning-700);--color-bg-negative-1:var(--color-negative-550);--color-bg-negative-2:var(--color-negative-650);--color-bg-negative-3:var(--color-negative-720);--color-bg-info-1:var(--color-info-650);--color-bg-info-2:var(--color-info-720);--color-bg-info-3:var(--color-info-780);--top-panel-background-color:#111722cc;--color-text-1:var(--color-theme-970);--color-text-2:var(--color-theme-750);--color-text-3:var(--color-theme-500);--color-text-4:var(--color-theme-450);--color-text-1-inverse:var(--color-theme-100);--color-text-white:var(--color-white);--color-text-primary:var(--color-primary-550);--color-text-primary-alt:var(--color-primary-650);--color-text-positive:var(--color-positive-450);--color-text-positive-alt:var(--color-positive-600);--color-text-warning:var(--color-warning-450);--color-text-warning-alt:var(--color-warning-650);--color-text-negative:var(--color-negative-550);--color-text-negative-alt:var(--color-negative-650);--color-text-info:var(--color-info-650);--color-text-info-alt:var(--color-info-740);--color-line-1:var(--color-theme-350);--color-line-2:var(--color-theme-400);--color-line-3:var(--color-theme-485);--color-line-4:var(--color-theme-650);--color-line-1-opacity:#c1cbd71a;--color-line-2-opacity:#c1cbd726;--color-line-3-opacity:#c1cbd745;--color-line-primary-1:var(--color-primary-450);--color-line-primary-2:var(--color-primary-600);--color-line-primary-3:var(--color-primary-740);--color-line-primary-1-opacity:#7aa4ff24;--color-line-primary-2-opacity:#7aa4ff47;--color-line-primary-3-opacity:#7aa4ff61;--color-line-positive-1:var(--color-positive-450);--color-line-positive-2:var(--color-positive-600);--color-line-positive-3:var(--color-positive-740);--color-line-positive-1-opacity:#a4e9ab24;--color-line-positive-2-opacity:#a4e9ab47;--color-line-positive-3-opacity:#a4e9ab61;--color-line-warning-1:var(--color-warning-450);--color-line-warning-2:var(--color-warning-600);--color-line-warning-3:var(--color-warning-700);--color-line-warning-1-opacity:#ffbf8024;--color-line-warning-2-opacity:#ffbf8047;--color-line-warning-3-opacity:#ffbf8061;--color-line-negative-1:var(--color-negative-550);--color-line-negative-2:var(--color-negative-650);--color-line-negative-3:var(--color-negative-720);--color-line-negative-1-opacity:#ef879424;--color-line-negative-2-opacity:#ef879447;--color-line-negative-3-opacity:#ef879461;--color-line-info-1:var(--color-info-650);--color-line-info-2:var(--color-info-720);--color-line-info-3:var(--color-info-780);--color-line-info-1-opacity:#a878f724;--color-line-info-2-opacity:#a878f747;--color-line-info-3-opacity:#a878f761;--scroll-track-color:var(--color-theme-225);--scroll-thumb-color:var(--color-theme-300);--scroll-thumb-color-hover:var(--color-theme-450);--scroll-thumb-color-active:var(--color-theme-550);--body-background-color:var(--color-layout-front-1);--content-background-color:var(--color-layout-front-1);--top-forms-option-color:var(--color-primary-550);--top-forms-option-color-hover:var(--color-primary-650);--color-layout-back:var(--color-theme-100);--color-layout-header:var(--color-theme-225);--color-layout-middle:var(--color-theme-125);--color-layout-front-1:var(--color-theme-225);--color-layout-front-2:#222f43;--color-layout-front-3:#253348;--color-layout-front-4:#29374d;--color-layout-front-5:#2c3b52;--color-layout-front-6:#2c3b52;--color-layout-front-primary-1:#202c3f;--color-layout-front-primary-2:#232f41;--color-layout-front-primary-3:#243149;--color-layout-front-primary-4:#243450;--color-layout-front-primary-5:#253758;--color-layout-front-primary-6:#253960;--color-layout-front-positive-1:#202d3d;--color-layout-front-positive-2:#25333b;--color-layout-front-positive-3:#263a3d;--color-layout-front-positive-4:#284140;--color-layout-front-positive-5:#2a4842;--color-layout-front-positive-6:#2b4f44;--color-layout-front-warning-1:#222d3c;--color-layout-front-warning-2:#2b3038;--color-layout-front-warning-3:#343437;--color-layout-front-warning-4:#3c3836;--color-layout-front-warning-5:#453b35;--color-layout-front-warning-6:#4d3f35;--color-layout-front-negative-1:#222b3d;--color-layout-front-negative-2:#2b2c3a;--color-layout-front-negative-3:#342d3b;--color-layout-front-negative-4:#3c2d3c;--color-layout-front-negative-5:#452e3d;--color-layout-front-negative-6:#4d2e3e;--color-layout-front-info-1:#212b3f;--color-layout-front-info-2:#272c41;--color-layout-front-info-3:#2b2c49;--color-layout-front-info-4:#2f2c50;--color-layout-front-info-5:#332b58;--color-layout-front-info-6:#362b60;--color-summary-top-3:#5ba8dc;--color-summary-top-10:#1aad7b;--color-summary-top-30:#4bd2b8;--color-summary-top-50:#68ca63;--color-summary-top-100:#9daaaa;--color-summary-top-10000:#caa549;--color-summary-top-additional-1:var(--color-summary-top-3);--color-summary-top-additional-2:#1a7ead;--color-table-top-1:#435e93;--color-table-top-2:#3f5788;--color-table-top-3:#3b5381;--color-table-top-4:#357550;--color-table-top-5:#336f4e;--color-table-top-6:#326b4d;--color-table-top-7:#31684c;--color-table-top-8:#30624a;--color-table-top-9:#2f5d48;--color-table-top-10:#2d5747;--color-table-move-up-10:#0e6a44;--color-table-move-up-9:#116542;--color-table-move-up-8:#145f40;--color-table-move-up-7:#165a3e;--color-table-move-up-6:#19543c;--color-table-move-up-5:#1b4f3a;--color-table-move-up-4:#1e4938;--color-table-move-up-3:#204335;--color-table-move-up-2:#233e33;--color-table-move-up-1:#263832;--color-table-move-0:#313135;--color-table-move-down-1:#46303f;--color-table-move-down-2:#4f3040;--color-table-move-down-3:#583142;--color-table-move-down-4:#633244;--color-table-move-down-5:#6c3345;--color-table-move-down-6:#723446;--color-table-move-down-7:#793547;--color-table-move-down-8:#823649;--color-table-move-down-9:#8a364a;--color-table-move-down-10:#93374c;--color-table-down:#46303f;--color-table-down-10:#4f3040;--color-table-up:#365344;--color-table-up-10:#2c5145;--color-table-base:var(--color-layout-front-1);--color-table-featured-snippet:#7d7b45;--color-table-empty:var(--color-layout-front-3);--color-table-not_found:#313638;--color-table-dynamic:#826d50;--color-snapshot-panel-gradient-1:#232c4d80;--color-snapshot-panel-gradient-2:#232c4dcc;--color-snippet-title:#a2c2fa;--color-snippet-title-visited:#bc8cf2;--color-snippet-url:#070;--color-table-bg-preloader:#1e2b3e4d}
|
|
1
|
+
:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-theme-0:#000;--color-theme-50:#050815;--color-theme-75:#090a18;--color-theme-100:#0e121b;--color-theme-125:#111722;--color-theme-150:#141c29;--color-theme-175:#172130;--color-theme-200:#1b2637;--color-theme-225:#1e2b3e;--color-theme-250:#223044;--color-theme-260:#25344c;--color-theme-275:#293852;--color-theme-300:#2c3e58;--color-theme-325:#2f4360;--color-theme-350:#324867;--color-theme-360:#364d6d;--color-theme-375:#395175;--color-theme-400:#3d557b;--color-theme-410:#405a82;--color-theme-420:#435f89;--color-theme-430:#47648f;--color-theme-440:#4a6996;--color-theme-450:#4d6e9d;--color-theme-460:#5173a4;--color-theme-465:#5476ab;--color-theme-470:#5b7dae;--color-theme-475:#6281b2;--color-theme-480:#6987b5;--color-theme-485:#708db8;--color-theme-500:#7692bc;--color-theme-550:#7d97bf;--color-theme-575:#849dc2;--color-theme-600:#8aa2c6;--color-theme-625:#92a7c9;--color-theme-650:#98aecd;--color-theme-675:#9fb3d0;--color-theme-700:#a7b9d3;--color-theme-710:#adbed6;--color-theme-725:#b3c3da;--color-theme-750:#bbc9dd;--color-theme-800:#c1cee1;--color-theme-850:#c8d3e4;--color-theme-900:#cfd9e8;--color-theme-925:#d6deeb;--color-theme-950:#dde3ee;--color-theme-955:#e4eaf1;--color-theme-960:#eaeff5;--color-theme-965:#f1f4f8;--color-theme-970:#f9fafb;--color-theme-1000:#fff;--color-white:#fff;--color-black:#000;--color-primary-25:#1f252e;--color-primary-50:#1c2736;--color-primary-100:#18293e;--color-primary-125:#142b48;--color-primary-150:#16355a;--color-primary-200:#183e6d;--color-primary-225:#184781;--color-primary-250:#185095;--color-primary-275:#175aab;--color-primary-300:#1563c1;--color-primary-350:#136bd8;--color-primary-400:#0f74f0;--color-primary-450:#1e7ff6;--color-primary-500:#2d8afb;--color-primary-550:#3d94ff;--color-primary-600:#52a0ff;--color-primary-650:#66abff;--color-primary-700:#7ab6ff;--color-primary-720:#8fc1ff;--color-primary-740:#a3cdff;--color-primary-760:#b8d8ff;--color-primary-780:#c2ddff;--color-primary-800:#cce3ff;--color-primary-825:#d6e9ff;--color-primary-850:#e0eeff;--color-primary-900:#ebf4ff;--color-primary-950:#f5f9ff;--color-positive-25:#111311;--color-positive-50:#131612;--color-positive-100:#141a14;--color-positive-125:#161e15;--color-positive-150:#1c2c1c;--color-positive-200:#223a23;--color-positive-225:#27492b;--color-positive-250:#2c5934;--color-positive-275:#2f6a3e;--color-positive-300:#327b44;--color-positive-350:#348d4b;--color-positive-400:#36a150;--color-positive-450:#36b556;--color-positive-500:#36c95b;--color-positive-550:#41d265;--color-positive-600:#4ddb73;--color-positive-650:#5ae27c;--color-positive-700:#6ce58a;--color-positive-720:#7de898;--color-positive-740:#8eeba5;--color-positive-760:#a0eeb3;--color-positive-780:#b1f1c1;--color-positive-800:#c2f4cf;--color-positive-825:#d8f8e0;--color-positive-850:#e5faea;--color-positive-900:#eefcf1;--color-positive-950:#f6fdf8;--color-warning-25:#3c1f1f;--color-warning-50:#39221b;--color-warning-100:#421b1a;--color-warning-125:#4c2015;--color-warning-150:#5e2517;--color-warning-200:#71321e;--color-warning-225:#7f3d19;--color-warning-250:#9a511a;--color-warning-275:#af6420;--color-warning-300:#c56d1c;--color-warning-350:#dd780c;--color-warning-400:#f08214;--color-warning-450:#f48b1b;--color-warning-500:#fb9632;--color-warning-550:#ffa042;--color-warning-600:#ffab57;--color-warning-650:#ffb56b;--color-warning-700:#ffbf80;--color-warning-720:#ffcb94;--color-warning-740:#ffd7a8;--color-warning-760:#ffdebf;--color-warning-780:#ffe3c7;--color-warning-800:#ffe8cf;--color-warning-825:#ffeddb;--color-warning-850:#fff3e6;--color-warning-900:#fff7f0;--color-warning-950:#fffdfa;--color-negative-25:#2e2229;--color-negative-50:#371f2b;--color-negative-100:#402030;--color-negative-125:#4a1733;--color-negative-150:#5b193a;--color-negative-200:#6e1c2f;--color-negative-225:#8a1c34;--color-negative-250:#9b1d32;--color-negative-275:#ab1a2f;--color-negative-300:#c31a30;--color-negative-350:#d81534;--color-negative-400:#eb1938;--color-negative-450:#f12745;--color-negative-500:#f73652;--color-negative-550:#ff4262;--color-negative-600:#ff576f;--color-negative-650:#ff6b7b;--color-negative-700:#ff8092;--color-negative-720:#ff949f;--color-negative-740:#ffa8b5;--color-negative-760:#ffbfc6;--color-negative-780:#ffc7cf;--color-negative-800:#ffd1d8;--color-negative-825:#ffdde1;--color-negative-850:#ffe5e9;--color-negative-900:#fff0f2;--color-negative-950:#fffafb;--color-info-25:#1e1d2b;--color-info-50:#1c1a32;--color-info-100:#1a173b;--color-info-125:#181344;--color-info-150:#201556;--color-info-200:#2a1769;--color-info-225:#36187c;--color-info-250:#441891;--color-info-275:#5517a6;--color-info-300:#5e15bc;--color-info-350:#6612d3;--color-info-400:#6f0feb;--color-info-450:#7919f5;--color-info-500:#8428fb;--color-info-550:#8f38ff;--color-info-600:#9a4dff;--color-info-650:#a561ff;--color-info-700:#b175ff;--color-info-720:#bc8aff;--color-info-740:#c89eff;--color-info-760:#d4b2ff;--color-info-780:#d9bdff;--color-info-800:#dfc7ff;--color-info-825:#e5d1ff;--color-info-850:#ebdbff;--color-info-900:#f1e5ff;--color-info-950:#f6f0ff;--color-layer-1:#8194b114;--color-layer-2:#8194b124;--color-layer-3:#8194b12e;--color-layer-4:#8194b13d;--color-layer-primary-1:#2d6efb24;--color-layer-primary-2:#2d6efb33;--color-layer-primary-3:#2d6efb4d;--color-layer-primary-4:#2d6efb66;--color-layer-positive-1:#36b55624;--color-layer-positive-2:#36b55633;--color-layer-positive-3:#36b5564d;--color-layer-positive-4:#36b55666;--color-layer-warning-1:#ffa04224;--color-layer-warning-2:#ffa04233;--color-layer-warning-3:#ffa0424d;--color-layer-warning-4:#ffa04266;--color-layer-negative-1:#f7365224;--color-layer-negative-2:#f7365233;--color-layer-negative-3:#f736524d;--color-layer-negative-4:#f7365266;--color-layer-info-1:#a561ff24;--color-layer-info-2:#a561ff33;--color-layer-info-3:#a561ff4d;--color-layer-info-4:#a561ff66;--top-shadow-xs:0px 0px 3px #0000001c, 0px 5px 25px #00000014;--top-shadow-s:0px 0px 3px #0000001c, 0px 5px 25px #0000002b;--top-shadow:0px 0px 4px #00000024, 0px 4px 32px #0003;--top-shadow-m:0px 0px 4px 0px #00000024, 0px 4px 32px 0px #0003;--top-shadow-b:0px 0px 4px #00000026, 0px 18px 32px #00000057;--top-shadow-darken-1:inset 1000px 1000px 1000px 1000px #00000008;--top-shadow-darken-2:inset 1000px 1000px 1000px 1000px #0000001f;--top-shadow-darken-3:inset 1000px 1000px 1000px 1000px #0000001a;--color-bg-preloader:#ffffff03;--color-brand-1:var(--color-primary-700);--color-brand-2:var(--color-primary-740);--color-brand-3:var(--color-primary-800);--color-bg-shading-1:var(--color-theme-200);--color-bg-shading-2:var(--color-theme-175);--color-bg-shading-3:var(--color-theme-150);--color-bg-shading-4:var(--color-theme-125);--color-bg-shading-5:var(--color-theme-100);--color-bg-shading-6:var(--color-theme-50);--color-bg-lightning-1:var(--color-theme-260);--color-bg-primary-1:var(--color-primary-550);--color-bg-primary-2:var(--color-primary-650);--color-bg-primary-3:var(--color-primary-720);--color-bg-positive-1:var(--color-positive-450);--color-bg-positive-2:var(--color-positive-600);--color-bg-positive-3:var(--color-positive-740);--color-bg-warning-1:var(--color-warning-450);--color-bg-warning-2:var(--color-warning-600);--color-bg-warning-3:var(--color-warning-700);--color-bg-negative-1:var(--color-negative-550);--color-bg-negative-2:var(--color-negative-650);--color-bg-negative-3:var(--color-negative-720);--color-bg-info-1:var(--color-info-650);--color-bg-info-2:var(--color-info-720);--color-bg-info-3:var(--color-info-780);--top-panel-background-color:#111722cc;--color-text-1:var(--color-theme-970);--color-text-2:var(--color-theme-750);--color-text-3:var(--color-theme-500);--color-text-4:var(--color-theme-450);--color-text-1-inverse:var(--color-theme-100);--color-text-white:var(--color-white);--color-text-primary:var(--color-primary-550);--color-text-primary-alt:var(--color-primary-650);--color-text-positive:var(--color-positive-450);--color-text-positive-alt:var(--color-positive-600);--color-text-warning:var(--color-warning-450);--color-text-warning-alt:var(--color-warning-650);--color-text-negative:var(--color-negative-550);--color-text-negative-alt:var(--color-negative-650);--color-text-info:var(--color-info-650);--color-text-info-alt:var(--color-info-740);--color-line-1:var(--color-theme-350);--color-line-2:var(--color-theme-400);--color-line-3:var(--color-theme-485);--color-line-4:var(--color-theme-650);--color-line-1-opacity:#c1cbd71a;--color-line-2-opacity:#c1cbd726;--color-line-3-opacity:#c1cbd745;--color-line-primary-1:var(--color-primary-450);--color-line-primary-2:var(--color-primary-600);--color-line-primary-3:var(--color-primary-740);--color-line-primary-1-opacity:#7aa4ff24;--color-line-primary-2-opacity:#7aa4ff47;--color-line-primary-3-opacity:#7aa4ff61;--color-line-positive-1:var(--color-positive-450);--color-line-positive-2:var(--color-positive-600);--color-line-positive-3:var(--color-positive-740);--color-line-positive-1-opacity:#a4e9ab24;--color-line-positive-2-opacity:#a4e9ab47;--color-line-positive-3-opacity:#a4e9ab61;--color-line-warning-1:var(--color-warning-450);--color-line-warning-2:var(--color-warning-600);--color-line-warning-3:var(--color-warning-700);--color-line-warning-1-opacity:#ffbf8024;--color-line-warning-2-opacity:#ffbf8047;--color-line-warning-3-opacity:#ffbf8061;--color-line-negative-1:var(--color-negative-550);--color-line-negative-2:var(--color-negative-650);--color-line-negative-3:var(--color-negative-720);--color-line-negative-1-opacity:#ef879424;--color-line-negative-2-opacity:#ef879447;--color-line-negative-3-opacity:#ef879461;--color-line-info-1:var(--color-info-650);--color-line-info-2:var(--color-info-720);--color-line-info-3:var(--color-info-780);--color-line-info-1-opacity:#a878f724;--color-line-info-2-opacity:#a878f747;--color-line-info-3-opacity:#a878f761;--scroll-track-color:var(--color-theme-225);--scroll-thumb-color:var(--color-theme-300);--scroll-thumb-color-hover:var(--color-theme-450);--scroll-thumb-color-active:var(--color-theme-550);--body-background-color:var(--color-layout-front-1);--content-background-color:var(--color-layout-front-1);--top-forms-option-color:var(--color-primary-550);--top-forms-option-color-hover:var(--color-primary-650);--color-layout-back:var(--color-theme-100);--color-layout-header:var(--color-theme-225);--color-layout-middle:var(--color-theme-125);--color-layout-front-1:var(--color-theme-225);--color-layout-front-2:#222f43;--color-layout-front-3:#253348;--color-layout-front-4:#29374d;--color-layout-front-5:#2c3b52;--color-layout-front-6:#2c3b52;--color-layout-front-primary-1:#202c3f;--color-layout-front-primary-2:#232f41;--color-layout-front-primary-3:#243149;--color-layout-front-primary-4:#243450;--color-layout-front-primary-5:#253758;--color-layout-front-primary-6:#253960;--color-layout-front-positive-1:#202d3d;--color-layout-front-positive-2:#25333b;--color-layout-front-positive-3:#263a3d;--color-layout-front-positive-4:#284140;--color-layout-front-positive-5:#2a4842;--color-layout-front-positive-6:#2b4f44;--color-layout-front-warning-1:#222d3c;--color-layout-front-warning-2:#2b3038;--color-layout-front-warning-3:#343437;--color-layout-front-warning-4:#3c3836;--color-layout-front-warning-5:#453b35;--color-layout-front-warning-6:#4d3f35;--color-layout-front-negative-1:#222b3d;--color-layout-front-negative-2:#2b2c3a;--color-layout-front-negative-3:#342d3b;--color-layout-front-negative-4:#3c2d3c;--color-layout-front-negative-5:#452e3d;--color-layout-front-negative-6:#4d2e3e;--color-layout-front-info-1:#212b3f;--color-layout-front-info-2:#272c41;--color-layout-front-info-3:#2b2c49;--color-layout-front-info-4:#2f2c50;--color-layout-front-info-5:#332b58;--color-layout-front-info-6:#362b60;--color-summary-top-3:#5ba8dc;--color-summary-top-10:#1aad7b;--color-summary-top-30:#4bd2b8;--color-summary-top-50:#68ca63;--color-summary-top-100:#9daaaa;--color-summary-top-10000:#caa549;--color-summary-top-additional-1:var(--color-summary-top-3);--color-summary-top-additional-2:#1a7ead;--color-table-top-1:#435e93;--color-table-top-2:#3f5788;--color-table-top-3:#3b5381;--color-table-top-4:#357550;--color-table-top-5:#336f4e;--color-table-top-6:#326b4d;--color-table-top-7:#31684c;--color-table-top-8:#30624a;--color-table-top-9:#2f5d48;--color-table-top-10:#2d5747;--color-table-move-up-10:#0e6a44;--color-table-move-up-9:#116542;--color-table-move-up-8:#145f40;--color-table-move-up-7:#165a3e;--color-table-move-up-6:#19543c;--color-table-move-up-5:#1b4f3a;--color-table-move-up-4:#1e4938;--color-table-move-up-3:#204335;--color-table-move-up-2:#233e33;--color-table-move-up-1:#263832;--color-table-move-0:#313135;--color-table-move-down-1:#46303f;--color-table-move-down-2:#4f3040;--color-table-move-down-3:#583142;--color-table-move-down-4:#633244;--color-table-move-down-5:#6c3345;--color-table-move-down-6:#723446;--color-table-move-down-7:#793547;--color-table-move-down-8:#823649;--color-table-move-down-9:#8a364a;--color-table-move-down-10:#93374c;--color-table-down:#46303f;--color-table-down-10:#4f3040;--color-table-up:#365344;--color-table-up-10:#2c5145;--color-table-base:var(--color-layout-front-1);--color-table-featured-snippet:#7d7b45;--color-table-empty:var(--color-layout-front-3);--color-table-not_found:#313638;--color-table-dynamic:#826d50;--color-table-ai-overview:var(--color-layout-front-info-6);--color-snapshot-panel-gradient-1:#232c4d80;--color-snapshot-panel-gradient-2:#232c4dcc;--color-snippet-title:#a2c2fa;--color-snippet-title-visited:#bc8cf2;--color-snippet-url:#070;--color-table-bg-preloader:#1e2b3e4d}
|
package/assets/themes/light.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-theme-0:#fff;--color-theme-50:#f9fafb;--color-theme-75:#f6f7f9;--color-theme-100:#f3f4f6;--color-theme-125:#edeff2;--color-theme-150:#e7eaee;--color-theme-175:#e2e5e9;--color-theme-200:#dce0e5;--color-theme-225:#d6dbe1;--color-theme-250:#d0d5dc;--color-theme-260:#cad0d8;--color-theme-275:#c4cbd4;--color-theme-300:#bec5cf;--color-theme-325:#b8c0cb;--color-theme-350:#b3bbc7;--color-theme-360:#adb5c2;--color-theme-375:#a7b0be;--color-theme-400:#a1abba;--color-theme-410:#9ba6b5;--color-theme-420:#95a0b1;--color-theme-430:#8f9bad;--color-theme-440:#8a96a8;--color-theme-450:#8491a4;--color-theme-460:#7e8ba0;--color-theme-465:#78869c;--color-theme-470:#728197;--color-theme-475:#6c7b93;--color-theme-480:#68778d;--color-theme-485:#637287;--color-theme-500:#5f6d81;--color-theme-550:#5b687b;--color-theme-575:#576375;--color-theme-600:#525e70;--color-theme-625:#4e596a;--color-theme-650:#4a5564;--color-theme-675:#454f5e;--color-theme-700:#414a58;--color-theme-710:#3d4552;--color-theme-725:#38404c;--color-theme-750:#343b47;--color-theme-800:#303641;--color-theme-850:#2b323b;--color-theme-900:#272d35;--color-theme-925:#23282f;--color-theme-950:#1e2329;--color-theme-955:#1a1e23;--color-theme-960:#16191d;--color-theme-965:#111318;--color-theme-970:#0d0f12;--color-theme-1000:#000;--color-white:#fff;--color-black:#000;--color-primary-25:#f5f9ff;--color-primary-50:#ebf4ff;--color-primary-100:#d6e9ff;--color-primary-125:#cce3ff;--color-primary-150:#c2ddff;--color-primary-200:#b8d8ff;--color-primary-225:#a3cdff;--color-primary-250:#8fc1ff;--color-primary-275:#7ab6ff;--color-primary-300:#66abff;--color-primary-350:#52a0ff;--color-primary-400:#3d94ff;--color-primary-450:#2d8afb;--color-primary-500:#1e7ff6;--color-primary-550:#0f74f0;--color-primary-600:#136bd8;--color-primary-650:#1563c1;--color-primary-700:#175aab;--color-primary-720:#185095;--color-primary-740:#184781;--color-primary-760:#183e6d;--color-primary-780:#16355a;--color-primary-800:#142b48;--color-primary-825:#18293e;--color-primary-850:#1c2736;--color-primary-900:#1c2736;--color-primary-950:#1f252e;--color-positive-25:#f6fdf8;--color-positive-50:#eefcf1;--color-positive-100:#e5faea;--color-positive-125:#d8f8e0;--color-positive-150:#c2f4cf;--color-positive-200:#b1f1c1;--color-positive-225:#a0eeb3;--color-positive-250:#8eeba5;--color-positive-275:#7de898;--color-positive-300:#6ce58a;--color-positive-350:#5ae27c;--color-positive-400:#4ddb73;--color-positive-450:#41d265;--color-positive-500:#36c95b;--color-positive-550:#36b556;--color-positive-600:#36a150;--color-positive-650:#348d4b;--color-positive-700:#327b44;--color-positive-720:#2f6a3e;--color-positive-740:#2c5934;--color-positive-760:#27492b;--color-positive-780:#223a23;--color-positive-800:#1c2c1c;--color-positive-825:#161e15;--color-positive-850:#141a14;--color-positive-900:#131612;--color-positive-950:#111311;--color-warning-25:#fffdfa;--color-warning-50:#fff7f0;--color-warning-100:#fff3e6;--color-warning-125:#ffeddb;--color-warning-150:#ffe8cf;--color-warning-200:#ffe3c7;--color-warning-225:#ffdebf;--color-warning-250:#ffd7a8;--color-warning-275:#ffcb94;--color-warning-300:#ffbf80;--color-warning-350:#ffb56b;--color-warning-400:#ffab57;--color-warning-450:#ffa042;--color-warning-500:#fb9632;--color-warning-550:#f48b1b;--color-warning-600:#f08214;--color-warning-650:#dd780c;--color-warning-700:#c56d1c;--color-warning-720:#af6420;--color-warning-740:#9a511a;--color-warning-760:#7f3d19;--color-warning-780:#71321e;--color-warning-800:#5e2517;--color-warning-825:#4c2015;--color-warning-850:#421b1a;--color-warning-900:#391f1e;--color-warning-950:#312121;--color-negative-25:snow;--color-negative-50:#fff1f0;--color-negative-100:#ffe6e5;--color-negative-125:#ffdcdb;--color-negative-150:#ffd3d1;--color-negative-200:#ffc9c7;--color-negative-225:#ffbfbd;--color-negative-250:#ffaba8;--color-negative-275:#ff9894;--color-negative-300:#ff8480;--color-negative-350:#ff706b;--color-negative-400:#ff5d57;--color-negative-450:#ff4842;--color-negative-500:#f73c36;--color-negative-550:#f12e27;--color-negative-600:#eb2019;--color-negative-650:#d81e18;--color-negative-700:#c1201a;--color-negative-720:#ab211c;--color-negative-740:#96211d;--color-negative-760:#821f1c;--color-negative-780:#6e1f1c;--color-negative-800:#5b1c1a;--color-negative-825:#4a1917;--color-negative-850:#401d1c;--color-negative-900:#37201f;--color-negative-950:#2f2222;--color-info-25:#fcfaff;--color-info-50:#f9f5ff;--color-info-100:#f6f0ff;--color-info-125:#f1e5ff;--color-info-150:#ebdbff;--color-info-200:#e5d1ff;--color-info-225:#dfc7ff;--color-info-250:#d9bdff;--color-info-275:#d4b2ff;--color-info-300:#c89eff;--color-info-350:#bc8aff;--color-info-400:#b175ff;--color-info-450:#a561ff;--color-info-500:#9a4dff;--color-info-550:#8f38ff;--color-info-600:#8428fb;--color-info-650:#7919f5;--color-info-700:#6f0feb;--color-info-720:#6612d3;--color-info-740:#5e15bc;--color-info-760:#5517a6;--color-info-780:#441891;--color-info-800:#36187c;--color-info-825:#2a1769;--color-info-850:#201556;--color-info-900:#181344;--color-info-950:#1e1d2b;--color-layer-1:#61799e1a;--color-layer-2:#61799e24;--color-layer-3:#61799e2e;--color-layer-4:#61799e3d;--color-layer-primary-1:#2d6efb14;--color-layer-primary-2:#2d6efb1f;--color-layer-primary-3:#2d6efb2e;--color-layer-primary-4:#2d6efb3d;--color-layer-positive-1:#36b55614;--color-layer-positive-2:#36b5561f;--color-layer-positive-3:#36b5562e;--color-layer-positive-4:#36b5563d;--color-layer-warning-1:#f0821414;--color-layer-warning-2:#f082141f;--color-layer-warning-3:#f082142e;--color-layer-warning-4:#f082143d;--color-layer-negative-1:#f12e2714;--color-layer-negative-2:#f12e271f;--color-layer-negative-3:#f12e272e;--color-layer-negative-4:#f12e273d;--color-layer-info-1:#a561ff14;--color-layer-info-2:#a561ff1f;--color-layer-info-3:#a561ff2e;--color-layer-info-4:#a561ff3d;--top-shadow-xs:0px 0px 3px #7090b012, 0px 5px 25px #7090b00f;--top-shadow-s:0px 0px 3px #7090b012, 0px 5px 25px #7090b01f;--top-shadow:0px 0px 4px #04095414, 0px 4px 32px #0409541a;--top-shadow-m:0px 0px 4px 0px #04095414, 0px 4px 32px 0px #0409541a;--top-shadow-b:0px 0px 4px #04245414, 0px 18px 32px #0419542e;--top-shadow-darken-1:inset 1000px 1000px 1000px 1000px #00000008;--top-shadow-darken-2:inset 1000px 1000px 1000px 1000px #00000017;--top-shadow-darken-3:inset 1000px 1000px 1000px 1000px #0000002e;--color-bg-preloader:#ffffff03;--color-brand-1:var(--color-primary-500);--color-brand-2:var(--color-primary-600);--color-brand-3:var(--color-primary-720);--color-bg-shading-1:var(--color-theme-50);--color-bg-shading-2:var(--color-theme-100);--color-bg-shading-3:var(--color-theme-125);--color-bg-shading-4:var(--color-theme-150);--color-bg-shading-5:var(--color-theme-175);--color-bg-shading-6:var(--color-theme-200);--color-bg-lightning-1:var(--color-theme-0);--color-bg-primary-1:var(--color-primary-500);--color-bg-primary-2:var(--color-primary-600);--color-bg-primary-3:var(--color-primary-720);--color-bg-positive-1:var(--color-positive-500);--color-bg-positive-2:var(--color-positive-700);--color-bg-positive-3:var(--color-positive-760);--color-bg-warning-1:var(--color-warning-500);--color-bg-warning-2:var(--color-warning-600);--color-bg-warning-3:var(--color-warning-720);--color-bg-negative-1:var(--color-negative-500);--color-bg-negative-2:var(--color-negative-650);--color-bg-negative-3:var(--color-negative-720);--color-bg-info-1:var(--color-info-500);--color-bg-info-2:var(--color-info-650);--color-bg-info-3:var(--color-info-720);--top-panel-background-color:#fffc;--color-text-1:var(--color-theme-850);--color-text-2:var(--color-theme-600);--color-text-3:var(--color-theme-450);--color-text-4:var(--color-theme-300);--color-text-1-inverse:var(--color-theme-0);--color-text-white:var(--color-white);--color-text-primary:var(--color-primary-550);--color-text-primary-alt:var(--color-primary-700);--color-text-positive:var(--color-positive-550);--color-text-positive-alt:var(--color-positive-700);--color-text-warning:var(--color-warning-550);--color-text-warning-alt:var(--color-warning-700);--color-text-negative:var(--color-negative-550);--color-text-negative-alt:var(--color-negative-700);--color-text-info:var(--color-info-550);--color-text-info-alt:var(--color-info-700);--color-line-1:var(--color-theme-200);--color-line-2:var(--color-theme-250);--color-line-3:var(--color-theme-375);--color-line-4:var(--color-theme-470);--color-line-1-opacity:#0e418e1a;--color-line-2-opacity:#0e418e30;--color-line-3-opacity:#0e418e63;--color-line-primary-1:var(--color-primary-500);--color-line-primary-2:var(--color-primary-650);--color-line-primary-3:var(--color-primary-720);--color-line-primary-1-opacity:#0f56f024;--color-line-primary-2-opacity:#0f56f047;--color-line-primary-3-opacity:#0f56f061;--color-line-positive-1:var(--color-positive-550);--color-line-positive-2:var(--color-positive-600);--color-line-positive-3:var(--color-positive-720);--color-line-positive-1-opacity:#36a15024;--color-line-positive-2-opacity:#36a15047;--color-line-positive-3-opacity:#36a15061;--color-line-warning-1:var(--color-warning-600);--color-line-warning-2:var(--color-warning-700);--color-line-warning-3:var(--color-warning-740);--color-line-warning-1-opacity:#fb963224;--color-line-warning-2-opacity:#fb963247;--color-line-warning-3-opacity:#fb963261;--color-line-negative-1:var(--color-negative-550);--color-line-negative-2:var(--color-negative-700);--color-line-negative-3:var(--color-negative-740);--color-line-negative-1-opacity:#f73c3624;--color-line-negative-2-opacity:#f73c3647;--color-line-negative-3-opacity:#f73c3661;--color-line-info-1:var(--color-info-500);--color-line-info-2:var(--color-info-550);--color-line-info-3:var(--color-info-600);--color-line-info-1-opacity:#7a2ff224;--color-line-info-2-opacity:#7a2ff247;--color-line-info-3-opacity:#7a2ff261;--scroll-track-color:var(--color-theme-225);--scroll-thumb-color:var(--color-theme-300);--scroll-thumb-color-hover:var(--color-theme-450);--scroll-thumb-color-active:var(--color-theme-550);--body-background-color:var(--color-layout-front-1);--content-background-color:var(--color-layout-front-1);--top-forms-option-color:var(--color-primary-500);--top-forms-option-color-hover:var(--color-primary-600);--color-layout-back:var(--color-theme-200);--color-layout-header:var(--color-theme-0);--color-layout-middle:var(--color-theme-125);--color-layout-front-1:var(--color-theme-0);--color-layout-front-2:#fcfcfd;--color-layout-front-3:#f6f6f8;--color-layout-front-4:#ebedf1;--color-layout-front-5:#e2e5ea;--color-layout-front-6:#d8dce2;--color-layout-front-primary-1:#fff;--color-layout-front-primary-2:#f7f9ff;--color-layout-front-primary-3:#eef3ff;--color-layout-front-primary-4:#e6eeff;--color-layout-front-primary-5:#dde8fe;--color-layout-front-primary-6:#d5e2fe;--color-layout-front-positive-1:#fff;--color-layout-front-positive-2:#f8fef9;--color-layout-front-positive-3:#f1fcf4;--color-layout-front-positive-4:#eafbef;--color-layout-front-positive-5:#e3f9e8;--color-layout-front-positive-6:#dbf8e3;--color-layout-front-warning-1:#fff;--color-layout-front-warning-2:#fffbf7;--color-layout-front-warning-3:#fff7f0;--color-layout-front-warning-4:#fff4e8;--color-layout-front-warning-5:#fff0e1;--color-layout-front-warning-6:#ffecda;--color-layout-front-negative-1:#fff;--color-layout-front-negative-2:#fff7f8;--color-layout-front-negative-3:#fef0f1;--color-layout-front-negative-4:#fee7e9;--color-layout-front-negative-5:#fedfe3;--color-layout-front-negative-6:#fdd7dc;--color-layout-front-info-1:#fff;--color-layout-front-info-2:#faf6ff;--color-layout-front-info-3:#f5eeff;--color-layout-front-info-4:#f0e5ff;--color-layout-front-info-5:#ebdbfe;--color-layout-front-info-6:#e6d4fe;--color-summary-top-3:#3198dd;--color-summary-top-10:#21936c;--color-summary-top-30:#1abc9c;--color-summary-top-50:#94da90;--color-summary-top-100:#bcc8c8;--color-summary-top-10000:#fcc53b;--color-summary-top-additional-1:var(--color-summary-top-3);--color-summary-top-additional-2:#216b93;--color-table-top-1:#b3d2ff;--color-table-top-2:#cce0ff;--color-table-top-3:#cce0ff;--color-table-top-4:#8af3b7;--color-table-top-5:#98f5c1;--color-table-top-6:#a2f7c8;--color-table-top-7:#acf9ce;--color-table-top-8:#b6fbd5;--color-table-top-9:#bffddb;--color-table-top-10:#ccffe4;--color-table-move-up-10:#8af3b7;--color-table-move-up-9:#8af3b7;--color-table-move-up-8:#a2f7c8;--color-table-move-up-7:#a2f7c8;--color-table-move-up-6:#b6fbd5;--color-table-move-up-5:#b6fbd5;--color-table-move-up-4:#bffddb;--color-table-move-up-3:#bffddb;--color-table-move-up-2:#ccffe4;--color-table-move-up-1:#ccffe4;--color-table-move-0:#fcfefd;--color-table-move-down-1:#fff1f0;--color-table-move-down-2:#fff1f0;--color-table-move-down-3:#fff1f0;--color-table-move-down-4:#fff1f0;--color-table-move-down-5:#ffe7e6;--color-table-move-down-6:#ffe7e6;--color-table-move-down-7:#ffe7e6;--color-table-move-down-8:#ffd5d4;--color-table-move-down-9:#ffd5d4;--color-table-move-down-10:#ffd5d4;--color-table-down:#fff1f0;--color-table-up:#eefff6;--color-table-down-10:#ffe7e6;--color-table-up-10:#deffee;--color-table-base:var(--color-layout-front-1);--color-table-featured-snippet:#f6f2a0;--color-table-empty:var(--color-layout-front-3);--color-table-not_found:#fff6c6;--color-table-dynamic:#ffe5b7;--color-snapshot-panel-gradient-1:#ffffff80;--color-snapshot-panel-gradient-2:#fffc;--color-snippet-title:#1a0dab;--color-snippet-title-visited:#609;--color-snippet-url:#070;--color-table-bg-preloader:#ffffff4d}
|
|
1
|
+
:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-theme-0:#fff;--color-theme-50:#f9fafb;--color-theme-75:#f6f7f9;--color-theme-100:#f3f4f6;--color-theme-125:#edeff2;--color-theme-150:#e7eaee;--color-theme-175:#e2e5e9;--color-theme-200:#dce0e5;--color-theme-225:#d6dbe1;--color-theme-250:#d0d5dc;--color-theme-260:#cad0d8;--color-theme-275:#c4cbd4;--color-theme-300:#bec5cf;--color-theme-325:#b8c0cb;--color-theme-350:#b3bbc7;--color-theme-360:#adb5c2;--color-theme-375:#a7b0be;--color-theme-400:#a1abba;--color-theme-410:#9ba6b5;--color-theme-420:#95a0b1;--color-theme-430:#8f9bad;--color-theme-440:#8a96a8;--color-theme-450:#8491a4;--color-theme-460:#7e8ba0;--color-theme-465:#78869c;--color-theme-470:#728197;--color-theme-475:#6c7b93;--color-theme-480:#68778d;--color-theme-485:#637287;--color-theme-500:#5f6d81;--color-theme-550:#5b687b;--color-theme-575:#576375;--color-theme-600:#525e70;--color-theme-625:#4e596a;--color-theme-650:#4a5564;--color-theme-675:#454f5e;--color-theme-700:#414a58;--color-theme-710:#3d4552;--color-theme-725:#38404c;--color-theme-750:#343b47;--color-theme-800:#303641;--color-theme-850:#2b323b;--color-theme-900:#272d35;--color-theme-925:#23282f;--color-theme-950:#1e2329;--color-theme-955:#1a1e23;--color-theme-960:#16191d;--color-theme-965:#111318;--color-theme-970:#0d0f12;--color-theme-1000:#000;--color-white:#fff;--color-black:#000;--color-primary-25:#f5f9ff;--color-primary-50:#ebf4ff;--color-primary-100:#d6e9ff;--color-primary-125:#cce3ff;--color-primary-150:#c2ddff;--color-primary-200:#b8d8ff;--color-primary-225:#a3cdff;--color-primary-250:#8fc1ff;--color-primary-275:#7ab6ff;--color-primary-300:#66abff;--color-primary-350:#52a0ff;--color-primary-400:#3d94ff;--color-primary-450:#2d8afb;--color-primary-500:#1e7ff6;--color-primary-550:#0f74f0;--color-primary-600:#136bd8;--color-primary-650:#1563c1;--color-primary-700:#175aab;--color-primary-720:#185095;--color-primary-740:#184781;--color-primary-760:#183e6d;--color-primary-780:#16355a;--color-primary-800:#142b48;--color-primary-825:#18293e;--color-primary-850:#1c2736;--color-primary-900:#1c2736;--color-primary-950:#1f252e;--color-positive-25:#f6fdf8;--color-positive-50:#eefcf1;--color-positive-100:#e5faea;--color-positive-125:#d8f8e0;--color-positive-150:#c2f4cf;--color-positive-200:#b1f1c1;--color-positive-225:#a0eeb3;--color-positive-250:#8eeba5;--color-positive-275:#7de898;--color-positive-300:#6ce58a;--color-positive-350:#5ae27c;--color-positive-400:#4ddb73;--color-positive-450:#41d265;--color-positive-500:#36c95b;--color-positive-550:#36b556;--color-positive-600:#36a150;--color-positive-650:#348d4b;--color-positive-700:#327b44;--color-positive-720:#2f6a3e;--color-positive-740:#2c5934;--color-positive-760:#27492b;--color-positive-780:#223a23;--color-positive-800:#1c2c1c;--color-positive-825:#161e15;--color-positive-850:#141a14;--color-positive-900:#131612;--color-positive-950:#111311;--color-warning-25:#fffdfa;--color-warning-50:#fff7f0;--color-warning-100:#fff3e6;--color-warning-125:#ffeddb;--color-warning-150:#ffe8cf;--color-warning-200:#ffe3c7;--color-warning-225:#ffdebf;--color-warning-250:#ffd7a8;--color-warning-275:#ffcb94;--color-warning-300:#ffbf80;--color-warning-350:#ffb56b;--color-warning-400:#ffab57;--color-warning-450:#ffa042;--color-warning-500:#fb9632;--color-warning-550:#f48b1b;--color-warning-600:#f08214;--color-warning-650:#dd780c;--color-warning-700:#c56d1c;--color-warning-720:#af6420;--color-warning-740:#9a511a;--color-warning-760:#7f3d19;--color-warning-780:#71321e;--color-warning-800:#5e2517;--color-warning-825:#4c2015;--color-warning-850:#421b1a;--color-warning-900:#391f1e;--color-warning-950:#312121;--color-negative-25:snow;--color-negative-50:#fff1f0;--color-negative-100:#ffe6e5;--color-negative-125:#ffdcdb;--color-negative-150:#ffd3d1;--color-negative-200:#ffc9c7;--color-negative-225:#ffbfbd;--color-negative-250:#ffaba8;--color-negative-275:#ff9894;--color-negative-300:#ff8480;--color-negative-350:#ff706b;--color-negative-400:#ff5d57;--color-negative-450:#ff4842;--color-negative-500:#f73c36;--color-negative-550:#f12e27;--color-negative-600:#eb2019;--color-negative-650:#d81e18;--color-negative-700:#c1201a;--color-negative-720:#ab211c;--color-negative-740:#96211d;--color-negative-760:#821f1c;--color-negative-780:#6e1f1c;--color-negative-800:#5b1c1a;--color-negative-825:#4a1917;--color-negative-850:#401d1c;--color-negative-900:#37201f;--color-negative-950:#2f2222;--color-info-25:#fcfaff;--color-info-50:#f9f5ff;--color-info-100:#f6f0ff;--color-info-125:#f1e5ff;--color-info-150:#ebdbff;--color-info-200:#e5d1ff;--color-info-225:#dfc7ff;--color-info-250:#d9bdff;--color-info-275:#d4b2ff;--color-info-300:#c89eff;--color-info-350:#bc8aff;--color-info-400:#b175ff;--color-info-450:#a561ff;--color-info-500:#9a4dff;--color-info-550:#8f38ff;--color-info-600:#8428fb;--color-info-650:#7919f5;--color-info-700:#6f0feb;--color-info-720:#6612d3;--color-info-740:#5e15bc;--color-info-760:#5517a6;--color-info-780:#441891;--color-info-800:#36187c;--color-info-825:#2a1769;--color-info-850:#201556;--color-info-900:#181344;--color-info-950:#1e1d2b;--color-layer-1:#61799e1a;--color-layer-2:#61799e24;--color-layer-3:#61799e2e;--color-layer-4:#61799e3d;--color-layer-primary-1:#2d6efb14;--color-layer-primary-2:#2d6efb1f;--color-layer-primary-3:#2d6efb2e;--color-layer-primary-4:#2d6efb3d;--color-layer-positive-1:#36b55614;--color-layer-positive-2:#36b5561f;--color-layer-positive-3:#36b5562e;--color-layer-positive-4:#36b5563d;--color-layer-warning-1:#f0821414;--color-layer-warning-2:#f082141f;--color-layer-warning-3:#f082142e;--color-layer-warning-4:#f082143d;--color-layer-negative-1:#f12e2714;--color-layer-negative-2:#f12e271f;--color-layer-negative-3:#f12e272e;--color-layer-negative-4:#f12e273d;--color-layer-info-1:#a561ff14;--color-layer-info-2:#a561ff1f;--color-layer-info-3:#a561ff2e;--color-layer-info-4:#a561ff3d;--top-shadow-xs:0px 0px 3px #7090b012, 0px 5px 25px #7090b00f;--top-shadow-s:0px 0px 3px #7090b012, 0px 5px 25px #7090b01f;--top-shadow:0px 0px 4px #04095414, 0px 4px 32px #0409541a;--top-shadow-m:0px 0px 4px 0px #04095414, 0px 4px 32px 0px #0409541a;--top-shadow-b:0px 0px 4px #04245414, 0px 18px 32px #0419542e;--top-shadow-darken-1:inset 1000px 1000px 1000px 1000px #00000008;--top-shadow-darken-2:inset 1000px 1000px 1000px 1000px #00000017;--top-shadow-darken-3:inset 1000px 1000px 1000px 1000px #0000002e;--color-bg-preloader:#ffffff03;--color-brand-1:var(--color-primary-500);--color-brand-2:var(--color-primary-600);--color-brand-3:var(--color-primary-720);--color-bg-shading-1:var(--color-theme-50);--color-bg-shading-2:var(--color-theme-100);--color-bg-shading-3:var(--color-theme-125);--color-bg-shading-4:var(--color-theme-150);--color-bg-shading-5:var(--color-theme-175);--color-bg-shading-6:var(--color-theme-200);--color-bg-lightning-1:var(--color-theme-0);--color-bg-primary-1:var(--color-primary-500);--color-bg-primary-2:var(--color-primary-600);--color-bg-primary-3:var(--color-primary-720);--color-bg-positive-1:var(--color-positive-500);--color-bg-positive-2:var(--color-positive-700);--color-bg-positive-3:var(--color-positive-760);--color-bg-warning-1:var(--color-warning-500);--color-bg-warning-2:var(--color-warning-600);--color-bg-warning-3:var(--color-warning-720);--color-bg-negative-1:var(--color-negative-500);--color-bg-negative-2:var(--color-negative-650);--color-bg-negative-3:var(--color-negative-720);--color-bg-info-1:var(--color-info-500);--color-bg-info-2:var(--color-info-650);--color-bg-info-3:var(--color-info-720);--top-panel-background-color:#fffc;--color-text-1:var(--color-theme-850);--color-text-2:var(--color-theme-600);--color-text-3:var(--color-theme-450);--color-text-4:var(--color-theme-300);--color-text-1-inverse:var(--color-theme-0);--color-text-white:var(--color-white);--color-text-primary:var(--color-primary-550);--color-text-primary-alt:var(--color-primary-700);--color-text-positive:var(--color-positive-550);--color-text-positive-alt:var(--color-positive-700);--color-text-warning:var(--color-warning-550);--color-text-warning-alt:var(--color-warning-700);--color-text-negative:var(--color-negative-550);--color-text-negative-alt:var(--color-negative-700);--color-text-info:var(--color-info-550);--color-text-info-alt:var(--color-info-700);--color-line-1:var(--color-theme-200);--color-line-2:var(--color-theme-250);--color-line-3:var(--color-theme-375);--color-line-4:var(--color-theme-470);--color-line-1-opacity:#0e418e1a;--color-line-2-opacity:#0e418e30;--color-line-3-opacity:#0e418e63;--color-line-primary-1:var(--color-primary-500);--color-line-primary-2:var(--color-primary-650);--color-line-primary-3:var(--color-primary-720);--color-line-primary-1-opacity:#0f56f024;--color-line-primary-2-opacity:#0f56f047;--color-line-primary-3-opacity:#0f56f061;--color-line-positive-1:var(--color-positive-550);--color-line-positive-2:var(--color-positive-600);--color-line-positive-3:var(--color-positive-720);--color-line-positive-1-opacity:#36a15024;--color-line-positive-2-opacity:#36a15047;--color-line-positive-3-opacity:#36a15061;--color-line-warning-1:var(--color-warning-600);--color-line-warning-2:var(--color-warning-700);--color-line-warning-3:var(--color-warning-740);--color-line-warning-1-opacity:#fb963224;--color-line-warning-2-opacity:#fb963247;--color-line-warning-3-opacity:#fb963261;--color-line-negative-1:var(--color-negative-550);--color-line-negative-2:var(--color-negative-700);--color-line-negative-3:var(--color-negative-740);--color-line-negative-1-opacity:#f73c3624;--color-line-negative-2-opacity:#f73c3647;--color-line-negative-3-opacity:#f73c3661;--color-line-info-1:var(--color-info-500);--color-line-info-2:var(--color-info-550);--color-line-info-3:var(--color-info-600);--color-line-info-1-opacity:#7a2ff224;--color-line-info-2-opacity:#7a2ff247;--color-line-info-3-opacity:#7a2ff261;--scroll-track-color:var(--color-theme-225);--scroll-thumb-color:var(--color-theme-300);--scroll-thumb-color-hover:var(--color-theme-450);--scroll-thumb-color-active:var(--color-theme-550);--body-background-color:var(--color-layout-front-1);--content-background-color:var(--color-layout-front-1);--top-forms-option-color:var(--color-primary-500);--top-forms-option-color-hover:var(--color-primary-600);--color-layout-back:var(--color-theme-200);--color-layout-header:var(--color-theme-0);--color-layout-middle:var(--color-theme-125);--color-layout-front-1:var(--color-theme-0);--color-layout-front-2:#fcfcfd;--color-layout-front-3:#f6f6f8;--color-layout-front-4:#ebedf1;--color-layout-front-5:#e2e5ea;--color-layout-front-6:#d8dce2;--color-layout-front-primary-1:#fff;--color-layout-front-primary-2:#f7f9ff;--color-layout-front-primary-3:#eef3ff;--color-layout-front-primary-4:#e6eeff;--color-layout-front-primary-5:#dde8fe;--color-layout-front-primary-6:#d5e2fe;--color-layout-front-positive-1:#fff;--color-layout-front-positive-2:#f8fef9;--color-layout-front-positive-3:#f1fcf4;--color-layout-front-positive-4:#eafbef;--color-layout-front-positive-5:#e3f9e8;--color-layout-front-positive-6:#dbf8e3;--color-layout-front-warning-1:#fff;--color-layout-front-warning-2:#fffbf7;--color-layout-front-warning-3:#fff7f0;--color-layout-front-warning-4:#fff4e8;--color-layout-front-warning-5:#fff0e1;--color-layout-front-warning-6:#ffecda;--color-layout-front-negative-1:#fff;--color-layout-front-negative-2:#fff7f8;--color-layout-front-negative-3:#fef0f1;--color-layout-front-negative-4:#fee7e9;--color-layout-front-negative-5:#fedfe3;--color-layout-front-negative-6:#fdd7dc;--color-layout-front-info-1:#fff;--color-layout-front-info-2:#faf6ff;--color-layout-front-info-3:#f5eeff;--color-layout-front-info-4:#f0e5ff;--color-layout-front-info-5:#ebdbfe;--color-layout-front-info-6:#e6d4fe;--color-summary-top-3:#3198dd;--color-summary-top-10:#21936c;--color-summary-top-30:#1abc9c;--color-summary-top-50:#94da90;--color-summary-top-100:#bcc8c8;--color-summary-top-10000:#fcc53b;--color-summary-top-additional-1:var(--color-summary-top-3);--color-summary-top-additional-2:#216b93;--color-table-top-1:#b3d2ff;--color-table-top-2:#cce0ff;--color-table-top-3:#cce0ff;--color-table-top-4:#8af3b7;--color-table-top-5:#98f5c1;--color-table-top-6:#a2f7c8;--color-table-top-7:#acf9ce;--color-table-top-8:#b6fbd5;--color-table-top-9:#bffddb;--color-table-top-10:#ccffe4;--color-table-move-up-10:#8af3b7;--color-table-move-up-9:#8af3b7;--color-table-move-up-8:#a2f7c8;--color-table-move-up-7:#a2f7c8;--color-table-move-up-6:#b6fbd5;--color-table-move-up-5:#b6fbd5;--color-table-move-up-4:#bffddb;--color-table-move-up-3:#bffddb;--color-table-move-up-2:#ccffe4;--color-table-move-up-1:#ccffe4;--color-table-move-0:#fcfefd;--color-table-move-down-1:#fff1f0;--color-table-move-down-2:#fff1f0;--color-table-move-down-3:#fff1f0;--color-table-move-down-4:#fff1f0;--color-table-move-down-5:#ffe7e6;--color-table-move-down-6:#ffe7e6;--color-table-move-down-7:#ffe7e6;--color-table-move-down-8:#ffd5d4;--color-table-move-down-9:#ffd5d4;--color-table-move-down-10:#ffd5d4;--color-table-down:#fff1f0;--color-table-up:#eefff6;--color-table-down-10:#ffe7e6;--color-table-up-10:#deffee;--color-table-base:var(--color-layout-front-1);--color-table-featured-snippet:#f6f2a0;--color-table-empty:var(--color-layout-front-3);--color-table-not_found:#fff6c6;--color-table-dynamic:#ffe5b7;--color-table-ai-overview:var(--color-layout-front-info-6);--color-snapshot-panel-gradient-1:#ffffff80;--color-snapshot-panel-gradient-2:#fffc;--color-snippet-title:#1a0dab;--color-snippet-title-visited:#609;--color-snippet-url:#070;--color-table-bg-preloader:#ffffff4d}
|
|
@@ -69,16 +69,16 @@
|
|
|
69
69
|
"tabsView/tabsView.amd.js": [
|
|
70
70
|
"../assets/tabsView.css"
|
|
71
71
|
],
|
|
72
|
-
".chunks/dialog_regionSelectorRegions-
|
|
72
|
+
".chunks/dialog_regionSelectorRegions-Dq81iORJ.es.amd.js": [
|
|
73
73
|
"../assets/dialog_regionSelectorRegions.css"
|
|
74
74
|
],
|
|
75
|
-
".chunks/formsExt-
|
|
75
|
+
".chunks/formsExt-B9hGGznb.es.amd.js": [
|
|
76
76
|
"../assets/formsExt.css"
|
|
77
77
|
],
|
|
78
|
-
".chunks/notice-
|
|
78
|
+
".chunks/notice-BSVUBQ4B.es.amd.js": [
|
|
79
79
|
"../assets/notice.css"
|
|
80
80
|
],
|
|
81
|
-
".chunks/popup-
|
|
81
|
+
".chunks/popup-q1PRZblX.es.amd.js": [
|
|
82
82
|
"../assets/popup.css"
|
|
83
83
|
]
|
|
84
84
|
}
|
|
@@ -80,16 +80,16 @@
|
|
|
80
80
|
"tabsView/tabsView.js": [
|
|
81
81
|
"../assets/tabsView.css"
|
|
82
82
|
],
|
|
83
|
-
".chunks/dialog_regionSelectorRegions-
|
|
83
|
+
".chunks/dialog_regionSelectorRegions-Dq81iORJ.es.js": [
|
|
84
84
|
"../assets/dialog_regionSelectorRegions.css"
|
|
85
85
|
],
|
|
86
|
-
".chunks/formsExt-
|
|
86
|
+
".chunks/formsExt-B9hGGznb.es.js": [
|
|
87
87
|
"../assets/formsExt.css"
|
|
88
88
|
],
|
|
89
|
-
".chunks/notice-
|
|
89
|
+
".chunks/notice-BSVUBQ4B.es.js": [
|
|
90
90
|
"../assets/notice.css"
|
|
91
91
|
],
|
|
92
|
-
".chunks/popup-
|
|
92
|
+
".chunks/popup-q1PRZblX.es.js": [
|
|
93
93
|
"../assets/popup.css"
|
|
94
94
|
]
|
|
95
95
|
}
|
package/charts/charts.amd.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define([`require`,`exports`,`../.chunks/forms-
|
|
1
|
+
define([`require`,`exports`,`../.chunks/forms-CjJD60m3.es.amd`,`../utils/number.amd`,`vue`,`../require/css.amd!../assets/charts.css`],function(e,t,n,r,i){"use strict";if(a===void 0)var a=window.Vue;Object.defineProperty(t,"__esModule",{value:!0}),t.TopMiniCharts=t.TopMiniChart=void 0;var o=[`data-top-icon`],s={class:`top-miniChart_chart`},c=[`onMouseenter`],l={class:`top-miniChart_data`},u={class:`top-miniChart_dataValue`},d=[`innerHTML`],f=(0,i.defineComponent)({__name:`miniChart`,props:(0,i.mergeModels)({title:{},gIcon:{},color:{default:`blue`},dates:{},values:{},activeDates:{},keysForDyn:{},dynamic:{},isInvert:{type:Boolean},numberCols:{default:90},additionalHTML:{},modelValue:{},valueSuffix:{},hideChartInMobile:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let t=e,a=(0,i.useModel)(e,`modelValue`),f=e=>{let n=m.value;t.isInvert&&(--e,--n);let r=n>0?Math.round(e/n*90):0;return t.isInvert?100-r:r+10},p=e=>t.activeDates.includes(e),m=(0,i.computed)(()=>Math.max(...t.values)),h=(0,i.computed)(()=>t.dates.slice().reverse()),g=(0,i.computed)(()=>t.dates.length?t.numberCols-t.dates.length:0),_=()=>{a.value=null},v=(e,r,i)=>{e.target instanceof HTMLElement&&(a.value={elCol:e.target,date:(0,n._)(r),value:i===null?`--`:i+(t.valueSuffix??``)})},y=(0,i.computed)(()=>{let e=t.dynamic;if(e===void 0){let n=t.values[t.keysForDyn.start];e=t.values[t.keysForDyn.end]-n}return(e<0?-1:1)*(0,r.percentOfNumber)(Math.abs(e))}),b=(0,i.computed)(()=>{let e=`stay`;return t.isInvert?(y.value>0&&(e=`down`),y.value<0&&(e=`up`)):(y.value>0&&(e=`up`),y.value<0&&(e=`down`)),e});return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:(0,i.normalizeClass)({"top-miniChart":!0,"top-miniChart_hideChartInMobile":e.hideChartInMobile,[`top-color_${e.color}`]:!0})},[(0,i.createElementVNode)(`div`,{class:`top-miniChart_title top-ellipsis`,"data-top-icon":e.gIcon},(0,i.toDisplayString)(e.title),9,o),(0,i.createElementVNode)(`div`,s,[(0,i.createElementVNode)(`div`,{class:`top-miniChart_chartGrid`,onMouseleave:n[1]||=e=>_()},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(h.value,(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:(0,i.normalizeClass)({"top-miniChart_chartGridCol":!0,"top-active":p(t)}),onMouseenter:r=>v(r,t,e.values[e.values.length-n-1])},[(0,i.createElementVNode)(`div`,{style:(0,i.normalizeStyle)(`height:`+f(e.values[e.values.length-n-1])+`%`)},null,4)],42,c))),256)),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(g.value,()=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:`top-miniChart_chartGridCol top-miniChart_chartGridCol-none`,onMouseenter:n[0]||=e=>_()},[...n[2]||=[(0,i.createElementVNode)(`div`,null,null,-1)]],32))),256))],32)]),(0,i.createElementVNode)(`div`,l,[(0,i.createElementVNode)(`span`,{class:(0,i.normalizeClass)({"top-miniChart_dataDynamic":!0,[`top-miniChart_dataDynamic-direction_${b.value}`]:!0})},(0,i.toDisplayString)(Math.abs(y.value)||``),3),(0,i.createElementVNode)(`span`,u,(0,i.toDisplayString)((0,i.unref)(r.percentOfNumber)(e.values[e.values.length-1])||0),1)]),e.additionalHTML?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,innerHTML:e.additionalHTML},null,8,d)):(0,i.createCommentVNode)(``,!0)],2))}}),p={key:0,class:`top-miniCharts_pages`},m=[`onClick`],h=(0,i.defineComponent)({__name:`miniCharts`,props:(0,i.mergeModels)({modelValue:{},countCharts:{},hideChartInMobile:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let t=e,n=(0,i.useModel)(e,`modelValue`),r=(0,i.ref)(null),a,o=(0,i.ref)(1),s=(0,i.ref)(1),c=()=>{o.value=Math.round(r.value.scrollHeight/r.value.clientHeight)};(0,i.watch)(o,()=>{o.value<s.value&&(s.value=1)}),(0,i.watch)(()=>t.countCharts,()=>c(),{flush:`post`});let l=(0,i.computed)(()=>{if(!n.value)return{};let e=n.value.elCol.getBoundingClientRect(),t={top:e.bottom+window.scrollY+`px`};return document.documentElement.clientWidth/2>e.right?t.left=e.right+window.scrollX+10+`px`:(t.left=e.left+window.scrollX-10+`px`,t.transform=`translate(-100%, 0)`),t});return(0,i.onMounted)(()=>{a=new ResizeObserver(()=>c()),a.observe(r.value),(0,i.watch)(s,()=>{let e=(r.value.children[0].clientHeight+parseInt(window.getComputedStyle(r.value).getPropertyValue(`row-gap`)))*(s.value-1);r.value.scrollTo({top:e,behavior:`smooth`})})}),(0,i.onUnmounted)(()=>{a.disconnect()}),(t,a)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:(0,i.normalizeClass)([`top-miniCharts`,{"top-miniCharts":!0,scrollable:o.value>1,"top-miniCharts_hideChartInMobile":e.hideChartInMobile}]),ref_key:`elRef`,ref:r},[(0,i.renderSlot)(t.$slots,`default`),o.value>1?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,p,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(o.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{class:(0,i.normalizeClass)({"top-active":e===s.value}),onClick:t=>s.value=e},null,10,m))),256))])):(0,i.createCommentVNode)(``,!0),((0,i.openBlock)(),(0,i.createBlock)(i.Teleport,{to:`body`},[n.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,class:`top-miniCharts_tooltip`,style:(0,i.normalizeStyle)(l.value)},[(0,i.createElementVNode)(`span`,null,(0,i.toDisplayString)(n.value.date),1),(0,i.createElementVNode)(`span`,null,(0,i.toDisplayString)(n.value.value),1)],4)):(0,i.createCommentVNode)(``,!0)]))],2))}});t.TopMiniChart=f,t.TopMiniCharts=h});
|
|
2
2
|
//# sourceMappingURL=charts.amd.js.map
|
package/charts/charts.amd.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["charts/charts.js","../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/miniCharts/miniCharts.vue"],"names":["vue","exports","C","w","T","E","D","O","k","vue_1","a","r","l","u","t","n","g","v","S","forms_Ch1q0UUt_es_js_1","A","number_js_1","j","e","M","b"],"mappings":"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","sourcesContent":["define([\"require\", \"exports\", \"../.chunks/forms-Ch1q0UUt.es.js\", \"../utils/number.js\", \"vue\"], function (require, exports, forms_Ch1q0UUt_es_js_1, number_js_1, vue_1) {\n \"use strict\";\n Object.defineProperty(exports, \"__esModule\", { value: true });\n exports.TopMiniCharts = exports.TopMiniChart = void 0;\n //#region src/components/charts/miniChart/miniChart.vue?vue&type=script&setup=true&lang.ts\n var C = [\"data-top-icon\"], w = { class: \"top-miniChart_chart\" }, T = [\"onMouseenter\"], E = { class: \"top-miniChart_data\" }, D = { class: \"top-miniChart_dataValue\" }, O = [\"innerHTML\"], k = /* @__PURE__ */ (0, vue_1.defineComponent)({\n __name: \"miniChart\",\n props: /*@__PURE__*/ (0, vue_1.mergeModels)({\n title: {},\n gIcon: {},\n color: { default: \"blue\" },\n dates: {},\n values: {},\n activeDates: {},\n keysForDyn: {},\n dynamic: {},\n isInvert: { type: Boolean },\n numberCols: { default: 90 },\n additionalHTML: {},\n modelValue: {},\n valueSuffix: {},\n hideChartInMobile: { type: Boolean }\n }, {\n modelValue: {},\n modelModifiers: {}\n }),\n emits: [\"update:modelValue\"],\n setup(r) {\n let a = r, l = (0, vue_1.useModel)(r, \"modelValue\"), u = (e) => {\n let t = m.value;\n a.isInvert && (--e, --t);\n let n = t > 0 ? Math.round(e / t * 90) : 0;\n return a.isInvert ? 100 - n : n + 10;\n }, p = (e) => a.activeDates.includes(e), m = (0, vue_1.computed)(() => Math.max(...a.values)), g = (0, vue_1.computed)(() => a.dates.slice().reverse()), v = (0, vue_1.computed)(() => a.dates.length ? a.numberCols - a.dates.length : 0), S = () => {\n l.value = null;\n }, k = (t, n, r) => {\n t.target instanceof HTMLElement && (l.value = {\n elCol: t.target,\n date: (0, forms_Ch1q0UUt_es_js_1._)(n),\n value: r === null ? \"--\" : r + (a.valueSuffix ?? \"\")\n });\n }, A = (0, vue_1.computed)(() => {\n let e = a.dynamic;\n if (e === void 0) {\n let t = a.values[a.keysForDyn.start];\n e = a.values[a.keysForDyn.end] - t;\n }\n return (e < 0 ? -1 : 1) * (0, number_js_1.percentOfNumber)(Math.abs(e));\n }), j = (0, vue_1.computed)(() => {\n let e = \"stay\";\n return a.isInvert ? (A.value > 0 && (e = \"down\"), A.value < 0 && (e = \"up\")) : (A.value > 0 && (e = \"up\"), A.value < 0 && (e = \"down\")), e;\n });\n return (e, i) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", { class: (0, vue_1.normalizeClass)({\n \"top-miniChart\": !0,\n \"top-miniChart_hideChartInMobile\": r.hideChartInMobile,\n [`top-color_${r.color}`]: !0\n }) }, [\n (0, vue_1.createElementVNode)(\"div\", {\n class: \"top-miniChart_title top-ellipsis\",\n \"data-top-icon\": r.gIcon\n }, (0, vue_1.toDisplayString)(r.title), 9, C),\n (0, vue_1.createElementVNode)(\"div\", w, [(0, vue_1.createElementVNode)(\"div\", {\n class: \"top-miniChart_chartGrid\",\n onMouseleave: i[1] ||= (e) => S()\n }, [((0, vue_1.openBlock)(!0), (0, vue_1.createElementBlock)(vue_1.Fragment, null, (0, vue_1.renderList)(g.value, (e, t) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n class: (0, vue_1.normalizeClass)({\n \"top-miniChart_chartGridCol\": !0,\n \"top-active\": p(e)\n }),\n onMouseenter: (n) => k(n, e, r.values[r.values.length - t - 1])\n }, [(0, vue_1.createElementVNode)(\"div\", { style: (0, vue_1.normalizeStyle)(\"height:\" + u(r.values[r.values.length - t - 1]) + \"%\") }, null, 4)], 42, T))), 256)), ((0, vue_1.openBlock)(!0), (0, vue_1.createElementBlock)(vue_1.Fragment, null, (0, vue_1.renderList)(v.value, () => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n class: \"top-miniChart_chartGridCol top-miniChart_chartGridCol-none\",\n onMouseenter: i[0] ||= (e) => S()\n }, [...i[2] ||= [(0, vue_1.createElementVNode)(\"div\", null, null, -1)]], 32))), 256))], 32)]),\n (0, vue_1.createElementVNode)(\"div\", E, [(0, vue_1.createElementVNode)(\"span\", { class: (0, vue_1.normalizeClass)({\n \"top-miniChart_dataDynamic\": !0,\n [`top-miniChart_dataDynamic-direction_${j.value}`]: !0\n }) }, (0, vue_1.toDisplayString)(Math.abs(A.value) || \"\"), 3), (0, vue_1.createElementVNode)(\"span\", D, (0, vue_1.toDisplayString)((0, vue_1.unref)(number_js_1.percentOfNumber)(r.values[r.values.length - 1]) || 0), 1)]),\n r.additionalHTML ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n key: 0,\n innerHTML: r.additionalHTML\n }, null, 8, O)) : (0, vue_1.createCommentVNode)(\"\", !0)\n ], 2));\n }\n }), A = {\n key: 0,\n class: \"top-miniCharts_pages\"\n }, j = [\"onClick\"], M = /* @__PURE__ */ (0, vue_1.defineComponent)({\n __name: \"miniCharts\",\n props: /*@__PURE__*/ (0, vue_1.mergeModels)({\n modelValue: {},\n countCharts: {},\n hideChartInMobile: { type: Boolean }\n }, {\n modelValue: {},\n modelModifiers: {}\n }),\n emits: [\"update:modelValue\"],\n setup(e) {\n let t = e, l = (0, vue_1.useModel)(e, \"modelValue\"), u = (0, vue_1.ref)(null), b, C = (0, vue_1.ref)(1), w = (0, vue_1.ref)(1), T = () => {\n C.value = Math.round(u.value.scrollHeight / u.value.clientHeight);\n };\n (0, vue_1.watch)(C, () => {\n C.value < w.value && (w.value = 1);\n }), (0, vue_1.watch)(() => t.countCharts, () => T(), { flush: \"post\" });\n let E = (0, vue_1.computed)(() => {\n if (!l.value)\n return {};\n let e = l.value.elCol.getBoundingClientRect(), t = { top: e.bottom + window.scrollY + \"px\" };\n return document.documentElement.clientWidth / 2 > e.right ? t.left = e.right + window.scrollX + 10 + \"px\" : (t.left = e.left + window.scrollX - 10 + \"px\", t.transform = \"translate(-100%, 0)\"), t;\n });\n return (0, vue_1.onMounted)(() => {\n b = new ResizeObserver(() => T()), b.observe(u.value), (0, vue_1.watch)(w, () => {\n let e = (u.value.children[0].clientHeight + parseInt(window.getComputedStyle(u.value).getPropertyValue(\"row-gap\"))) * (w.value - 1);\n u.value.scrollTo({\n top: e,\n behavior: \"smooth\"\n });\n });\n }), (0, vue_1.onUnmounted)(() => {\n b.disconnect();\n }), (t, i) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n class: (0, vue_1.normalizeClass)([\"top-miniCharts\", {\n \"top-miniCharts\": !0,\n scrollable: C.value > 1,\n \"top-miniCharts_hideChartInMobile\": e.hideChartInMobile\n }]),\n ref_key: \"elRef\",\n ref: u\n }, [\n (0, vue_1.renderSlot)(t.$slots, \"default\"),\n C.value > 1 ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", A, [((0, vue_1.openBlock)(!0), (0, vue_1.createElementBlock)(vue_1.Fragment, null, (0, vue_1.renderList)(C.value, (e) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"span\", {\n class: (0, vue_1.normalizeClass)({ \"top-active\": e === w.value }),\n onClick: (t) => w.value = e\n }, null, 10, j))), 256))])) : (0, vue_1.createCommentVNode)(\"\", !0),\n ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(vue_1.Teleport, { to: \"body\" }, [l.value ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n key: 0,\n class: \"top-miniCharts_tooltip\",\n style: (0, vue_1.normalizeStyle)(E.value)\n }, [(0, vue_1.createElementVNode)(\"span\", null, (0, vue_1.toDisplayString)(l.value.date), 1), (0, vue_1.createElementVNode)(\"span\", null, (0, vue_1.toDisplayString)(l.value.value), 1)], 4)) : (0, vue_1.createCommentVNode)(\"\", !0)]))\n ], 2));\n }\n });\n exports.TopMiniChart = k;\n exports.TopMiniCharts = M;\n});\n//# sourceMappingURL=charts.js.map\n","<script setup lang=\"ts\">\nimport type { Props } from './types';\nimport { computed } from 'vue';\nimport { dateFormat } from '@/core/utils/date';\nimport { percentOfNumber } from '@/core/utils/number';\nimport { defaultNumberCols, minHeight } from './utils/consts';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tcolor: 'blue',\n\tnumberCols: defaultNumberCols,\n});\nconst model = defineModel<Props['modelValue']>();\n\n/**\n * Расчет высоты колонки (в процентах)\n */\nconst genColHeight = (value: number): number => {\n\tlet maximumValue = maxValue.value;\n\n\t// для графиков средней и медианной делаем максимум 1\n\tif (props.isInvert) {\n\t\tvalue -= 1;\n\t\tmaximumValue -= 1;\n\t}\n\n\tconst height = maximumValue > 0 ? Math.round((value / maximumValue) * (100 - minHeight)) : 0;\n\tif (props.isInvert) return 100 - height;\n\n\treturn height + minHeight;\n};\n\nconst isActiveDate = (date: string) => props.activeDates.includes(date);\n\nconst maxValue = computed(() => Math.max(...props.values));\n\n/**\n * Из-за стиля .top-miniChart_chartGrid - direction: rtl\n */\nconst reversedDates = computed(() => props.dates.slice().reverse());\n\n/**\n * Кол-во пустых колонок\n */\nconst numOfEmptyCols = computed(() => {\n\tif (!props.dates.length) return 0;\n\n\treturn props.numberCols - props.dates.length;\n});\n\nconst resetModel = () => {\n\tmodel.value = null;\n};\n\nconst setModel = (e: Event, date: string, value: number | null) => {\n\tif (!(e.target instanceof HTMLElement)) return;\n\n\tmodel.value = {\n\t\telCol: e.target,\n\t\tdate: dateFormat(date),\n\t\tvalue: value === null ? '--' : value + (props.valueSuffix ?? ''),\n\t};\n};\n\n/**\n * Возвращает численный показатель динамики графика\n */\nconst localDynamic = computed(() => {\n\tlet dynamic = props.dynamic;\n\n\tif (typeof dynamic === 'undefined') {\n\t\tconst prevPeriodValue = props.values[props.keysForDyn.start];\n\t\tconst currentValue = props.values[props.keysForDyn.end];\n\t\tdynamic = currentValue - prevPeriodValue;\n\t}\n\n\tconst sign = dynamic < 0 ? -1 : 1;\n\n\treturn sign * (percentOfNumber(Math.abs(dynamic)) as number);\n});\n\nconst dynamicDirection = computed(() => {\n\tlet direction: 'up' | 'stay' | 'down' = 'stay';\n\n\tif (!props.isInvert) {\n\t\tif (localDynamic.value > 0) direction = 'up';\n\t\tif (localDynamic.value < 0) direction = 'down';\n\t} else {\n\t\tif (localDynamic.value > 0) direction = 'down';\n\t\tif (localDynamic.value < 0) direction = 'up';\n\t}\n\n\treturn direction;\n});\n\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t['top-miniChart']: true,\n\t\t\t['top-miniChart_hideChartInMobile']: hideChartInMobile,\n\t\t\t[`top-color_${color}`]: true\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tclass=\"top-miniChart_title top-ellipsis\"\n\t\t\t:data-top-icon=\"gIcon\"\n\t\t>\n\t\t\t{{ title }}\n\t\t</div>\n\n\t\t<div class=\"top-miniChart_chart\">\n\t\t\t<div\n\t\t\t\tclass=\"top-miniChart_chartGrid\"\n\t\t\t\t@mouseleave=\"resetModel()\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"(date, i) in reversedDates\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t['top-miniChart_chartGridCol']: true,\n\t\t\t\t\t\t['top-active']: isActiveDate(date)\n\t\t\t\t\t}\"\n\t\t\t\t\t@mouseenter=\"setModel($event, date, values[values.length - i - 1])\"\n\t\t\t\t>\n\t\t\t\t\t<div :style=\"'height:' + genColHeight(values[values.length - i - 1]) + '%'\"/>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"() in numOfEmptyCols\"\n\t\t\t\t\tclass=\"top-miniChart_chartGridCol top-miniChart_chartGridCol-none\"\n\t\t\t\t\t@mouseenter=\"resetModel()\"\n\t\t\t\t>\n\t\t\t\t\t<div></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"top-miniChart_data\">\n\t\t\t<span :class=\"{\n\t\t\t\t['top-miniChart_dataDynamic']: true,\n\t\t\t\t[`top-miniChart_dataDynamic-direction_${dynamicDirection}`]: true,\n\t\t\t}\">\n\t\t\t\t{{ Math.abs(localDynamic) || '' }}\n\t\t\t</span>\n\t\t\t<span class=\"top-miniChart_dataValue\">\n\t\t\t\t{{ percentOfNumber(values[values.length - 1]) || 0 }}\n\t\t\t</span>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"additionalHTML\"\n\t\t\tv-html=\"additionalHTML\"\n\t\t/>\n\t</div>\n\n</template>\n<style>\n@import \"./styles/miniChart.css\";\n</style>\n","<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue';\nimport type { Props, Style } from './miniCharts';\n\nconst props = defineProps<Props>();\nconst model = defineModel<Props['modelValue']>();\n\nconst elRef = ref<HTMLElement | null>(null);\n\nlet pagesResizeObserver: ResizeObserver;\n\n/**\n * Количество страниц\n */\nconst countPages = ref(1);\n\n/**\n * Активная страница\n */\nconst activePage = ref(1);\n\n/**\n * Установка количества страниц в блоке\n */\nconst setCountPages = () => {\n\tcountPages.value = Math.round(elRef.value!.scrollHeight / elRef.value!.clientHeight);\n};\n\nwatch(countPages, () => {\n\tif (countPages.value < activePage.value) {\n\t\tactivePage.value = 1;\n\t}\n});\n\nwatch(\n\t() => props.countCharts,\n\t() => setCountPages(),\n\t{ flush: 'post' },\n);\n\n/**\n * Расчет положения для подсказки\n */\nconst tooltipStyle = computed(() => {\n\tif (!model.value) return {};\n\n\tconst box = model.value.elCol.getBoundingClientRect();\n\n\tconst style: Style = {\n\t\ttop: box.bottom + window.scrollY + 'px',\n\t};\n\n\tif (document.documentElement.clientWidth / 2 > box.right) {\n\t\tstyle.left = box.right + window.scrollX + 10 + 'px';\n\t} else {\n\t\tstyle.left = box.left + window.scrollX - 10 + 'px';\n\t\tstyle.transform = 'translate(-100%, 0)';\n\t}\n\n\treturn style;\n});\n\nonMounted(() => {\n\t/**\n\t * Функционал переключения экранов графиков\n\t */\n\tpagesResizeObserver = new ResizeObserver(() => setCountPages());\n\tpagesResizeObserver.observe(elRef.value!);\n\n\twatch(activePage, () => {\n\t\tconst elMiniChart = elRef.value!.children[0];\n\t\tconst pageHeight = elMiniChart.clientHeight + parseInt(window.getComputedStyle(elRef.value!).getPropertyValue('row-gap'));\n\t\tconst scrollTop = pageHeight * (activePage.value - 1);\n\n\t\telRef.value!.scrollTo({ top: scrollTop, behavior: 'smooth' });\n\t});\n});\n\nonUnmounted(() => {\n\tpagesResizeObserver.disconnect();\n});\n</script>\n\n<template>\n\t<div\n\t\tclass=\"top-miniCharts\"\n\t\t:class=\"{\n\t\t\t['top-miniCharts']: true,\n\t\t\t['scrollable']: countPages > 1,\n\t\t\t['top-miniCharts_hideChartInMobile']: hideChartInMobile,\n\t\t}\"\n\t\tref=\"elRef\"\n\t>\n\n\t\t<slot></slot>\n\n\t\t<div\n\t\t\tv-if=\"countPages > 1\"\n\t\t\tclass=\"top-miniCharts_pages\"\n\t\t>\n\t\t\t<span\n\t\t\t\tv-for=\"n in countPages\"\n\t\t\t\t:class=\"{['top-active']: n === activePage}\"\n\t\t\t\t@click=\"activePage = n\"\n\t\t\t></span>\n\t\t</div>\n\n\t\t<Teleport to=\"body\">\n\t\t\t<div\n\t\t\t\tv-if=\"model\"\n\t\t\t\tclass=\"top-miniCharts_tooltip\"\n\t\t\t\t:style=\"tooltipStyle\"\n\t\t\t>\n\t\t\t\t<span>{{ model.date }}</span>\n\t\t\t\t<span>{{ model.value }}</span>\n\t\t\t</div>\n\t\t</Teleport>\n\t</div>\n\n</template>\n\n<style>\n@import \"./styles/miniCharts.css\";\n</style>\n"]}
|
|
1
|
+
{"version":3,"sources":["charts/charts.js","../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/miniCharts/miniCharts.vue"],"names":["vue","exports","C","w","T","E","D","O","k","vue_1","a","r","l","u","t","n","g","v","S","forms_CjJD60m3_es_js_1","A","number_js_1","j","e","M","b"],"mappings":"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","sourcesContent":["define([\"require\", \"exports\", \"../.chunks/forms-CjJD60m3.es.js\", \"../utils/number.js\", \"vue\"], function (require, exports, forms_CjJD60m3_es_js_1, number_js_1, vue_1) {\n \"use strict\";\n Object.defineProperty(exports, \"__esModule\", { value: true });\n exports.TopMiniCharts = exports.TopMiniChart = void 0;\n //#region src/components/charts/miniChart/miniChart.vue?vue&type=script&setup=true&lang.ts\n var C = [\"data-top-icon\"], w = { class: \"top-miniChart_chart\" }, T = [\"onMouseenter\"], E = { class: \"top-miniChart_data\" }, D = { class: \"top-miniChart_dataValue\" }, O = [\"innerHTML\"], k = /* @__PURE__ */ (0, vue_1.defineComponent)({\n __name: \"miniChart\",\n props: /*@__PURE__*/ (0, vue_1.mergeModels)({\n title: {},\n gIcon: {},\n color: { default: \"blue\" },\n dates: {},\n values: {},\n activeDates: {},\n keysForDyn: {},\n dynamic: {},\n isInvert: { type: Boolean },\n numberCols: { default: 90 },\n additionalHTML: {},\n modelValue: {},\n valueSuffix: {},\n hideChartInMobile: { type: Boolean }\n }, {\n modelValue: {},\n modelModifiers: {}\n }),\n emits: [\"update:modelValue\"],\n setup(r) {\n let a = r, l = (0, vue_1.useModel)(r, \"modelValue\"), u = (e) => {\n let t = m.value;\n a.isInvert && (--e, --t);\n let n = t > 0 ? Math.round(e / t * 90) : 0;\n return a.isInvert ? 100 - n : n + 10;\n }, p = (e) => a.activeDates.includes(e), m = (0, vue_1.computed)(() => Math.max(...a.values)), g = (0, vue_1.computed)(() => a.dates.slice().reverse()), v = (0, vue_1.computed)(() => a.dates.length ? a.numberCols - a.dates.length : 0), S = () => {\n l.value = null;\n }, k = (t, n, r) => {\n t.target instanceof HTMLElement && (l.value = {\n elCol: t.target,\n date: (0, forms_CjJD60m3_es_js_1._)(n),\n value: r === null ? \"--\" : r + (a.valueSuffix ?? \"\")\n });\n }, A = (0, vue_1.computed)(() => {\n let e = a.dynamic;\n if (e === void 0) {\n let t = a.values[a.keysForDyn.start];\n e = a.values[a.keysForDyn.end] - t;\n }\n return (e < 0 ? -1 : 1) * (0, number_js_1.percentOfNumber)(Math.abs(e));\n }), j = (0, vue_1.computed)(() => {\n let e = \"stay\";\n return a.isInvert ? (A.value > 0 && (e = \"down\"), A.value < 0 && (e = \"up\")) : (A.value > 0 && (e = \"up\"), A.value < 0 && (e = \"down\")), e;\n });\n return (e, i) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", { class: (0, vue_1.normalizeClass)({\n \"top-miniChart\": !0,\n \"top-miniChart_hideChartInMobile\": r.hideChartInMobile,\n [`top-color_${r.color}`]: !0\n }) }, [\n (0, vue_1.createElementVNode)(\"div\", {\n class: \"top-miniChart_title top-ellipsis\",\n \"data-top-icon\": r.gIcon\n }, (0, vue_1.toDisplayString)(r.title), 9, C),\n (0, vue_1.createElementVNode)(\"div\", w, [(0, vue_1.createElementVNode)(\"div\", {\n class: \"top-miniChart_chartGrid\",\n onMouseleave: i[1] ||= (e) => S()\n }, [((0, vue_1.openBlock)(!0), (0, vue_1.createElementBlock)(vue_1.Fragment, null, (0, vue_1.renderList)(g.value, (e, t) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n class: (0, vue_1.normalizeClass)({\n \"top-miniChart_chartGridCol\": !0,\n \"top-active\": p(e)\n }),\n onMouseenter: (n) => k(n, e, r.values[r.values.length - t - 1])\n }, [(0, vue_1.createElementVNode)(\"div\", { style: (0, vue_1.normalizeStyle)(\"height:\" + u(r.values[r.values.length - t - 1]) + \"%\") }, null, 4)], 42, T))), 256)), ((0, vue_1.openBlock)(!0), (0, vue_1.createElementBlock)(vue_1.Fragment, null, (0, vue_1.renderList)(v.value, () => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n class: \"top-miniChart_chartGridCol top-miniChart_chartGridCol-none\",\n onMouseenter: i[0] ||= (e) => S()\n }, [...i[2] ||= [(0, vue_1.createElementVNode)(\"div\", null, null, -1)]], 32))), 256))], 32)]),\n (0, vue_1.createElementVNode)(\"div\", E, [(0, vue_1.createElementVNode)(\"span\", { class: (0, vue_1.normalizeClass)({\n \"top-miniChart_dataDynamic\": !0,\n [`top-miniChart_dataDynamic-direction_${j.value}`]: !0\n }) }, (0, vue_1.toDisplayString)(Math.abs(A.value) || \"\"), 3), (0, vue_1.createElementVNode)(\"span\", D, (0, vue_1.toDisplayString)((0, vue_1.unref)(number_js_1.percentOfNumber)(r.values[r.values.length - 1]) || 0), 1)]),\n r.additionalHTML ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n key: 0,\n innerHTML: r.additionalHTML\n }, null, 8, O)) : (0, vue_1.createCommentVNode)(\"\", !0)\n ], 2));\n }\n }), A = {\n key: 0,\n class: \"top-miniCharts_pages\"\n }, j = [\"onClick\"], M = /* @__PURE__ */ (0, vue_1.defineComponent)({\n __name: \"miniCharts\",\n props: /*@__PURE__*/ (0, vue_1.mergeModels)({\n modelValue: {},\n countCharts: {},\n hideChartInMobile: { type: Boolean }\n }, {\n modelValue: {},\n modelModifiers: {}\n }),\n emits: [\"update:modelValue\"],\n setup(e) {\n let t = e, l = (0, vue_1.useModel)(e, \"modelValue\"), u = (0, vue_1.ref)(null), b, C = (0, vue_1.ref)(1), w = (0, vue_1.ref)(1), T = () => {\n C.value = Math.round(u.value.scrollHeight / u.value.clientHeight);\n };\n (0, vue_1.watch)(C, () => {\n C.value < w.value && (w.value = 1);\n }), (0, vue_1.watch)(() => t.countCharts, () => T(), { flush: \"post\" });\n let E = (0, vue_1.computed)(() => {\n if (!l.value)\n return {};\n let e = l.value.elCol.getBoundingClientRect(), t = { top: e.bottom + window.scrollY + \"px\" };\n return document.documentElement.clientWidth / 2 > e.right ? t.left = e.right + window.scrollX + 10 + \"px\" : (t.left = e.left + window.scrollX - 10 + \"px\", t.transform = \"translate(-100%, 0)\"), t;\n });\n return (0, vue_1.onMounted)(() => {\n b = new ResizeObserver(() => T()), b.observe(u.value), (0, vue_1.watch)(w, () => {\n let e = (u.value.children[0].clientHeight + parseInt(window.getComputedStyle(u.value).getPropertyValue(\"row-gap\"))) * (w.value - 1);\n u.value.scrollTo({\n top: e,\n behavior: \"smooth\"\n });\n });\n }), (0, vue_1.onUnmounted)(() => {\n b.disconnect();\n }), (t, i) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n class: (0, vue_1.normalizeClass)([\"top-miniCharts\", {\n \"top-miniCharts\": !0,\n scrollable: C.value > 1,\n \"top-miniCharts_hideChartInMobile\": e.hideChartInMobile\n }]),\n ref_key: \"elRef\",\n ref: u\n }, [\n (0, vue_1.renderSlot)(t.$slots, \"default\"),\n C.value > 1 ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", A, [((0, vue_1.openBlock)(!0), (0, vue_1.createElementBlock)(vue_1.Fragment, null, (0, vue_1.renderList)(C.value, (e) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"span\", {\n class: (0, vue_1.normalizeClass)({ \"top-active\": e === w.value }),\n onClick: (t) => w.value = e\n }, null, 10, j))), 256))])) : (0, vue_1.createCommentVNode)(\"\", !0),\n ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(vue_1.Teleport, { to: \"body\" }, [l.value ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n key: 0,\n class: \"top-miniCharts_tooltip\",\n style: (0, vue_1.normalizeStyle)(E.value)\n }, [(0, vue_1.createElementVNode)(\"span\", null, (0, vue_1.toDisplayString)(l.value.date), 1), (0, vue_1.createElementVNode)(\"span\", null, (0, vue_1.toDisplayString)(l.value.value), 1)], 4)) : (0, vue_1.createCommentVNode)(\"\", !0)]))\n ], 2));\n }\n });\n exports.TopMiniChart = k;\n exports.TopMiniCharts = M;\n});\n//# sourceMappingURL=charts.js.map\n","<script setup lang=\"ts\">\nimport type { Props } from './types';\nimport { computed } from 'vue';\nimport { dateFormat } from '@/core/utils/date';\nimport { percentOfNumber } from '@/core/utils/number';\nimport { defaultNumberCols, minHeight } from './utils/consts';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tcolor: 'blue',\n\tnumberCols: defaultNumberCols,\n});\nconst model = defineModel<Props['modelValue']>();\n\n/**\n * Расчет высоты колонки (в процентах)\n */\nconst genColHeight = (value: number): number => {\n\tlet maximumValue = maxValue.value;\n\n\t// для графиков средней и медианной делаем максимум 1\n\tif (props.isInvert) {\n\t\tvalue -= 1;\n\t\tmaximumValue -= 1;\n\t}\n\n\tconst height = maximumValue > 0 ? Math.round((value / maximumValue) * (100 - minHeight)) : 0;\n\tif (props.isInvert) return 100 - height;\n\n\treturn height + minHeight;\n};\n\nconst isActiveDate = (date: string) => props.activeDates.includes(date);\n\nconst maxValue = computed(() => Math.max(...props.values));\n\n/**\n * Из-за стиля .top-miniChart_chartGrid - direction: rtl\n */\nconst reversedDates = computed(() => props.dates.slice().reverse());\n\n/**\n * Кол-во пустых колонок\n */\nconst numOfEmptyCols = computed(() => {\n\tif (!props.dates.length) return 0;\n\n\treturn props.numberCols - props.dates.length;\n});\n\nconst resetModel = () => {\n\tmodel.value = null;\n};\n\nconst setModel = (e: Event, date: string, value: number | null) => {\n\tif (!(e.target instanceof HTMLElement)) return;\n\n\tmodel.value = {\n\t\telCol: e.target,\n\t\tdate: dateFormat(date),\n\t\tvalue: value === null ? '--' : value + (props.valueSuffix ?? ''),\n\t};\n};\n\n/**\n * Возвращает численный показатель динамики графика\n */\nconst localDynamic = computed(() => {\n\tlet dynamic = props.dynamic;\n\n\tif (typeof dynamic === 'undefined') {\n\t\tconst prevPeriodValue = props.values[props.keysForDyn.start];\n\t\tconst currentValue = props.values[props.keysForDyn.end];\n\t\tdynamic = currentValue - prevPeriodValue;\n\t}\n\n\tconst sign = dynamic < 0 ? -1 : 1;\n\n\treturn sign * (percentOfNumber(Math.abs(dynamic)) as number);\n});\n\nconst dynamicDirection = computed(() => {\n\tlet direction: 'up' | 'stay' | 'down' = 'stay';\n\n\tif (!props.isInvert) {\n\t\tif (localDynamic.value > 0) direction = 'up';\n\t\tif (localDynamic.value < 0) direction = 'down';\n\t} else {\n\t\tif (localDynamic.value > 0) direction = 'down';\n\t\tif (localDynamic.value < 0) direction = 'up';\n\t}\n\n\treturn direction;\n});\n\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t['top-miniChart']: true,\n\t\t\t['top-miniChart_hideChartInMobile']: hideChartInMobile,\n\t\t\t[`top-color_${color}`]: true\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tclass=\"top-miniChart_title top-ellipsis\"\n\t\t\t:data-top-icon=\"gIcon\"\n\t\t>\n\t\t\t{{ title }}\n\t\t</div>\n\n\t\t<div class=\"top-miniChart_chart\">\n\t\t\t<div\n\t\t\t\tclass=\"top-miniChart_chartGrid\"\n\t\t\t\t@mouseleave=\"resetModel()\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"(date, i) in reversedDates\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t['top-miniChart_chartGridCol']: true,\n\t\t\t\t\t\t['top-active']: isActiveDate(date)\n\t\t\t\t\t}\"\n\t\t\t\t\t@mouseenter=\"setModel($event, date, values[values.length - i - 1])\"\n\t\t\t\t>\n\t\t\t\t\t<div :style=\"'height:' + genColHeight(values[values.length - i - 1]) + '%'\"/>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"() in numOfEmptyCols\"\n\t\t\t\t\tclass=\"top-miniChart_chartGridCol top-miniChart_chartGridCol-none\"\n\t\t\t\t\t@mouseenter=\"resetModel()\"\n\t\t\t\t>\n\t\t\t\t\t<div></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"top-miniChart_data\">\n\t\t\t<span :class=\"{\n\t\t\t\t['top-miniChart_dataDynamic']: true,\n\t\t\t\t[`top-miniChart_dataDynamic-direction_${dynamicDirection}`]: true,\n\t\t\t}\">\n\t\t\t\t{{ Math.abs(localDynamic) || '' }}\n\t\t\t</span>\n\t\t\t<span class=\"top-miniChart_dataValue\">\n\t\t\t\t{{ percentOfNumber(values[values.length - 1]) || 0 }}\n\t\t\t</span>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"additionalHTML\"\n\t\t\tv-html=\"additionalHTML\"\n\t\t/>\n\t</div>\n\n</template>\n<style>\n@import \"./styles/miniChart.css\";\n</style>\n","<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue';\nimport type { Props, Style } from './miniCharts';\n\nconst props = defineProps<Props>();\nconst model = defineModel<Props['modelValue']>();\n\nconst elRef = ref<HTMLElement | null>(null);\n\nlet pagesResizeObserver: ResizeObserver;\n\n/**\n * Количество страниц\n */\nconst countPages = ref(1);\n\n/**\n * Активная страница\n */\nconst activePage = ref(1);\n\n/**\n * Установка количества страниц в блоке\n */\nconst setCountPages = () => {\n\tcountPages.value = Math.round(elRef.value!.scrollHeight / elRef.value!.clientHeight);\n};\n\nwatch(countPages, () => {\n\tif (countPages.value < activePage.value) {\n\t\tactivePage.value = 1;\n\t}\n});\n\nwatch(\n\t() => props.countCharts,\n\t() => setCountPages(),\n\t{ flush: 'post' },\n);\n\n/**\n * Расчет положения для подсказки\n */\nconst tooltipStyle = computed(() => {\n\tif (!model.value) return {};\n\n\tconst box = model.value.elCol.getBoundingClientRect();\n\n\tconst style: Style = {\n\t\ttop: box.bottom + window.scrollY + 'px',\n\t};\n\n\tif (document.documentElement.clientWidth / 2 > box.right) {\n\t\tstyle.left = box.right + window.scrollX + 10 + 'px';\n\t} else {\n\t\tstyle.left = box.left + window.scrollX - 10 + 'px';\n\t\tstyle.transform = 'translate(-100%, 0)';\n\t}\n\n\treturn style;\n});\n\nonMounted(() => {\n\t/**\n\t * Функционал переключения экранов графиков\n\t */\n\tpagesResizeObserver = new ResizeObserver(() => setCountPages());\n\tpagesResizeObserver.observe(elRef.value!);\n\n\twatch(activePage, () => {\n\t\tconst elMiniChart = elRef.value!.children[0];\n\t\tconst pageHeight = elMiniChart.clientHeight + parseInt(window.getComputedStyle(elRef.value!).getPropertyValue('row-gap'));\n\t\tconst scrollTop = pageHeight * (activePage.value - 1);\n\n\t\telRef.value!.scrollTo({ top: scrollTop, behavior: 'smooth' });\n\t});\n});\n\nonUnmounted(() => {\n\tpagesResizeObserver.disconnect();\n});\n</script>\n\n<template>\n\t<div\n\t\tclass=\"top-miniCharts\"\n\t\t:class=\"{\n\t\t\t['top-miniCharts']: true,\n\t\t\t['scrollable']: countPages > 1,\n\t\t\t['top-miniCharts_hideChartInMobile']: hideChartInMobile,\n\t\t}\"\n\t\tref=\"elRef\"\n\t>\n\n\t\t<slot></slot>\n\n\t\t<div\n\t\t\tv-if=\"countPages > 1\"\n\t\t\tclass=\"top-miniCharts_pages\"\n\t\t>\n\t\t\t<span\n\t\t\t\tv-for=\"n in countPages\"\n\t\t\t\t:class=\"{['top-active']: n === activePage}\"\n\t\t\t\t@click=\"activePage = n\"\n\t\t\t></span>\n\t\t</div>\n\n\t\t<Teleport to=\"body\">\n\t\t\t<div\n\t\t\t\tv-if=\"model\"\n\t\t\t\tclass=\"top-miniCharts_tooltip\"\n\t\t\t\t:style=\"tooltipStyle\"\n\t\t\t>\n\t\t\t\t<span>{{ model.date }}</span>\n\t\t\t\t<span>{{ model.value }}</span>\n\t\t\t</div>\n\t\t</Teleport>\n\t</div>\n\n</template>\n\n<style>\n@import \"./styles/miniCharts.css\";\n</style>\n"]}
|
package/charts/charts.js
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
_autoloadCSSCore.insertCSSLinkToPage(fileNames, true);
|
|
6
6
|
/* end import css */
|
|
7
7
|
|
|
8
|
-
import { _ as e } from "../.chunks/forms-
|
|
8
|
+
import { _ as e } from "../.chunks/forms-CjJD60m3.es.js";
|
|
9
9
|
import { percentOfNumber as t } from "../utils/number.js";
|
|
10
10
|
import { Fragment as n, Teleport as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, mergeModels as u, normalizeClass as d, normalizeStyle as f, onMounted as p, onUnmounted as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useModel as x, watch as S } from "vue";
|
|
11
11
|
//#region src/components/charts/miniChart/miniChart.vue?vue&type=script&setup=true&lang.ts
|
package/charts/charts.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"charts.js","names":[],"sources":["../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/miniCharts/miniCharts.vue","../../src/components/charts/miniCharts/miniCharts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Props } from './types';\nimport { computed } from 'vue';\nimport { dateFormat } from '@/core/utils/date';\nimport { percentOfNumber } from '@/core/utils/number';\nimport { defaultNumberCols, minHeight } from './utils/consts';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tcolor: 'blue',\n\tnumberCols: defaultNumberCols,\n});\nconst model = defineModel<Props['modelValue']>();\n\n/**\n * Расчет высоты колонки (в процентах)\n */\nconst genColHeight = (value: number): number => {\n\tlet maximumValue = maxValue.value;\n\n\t// для графиков средней и медианной делаем максимум 1\n\tif (props.isInvert) {\n\t\tvalue -= 1;\n\t\tmaximumValue -= 1;\n\t}\n\n\tconst height = maximumValue > 0 ? Math.round((value / maximumValue) * (100 - minHeight)) : 0;\n\tif (props.isInvert) return 100 - height;\n\n\treturn height + minHeight;\n};\n\nconst isActiveDate = (date: string) => props.activeDates.includes(date);\n\nconst maxValue = computed(() => Math.max(...props.values));\n\n/**\n * Из-за стиля .top-miniChart_chartGrid - direction: rtl\n */\nconst reversedDates = computed(() => props.dates.slice().reverse());\n\n/**\n * Кол-во пустых колонок\n */\nconst numOfEmptyCols = computed(() => {\n\tif (!props.dates.length) return 0;\n\n\treturn props.numberCols - props.dates.length;\n});\n\nconst resetModel = () => {\n\tmodel.value = null;\n};\n\nconst setModel = (e: Event, date: string, value: number | null) => {\n\tif (!(e.target instanceof HTMLElement)) return;\n\n\tmodel.value = {\n\t\telCol: e.target,\n\t\tdate: dateFormat(date),\n\t\tvalue: value === null ? '--' : value + (props.valueSuffix ?? ''),\n\t};\n};\n\n/**\n * Возвращает численный показатель динамики графика\n */\nconst localDynamic = computed(() => {\n\tlet dynamic = props.dynamic;\n\n\tif (typeof dynamic === 'undefined') {\n\t\tconst prevPeriodValue = props.values[props.keysForDyn.start];\n\t\tconst currentValue = props.values[props.keysForDyn.end];\n\t\tdynamic = currentValue - prevPeriodValue;\n\t}\n\n\tconst sign = dynamic < 0 ? -1 : 1;\n\n\treturn sign * (percentOfNumber(Math.abs(dynamic)) as number);\n});\n\nconst dynamicDirection = computed(() => {\n\tlet direction: 'up' | 'stay' | 'down' = 'stay';\n\n\tif (!props.isInvert) {\n\t\tif (localDynamic.value > 0) direction = 'up';\n\t\tif (localDynamic.value < 0) direction = 'down';\n\t} else {\n\t\tif (localDynamic.value > 0) direction = 'down';\n\t\tif (localDynamic.value < 0) direction = 'up';\n\t}\n\n\treturn direction;\n});\n\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t['top-miniChart']: true,\n\t\t\t['top-miniChart_hideChartInMobile']: hideChartInMobile,\n\t\t\t[`top-color_${color}`]: true\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tclass=\"top-miniChart_title top-ellipsis\"\n\t\t\t:data-top-icon=\"gIcon\"\n\t\t>\n\t\t\t{{ title }}\n\t\t</div>\n\n\t\t<div class=\"top-miniChart_chart\">\n\t\t\t<div\n\t\t\t\tclass=\"top-miniChart_chartGrid\"\n\t\t\t\t@mouseleave=\"resetModel()\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"(date, i) in reversedDates\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t['top-miniChart_chartGridCol']: true,\n\t\t\t\t\t\t['top-active']: isActiveDate(date)\n\t\t\t\t\t}\"\n\t\t\t\t\t@mouseenter=\"setModel($event, date, values[values.length - i - 1])\"\n\t\t\t\t>\n\t\t\t\t\t<div :style=\"'height:' + genColHeight(values[values.length - i - 1]) + '%'\"/>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"() in numOfEmptyCols\"\n\t\t\t\t\tclass=\"top-miniChart_chartGridCol top-miniChart_chartGridCol-none\"\n\t\t\t\t\t@mouseenter=\"resetModel()\"\n\t\t\t\t>\n\t\t\t\t\t<div></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"top-miniChart_data\">\n\t\t\t<span :class=\"{\n\t\t\t\t['top-miniChart_dataDynamic']: true,\n\t\t\t\t[`top-miniChart_dataDynamic-direction_${dynamicDirection}`]: true,\n\t\t\t}\">\n\t\t\t\t{{ Math.abs(localDynamic) || '' }}\n\t\t\t</span>\n\t\t\t<span class=\"top-miniChart_dataValue\">\n\t\t\t\t{{ percentOfNumber(values[values.length - 1]) || 0 }}\n\t\t\t</span>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"additionalHTML\"\n\t\t\tv-html=\"additionalHTML\"\n\t\t/>\n\t</div>\n\n</template>\n<style>\n@import \"./styles/miniChart.css\";\n</style>\n","<script setup lang=\"ts\">\nimport type { Props } from './types';\nimport { computed } from 'vue';\nimport { dateFormat } from '@/core/utils/date';\nimport { percentOfNumber } from '@/core/utils/number';\nimport { defaultNumberCols, minHeight } from './utils/consts';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tcolor: 'blue',\n\tnumberCols: defaultNumberCols,\n});\nconst model = defineModel<Props['modelValue']>();\n\n/**\n * Расчет высоты колонки (в процентах)\n */\nconst genColHeight = (value: number): number => {\n\tlet maximumValue = maxValue.value;\n\n\t// для графиков средней и медианной делаем максимум 1\n\tif (props.isInvert) {\n\t\tvalue -= 1;\n\t\tmaximumValue -= 1;\n\t}\n\n\tconst height = maximumValue > 0 ? Math.round((value / maximumValue) * (100 - minHeight)) : 0;\n\tif (props.isInvert) return 100 - height;\n\n\treturn height + minHeight;\n};\n\nconst isActiveDate = (date: string) => props.activeDates.includes(date);\n\nconst maxValue = computed(() => Math.max(...props.values));\n\n/**\n * Из-за стиля .top-miniChart_chartGrid - direction: rtl\n */\nconst reversedDates = computed(() => props.dates.slice().reverse());\n\n/**\n * Кол-во пустых колонок\n */\nconst numOfEmptyCols = computed(() => {\n\tif (!props.dates.length) return 0;\n\n\treturn props.numberCols - props.dates.length;\n});\n\nconst resetModel = () => {\n\tmodel.value = null;\n};\n\nconst setModel = (e: Event, date: string, value: number | null) => {\n\tif (!(e.target instanceof HTMLElement)) return;\n\n\tmodel.value = {\n\t\telCol: e.target,\n\t\tdate: dateFormat(date),\n\t\tvalue: value === null ? '--' : value + (props.valueSuffix ?? ''),\n\t};\n};\n\n/**\n * Возвращает численный показатель динамики графика\n */\nconst localDynamic = computed(() => {\n\tlet dynamic = props.dynamic;\n\n\tif (typeof dynamic === 'undefined') {\n\t\tconst prevPeriodValue = props.values[props.keysForDyn.start];\n\t\tconst currentValue = props.values[props.keysForDyn.end];\n\t\tdynamic = currentValue - prevPeriodValue;\n\t}\n\n\tconst sign = dynamic < 0 ? -1 : 1;\n\n\treturn sign * (percentOfNumber(Math.abs(dynamic)) as number);\n});\n\nconst dynamicDirection = computed(() => {\n\tlet direction: 'up' | 'stay' | 'down' = 'stay';\n\n\tif (!props.isInvert) {\n\t\tif (localDynamic.value > 0) direction = 'up';\n\t\tif (localDynamic.value < 0) direction = 'down';\n\t} else {\n\t\tif (localDynamic.value > 0) direction = 'down';\n\t\tif (localDynamic.value < 0) direction = 'up';\n\t}\n\n\treturn direction;\n});\n\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t['top-miniChart']: true,\n\t\t\t['top-miniChart_hideChartInMobile']: hideChartInMobile,\n\t\t\t[`top-color_${color}`]: true\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tclass=\"top-miniChart_title top-ellipsis\"\n\t\t\t:data-top-icon=\"gIcon\"\n\t\t>\n\t\t\t{{ title }}\n\t\t</div>\n\n\t\t<div class=\"top-miniChart_chart\">\n\t\t\t<div\n\t\t\t\tclass=\"top-miniChart_chartGrid\"\n\t\t\t\t@mouseleave=\"resetModel()\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"(date, i) in reversedDates\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t['top-miniChart_chartGridCol']: true,\n\t\t\t\t\t\t['top-active']: isActiveDate(date)\n\t\t\t\t\t}\"\n\t\t\t\t\t@mouseenter=\"setModel($event, date, values[values.length - i - 1])\"\n\t\t\t\t>\n\t\t\t\t\t<div :style=\"'height:' + genColHeight(values[values.length - i - 1]) + '%'\"/>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"() in numOfEmptyCols\"\n\t\t\t\t\tclass=\"top-miniChart_chartGridCol top-miniChart_chartGridCol-none\"\n\t\t\t\t\t@mouseenter=\"resetModel()\"\n\t\t\t\t>\n\t\t\t\t\t<div></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"top-miniChart_data\">\n\t\t\t<span :class=\"{\n\t\t\t\t['top-miniChart_dataDynamic']: true,\n\t\t\t\t[`top-miniChart_dataDynamic-direction_${dynamicDirection}`]: true,\n\t\t\t}\">\n\t\t\t\t{{ Math.abs(localDynamic) || '' }}\n\t\t\t</span>\n\t\t\t<span class=\"top-miniChart_dataValue\">\n\t\t\t\t{{ percentOfNumber(values[values.length - 1]) || 0 }}\n\t\t\t</span>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"additionalHTML\"\n\t\t\tv-html=\"additionalHTML\"\n\t\t/>\n\t</div>\n\n</template>\n<style>\n@import \"./styles/miniChart.css\";\n</style>\n","<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue';\nimport type { Props, Style } from './miniCharts';\n\nconst props = defineProps<Props>();\nconst model = defineModel<Props['modelValue']>();\n\nconst elRef = ref<HTMLElement | null>(null);\n\nlet pagesResizeObserver: ResizeObserver;\n\n/**\n * Количество страниц\n */\nconst countPages = ref(1);\n\n/**\n * Активная страница\n */\nconst activePage = ref(1);\n\n/**\n * Установка количества страниц в блоке\n */\nconst setCountPages = () => {\n\tcountPages.value = Math.round(elRef.value!.scrollHeight / elRef.value!.clientHeight);\n};\n\nwatch(countPages, () => {\n\tif (countPages.value < activePage.value) {\n\t\tactivePage.value = 1;\n\t}\n});\n\nwatch(\n\t() => props.countCharts,\n\t() => setCountPages(),\n\t{ flush: 'post' },\n);\n\n/**\n * Расчет положения для подсказки\n */\nconst tooltipStyle = computed(() => {\n\tif (!model.value) return {};\n\n\tconst box = model.value.elCol.getBoundingClientRect();\n\n\tconst style: Style = {\n\t\ttop: box.bottom + window.scrollY + 'px',\n\t};\n\n\tif (document.documentElement.clientWidth / 2 > box.right) {\n\t\tstyle.left = box.right + window.scrollX + 10 + 'px';\n\t} else {\n\t\tstyle.left = box.left + window.scrollX - 10 + 'px';\n\t\tstyle.transform = 'translate(-100%, 0)';\n\t}\n\n\treturn style;\n});\n\nonMounted(() => {\n\t/**\n\t * Функционал переключения экранов графиков\n\t */\n\tpagesResizeObserver = new ResizeObserver(() => setCountPages());\n\tpagesResizeObserver.observe(elRef.value!);\n\n\twatch(activePage, () => {\n\t\tconst elMiniChart = elRef.value!.children[0];\n\t\tconst pageHeight = elMiniChart.clientHeight + parseInt(window.getComputedStyle(elRef.value!).getPropertyValue('row-gap'));\n\t\tconst scrollTop = pageHeight * (activePage.value - 1);\n\n\t\telRef.value!.scrollTo({ top: scrollTop, behavior: 'smooth' });\n\t});\n});\n\nonUnmounted(() => {\n\tpagesResizeObserver.disconnect();\n});\n</script>\n\n<template>\n\t<div\n\t\tclass=\"top-miniCharts\"\n\t\t:class=\"{\n\t\t\t['top-miniCharts']: true,\n\t\t\t['scrollable']: countPages > 1,\n\t\t\t['top-miniCharts_hideChartInMobile']: hideChartInMobile,\n\t\t}\"\n\t\tref=\"elRef\"\n\t>\n\n\t\t<slot></slot>\n\n\t\t<div\n\t\t\tv-if=\"countPages > 1\"\n\t\t\tclass=\"top-miniCharts_pages\"\n\t\t>\n\t\t\t<span\n\t\t\t\tv-for=\"n in countPages\"\n\t\t\t\t:class=\"{['top-active']: n === activePage}\"\n\t\t\t\t@click=\"activePage = n\"\n\t\t\t></span>\n\t\t</div>\n\n\t\t<Teleport to=\"body\">\n\t\t\t<div\n\t\t\t\tv-if=\"model\"\n\t\t\t\tclass=\"top-miniCharts_tooltip\"\n\t\t\t\t:style=\"tooltipStyle\"\n\t\t\t>\n\t\t\t\t<span>{{ model.date }}</span>\n\t\t\t\t<span>{{ model.value }}</span>\n\t\t\t</div>\n\t\t</Teleport>\n\t</div>\n\n</template>\n\n<style>\n@import \"./styles/miniCharts.css\";\n</style>\n","<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue';\nimport type { Props, Style } from './miniCharts';\n\nconst props = defineProps<Props>();\nconst model = defineModel<Props['modelValue']>();\n\nconst elRef = ref<HTMLElement | null>(null);\n\nlet pagesResizeObserver: ResizeObserver;\n\n/**\n * Количество страниц\n */\nconst countPages = ref(1);\n\n/**\n * Активная страница\n */\nconst activePage = ref(1);\n\n/**\n * Установка количества страниц в блоке\n */\nconst setCountPages = () => {\n\tcountPages.value = Math.round(elRef.value!.scrollHeight / elRef.value!.clientHeight);\n};\n\nwatch(countPages, () => {\n\tif (countPages.value < activePage.value) {\n\t\tactivePage.value = 1;\n\t}\n});\n\nwatch(\n\t() => props.countCharts,\n\t() => setCountPages(),\n\t{ flush: 'post' },\n);\n\n/**\n * Расчет положения для подсказки\n */\nconst tooltipStyle = computed(() => {\n\tif (!model.value) return {};\n\n\tconst box = model.value.elCol.getBoundingClientRect();\n\n\tconst style: Style = {\n\t\ttop: box.bottom + window.scrollY + 'px',\n\t};\n\n\tif (document.documentElement.clientWidth / 2 > box.right) {\n\t\tstyle.left = box.right + window.scrollX + 10 + 'px';\n\t} else {\n\t\tstyle.left = box.left + window.scrollX - 10 + 'px';\n\t\tstyle.transform = 'translate(-100%, 0)';\n\t}\n\n\treturn style;\n});\n\nonMounted(() => {\n\t/**\n\t * Функционал переключения экранов графиков\n\t */\n\tpagesResizeObserver = new ResizeObserver(() => setCountPages());\n\tpagesResizeObserver.observe(elRef.value!);\n\n\twatch(activePage, () => {\n\t\tconst elMiniChart = elRef.value!.children[0];\n\t\tconst pageHeight = elMiniChart.clientHeight + parseInt(window.getComputedStyle(elRef.value!).getPropertyValue('row-gap'));\n\t\tconst scrollTop = pageHeight * (activePage.value - 1);\n\n\t\telRef.value!.scrollTo({ top: scrollTop, behavior: 'smooth' });\n\t});\n});\n\nonUnmounted(() => {\n\tpagesResizeObserver.disconnect();\n});\n</script>\n\n<template>\n\t<div\n\t\tclass=\"top-miniCharts\"\n\t\t:class=\"{\n\t\t\t['top-miniCharts']: true,\n\t\t\t['scrollable']: countPages > 1,\n\t\t\t['top-miniCharts_hideChartInMobile']: hideChartInMobile,\n\t\t}\"\n\t\tref=\"elRef\"\n\t>\n\n\t\t<slot></slot>\n\n\t\t<div\n\t\t\tv-if=\"countPages > 1\"\n\t\t\tclass=\"top-miniCharts_pages\"\n\t\t>\n\t\t\t<span\n\t\t\t\tv-for=\"n in countPages\"\n\t\t\t\t:class=\"{['top-active']: n === activePage}\"\n\t\t\t\t@click=\"activePage = n\"\n\t\t\t></span>\n\t\t</div>\n\n\t\t<Teleport to=\"body\">\n\t\t\t<div\n\t\t\t\tv-if=\"model\"\n\t\t\t\tclass=\"top-miniCharts_tooltip\"\n\t\t\t\t:style=\"tooltipStyle\"\n\t\t\t>\n\t\t\t\t<span>{{ model.date }}</span>\n\t\t\t\t<span>{{ model.value }}</span>\n\t\t\t</div>\n\t\t</Teleport>\n\t</div>\n\n</template>\n\n<style>\n@import \"./styles/miniCharts.css\";\n</style>\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"charts.js","names":[],"sources":["../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/miniCharts/miniCharts.vue","../../src/components/charts/miniCharts/miniCharts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Props } from './types';\nimport { computed } from 'vue';\nimport { dateFormat } from '@/core/utils/date';\nimport { percentOfNumber } from '@/core/utils/number';\nimport { defaultNumberCols, minHeight } from './utils/consts';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tcolor: 'blue',\n\tnumberCols: defaultNumberCols,\n});\nconst model = defineModel<Props['modelValue']>();\n\n/**\n * Расчет высоты колонки (в процентах)\n */\nconst genColHeight = (value: number): number => {\n\tlet maximumValue = maxValue.value;\n\n\t// для графиков средней и медианной делаем максимум 1\n\tif (props.isInvert) {\n\t\tvalue -= 1;\n\t\tmaximumValue -= 1;\n\t}\n\n\tconst height = maximumValue > 0 ? Math.round((value / maximumValue) * (100 - minHeight)) : 0;\n\tif (props.isInvert) return 100 - height;\n\n\treturn height + minHeight;\n};\n\nconst isActiveDate = (date: string) => props.activeDates.includes(date);\n\nconst maxValue = computed(() => Math.max(...props.values));\n\n/**\n * Из-за стиля .top-miniChart_chartGrid - direction: rtl\n */\nconst reversedDates = computed(() => props.dates.slice().reverse());\n\n/**\n * Кол-во пустых колонок\n */\nconst numOfEmptyCols = computed(() => {\n\tif (!props.dates.length) return 0;\n\n\treturn props.numberCols - props.dates.length;\n});\n\nconst resetModel = () => {\n\tmodel.value = null;\n};\n\nconst setModel = (e: Event, date: string, value: number | null) => {\n\tif (!(e.target instanceof HTMLElement)) return;\n\n\tmodel.value = {\n\t\telCol: e.target,\n\t\tdate: dateFormat(date),\n\t\tvalue: value === null ? '--' : value + (props.valueSuffix ?? ''),\n\t};\n};\n\n/**\n * Возвращает численный показатель динамики графика\n */\nconst localDynamic = computed(() => {\n\tlet dynamic = props.dynamic;\n\n\tif (typeof dynamic === 'undefined') {\n\t\tconst prevPeriodValue = props.values[props.keysForDyn.start];\n\t\tconst currentValue = props.values[props.keysForDyn.end];\n\t\tdynamic = currentValue - prevPeriodValue;\n\t}\n\n\tconst sign = dynamic < 0 ? -1 : 1;\n\n\treturn sign * (percentOfNumber(Math.abs(dynamic)) as number);\n});\n\nconst dynamicDirection = computed(() => {\n\tlet direction: 'up' | 'stay' | 'down' = 'stay';\n\n\tif (!props.isInvert) {\n\t\tif (localDynamic.value > 0) direction = 'up';\n\t\tif (localDynamic.value < 0) direction = 'down';\n\t} else {\n\t\tif (localDynamic.value > 0) direction = 'down';\n\t\tif (localDynamic.value < 0) direction = 'up';\n\t}\n\n\treturn direction;\n});\n\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t['top-miniChart']: true,\n\t\t\t['top-miniChart_hideChartInMobile']: hideChartInMobile,\n\t\t\t[`top-color_${color}`]: true\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tclass=\"top-miniChart_title top-ellipsis\"\n\t\t\t:data-top-icon=\"gIcon\"\n\t\t>\n\t\t\t{{ title }}\n\t\t</div>\n\n\t\t<div class=\"top-miniChart_chart\">\n\t\t\t<div\n\t\t\t\tclass=\"top-miniChart_chartGrid\"\n\t\t\t\t@mouseleave=\"resetModel()\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"(date, i) in reversedDates\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t['top-miniChart_chartGridCol']: true,\n\t\t\t\t\t\t['top-active']: isActiveDate(date)\n\t\t\t\t\t}\"\n\t\t\t\t\t@mouseenter=\"setModel($event, date, values[values.length - i - 1])\"\n\t\t\t\t>\n\t\t\t\t\t<div :style=\"'height:' + genColHeight(values[values.length - i - 1]) + '%'\"/>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"() in numOfEmptyCols\"\n\t\t\t\t\tclass=\"top-miniChart_chartGridCol top-miniChart_chartGridCol-none\"\n\t\t\t\t\t@mouseenter=\"resetModel()\"\n\t\t\t\t>\n\t\t\t\t\t<div></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"top-miniChart_data\">\n\t\t\t<span :class=\"{\n\t\t\t\t['top-miniChart_dataDynamic']: true,\n\t\t\t\t[`top-miniChart_dataDynamic-direction_${dynamicDirection}`]: true,\n\t\t\t}\">\n\t\t\t\t{{ Math.abs(localDynamic) || '' }}\n\t\t\t</span>\n\t\t\t<span class=\"top-miniChart_dataValue\">\n\t\t\t\t{{ percentOfNumber(values[values.length - 1]) || 0 }}\n\t\t\t</span>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"additionalHTML\"\n\t\t\tv-html=\"additionalHTML\"\n\t\t/>\n\t</div>\n\n</template>\n<style>\n@import \"./styles/miniChart.css\";\n</style>\n","<script setup lang=\"ts\">\nimport type { Props } from './types';\nimport { computed } from 'vue';\nimport { dateFormat } from '@/core/utils/date';\nimport { percentOfNumber } from '@/core/utils/number';\nimport { defaultNumberCols, minHeight } from './utils/consts';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tcolor: 'blue',\n\tnumberCols: defaultNumberCols,\n});\nconst model = defineModel<Props['modelValue']>();\n\n/**\n * Расчет высоты колонки (в процентах)\n */\nconst genColHeight = (value: number): number => {\n\tlet maximumValue = maxValue.value;\n\n\t// для графиков средней и медианной делаем максимум 1\n\tif (props.isInvert) {\n\t\tvalue -= 1;\n\t\tmaximumValue -= 1;\n\t}\n\n\tconst height = maximumValue > 0 ? Math.round((value / maximumValue) * (100 - minHeight)) : 0;\n\tif (props.isInvert) return 100 - height;\n\n\treturn height + minHeight;\n};\n\nconst isActiveDate = (date: string) => props.activeDates.includes(date);\n\nconst maxValue = computed(() => Math.max(...props.values));\n\n/**\n * Из-за стиля .top-miniChart_chartGrid - direction: rtl\n */\nconst reversedDates = computed(() => props.dates.slice().reverse());\n\n/**\n * Кол-во пустых колонок\n */\nconst numOfEmptyCols = computed(() => {\n\tif (!props.dates.length) return 0;\n\n\treturn props.numberCols - props.dates.length;\n});\n\nconst resetModel = () => {\n\tmodel.value = null;\n};\n\nconst setModel = (e: Event, date: string, value: number | null) => {\n\tif (!(e.target instanceof HTMLElement)) return;\n\n\tmodel.value = {\n\t\telCol: e.target,\n\t\tdate: dateFormat(date),\n\t\tvalue: value === null ? '--' : value + (props.valueSuffix ?? ''),\n\t};\n};\n\n/**\n * Возвращает численный показатель динамики графика\n */\nconst localDynamic = computed(() => {\n\tlet dynamic = props.dynamic;\n\n\tif (typeof dynamic === 'undefined') {\n\t\tconst prevPeriodValue = props.values[props.keysForDyn.start];\n\t\tconst currentValue = props.values[props.keysForDyn.end];\n\t\tdynamic = currentValue - prevPeriodValue;\n\t}\n\n\tconst sign = dynamic < 0 ? -1 : 1;\n\n\treturn sign * (percentOfNumber(Math.abs(dynamic)) as number);\n});\n\nconst dynamicDirection = computed(() => {\n\tlet direction: 'up' | 'stay' | 'down' = 'stay';\n\n\tif (!props.isInvert) {\n\t\tif (localDynamic.value > 0) direction = 'up';\n\t\tif (localDynamic.value < 0) direction = 'down';\n\t} else {\n\t\tif (localDynamic.value > 0) direction = 'down';\n\t\tif (localDynamic.value < 0) direction = 'up';\n\t}\n\n\treturn direction;\n});\n\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t['top-miniChart']: true,\n\t\t\t['top-miniChart_hideChartInMobile']: hideChartInMobile,\n\t\t\t[`top-color_${color}`]: true\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tclass=\"top-miniChart_title top-ellipsis\"\n\t\t\t:data-top-icon=\"gIcon\"\n\t\t>\n\t\t\t{{ title }}\n\t\t</div>\n\n\t\t<div class=\"top-miniChart_chart\">\n\t\t\t<div\n\t\t\t\tclass=\"top-miniChart_chartGrid\"\n\t\t\t\t@mouseleave=\"resetModel()\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"(date, i) in reversedDates\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t['top-miniChart_chartGridCol']: true,\n\t\t\t\t\t\t['top-active']: isActiveDate(date)\n\t\t\t\t\t}\"\n\t\t\t\t\t@mouseenter=\"setModel($event, date, values[values.length - i - 1])\"\n\t\t\t\t>\n\t\t\t\t\t<div :style=\"'height:' + genColHeight(values[values.length - i - 1]) + '%'\"/>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"() in numOfEmptyCols\"\n\t\t\t\t\tclass=\"top-miniChart_chartGridCol top-miniChart_chartGridCol-none\"\n\t\t\t\t\t@mouseenter=\"resetModel()\"\n\t\t\t\t>\n\t\t\t\t\t<div></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"top-miniChart_data\">\n\t\t\t<span :class=\"{\n\t\t\t\t['top-miniChart_dataDynamic']: true,\n\t\t\t\t[`top-miniChart_dataDynamic-direction_${dynamicDirection}`]: true,\n\t\t\t}\">\n\t\t\t\t{{ Math.abs(localDynamic) || '' }}\n\t\t\t</span>\n\t\t\t<span class=\"top-miniChart_dataValue\">\n\t\t\t\t{{ percentOfNumber(values[values.length - 1]) || 0 }}\n\t\t\t</span>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"additionalHTML\"\n\t\t\tv-html=\"additionalHTML\"\n\t\t/>\n\t</div>\n\n</template>\n<style>\n@import \"./styles/miniChart.css\";\n</style>\n","<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue';\nimport type { Props, Style } from './miniCharts';\n\nconst props = defineProps<Props>();\nconst model = defineModel<Props['modelValue']>();\n\nconst elRef = ref<HTMLElement | null>(null);\n\nlet pagesResizeObserver: ResizeObserver;\n\n/**\n * Количество страниц\n */\nconst countPages = ref(1);\n\n/**\n * Активная страница\n */\nconst activePage = ref(1);\n\n/**\n * Установка количества страниц в блоке\n */\nconst setCountPages = () => {\n\tcountPages.value = Math.round(elRef.value!.scrollHeight / elRef.value!.clientHeight);\n};\n\nwatch(countPages, () => {\n\tif (countPages.value < activePage.value) {\n\t\tactivePage.value = 1;\n\t}\n});\n\nwatch(\n\t() => props.countCharts,\n\t() => setCountPages(),\n\t{ flush: 'post' },\n);\n\n/**\n * Расчет положения для подсказки\n */\nconst tooltipStyle = computed(() => {\n\tif (!model.value) return {};\n\n\tconst box = model.value.elCol.getBoundingClientRect();\n\n\tconst style: Style = {\n\t\ttop: box.bottom + window.scrollY + 'px',\n\t};\n\n\tif (document.documentElement.clientWidth / 2 > box.right) {\n\t\tstyle.left = box.right + window.scrollX + 10 + 'px';\n\t} else {\n\t\tstyle.left = box.left + window.scrollX - 10 + 'px';\n\t\tstyle.transform = 'translate(-100%, 0)';\n\t}\n\n\treturn style;\n});\n\nonMounted(() => {\n\t/**\n\t * Функционал переключения экранов графиков\n\t */\n\tpagesResizeObserver = new ResizeObserver(() => setCountPages());\n\tpagesResizeObserver.observe(elRef.value!);\n\n\twatch(activePage, () => {\n\t\tconst elMiniChart = elRef.value!.children[0];\n\t\tconst pageHeight = elMiniChart.clientHeight + parseInt(window.getComputedStyle(elRef.value!).getPropertyValue('row-gap'));\n\t\tconst scrollTop = pageHeight * (activePage.value - 1);\n\n\t\telRef.value!.scrollTo({ top: scrollTop, behavior: 'smooth' });\n\t});\n});\n\nonUnmounted(() => {\n\tpagesResizeObserver.disconnect();\n});\n</script>\n\n<template>\n\t<div\n\t\tclass=\"top-miniCharts\"\n\t\t:class=\"{\n\t\t\t['top-miniCharts']: true,\n\t\t\t['scrollable']: countPages > 1,\n\t\t\t['top-miniCharts_hideChartInMobile']: hideChartInMobile,\n\t\t}\"\n\t\tref=\"elRef\"\n\t>\n\n\t\t<slot></slot>\n\n\t\t<div\n\t\t\tv-if=\"countPages > 1\"\n\t\t\tclass=\"top-miniCharts_pages\"\n\t\t>\n\t\t\t<span\n\t\t\t\tv-for=\"n in countPages\"\n\t\t\t\t:class=\"{['top-active']: n === activePage}\"\n\t\t\t\t@click=\"activePage = n\"\n\t\t\t></span>\n\t\t</div>\n\n\t\t<Teleport to=\"body\">\n\t\t\t<div\n\t\t\t\tv-if=\"model\"\n\t\t\t\tclass=\"top-miniCharts_tooltip\"\n\t\t\t\t:style=\"tooltipStyle\"\n\t\t\t>\n\t\t\t\t<span>{{ model.date }}</span>\n\t\t\t\t<span>{{ model.value }}</span>\n\t\t\t</div>\n\t\t</Teleport>\n\t</div>\n\n</template>\n\n<style>\n@import \"./styles/miniCharts.css\";\n</style>\n","<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue';\nimport type { Props, Style } from './miniCharts';\n\nconst props = defineProps<Props>();\nconst model = defineModel<Props['modelValue']>();\n\nconst elRef = ref<HTMLElement | null>(null);\n\nlet pagesResizeObserver: ResizeObserver;\n\n/**\n * Количество страниц\n */\nconst countPages = ref(1);\n\n/**\n * Активная страница\n */\nconst activePage = ref(1);\n\n/**\n * Установка количества страниц в блоке\n */\nconst setCountPages = () => {\n\tcountPages.value = Math.round(elRef.value!.scrollHeight / elRef.value!.clientHeight);\n};\n\nwatch(countPages, () => {\n\tif (countPages.value < activePage.value) {\n\t\tactivePage.value = 1;\n\t}\n});\n\nwatch(\n\t() => props.countCharts,\n\t() => setCountPages(),\n\t{ flush: 'post' },\n);\n\n/**\n * Расчет положения для подсказки\n */\nconst tooltipStyle = computed(() => {\n\tif (!model.value) return {};\n\n\tconst box = model.value.elCol.getBoundingClientRect();\n\n\tconst style: Style = {\n\t\ttop: box.bottom + window.scrollY + 'px',\n\t};\n\n\tif (document.documentElement.clientWidth / 2 > box.right) {\n\t\tstyle.left = box.right + window.scrollX + 10 + 'px';\n\t} else {\n\t\tstyle.left = box.left + window.scrollX - 10 + 'px';\n\t\tstyle.transform = 'translate(-100%, 0)';\n\t}\n\n\treturn style;\n});\n\nonMounted(() => {\n\t/**\n\t * Функционал переключения экранов графиков\n\t */\n\tpagesResizeObserver = new ResizeObserver(() => setCountPages());\n\tpagesResizeObserver.observe(elRef.value!);\n\n\twatch(activePage, () => {\n\t\tconst elMiniChart = elRef.value!.children[0];\n\t\tconst pageHeight = elMiniChart.clientHeight + parseInt(window.getComputedStyle(elRef.value!).getPropertyValue('row-gap'));\n\t\tconst scrollTop = pageHeight * (activePage.value - 1);\n\n\t\telRef.value!.scrollTo({ top: scrollTop, behavior: 'smooth' });\n\t});\n});\n\nonUnmounted(() => {\n\tpagesResizeObserver.disconnect();\n});\n</script>\n\n<template>\n\t<div\n\t\tclass=\"top-miniCharts\"\n\t\t:class=\"{\n\t\t\t['top-miniCharts']: true,\n\t\t\t['scrollable']: countPages > 1,\n\t\t\t['top-miniCharts_hideChartInMobile']: hideChartInMobile,\n\t\t}\"\n\t\tref=\"elRef\"\n\t>\n\n\t\t<slot></slot>\n\n\t\t<div\n\t\t\tv-if=\"countPages > 1\"\n\t\t\tclass=\"top-miniCharts_pages\"\n\t\t>\n\t\t\t<span\n\t\t\t\tv-for=\"n in countPages\"\n\t\t\t\t:class=\"{['top-active']: n === activePage}\"\n\t\t\t\t@click=\"activePage = n\"\n\t\t\t></span>\n\t\t</div>\n\n\t\t<Teleport to=\"body\">\n\t\t\t<div\n\t\t\t\tv-if=\"model\"\n\t\t\t\tclass=\"top-miniCharts_tooltip\"\n\t\t\t\t:style=\"tooltipStyle\"\n\t\t\t>\n\t\t\t\t<span>{{ model.date }}</span>\n\t\t\t\t<span>{{ model.value }}</span>\n\t\t\t</div>\n\t\t</Teleport>\n\t</div>\n\n</template>\n\n<style>\n@import \"./styles/miniCharts.css\";\n</style>\n"],"mappings":"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"}
|
package/core/app.amd.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define([`require`,`exports`,`../.chunks/forms-
|
|
1
|
+
define([`require`,`exports`,`../.chunks/forms-CjJD60m3.es.amd`,`../.chunks/app-2jFVHyen.es.amd`,`../.chunks/utils-Dy_MqCAH.es.amd`],function(e,t,n,r,i){"use strict";if(a===void 0)var a=window.Vue;Object.defineProperty(t,"__esModule",{value:!0}),t.useTopDialog=t.useI18nLang=t.useI18n=t.useAsyncTopDialog=t.piniaTPAPlugin=t.i18nPlugin=t.corePlugin=t.TopDialogWorker=t.Core=void 0,Object.defineProperty(t,"useI18nLang",{enumerable:!0,get:function(){return n.D}}),Object.defineProperty(t,"useI18n",{enumerable:!0,get:function(){return n.E}}),Object.defineProperty(t,"Core",{enumerable:!0,get:function(){return n.O}}),Object.defineProperty(t,"i18nPlugin",{enumerable:!0,get:function(){return n.T}}),Object.defineProperty(t,"corePlugin",{enumerable:!0,get:function(){return r.n}}),Object.defineProperty(t,"piniaTPAPlugin",{enumerable:!0,get:function(){return r.t}}),Object.defineProperty(t,"useTopDialog",{enumerable:!0,get:function(){return i.n}}),Object.defineProperty(t,"TopDialogWorker",{enumerable:!0,get:function(){return i.o}}),Object.defineProperty(t,"useAsyncTopDialog",{enumerable:!0,get:function(){return i.t}})});
|
|
2
2
|
//# sourceMappingURL=app.amd.js.map
|
package/core/app.amd.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["core/app.js"],"names":["vue","exports","
|
|
1
|
+
{"version":3,"sources":["core/app.js"],"names":["vue","exports","forms_CjJD60m3_es_js_1","app_2jFVHyen_es_js_1","utils_Dy_MqCAH_es_js_1"],"mappings":"AAAA,OAAO,CAAC,UAAW,UAAW,mCAAmC,iCAAiC,kCAAiC,EAAG,SAAU,EAAS,EAAS,EAAwB,EAAsB,EAAwB,CACpO,aAAA,GAAAA,IAAA,OAAA,IAAAA,EAAA,OAAA,IACA,OAAO,eAAeC,EAAS,aAAc,CAAE,MAAO,EAAK,CAAC,EAC5D,EAAQ,aAAe,EAAQ,YAAc,EAAQ,QAAU,EAAQ,kBAAoB,EAAQ,eAAiB,EAAQ,WAAa,EAAQ,WAAa,EAAQ,gBAAkB,EAAQ,KAAO,IAAK,GAC5M,OAAO,eAAeA,EAAS,cAAe,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOC,EAAuB,CAAG,CAAE,CAAC,EACzH,OAAO,eAAeD,EAAS,UAAW,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOC,EAAuB,CAAG,CAAE,CAAC,EACrH,OAAO,eAAeD,EAAS,OAAQ,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOC,EAAuB,CAAG,CAAE,CAAC,EAClH,OAAO,eAAeD,EAAS,aAAc,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOC,EAAuB,CAAG,CAAE,CAAC,EACxH,OAAO,eAAeD,EAAS,aAAc,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOE,EAAqB,CAAG,CAAE,CAAC,EACtH,OAAO,eAAeF,EAAS,iBAAkB,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOE,EAAqB,CAAG,CAAE,CAAC,EAC1H,OAAO,eAAeF,EAAS,eAAgB,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOG,EAAuB,CAAG,CAAE,CAAC,EAC1H,OAAO,eAAeH,EAAS,kBAAmB,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOG,EAAuB,CAAG,CAAE,CAAC,EAC7H,OAAO,eAAeH,EAAS,oBAAqB,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOG,EAAuB,CAAG,CAAE,CAAC,CACnI,CAAC","sourcesContent":["define([\"require\", \"exports\", \"../.chunks/forms-CjJD60m3.es.js\", \"../.chunks/app-2jFVHyen.es.js\", \"../.chunks/utils-Dy_MqCAH.es.js\"], function (require, exports, forms_CjJD60m3_es_js_1, app_2jFVHyen_es_js_1, utils_Dy_MqCAH_es_js_1) {\n \"use strict\";\n Object.defineProperty(exports, \"__esModule\", { value: true });\n exports.useTopDialog = exports.useI18nLang = exports.useI18n = exports.useAsyncTopDialog = exports.piniaTPAPlugin = exports.i18nPlugin = exports.corePlugin = exports.TopDialogWorker = exports.Core = void 0;\n Object.defineProperty(exports, \"useI18nLang\", { enumerable: true, get: function () { return forms_CjJD60m3_es_js_1.D; } });\n Object.defineProperty(exports, \"useI18n\", { enumerable: true, get: function () { return forms_CjJD60m3_es_js_1.E; } });\n Object.defineProperty(exports, \"Core\", { enumerable: true, get: function () { return forms_CjJD60m3_es_js_1.O; } });\n Object.defineProperty(exports, \"i18nPlugin\", { enumerable: true, get: function () { return forms_CjJD60m3_es_js_1.T; } });\n Object.defineProperty(exports, \"corePlugin\", { enumerable: true, get: function () { return app_2jFVHyen_es_js_1.n; } });\n Object.defineProperty(exports, \"piniaTPAPlugin\", { enumerable: true, get: function () { return app_2jFVHyen_es_js_1.t; } });\n Object.defineProperty(exports, \"useTopDialog\", { enumerable: true, get: function () { return utils_Dy_MqCAH_es_js_1.n; } });\n Object.defineProperty(exports, \"TopDialogWorker\", { enumerable: true, get: function () { return utils_Dy_MqCAH_es_js_1.o; } });\n Object.defineProperty(exports, \"useAsyncTopDialog\", { enumerable: true, get: function () { return utils_Dy_MqCAH_es_js_1.t; } });\n});\n"]}
|
package/core/app.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D as e, E as t, O as n, T as r } from "../.chunks/forms-
|
|
2
|
-
import { n as i, t as a } from "../.chunks/app-
|
|
3
|
-
import { n as o, o as s, t as c } from "../.chunks/utils-
|
|
1
|
+
import { D as e, E as t, O as n, T as r } from "../.chunks/forms-CjJD60m3.es.js";
|
|
2
|
+
import { n as i, t as a } from "../.chunks/app-2jFVHyen.es.js";
|
|
3
|
+
import { n as o, o as s, t as c } from "../.chunks/utils-Dy_MqCAH.es.js";
|
|
4
4
|
export { n as Core, s as TopDialogWorker, i as corePlugin, r as i18nPlugin, a as piniaTPAPlugin, c as useAsyncTopDialog, t as useI18n, e as useI18nLang, o as useTopDialog };
|
package/dialog/dialog.amd.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define([`require`,`exports`,`../.chunks/utils-
|
|
1
|
+
define([`require`,`exports`,`../.chunks/utils-Dy_MqCAH.es.amd`,`../.chunks/dialog-BKJg54Dh.es.amd`],function(e,t,n,r){"use strict";if(i===void 0)var i=window.Vue;Object.defineProperty(t,"__esModule",{value:!0}),t.useTopDialogSelf=t.propsPageCommon=t.TopDialogPageComponent=t.TopDialogPage=t.TopDialog=void 0,Object.defineProperty(t,"useTopDialogSelf",{enumerable:!0,get:function(){return n.r}}),Object.defineProperty(t,"TopDialog",{enumerable:!0,get:function(){return n.s}}),Object.defineProperty(t,"propsPageCommon",{enumerable:!0,get:function(){return r.n}}),Object.defineProperty(t,"TopDialogPage",{enumerable:!0,get:function(){return r.r}}),Object.defineProperty(t,"TopDialogPageComponent",{enumerable:!0,get:function(){return r.t}})});
|
|
2
2
|
//# sourceMappingURL=dialog.amd.js.map
|
package/dialog/dialog.amd.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["dialog/dialog.js"],"names":["vue","exports","
|
|
1
|
+
{"version":3,"sources":["dialog/dialog.js"],"names":["vue","exports","utils_Dy_MqCAH_es_js_1","dialog_BKJg54Dh_es_js_1"],"mappings":"AAAA,OAAO,CAAC,UAAW,UAAW,mCAAmC,mCAAkC,EAAG,SAAU,EAAS,EAAS,EAAwB,EAAyB,CAC/K,aAAA,GAAAA,IAAA,OAAA,IAAAA,EAAA,OAAA,IACA,OAAO,eAAeC,EAAS,aAAc,CAAE,MAAO,EAAK,CAAC,EAC5D,EAAQ,iBAAmB,EAAQ,gBAAkB,EAAQ,uBAAyB,EAAQ,cAAgB,EAAQ,UAAY,IAAK,GACvI,OAAO,eAAeA,EAAS,mBAAoB,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOC,EAAuB,CAAG,CAAE,CAAC,EAC9H,OAAO,eAAeD,EAAS,YAAa,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOC,EAAuB,CAAG,CAAE,CAAC,EACvH,OAAO,eAAeD,EAAS,kBAAmB,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOE,EAAwB,CAAG,CAAE,CAAC,EAC9H,OAAO,eAAeF,EAAS,gBAAiB,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOE,EAAwB,CAAG,CAAE,CAAC,EAC5H,OAAO,eAAeF,EAAS,yBAA0B,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOE,EAAwB,CAAG,CAAE,CAAC,CACzI,CAAC","sourcesContent":["define([\"require\", \"exports\", \"../.chunks/utils-Dy_MqCAH.es.js\", \"../.chunks/dialog-BKJg54Dh.es.js\"], function (require, exports, utils_Dy_MqCAH_es_js_1, dialog_BKJg54Dh_es_js_1) {\n \"use strict\";\n Object.defineProperty(exports, \"__esModule\", { value: true });\n exports.useTopDialogSelf = exports.propsPageCommon = exports.TopDialogPageComponent = exports.TopDialogPage = exports.TopDialog = void 0;\n Object.defineProperty(exports, \"useTopDialogSelf\", { enumerable: true, get: function () { return utils_Dy_MqCAH_es_js_1.r; } });\n Object.defineProperty(exports, \"TopDialog\", { enumerable: true, get: function () { return utils_Dy_MqCAH_es_js_1.s; } });\n Object.defineProperty(exports, \"propsPageCommon\", { enumerable: true, get: function () { return dialog_BKJg54Dh_es_js_1.n; } });\n Object.defineProperty(exports, \"TopDialogPage\", { enumerable: true, get: function () { return dialog_BKJg54Dh_es_js_1.r; } });\n Object.defineProperty(exports, \"TopDialogPageComponent\", { enumerable: true, get: function () { return dialog_BKJg54Dh_es_js_1.t; } });\n});\n"]}
|
package/dialog/dialog.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { r as e, s as t } from "../.chunks/utils-
|
|
2
|
-
import { n, r, t as i } from "../.chunks/dialog-
|
|
1
|
+
import { r as e, s as t } from "../.chunks/utils-Dy_MqCAH.es.js";
|
|
2
|
+
import { n, r, t as i } from "../.chunks/dialog-BKJg54Dh.es.js";
|
|
3
3
|
export { t as TopDialog, r as TopDialogPage, i as TopDialogPageComponent, n as propsPageCommon, e as useTopDialogSelf };
|
package/extra/extra.amd.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,n,r){r===void 0&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);(!i||(`get`in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}):(function(e,t,n,r){r===void 0&&(r=n),e[r]=t[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var n=function(e){return n=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},n(e)};return function(r){if(r&&r.__esModule)return r;var i={};if(r!=null)for(var a=n(r),o=0;o<a.length;o++)a[o]!=="default"&&__createBinding(i,r,a[o]);return __setModuleDefault(i,r),i}})();define([`require`,`exports`,`vue`,`../require/css.amd!../assets/extra.css`],function(e,t,r){"use strict";if(i===void 0)var i=window.Vue;Object.defineProperty(t,"__esModule",{value:!0}),t.TopRive=void 0,t.TopRive=(0,r.defineComponent)({__name:`rive`,props:{src:{},buffer:{},riveFile:{},artboard:{},animations:{},stateMachines:{},layout:{},autoplay:{type:Boolean,default:!0},useOffscreenRenderer:{type:Boolean},tabIndex:{},focusOptions:{},enableRiveAssetCDN:{type:Boolean},semanticsMode:{},semanticsOptions:{},shouldDisableRiveListeners:{type:Boolean},isTouchScrollEnabled:{type:Boolean},automaticallyHandleEvents:{type:Boolean},autoBind:{type:Boolean},dispatchPointerExit:{type:Boolean},enableMultiTouch:{type:Boolean},drawingOptions:{},enablePerfMarks:{type:Boolean},onLoad:{},onLoadError:{},onPlay:{},onPause:{},onStop:{},onLoop:{},onStateChange:{},onAdvance:{},assetLoader:{},onload:{},onloaderror:{},onplay:{},onpause:{},onstop:{},onloop:{},onstatechange:{}},setup(t,{expose:i}){let a,o=t,s=(0,r.ref)(),c={riveInstance:void 0};return(0,r.watch)([s,o],async()=>{a||=await new Promise((t,n)=>{e([`@rive-app/canvas-lite`],t,n)}).then(__importStar);let t=s.value;if(!t)return;c.riveInstance?.cleanup();let r={...o,canvas:t,onLoad:e=>{o.onLoad?.(e),c.riveInstance?.resizeDrawingSurfaceToCanvas()}};c.riveInstance=new a.Rive(r)}),(0,r.onUnmounted)(()=>{c.riveInstance?.cleanup()}),i(c),(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`canvas`,{ref_key:`el`,ref:s,class:`top-rive`},null,512))}})});
|
|
1
|
+
var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,n,r){r===void 0&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);(!i||(`get`in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}):(function(e,t,n,r){r===void 0&&(r=n),e[r]=t[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var n=function(e){return n=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},n(e)};return function(r){if(r&&r.__esModule)return r;var i={};if(r!=null)for(var a=n(r),o=0;o<a.length;o++)a[o]!=="default"&&__createBinding(i,r,a[o]);return __setModuleDefault(i,r),i}})();define([`require`,`exports`,`vue`,`../require/css.amd!../assets/extra.css`],function(e,t,r){"use strict";if(i===void 0)var i=window.Vue;Object.defineProperty(t,"__esModule",{value:!0}),t.TopRive=void 0,t.TopRive=(0,r.defineComponent)({__name:`rive`,props:{src:{},buffer:{},riveFile:{},artboard:{},stateMachine:{},animations:{},stateMachines:{},layout:{},autoplay:{type:Boolean,default:!0},useOffscreenRenderer:{type:Boolean},tabIndex:{},focusOptions:{},enableRiveAssetCDN:{type:Boolean},semanticsMode:{},semanticsOptions:{},shouldDisableRiveListeners:{type:Boolean},isTouchScrollEnabled:{type:Boolean},automaticallyHandleEvents:{type:Boolean},autoBind:{type:Boolean},dispatchPointerExit:{type:Boolean},enableMultiTouch:{type:Boolean},drawingOptions:{},enableGPUCanvas:{type:Boolean},enablePerfMarks:{type:Boolean},onLoad:{},onLoadError:{},onPlay:{},onPause:{},onStop:{},onLoop:{},onStateChange:{},onAdvance:{},assetLoader:{},onload:{},onloaderror:{},onplay:{},onpause:{},onstop:{},onloop:{},onstatechange:{}},setup(t,{expose:i}){let a,o=t,s=(0,r.ref)(),c={riveInstance:void 0};return(0,r.watch)([s,o],async()=>{a||=await new Promise((t,n)=>{e([`@rive-app/canvas-lite`],t,n)}).then(__importStar);let t=s.value;if(!t)return;c.riveInstance?.cleanup();let r={...o,canvas:t,onLoad:e=>{o.onLoad?.(e),c.riveInstance?.resizeDrawingSurfaceToCanvas()}};c.riveInstance=new a.Rive(r)}),(0,r.onUnmounted)(()=>{c.riveInstance?.cleanup()}),i(c),(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`canvas`,{ref_key:`el`,ref:s,class:`top-rive`},null,512))}})});
|
|
2
2
|
//# sourceMappingURL=extra.amd.js.map
|
package/extra/extra.amd.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["extra/extra.js","../../src/components/extra/rive/rive.vue"],"names":["k2","k","desc","m","o","v","\"default\"","ownKeys","ar","mod","result","i","vue","exports","vue_1","s","c","l","u","require","resolve_1","reject_1","e","t"],"mappings":"AAAA,IAAI,gBAAmB,MAAQ,KAAK,kBAAqB,OAAO,QAAU,SAAS,EAAG,EAAG,EAAG,EAAI,CACxFA,IAAO,SAAW,EAAKC,GAC3B,IAAIC,EAAO,OAAO,yBAAyBC,EAAGF,CAAC,GAC3C,CAACC,IAAS,QAASA,EAAO,CAACC,EAAE,WAAaD,EAAK,UAAYA,EAAK,iBAClE,EAAO,CAAE,WAAY,GAAM,IAAK,UAAW,CAAE,OAAOC,EAAEF,EAAI,CAAE,GAE9D,OAAO,eAAeG,EAAGJ,EAAIE,CAAI,CACrC,IAAM,SAAS,EAAG,EAAG,EAAG,EAAI,CACpBF,IAAO,SAAW,EAAKC,GAC3B,EAAED,GAAMG,EAAEF,EACd,IACI,mBAAsB,MAAQ,KAAK,qBAAwB,OAAO,QAAU,SAAS,EAAG,EAAG,CAC3F,OAAO,eAAeG,EAAG,UAAW,CAAE,WAAY,GAAM,MAAOC,CAAE,CAAC,CACtE,GAAK,SAAS,EAAG,EAAG,CAChB,EAAEC,QAAaD,CACnB,GACI,aAAgB,MAAQ,KAAK,eAAkB,UAAY,CAC3D,IAAIE,EAAU,SAAS,EAAG,CAMtB,MALA,GAAU,OAAO,qBAAuB,SAAU,EAAG,CACjD,IAAIC,EAAK,CAAC,EACV,IAAK,IAAIP,KAAKG,EAAO,OAAO,UAAU,eAAe,KAAKA,EAAGH,CAAC,IAAG,EAAGO,EAAG,QAAUP,GACjF,OAAOO,CACX,EACOD,EAAQH,CAAC,CACpB,EACA,OAAO,SAAU,EAAK,CAClB,GAAIK,GAAOA,EAAI,WAAY,OAAOA,EAClC,IAAIC,EAAS,CAAC,EACd,GAAID,GAAO,KAAM,IAAK,IAAIR,EAAIM,EAAQE,CAAG,EAAGE,EAAI,EAAGA,EAAIV,EAAE,OAAQ,IAASA,EAAEU,KAAO,WAAW,gBAAgBD,EAAQD,EAAKR,EAAEU,EAAE,EAE/H,OADA,mBAAmBD,EAAQD,CAAG,EACvBC,CACX,CACJ,EAAC,CAAE,EACH,OAAO,CAAC,UAAW,UAAW,MAAK,wCAAA,EAAA,SAAa,EAAS,EAAS,EAAO,CACrE,aAAA,GAAAE,IAAA,OAAA,IAAAA,EAAA,OAAA,IACA,OAAO,eAAeC,EAAS,aAAc,CAAE,MAAO,EAAK,CAAC,EAC5D,EAAQ,QAAU,IAAK,
|
|
1
|
+
{"version":3,"sources":["extra/extra.js","../../src/components/extra/rive/rive.vue"],"names":["k2","k","desc","m","o","v","\"default\"","ownKeys","ar","mod","result","i","vue","exports","vue_1","s","c","l","u","require","resolve_1","reject_1","e","t"],"mappings":"AAAA,IAAI,gBAAmB,MAAQ,KAAK,kBAAqB,OAAO,QAAU,SAAS,EAAG,EAAG,EAAG,EAAI,CACxFA,IAAO,SAAW,EAAKC,GAC3B,IAAIC,EAAO,OAAO,yBAAyBC,EAAGF,CAAC,GAC3C,CAACC,IAAS,QAASA,EAAO,CAACC,EAAE,WAAaD,EAAK,UAAYA,EAAK,iBAClE,EAAO,CAAE,WAAY,GAAM,IAAK,UAAW,CAAE,OAAOC,EAAEF,EAAI,CAAE,GAE9D,OAAO,eAAeG,EAAGJ,EAAIE,CAAI,CACrC,IAAM,SAAS,EAAG,EAAG,EAAG,EAAI,CACpBF,IAAO,SAAW,EAAKC,GAC3B,EAAED,GAAMG,EAAEF,EACd,IACI,mBAAsB,MAAQ,KAAK,qBAAwB,OAAO,QAAU,SAAS,EAAG,EAAG,CAC3F,OAAO,eAAeG,EAAG,UAAW,CAAE,WAAY,GAAM,MAAOC,CAAE,CAAC,CACtE,GAAK,SAAS,EAAG,EAAG,CAChB,EAAEC,QAAaD,CACnB,GACI,aAAgB,MAAQ,KAAK,eAAkB,UAAY,CAC3D,IAAIE,EAAU,SAAS,EAAG,CAMtB,MALA,GAAU,OAAO,qBAAuB,SAAU,EAAG,CACjD,IAAIC,EAAK,CAAC,EACV,IAAK,IAAIP,KAAKG,EAAO,OAAO,UAAU,eAAe,KAAKA,EAAGH,CAAC,IAAG,EAAGO,EAAG,QAAUP,GACjF,OAAOO,CACX,EACOD,EAAQH,CAAC,CACpB,EACA,OAAO,SAAU,EAAK,CAClB,GAAIK,GAAOA,EAAI,WAAY,OAAOA,EAClC,IAAIC,EAAS,CAAC,EACd,GAAID,GAAO,KAAM,IAAK,IAAIR,EAAIM,EAAQE,CAAG,EAAGE,EAAI,EAAGA,EAAIV,EAAE,OAAQ,IAASA,EAAEU,KAAO,WAAW,gBAAgBD,EAAQD,EAAKR,EAAEU,EAAE,EAE/H,OADA,mBAAmBD,EAAQD,CAAG,EACvBC,CACX,CACJ,EAAC,CAAE,EACH,OAAO,CAAC,UAAW,UAAW,MAAK,wCAAA,EAAA,SAAa,EAAS,EAAS,EAAO,CACrE,aAAA,GAAAE,IAAA,OAAA,IAAAA,EAAA,OAAA,IACA,OAAO,eAAeC,EAAS,aAAc,CAAE,MAAO,EAAK,CAAC,EAC5D,EAAQ,QAAU,IAAK,GA2EvB,EAAQ,SAxEiB,EAAGC,EAAM,gBAAe,CAAE,CAC/C,OAAQ,OACR,MAAO,CACH,IAAK,CAAC,EACN,OAAQ,CAAC,EACT,SAAU,CAAC,EACX,SAAU,CAAC,EACX,aAAc,CAAC,EACf,WAAY,CAAC,EACb,cAAe,CAAC,EAChB,OAAQ,CAAC,EACT,SAAU,CCvChB,KAA4B,QAMlB,QAAG,CAAA,CACA,EAEH,qBAAG,CAAA,KAAA,OAAA,EACL,SAAA,CAAA,EAEL,aAAc,CAAQ,EAEE,mBAAA,CAAA,KAAA,OAAA,EAC5B,cAAA,CAAA,EACH,iBAAA,CAAA,EACA,2BAAe,CAAA,KAAA,OAAA,EACR,qBAEE,CAAc,KAAA,OAAA,EACvB,0BAAA,CAAA,KAAA,OAAA,EACD,SAAA,CAAA,KAAA,OAAA,EAEQ,oBAAoC,CAAA,KAAA,OAAA,EAG7C,iBAAkB,CAAA,KAAA,OAAA,EACT,eAAsB,CAAA,EAGX,gBAInB,CAA2C,KAAA,OAAA,EAA/B,gBAAA,CAAA,KAAA,OAAA,EAAA,OAAA,CAAA,EAAW,YAAA,CAAA,EDyBZ,OAAQ,CAAC,EACT,QAAS,CAAC,EACV,OAAQ,CAAC,EACT,OAAQ,CAAC,EACT,cAAe,CAAC,EAChB,UAAW,CAAC,EACZ,YAAa,CAAC,EACd,OAAQ,CAAC,EACT,YAAa,CAAC,EACd,OAAQ,CAAC,EACT,QAAS,CAAC,EACV,OAAQ,CAAC,EACT,OAAQ,CAAC,EACT,cAAe,CAAC,CACpB,EACA,MAAM,EAAG,CAAE,OAAQV,GAAK,CACpB,IAAIW,EAAGC,EAAI,EAAGC,GAAK,EAAGH,EAAM,IAAG,CAAE,EAAGI,EAAI,CAAE,aAAc,IAAK,EAAE,EAC/D,OAAQ,EAAGJ,EAAM,MAAK,CAAE,CAACG,EAAGD,CAAC,EAAG,SAAY,CACxC,IAAM,MAAM,IAAI,SAAS,EAAW,IAAa,CAAEG,EAAQ,CAAC,uBAAuB,EAAGC,EAAWC,CAAQ,CAAG,CAAC,CAAC,CAAC,KAAK,YAAY,EAChI,IAAIC,EAAIL,EAAE,MACV,GAAI,CAACK,EACD,OACJJ,EAAE,cAAc,QAAQ,EACxB,IAAIK,EAAI,CACJ,GAAGP,EACH,OAAQM,EACR,OAAS,GAAM,CACXN,EAAE,SAAS,CAAC,EAAGE,EAAE,cAAc,6BAA6B,CAChE,CACJ,EACA,EAAE,aAAe,IAAIH,EAAE,KAAKQ,CAAC,CACjC,CAAC,GAAI,EAAGT,EAAM,YAAW,KAAQ,CAC7BI,EAAE,cAAc,QAAQ,CAC5B,CAAC,EAAGd,EAAEc,CAAC,GAAI,EAAG,MAAQ,EAAGJ,EAAM,UAAS,CAAE,GAAI,EAAGA,EAAM,mBAAkB,CAAE,SAAU,CACjF,QAAS,KACT,IAAKG,EACL,MAAO,UACX,EAAG,KAAM,GAAG,EAChB,CACJ,CACkB,CACtB,CAAC","sourcesContent":["var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n var desc = Object.getOwnPropertyDescriptor(m, k);\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n desc = { enumerable: true, get: function() { return m[k]; } };\n }\n Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || (function () {\n var ownKeys = function(o) {\n ownKeys = Object.getOwnPropertyNames || function (o) {\n var ar = [];\n for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\n return ar;\n };\n return ownKeys(o);\n };\n return function (mod) {\n if (mod && mod.__esModule) return mod;\n var result = {};\n if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\n __setModuleDefault(result, mod);\n return result;\n };\n})();\ndefine([\"require\", \"exports\", \"vue\"], function (require, exports, vue_1) {\n \"use strict\";\n Object.defineProperty(exports, \"__esModule\", { value: true });\n exports.TopRive = void 0;\n //#endregion\n //#region src/components/extra/rive/rive.vue\n var o = /* @__PURE__ */ (0, vue_1.defineComponent)({\n __name: \"rive\",\n props: {\n src: {},\n buffer: {},\n riveFile: {},\n artboard: {},\n stateMachine: {},\n animations: {},\n stateMachines: {},\n layout: {},\n autoplay: {\n type: Boolean,\n default: !0\n },\n useOffscreenRenderer: { type: Boolean },\n tabIndex: {},\n focusOptions: {},\n enableRiveAssetCDN: { type: Boolean },\n semanticsMode: {},\n semanticsOptions: {},\n shouldDisableRiveListeners: { type: Boolean },\n isTouchScrollEnabled: { type: Boolean },\n automaticallyHandleEvents: { type: Boolean },\n autoBind: { type: Boolean },\n dispatchPointerExit: { type: Boolean },\n enableMultiTouch: { type: Boolean },\n drawingOptions: {},\n enableGPUCanvas: { type: Boolean },\n enablePerfMarks: { type: Boolean },\n onLoad: {},\n onLoadError: {},\n onPlay: {},\n onPause: {},\n onStop: {},\n onLoop: {},\n onStateChange: {},\n onAdvance: {},\n assetLoader: {},\n onload: {},\n onloaderror: {},\n onplay: {},\n onpause: {},\n onstop: {},\n onloop: {},\n onstatechange: {}\n },\n setup(t, { expose: o }) {\n let s, c = t, l = (0, vue_1.ref)(), u = { riveInstance: void 0 };\n return (0, vue_1.watch)([l, c], async () => {\n s ||= await new Promise((resolve_1, reject_1) => { require([\"@rive-app/canvas-lite\"], resolve_1, reject_1); }).then(__importStar);\n let e = l.value;\n if (!e)\n return;\n u.riveInstance?.cleanup();\n let t = {\n ...c,\n canvas: e,\n onLoad: (e) => {\n c.onLoad?.(e), u.riveInstance?.resizeDrawingSurfaceToCanvas();\n }\n };\n u.riveInstance = new s.Rive(t);\n }), (0, vue_1.onUnmounted)(() => {\n u.riveInstance?.cleanup();\n }), o(u), (t, n) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"canvas\", {\n ref_key: \"el\",\n ref: l,\n class: \"top-rive\"\n }, null, 512));\n }\n });\n exports.TopRive = o;\n});\n//# sourceMappingURL=extra.js.map\n","<script setup lang=\"ts\">\nimport { onUnmounted, ref, watch } from 'vue';\nimport type { Rive, RiveParameters } from '@rive-app/canvas-lite';\nimport type { Props } from './types';\n\nlet rive: typeof import('@rive-app/canvas-lite');\n\nconst props = withDefaults(defineProps<Props>(), {\n\tautoplay: true,\n});\n\nconst el = ref<HTMLCanvasElement>();\n\nconst topRive = {\n\triveInstance: undefined as Rive | undefined,\n};\n\nwatch([el, props], async () => {\n\tif (!rive) rive = await import('@rive-app/canvas-lite');\n\n\tconst canvas = el.value;\n\tif (!canvas) return;\n\n\ttopRive.riveInstance?.cleanup();\n\n\tconst options: RiveParameters = {\n\t\t...props,\n\t\tcanvas,\n\t\tonLoad: (e) => {\n\t\t\tprops.onLoad?.(e);\n\n\t\t\ttopRive.riveInstance?.resizeDrawingSurfaceToCanvas();\n\t\t},\n\t};\n\n\ttopRive.riveInstance = new rive.Rive(options);\n});\n\nonUnmounted(() => {\n\ttopRive.riveInstance?.cleanup();\n});\n\ndefineExpose(topRive);\n</script>\n\n<template>\n\t<canvas ref=\"el\" class=\"top-rive\"></canvas>\n</template>\n\n<style>\n.top-rive {\n\twidth: 100%;\n\theight: 100%;\n\tflex-grow: 1;\n}\n</style>\n"]}
|
package/extra/extra.js
CHANGED
|
@@ -15,6 +15,7 @@ var o = /* @__PURE__ */ t({
|
|
|
15
15
|
buffer: {},
|
|
16
16
|
riveFile: {},
|
|
17
17
|
artboard: {},
|
|
18
|
+
stateMachine: {},
|
|
18
19
|
animations: {},
|
|
19
20
|
stateMachines: {},
|
|
20
21
|
layout: {},
|
|
@@ -35,6 +36,7 @@ var o = /* @__PURE__ */ t({
|
|
|
35
36
|
dispatchPointerExit: { type: Boolean },
|
|
36
37
|
enableMultiTouch: { type: Boolean },
|
|
37
38
|
drawingOptions: {},
|
|
39
|
+
enableGPUCanvas: { type: Boolean },
|
|
38
40
|
enablePerfMarks: { type: Boolean },
|
|
39
41
|
onLoad: {},
|
|
40
42
|
onLoadError: {},
|