@energie360/ui-library 0.1.23 → 0.1.25
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/components/badge/u-badge.vue +2 -2
- package/components/card-amount/card-amount.scss +7 -0
- package/components/card-amount/u-card-amount.vue +21 -0
- package/components/card-amount-illustrated/card-amount-illustrated.scss +35 -0
- package/components/card-amount-illustrated/u-card-amount-illustrated.vue +80 -0
- package/components/card-contact/card-contact.scss +5 -3
- package/components/card-contact/u-card-contact.vue +15 -10
- package/components/card-footer/u-card-footer.vue +6 -2
- package/components/card-group/card-group.scss +25 -11
- package/components/card-group/u-card-group.vue +59 -4
- package/components/chip/chip.scss +31 -4
- package/components/chip/u-chip.vue +5 -2
- package/components/index.js +4 -0
- package/components/progress-bar/progress-bar.scss +5 -9
- package/components/progress-bar/u-progress-bar.vue +3 -6
- package/components/richtext/_wizard.scss +1 -1
- package/components/richtext/richtext.scss +2 -0
- package/components/skeleton-loader/u-skeleton-loader.vue +1 -1
- package/components/slider/slider.scss +1 -0
- package/components/slider/u-slider.vue +26 -15
- package/components/slider-progress-animation/slider-progress-animation.scss +25 -0
- package/components/slider-progress-animation/u-slider-progress-animation.vue +65 -0
- package/components/sprite-animation/sprite-animation.scss +7 -0
- package/components/sprite-animation/u-sprite-animation.vue +169 -0
- package/components/table/cell-progress-bar.scss +4 -0
- package/components/table/u-cell-icon-group.vue +12 -7
- package/components/table/u-cell-progress-bar.vue +5 -5
- package/components/text-block/text-block.scss +18 -14
- package/components/text-block/u-text-block.vue +17 -11
- package/dist/elements/text.css +749 -0
- package/dist/elements/text.css.map +1 -0
- package/dist/layout/container.css +29 -0
- package/dist/layout/container.css.map +1 -0
- package/dist/layout/grid.css +3253 -0
- package/dist/layout/grid.css.map +1 -0
- package/elements/index.js +0 -1
- package/elements/select-chip/select-chip.scss +1 -1
- package/elements/select-chip/u-select-chip.vue +7 -6
- package/modules/feedback/feedback-vote-buttons.scss +10 -0
- package/modules/feedback/types/feedback.type.ts +4 -2
- package/modules/feedback/u-feedback-vote-buttons.vue +26 -12
- package/modules/feedback/u-feedback.vue +2 -1
- package/package.json +3 -1
- package/utility/elements/text.scss +61 -0
- package/utility/layout/container.scss +1 -0
- package/utility/layout/grid.scss +1 -0
- package/utils/functions/animate.js +258 -0
- package/wizard/wizard-layout/u-wizard-layout-block.vue +2 -2
- package/wizard/wizard-top-bar/u-wizard-top-bar.vue +0 -8
- package/elements/range-slider/u-range-slider.vue +0 -138
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../base/abstracts/_variables.scss","../../base/abstracts/_functions.scss","../../layout/grid/grid.mixin.scss","../../layout/grid/grid-row.scss","../../base/abstracts/_mixins.scss","../../layout/grid/grid.scss"],"names":[],"mappings":"AAqCiF;AChCjF;ACFA;AAAA;AAAA;AAAA;AA0BA;AAAA;;AAAA;AAAA;AAAA;AC1BA;EDSE;EACA;EACA,UFgBgB;;AIThB;EDlBF;IDcI,UFca;;;AIVf;EDlBF;IDkBI,UFWY;;;AIXd;EDlBF;IDsBI,UFQY;;;AG3Bd;EACE;;;AEIF;EH2BA;EACA,WAHY;;AEfZ;ECVA;IHiCE;IACA,WAHW;;;AErBb;ECVA;IHwCE;IACA,WAHU;;;AE5BZ;ECVA;IH+CE;IACA,WAHU;;;;AGxCV;EHiDF;;AE5CA;ECLE;IHoDA;;;AE/CF;ECLE;IHwDA;;;AEnDF;ECLE;IH4DA;;;;AGjEF;EH2BA;EACA,WAHY;;AEfZ;ECVA;IHiCE;IACA,WAHW;;;AErBb;ECVA;IHwCE;IACA,WAHU;;;AE5BZ;ECVA;IH+CE;IACA,WAHU;;;;AGxCV;EHiDF;;AE5CA;ECLE;IHoDA;;;AE/CF;ECLE;IHwDA;;;AEnDF;ECLE;IH4DA;;;;AGjEF;EH2BA;EACA,WAHY;;AEfZ;ECVA;IHiCE;IACA,WAHW;;;AErBb;ECVA;IHwCE;IACA,WAHU;;;AE5BZ;ECVA;IH+CE;IACA,WAHU;;;;AGxCV;EHiDF;;AE5CA;ECLE;IHoDA;;;AE/CF;ECLE;IHwDA;;;AEnDF;ECLE;IH4DA;;;;AGjEF;EH2BA;EACA,WAHY;;AEfZ;ECVA;IHiCE;IACA,WAHW;;;AErBb;ECVA;IHwCE;IACA,WAHU;;;AE5BZ;ECVA;IH+CE;IACA,WAHU;;;;AGxCV;EHiDF;;AE5CA;ECLE;IHoDA;;;AE/CF;ECLE;IHwDA;;;AEnDF;ECLE;IH4DA;;;;AGjEF;EH2BA;EACA,WAHY;;AEfZ;ECVA;IHiCE;IACA,WAHW;;;AErBb;ECVA;IHwCE;IACA,WAHU;;;AE5BZ;ECVA;IH+CE;IACA,WAHU;;;;AGxCV;EHiDF;;AE5CA;ECLE;IHoDA;;;AE/CF;ECLE;IHwDA;;;AEnDF;ECLE;IH4DA;;;;AGjEF;EH2BA;EACA,WAHY;;AEfZ;ECVA;IHiCE;IACA,WAHW;;;AErBb;ECVA;IHwCE;IACA,WAHU;;;AE5BZ;ECVA;IH+CE;IACA,WAHU;;;;AGxCV;EHiDF;;AE5CA;ECLE;IHoDA;;;AE/CF;ECLE;IHwDA;;;AEnDF;ECLE;IH4DA;;;;AGjEF;EH2BA;EACA,WAHY;;AEfZ;ECVA;IHiCE;IACA,WAHW;;;AErBb;ECVA;IHwCE;IACA,WAHU;;;AE5BZ;ECVA;IH+CE;IACA,WAHU;;;;AGxCV;EHiDF;;AE5CA;ECLE;IHoDA;;;AE/CF;ECLE;IHwDA;;;AEnDF;ECLE;IH4DA;;;;AGjEF;EH2BA;EACA,WAHY;;AEfZ;ECVA;IHiCE;IACA,WAHW;;;AErBb;ECVA;IHwCE;IACA,WAHU;;;AE5BZ;ECVA;IH+CE;IACA,WAHU;;;;AGxCV;EHiDF;;AE5CA;ECLE;IHoDA;;;AE/CF;ECLE;IHwDA;;;AEnDF;ECLE;IH4DA;;;;AGjEF;EH2BA;EACA,WAHY;;AEfZ;ECVA;IHiCE;IACA,WAHW;;;AErBb;ECVA;IHwCE;IACA,WAHU;;;AE5BZ;ECVA;IH+CE;IACA,WAHU;;;;AGxCV;EHiDF;;AE5CA;ECLE;IHoDA;;;AE/CF;ECLE;IHwDA;;;AEnDF;ECLE;IH4DA;;;;AGjEF;EH2BA;EACA,WAHY;;AEfZ;ECVA;IHiCE;IACA,WAHW;;;AErBb;ECVA;IHwCE;IACA,WAHU;;;AE5BZ;ECVA;IH+CE;IACA,WAHU;;;;AGxCV;EHiDF;;AE5CA;ECLE;IHoDA;;;AE/CF;ECLE;IHwDA;;;AEnDF;ECLE;IH4DA;;;;AGjEF;EH2BA;EACA,WAHY;;AEfZ;ECVA;IHiCE;IACA,WAHW;;;AErBb;ECVA;IHwCE;IACA,WAHU;;;AE5BZ;ECVA;IH+CE;IACA,WAHU;;;;AGxCV;EHiDF;;AE5CA;ECLE;IHoDA;;;AE/CF;ECLE;IHwDA;;;AEnDF;ECLE;IH4DA;;;;AGjEF;EH2BA;EACA,WAHY;;AEfZ;ECVA;IHiCE;IACA,WAHW;;;AErBb;ECVA;IHwCE;IACA,WAHU;;;AE5BZ;ECVA;IH+CE;IACA,WAHU;;;;AEnCZ;ECIE;IHaF;IACA,WAHY;;;AEfZ;ECIE;IHmBA;IACA,WAHW;;;AErBb;ECIE;IH0BA;IACA,WAHU;;;AE5BZ;ECIE;IHiCA;IACA,WAHU;;;AEnCZ;ECSI;IHmCJ;;;AE5CA;ECSI;IHsCF;;;AE/CF;ECSI;IH0CF;;;AEnDF;ECSI;IH8CF;;;AEvDF;ECeE;IACE;;EAZF;IHaF;IACA,WAHY;;;AEfZ;ECIE;IHmBA;IACA,WAHW;;;AErBb;ECIE;IH0BA;IACA,WAHU;;;AE5BZ;ECIE;IHiCA;IACA,WAHU;;;AEnCZ;ECSI;IHmCJ;;;AE5CA;ECSI;IHsCF;;;AE/CF;ECSI;IH0CF;;;AEnDF;ECSI;IH8CF;;;AEvDF;ECeE;IACE;;EAZF;IHaF;IACA,WAHY;;;AEfZ;ECIE;IHmBA;IACA,WAHW;;;AErBb;ECIE;IH0BA;IACA,WAHU;;;AE5BZ;ECIE;IHiCA;IACA,WAHU;;;AEnCZ;ECSI;IHmCJ;;;AE5CA;ECSI;IHsCF;;;AE/CF;ECSI;IH0CF;;;AEnDF;ECSI;IH8CF;;;AEvDF;ECeE;IACE;;EAZF;IHaF;IACA,WAHY;;;AEfZ;ECIE;IHmBA;IACA,WAHW;;;AErBb;ECIE;IH0BA;IACA,WAHU;;;AE5BZ;ECIE;IHiCA;IACA,WAHU;;;AEnCZ;ECSI;IHmCJ;;;AE5CA;ECSI;IHsCF;;;AE/CF;ECSI;IH0CF;;;AEnDF;ECSI;IH8CF;;;AEvDF;ECeE;IACE;;EAZF;IHaF;IACA,WAHY;;;AEfZ;ECIE;IHmBA;IACA,WAHW;;;AErBb;ECIE;IH0BA;IACA,WAHU;;;AE5BZ;ECIE;IHiCA;IACA,WAHU;;;AEnCZ;ECSI;IHmCJ;;;AE5CA;ECSI;IHsCF;;;AE/CF;ECSI;IH0CF;;;AEnDF;ECSI;IH8CF;;;AEvDF;ECeE;IACE;;EAZF;IHaF;IACA,WAHY;;;AEfZ;ECIE;IHmBA;IACA,WAHW;;;AErBb;ECIE;IH0BA;IACA,WAHU;;;AE5BZ;ECIE;IHiCA;IACA,WAHU;;;AEnCZ;ECSI;IHmCJ;;;AE5CA;ECSI;IHsCF;;;AE/CF;ECSI;IH0CF;;;AEnDF;ECSI;IH8CF;;;AEvDF;ECeE;IACE;;EAZF;IHaF;IACA,WAHY;;;AEfZ;ECIE;IHmBA;IACA,WAHW;;;AErBb;ECIE;IH0BA;IACA,WAHU;;;AE5BZ;ECIE;IHiCA;IACA,WAHU;;;AEnCZ;ECSI;IHmCJ;;;AE5CA;ECSI;IHsCF;;;AE/CF;ECSI;IH0CF;;;AEnDF;ECSI;IH8CF;;;AEvDF;ECeE;IACE;;EAZF;IHaF;IACA,WAHY;;;AEfZ;ECIE;IHmBA;IACA,WAHW;;;AErBb;ECIE;IH0BA;IACA,WAHU;;;AE5BZ;ECIE;IHiCA;IACA,WAHU;;;AEnCZ;ECSI;IHmCJ;;;AE5CA;ECSI;IHsCF;;;AE/CF;ECSI;IH0CF;;;AEnDF;ECSI;IH8CF;;;AEvDF;ECeE;IACE;;EAZF;IHaF;IACA,WAHY;;;AEfZ;ECIE;IHmBA;IACA,WAHW;;;AErBb;ECIE;IH0BA;IACA,WAHU;;;AE5BZ;ECIE;IHiCA;IACA,WAHU;;;AEnCZ;ECSI;IHmCJ;;;AE5CA;ECSI;IHsCF;;;AE/CF;ECSI;IH0CF;;;AEnDF;ECSI;IH8CF;;;AEvDF;ECeE;IACE;;EAZF;IHaF;IACA,WAHY;;;AEfZ;ECIE;IHmBA;IACA,WAHW;;;AErBb;ECIE;IH0BA;IACA,WAHU;;;AE5BZ;ECIE;IHiCA;IACA,WAHU;;;AEnCZ;ECSI;IHmCJ;;;AE5CA;ECSI;IHsCF;;;AE/CF;ECSI;IH0CF;;;AEnDF;ECSI;IH8CF;;;AEvDF;ECeE;IACE;;EAZF;IHaF;IACA,WAHY;;;AEfZ;ECIE;IHmBA;IACA,WAHW;;;AErBb;ECIE;IH0BA;IACA,WAHU;;;AE5BZ;ECIE;IHiCA;IACA,WAHU;;;AEnCZ;ECSI;IHmCJ;;;AE5CA;ECSI;IHsCF;;;AE/CF;ECSI;IH0CF;;;AEnDF;ECSI;IH8CF;;;AEvDF;ECeE;IACE;;EAZF;IHaF;IACA,WAHY;;;AEfZ;ECIE;IHmBA;IACA,WAHW;;;AErBb;ECIE;IH0BA;IACA,WAHU;;;AE5BZ;ECIE;IHiCA;IACA,WAHU;;;AEnCZ;ECeE;IACE;;;ADhBJ;ECwBE;IHPF;IACA,WAHY;;;AEfZ;ECwBE;IHDA;IACA,WAHW;;;AErBb;ECwBE;IHMA;IACA,WAHU;;;AE5BZ;ECwBE;IHaA;IACA,WAHU;;;AEnCZ;EC6BI;IHeJ;;;AE5CA;EC6BI;IHkBF;;;AE/CF;EC6BI;IHsBF;;;AEnDF;EC6BI;IH0BF;;;AEvDF;ECmCE;IACE;;EAZF;IHPF;IACA,WAHY;;;AEfZ;ECwBE;IHDA;IACA,WAHW;;;AErBb;ECwBE;IHMA;IACA,WAHU;;;AE5BZ;ECwBE;IHaA;IACA,WAHU;;;AEnCZ;EC6BI;IHeJ;;;AE5CA;EC6BI;IHkBF;;;AE/CF;EC6BI;IHsBF;;;AEnDF;EC6BI;IH0BF;;;AEvDF;ECmCE;IACE;;EAZF;IHPF;IACA,WAHY;;;AEfZ;ECwBE;IHDA;IACA,WAHW;;;AErBb;ECwBE;IHMA;IACA,WAHU;;;AE5BZ;ECwBE;IHaA;IACA,WAHU;;;AEnCZ;EC6BI;IHeJ;;;AE5CA;EC6BI;IHkBF;;;AE/CF;EC6BI;IHsBF;;;AEnDF;EC6BI;IH0BF;;;AEvDF;ECmCE;IACE;;EAZF;IHPF;IACA,WAHY;;;AEfZ;ECwBE;IHDA;IACA,WAHW;;;AErBb;ECwBE;IHMA;IACA,WAHU;;;AE5BZ;ECwBE;IHaA;IACA,WAHU;;;AEnCZ;EC6BI;IHeJ;;;AE5CA;EC6BI;IHkBF;;;AE/CF;EC6BI;IHsBF;;;AEnDF;EC6BI;IH0BF;;;AEvDF;ECmCE;IACE;;EAZF;IHPF;IACA,WAHY;;;AEfZ;ECwBE;IHDA;IACA,WAHW;;;AErBb;ECwBE;IHMA;IACA,WAHU;;;AE5BZ;ECwBE;IHaA;IACA,WAHU;;;AEnCZ;EC6BI;IHeJ;;;AE5CA;EC6BI;IHkBF;;;AE/CF;EC6BI;IHsBF;;;AEnDF;EC6BI;IH0BF;;;AEvDF;ECmCE;IACE;;EAZF;IHPF;IACA,WAHY;;;AEfZ;ECwBE;IHDA;IACA,WAHW;;;AErBb;ECwBE;IHMA;IACA,WAHU;;;AE5BZ;ECwBE;IHaA;IACA,WAHU;;;AEnCZ;EC6BI;IHeJ;;;AE5CA;EC6BI;IHkBF;;;AE/CF;EC6BI;IHsBF;;;AEnDF;EC6BI;IH0BF;;;AEvDF;ECmCE;IACE;;EAZF;IHPF;IACA,WAHY;;;AEfZ;ECwBE;IHDA;IACA,WAHW;;;AErBb;ECwBE;IHMA;IACA,WAHU;;;AE5BZ;ECwBE;IHaA;IACA,WAHU;;;AEnCZ;EC6BI;IHeJ;;;AE5CA;EC6BI;IHkBF;;;AE/CF;EC6BI;IHsBF;;;AEnDF;EC6BI;IH0BF;;;AEvDF;ECmCE;IACE;;EAZF;IHPF;IACA,WAHY;;;AEfZ;ECwBE;IHDA;IACA,WAHW;;;AErBb;ECwBE;IHMA;IACA,WAHU;;;AE5BZ;ECwBE;IHaA;IACA,WAHU;;;AEnCZ;EC6BI;IHeJ;;;AE5CA;EC6BI;IHkBF;;;AE/CF;EC6BI;IHsBF;;;AEnDF;EC6BI;IH0BF;;;AEvDF;ECmCE;IACE;;EAZF;IHPF;IACA,WAHY;;;AEfZ;ECwBE;IHDA;IACA,WAHW;;;AErBb;ECwBE;IHMA;IACA,WAHU;;;AE5BZ;ECwBE;IHaA;IACA,WAHU;;;AEnCZ;EC6BI;IHeJ;;;AE5CA;EC6BI;IHkBF;;;AE/CF;EC6BI;IHsBF;;;AEnDF;EC6BI;IH0BF;;;AEvDF;ECmCE;IACE;;EAZF;IHPF;IACA,WAHY;;;AEfZ;ECwBE;IHDA;IACA,WAHW;;;AErBb;ECwBE;IHMA;IACA,WAHU;;;AE5BZ;ECwBE;IHaA;IACA,WAHU;;;AEnCZ;EC6BI;IHeJ;;;AE5CA;EC6BI;IHkBF;;;AE/CF;EC6BI;IHsBF;;;AEnDF;EC6BI;IH0BF;;;AEvDF;ECmCE;IACE;;EAZF;IHPF;IACA,WAHY;;;AEfZ;ECwBE;IHDA;IACA,WAHW;;;AErBb;ECwBE;IHMA;IACA,WAHU;;;AE5BZ;ECwBE;IHaA;IACA,WAHU;;;AEnCZ;EC6BI;IHeJ;;;AE5CA;EC6BI;IHkBF;;;AE/CF;EC6BI;IHsBF;;;AEnDF;EC6BI;IH0BF;;;AEvDF;ECmCE;IACE;;EAZF;IHPF;IACA,WAHY;;;AEfZ;ECwBE;IHDA;IACA,WAHW;;;AErBb;ECwBE;IHMA;IACA,WAHU;;;AE5BZ;ECwBE;IHaA;IACA,WAHU;;;AEnCZ;ECmCE;IACE;;;ADpCJ;EC4CE;IH3BF;IACA,WAHY;;;AEfZ;EC4CE;IHrBA;IACA,WAHW;;;AErBb;EC4CE;IHdA;IACA,WAHU;;;AE5BZ;EC4CE;IHPA;IACA,WAHU;;;AEnCZ;ECiDI;IHLJ;;;AE5CA;ECiDI;IHFF;;;AE/CF;ECiDI;IHEF;;;AEnDF;ECiDI;IHMF;;;AEvDF;ECuDE;IACE;;EAZF;IH3BF;IACA,WAHY;;;AEfZ;EC4CE;IHrBA;IACA,WAHW;;;AErBb;EC4CE;IHdA;IACA,WAHU;;;AE5BZ;EC4CE;IHPA;IACA,WAHU;;;AEnCZ;ECiDI;IHLJ;;;AE5CA;ECiDI;IHFF;;;AE/CF;ECiDI;IHEF;;;AEnDF;ECiDI;IHMF;;;AEvDF;ECuDE;IACE;;EAZF;IH3BF;IACA,WAHY;;;AEfZ;EC4CE;IHrBA;IACA,WAHW;;;AErBb;EC4CE;IHdA;IACA,WAHU;;;AE5BZ;EC4CE;IHPA;IACA,WAHU;;;AEnCZ;ECiDI;IHLJ;;;AE5CA;ECiDI;IHFF;;;AE/CF;ECiDI;IHEF;;;AEnDF;ECiDI;IHMF;;;AEvDF;ECuDE;IACE;;EAZF;IH3BF;IACA,WAHY;;;AEfZ;EC4CE;IHrBA;IACA,WAHW;;;AErBb;EC4CE;IHdA;IACA,WAHU;;;AE5BZ;EC4CE;IHPA;IACA,WAHU;;;AEnCZ;ECiDI;IHLJ;;;AE5CA;ECiDI;IHFF;;;AE/CF;ECiDI;IHEF;;;AEnDF;ECiDI;IHMF;;;AEvDF;ECuDE;IACE;;EAZF;IH3BF;IACA,WAHY;;;AEfZ;EC4CE;IHrBA;IACA,WAHW;;;AErBb;EC4CE;IHdA;IACA,WAHU;;;AE5BZ;EC4CE;IHPA;IACA,WAHU;;;AEnCZ;ECiDI;IHLJ;;;AE5CA;ECiDI;IHFF;;;AE/CF;ECiDI;IHEF;;;AEnDF;ECiDI;IHMF;;;AEvDF;ECuDE;IACE;;EAZF;IH3BF;IACA,WAHY;;;AEfZ;EC4CE;IHrBA;IACA,WAHW;;;AErBb;EC4CE;IHdA;IACA,WAHU;;;AE5BZ;EC4CE;IHPA;IACA,WAHU;;;AEnCZ;ECiDI;IHLJ;;;AE5CA;ECiDI;IHFF;;;AE/CF;ECiDI;IHEF;;;AEnDF;ECiDI;IHMF;;;AEvDF;ECuDE;IACE;;EAZF;IH3BF;IACA,WAHY;;;AEfZ;EC4CE;IHrBA;IACA,WAHW;;;AErBb;EC4CE;IHdA;IACA,WAHU;;;AE5BZ;EC4CE;IHPA;IACA,WAHU;;;AEnCZ;ECiDI;IHLJ;;;AE5CA;ECiDI;IHFF;;;AE/CF;ECiDI;IHEF;;;AEnDF;ECiDI;IHMF;;;AEvDF;ECuDE;IACE;;EAZF;IH3BF;IACA,WAHY;;;AEfZ;EC4CE;IHrBA;IACA,WAHW;;;AErBb;EC4CE;IHdA;IACA,WAHU;;;AE5BZ;EC4CE;IHPA;IACA,WAHU;;;AEnCZ;ECiDI;IHLJ;;;AE5CA;ECiDI;IHFF;;;AE/CF;ECiDI;IHEF;;;AEnDF;ECiDI;IHMF;;;AEvDF;ECuDE;IACE;;EAZF;IH3BF;IACA,WAHY;;;AEfZ;EC4CE;IHrBA;IACA,WAHW;;;AErBb;EC4CE;IHdA;IACA,WAHU;;;AE5BZ;EC4CE;IHPA;IACA,WAHU;;;AEnCZ;ECiDI;IHLJ;;;AE5CA;ECiDI;IHFF;;;AE/CF;ECiDI;IHEF;;;AEnDF;ECiDI;IHMF;;;AEvDF;ECuDE;IACE;;EAZF;IH3BF;IACA,WAHY;;;AEfZ;EC4CE;IHrBA;IACA,WAHW;;;AErBb;EC4CE;IHdA;IACA,WAHU;;;AE5BZ;EC4CE;IHPA;IACA,WAHU;;;AEnCZ;ECiDI;IHLJ;;;AE5CA;ECiDI;IHFF;;;AE/CF;ECiDI;IHEF;;;AEnDF;ECiDI;IHMF;;;AEvDF;ECuDE;IACE;;EAZF;IH3BF;IACA,WAHY;;;AEfZ;EC4CE;IHrBA;IACA,WAHW;;;AErBb;EC4CE;IHdA;IACA,WAHU;;;AE5BZ;EC4CE;IHPA;IACA,WAHU;;;AEnCZ;ECiDI;IHLJ;;;AE5CA;ECiDI;IHFF;;;AE/CF;ECiDI;IHEF;;;AEnDF;ECiDI;IHMF;;;AEvDF;ECuDE;IACE;;EAZF;IH3BF;IACA,WAHY;;;AEfZ;EC4CE;IHrBA;IACA,WAHW;;;AErBb;EC4CE;IHdA;IACA,WAHU;;;AE5BZ;EC4CE;IHPA;IACA,WAHU;;;AEnCZ;ECuDE;IACE;;;ADxDJ;ECgEE;IH/CF;IACA,WAHY;;;AEfZ;ECgEE;IHzCA;IACA,WAHW;;;AErBb;ECgEE;IHlCA;IACA,WAHU;;;AE5BZ;ECgEE;IH3BA;IACA,WAHU;;;AEnCZ;ECqEI;IHzBJ;;;AE5CA;ECqEI;IHtBF;;;AE/CF;ECqEI;IHlBF;;;AEnDF;ECqEI;IHdF;;;AEvDF;EC2EE;IACE;;EAZF;IH/CF;IACA,WAHY;;;AEfZ;ECgEE;IHzCA;IACA,WAHW;;;AErBb;ECgEE;IHlCA;IACA,WAHU;;;AE5BZ;ECgEE;IH3BA;IACA,WAHU;;;AEnCZ;ECqEI;IHzBJ;;;AE5CA;ECqEI;IHtBF;;;AE/CF;ECqEI;IHlBF;;;AEnDF;ECqEI;IHdF;;;AEvDF;EC2EE;IACE;;EAZF;IH/CF;IACA,WAHY;;;AEfZ;ECgEE;IHzCA;IACA,WAHW;;;AErBb;ECgEE;IHlCA;IACA,WAHU;;;AE5BZ;ECgEE;IH3BA;IACA,WAHU;;;AEnCZ;ECqEI;IHzBJ;;;AE5CA;ECqEI;IHtBF;;;AE/CF;ECqEI;IHlBF;;;AEnDF;ECqEI;IHdF;;;AEvDF;EC2EE;IACE;;EAZF;IH/CF;IACA,WAHY;;;AEfZ;ECgEE;IHzCA;IACA,WAHW;;;AErBb;ECgEE;IHlCA;IACA,WAHU;;;AE5BZ;ECgEE;IH3BA;IACA,WAHU;;;AEnCZ;ECqEI;IHzBJ;;;AE5CA;ECqEI;IHtBF;;;AE/CF;ECqEI;IHlBF;;;AEnDF;ECqEI;IHdF;;;AEvDF;EC2EE;IACE;;EAZF;IH/CF;IACA,WAHY;;;AEfZ;ECgEE;IHzCA;IACA,WAHW;;;AErBb;ECgEE;IHlCA;IACA,WAHU;;;AE5BZ;ECgEE;IH3BA;IACA,WAHU;;;AEnCZ;ECqEI;IHzBJ;;;AE5CA;ECqEI;IHtBF;;;AE/CF;ECqEI;IHlBF;;;AEnDF;ECqEI;IHdF;;;AEvDF;EC2EE;IACE;;EAZF;IH/CF;IACA,WAHY;;;AEfZ;ECgEE;IHzCA;IACA,WAHW;;;AErBb;ECgEE;IHlCA;IACA,WAHU;;;AE5BZ;ECgEE;IH3BA;IACA,WAHU;;;AEnCZ;ECqEI;IHzBJ;;;AE5CA;ECqEI;IHtBF;;;AE/CF;ECqEI;IHlBF;;;AEnDF;ECqEI;IHdF;;;AEvDF;EC2EE;IACE;;EAZF;IH/CF;IACA,WAHY;;;AEfZ;ECgEE;IHzCA;IACA,WAHW;;;AErBb;ECgEE;IHlCA;IACA,WAHU;;;AE5BZ;ECgEE;IH3BA;IACA,WAHU;;;AEnCZ;ECqEI;IHzBJ;;;AE5CA;ECqEI;IHtBF;;;AE/CF;ECqEI;IHlBF;;;AEnDF;ECqEI;IHdF;;;AEvDF;EC2EE;IACE;;EAZF;IH/CF;IACA,WAHY;;;AEfZ;ECgEE;IHzCA;IACA,WAHW;;;AErBb;ECgEE;IHlCA;IACA,WAHU;;;AE5BZ;ECgEE;IH3BA;IACA,WAHU;;;AEnCZ;ECqEI;IHzBJ;;;AE5CA;ECqEI;IHtBF;;;AE/CF;ECqEI;IHlBF;;;AEnDF;ECqEI;IHdF;;;AEvDF;EC2EE;IACE;;EAZF;IH/CF;IACA,WAHY;;;AEfZ;ECgEE;IHzCA;IACA,WAHW;;;AErBb;ECgEE;IHlCA;IACA,WAHU;;;AE5BZ;ECgEE;IH3BA;IACA,WAHU;;;AEnCZ;ECqEI;IHzBJ;;;AE5CA;ECqEI;IHtBF;;;AE/CF;ECqEI;IHlBF;;;AEnDF;ECqEI;IHdF;;;AEvDF;EC2EE;IACE;;EAZF;IH/CF;IACA,WAHY;;;AEfZ;ECgEE;IHzCA;IACA,WAHW;;;AErBb;ECgEE;IHlCA;IACA,WAHU;;;AE5BZ;ECgEE;IH3BA;IACA,WAHU;;;AEnCZ;ECqEI;IHzBJ;;;AE5CA;ECqEI;IHtBF;;;AE/CF;ECqEI;IHlBF;;;AEnDF;ECqEI;IHdF;;;AEvDF;EC2EE;IACE;;EAZF;IH/CF;IACA,WAHY;;;AEfZ;ECgEE;IHzCA;IACA,WAHW;;;AErBb;ECgEE;IHlCA;IACA,WAHU;;;AE5BZ;ECgEE;IH3BA;IACA,WAHU;;;AEnCZ;ECqEI;IHzBJ;;;AE5CA;ECqEI;IHtBF;;;AE/CF;ECqEI;IHlBF;;;AEnDF;ECqEI;IHdF;;;AEvDF;EC2EE;IACE;;EAZF;IH/CF;IACA,WAHY;;;AEfZ;ECgEE;IHzCA;IACA,WAHW;;;AErBb;ECgEE;IHlCA;IACA,WAHU;;;AE5BZ;ECgEE;IH3BA;IACA,WAHU;;;AEnCZ;EC2EE;IACE;;;AD5EJ;ECoFE;IHnEF;IACA,WAHY;;;AEfZ;ECoFE;IH7DA;IACA,WAHW;;;AErBb;ECoFE;IHtDA;IACA,WAHU;;;AE5BZ;ECoFE;IH/CA;IACA,WAHU;;;AEnCZ;ECyFI;IH7CJ;;;AE5CA;ECyFI;IH1CF;;;AE/CF;ECyFI;IHtCF;;;AEnDF;ECyFI;IHlCF;;;AEvDF;EC+FE;IACE;;EAZF;IHnEF;IACA,WAHY;;;AEfZ;ECoFE;IH7DA;IACA,WAHW;;;AErBb;ECoFE;IHtDA;IACA,WAHU;;;AE5BZ;ECoFE;IH/CA;IACA,WAHU;;;AEnCZ;ECyFI;IH7CJ;;;AE5CA;ECyFI;IH1CF;;;AE/CF;ECyFI;IHtCF;;;AEnDF;ECyFI;IHlCF;;;AEvDF;EC+FE;IACE;;EAZF;IHnEF;IACA,WAHY;;;AEfZ;ECoFE;IH7DA;IACA,WAHW;;;AErBb;ECoFE;IHtDA;IACA,WAHU;;;AE5BZ;ECoFE;IH/CA;IACA,WAHU;;;AEnCZ;ECyFI;IH7CJ;;;AE5CA;ECyFI;IH1CF;;;AE/CF;ECyFI;IHtCF;;;AEnDF;ECyFI;IHlCF;;;AEvDF;EC+FE;IACE;;EAZF;IHnEF;IACA,WAHY;;;AEfZ;ECoFE;IH7DA;IACA,WAHW;;;AErBb;ECoFE;IHtDA;IACA,WAHU;;;AE5BZ;ECoFE;IH/CA;IACA,WAHU;;;AEnCZ;ECyFI;IH7CJ;;;AE5CA;ECyFI;IH1CF;;;AE/CF;ECyFI;IHtCF;;;AEnDF;ECyFI;IHlCF;;;AEvDF;EC+FE;IACE;;EAZF;IHnEF;IACA,WAHY;;;AEfZ;ECoFE;IH7DA;IACA,WAHW;;;AErBb;ECoFE;IHtDA;IACA,WAHU;;;AE5BZ;ECoFE;IH/CA;IACA,WAHU;;;AEnCZ;ECyFI;IH7CJ;;;AE5CA;ECyFI;IH1CF;;;AE/CF;ECyFI;IHtCF;;;AEnDF;ECyFI;IHlCF;;;AEvDF;EC+FE;IACE;;EAZF;IHnEF;IACA,WAHY;;;AEfZ;ECoFE;IH7DA;IACA,WAHW;;;AErBb;ECoFE;IHtDA;IACA,WAHU;;;AE5BZ;ECoFE;IH/CA;IACA,WAHU;;;AEnCZ;ECyFI;IH7CJ;;;AE5CA;ECyFI;IH1CF;;;AE/CF;ECyFI;IHtCF;;;AEnDF;ECyFI;IHlCF;;;AEvDF;EC+FE;IACE;;EAZF;IHnEF;IACA,WAHY;;;AEfZ;ECoFE;IH7DA;IACA,WAHW;;;AErBb;ECoFE;IHtDA;IACA,WAHU;;;AE5BZ;ECoFE;IH/CA;IACA,WAHU;;;AEnCZ;ECyFI;IH7CJ;;;AE5CA;ECyFI;IH1CF;;;AE/CF;ECyFI;IHtCF;;;AEnDF;ECyFI;IHlCF;;;AEvDF;EC+FE;IACE;;EAZF;IHnEF;IACA,WAHY;;;AEfZ;ECoFE;IH7DA;IACA,WAHW;;;AErBb;ECoFE;IHtDA;IACA,WAHU;;;AE5BZ;ECoFE;IH/CA;IACA,WAHU;;;AEnCZ;ECyFI;IH7CJ;;;AE5CA;ECyFI;IH1CF;;;AE/CF;ECyFI;IHtCF;;;AEnDF;ECyFI;IHlCF;;;AEvDF;EC+FE;IACE;;EAZF;IHnEF;IACA,WAHY;;;AEfZ;ECoFE;IH7DA;IACA,WAHW;;;AErBb;ECoFE;IHtDA;IACA,WAHU;;;AE5BZ;ECoFE;IH/CA;IACA,WAHU;;;AEnCZ;ECyFI;IH7CJ;;;AE5CA;ECyFI;IH1CF;;;AE/CF;ECyFI;IHtCF;;;AEnDF;ECyFI;IHlCF;;;AEvDF;EC+FE;IACE;;EAZF;IHnEF;IACA,WAHY;;;AEfZ;ECoFE;IH7DA;IACA,WAHW;;;AErBb;ECoFE;IHtDA;IACA,WAHU;;;AE5BZ;ECoFE;IH/CA;IACA,WAHU;;;AEnCZ;ECyFI;IH7CJ;;;AE5CA;ECyFI;IH1CF;;;AE/CF;ECyFI;IHtCF;;;AEnDF;ECyFI;IHlCF;;;AEvDF;EC+FE;IACE;;EAZF;IHnEF;IACA,WAHY;;;AEfZ;ECoFE;IH7DA;IACA,WAHW;;;AErBb;ECoFE;IHtDA;IACA,WAHU;;;AE5BZ;ECoFE;IH/CA;IACA,WAHU;;;AEnCZ;ECyFI;IH7CJ;;;AE5CA;ECyFI;IH1CF;;;AE/CF;ECyFI;IHtCF;;;AEnDF;ECyFI;IHlCF;;;AEvDF;EC+FE;IACE;;EAZF;IHnEF;IACA,WAHY;;;AEfZ;ECoFE;IH7DA;IACA,WAHW;;;AErBb;ECoFE;IHtDA;IACA,WAHU;;;AE5BZ;ECoFE;IH/CA;IACA,WAHU;;;AEnCZ;EC+FE;IACE","file":"grid.css"}
|
package/elements/index.js
CHANGED
|
@@ -22,4 +22,3 @@ export { default as UToggleSwitch } from './toggle-switch/u-toggle-switch.vue'
|
|
|
22
22
|
export { default as UCheckbox } from './checkbox/u-checkbox.vue'
|
|
23
23
|
export { default as USelectTile } from './select-tile/u-select-tile.vue'
|
|
24
24
|
export { default as USelectTiles } from './select-tiles/u-select-tiles.vue'
|
|
25
|
-
// export { default as URangeSlider } from './range-slider/u-range-slider.vue'
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
2
|
import UIcon from '../icon/u-icon.vue'
|
|
3
3
|
import { useRadio } from '../radio-group/radio-group-composables'
|
|
4
|
-
import { computed } from 'vue'
|
|
5
4
|
|
|
6
5
|
interface Props {
|
|
7
6
|
name: string
|
|
@@ -21,15 +20,17 @@ const {
|
|
|
21
20
|
const model = defineModel<string>()
|
|
22
21
|
|
|
23
22
|
const { onChange } = useRadio({ model, provideKey })
|
|
24
|
-
|
|
25
|
-
const classes = computed(() =>
|
|
26
|
-
disabled ? 'disabled' : model.value === value ? 'filled' : 'outlined',
|
|
27
|
-
)
|
|
28
23
|
</script>
|
|
29
24
|
|
|
30
25
|
<template>
|
|
31
26
|
<div class="select-chip">
|
|
32
|
-
<label
|
|
27
|
+
<label
|
|
28
|
+
:class="[
|
|
29
|
+
'select-chip__button',
|
|
30
|
+
'button',
|
|
31
|
+
{ filled: model === value && !disabled, outlined: model !== value || disabled, disabled },
|
|
32
|
+
]"
|
|
33
|
+
>
|
|
33
34
|
<UIcon v-if="model === value" name="mini-check" />
|
|
34
35
|
<slot name="label">
|
|
35
36
|
{{ label }}
|
|
@@ -45,6 +45,12 @@
|
|
|
45
45
|
justify-content: space-between;
|
|
46
46
|
margin-top: var(--e-space-6);
|
|
47
47
|
padding-bottom: var(--e-space-2);
|
|
48
|
+
|
|
49
|
+
&.no-emojis {
|
|
50
|
+
flex-direction: column;
|
|
51
|
+
align-items: center;
|
|
52
|
+
gap: var(--e-space-6);
|
|
53
|
+
}
|
|
48
54
|
}
|
|
49
55
|
|
|
50
56
|
.feedback-button {
|
|
@@ -66,6 +72,10 @@
|
|
|
66
72
|
opacity: 1;
|
|
67
73
|
background-color: var(--e-c-mono-00);
|
|
68
74
|
}
|
|
75
|
+
|
|
76
|
+
&.no-emojis {
|
|
77
|
+
width: 100%;
|
|
78
|
+
}
|
|
69
79
|
}
|
|
70
80
|
|
|
71
81
|
.vote-buttons-wrapper:has(.finish-text) .feedback-buttons {
|
|
@@ -2,6 +2,7 @@ export interface FeedbackData {
|
|
|
2
2
|
title: string
|
|
3
3
|
voteButtons: FeedbackFormVoteButton[]
|
|
4
4
|
voteFinishText: string
|
|
5
|
+
emojis: boolean
|
|
5
6
|
finishedViewText?: string
|
|
6
7
|
}
|
|
7
8
|
|
|
@@ -9,12 +10,13 @@ export interface FeedbackFormVoteData {
|
|
|
9
10
|
title: string
|
|
10
11
|
finishText: string
|
|
11
12
|
hasForm: boolean
|
|
13
|
+
emojis: boolean
|
|
12
14
|
voteButtons: FeedbackFormVoteButton[]
|
|
13
15
|
}
|
|
14
16
|
|
|
15
17
|
export interface FeedbackFormVoteButton {
|
|
16
18
|
label: string
|
|
17
|
-
rating: number
|
|
19
|
+
rating: number | string
|
|
18
20
|
icon: string
|
|
19
21
|
}
|
|
20
22
|
|
|
@@ -29,5 +31,5 @@ export interface FeedbackPayloadKeys {
|
|
|
29
31
|
reference: string
|
|
30
32
|
}
|
|
31
33
|
export interface FeedbackPayload {
|
|
32
|
-
rating: number
|
|
34
|
+
rating: number | string
|
|
33
35
|
}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
2
|
import { computed, ref } from 'vue'
|
|
3
3
|
import UIconButton from '../../elements/icon-button/u-icon-button.vue'
|
|
4
|
+
import UButton from '../../elements/button/u-button.vue'
|
|
4
5
|
import UFeedbackClose from './u-feedback-close.vue'
|
|
5
6
|
import type { FeedbackPayload, FeedbackFormVoteData } from './types/feedback.type'
|
|
6
7
|
|
|
7
|
-
const { hasForm, finishText } = defineProps<FeedbackFormVoteData>()
|
|
8
|
+
const { hasForm, finishText, emojis } = defineProps<FeedbackFormVoteData>()
|
|
8
9
|
const emits = defineEmits<{
|
|
9
10
|
'send-feedback': [value: FeedbackPayload['rating']]
|
|
10
11
|
close: []
|
|
@@ -37,17 +38,30 @@ function setFilledClass(value: FeedbackPayload['rating']) {
|
|
|
37
38
|
{{ title }}
|
|
38
39
|
</h3>
|
|
39
40
|
|
|
40
|
-
<div key="voteButtons" class="feedback-buttons">
|
|
41
|
-
<
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
41
|
+
<div key="voteButtons" class="feedback-buttons" :class="{ 'no-emojis': !emojis }">
|
|
42
|
+
<template v-if="emojis">
|
|
43
|
+
<UIconButton
|
|
44
|
+
v-for="{ label, rating, icon } in voteButtons"
|
|
45
|
+
:key="rating"
|
|
46
|
+
variant="filled-inverted"
|
|
47
|
+
:label="label"
|
|
48
|
+
:icon="icon"
|
|
49
|
+
class="feedback-button"
|
|
50
|
+
:class="{ filled: setFilledClass(rating) }"
|
|
51
|
+
@click="onSendFeedback(rating)"
|
|
52
|
+
/>
|
|
53
|
+
</template>
|
|
54
|
+
<template v-else>
|
|
55
|
+
<UButton
|
|
56
|
+
v-for="{ label, rating } in voteButtons"
|
|
57
|
+
:key="rating"
|
|
58
|
+
variant="filled-inverted"
|
|
59
|
+
:label
|
|
60
|
+
class="feedback-button no-emojis"
|
|
61
|
+
:class="{ filled: setFilledClass(rating) }"
|
|
62
|
+
@click="onSendFeedback(rating)"
|
|
63
|
+
/>
|
|
64
|
+
</template>
|
|
51
65
|
</div>
|
|
52
66
|
|
|
53
67
|
<h3 v-if="finishText" key="finishText" class="finish-text">
|
|
@@ -5,7 +5,7 @@ import FeedbackFinishedView from './u-feedback-finish-view.vue'
|
|
|
5
5
|
import FeedbackVoteButtons from './u-feedback-vote-buttons.vue'
|
|
6
6
|
import type { FeedbackData, FeedbackPayload } from './types/feedback.type'
|
|
7
7
|
|
|
8
|
-
const { voteFinishText, finishedViewText = '' } = defineProps<FeedbackData>()
|
|
8
|
+
const { voteFinishText, finishedViewText = '', emojis = true } = defineProps<FeedbackData>()
|
|
9
9
|
const emits = defineEmits<{ close: []; 'send-feedback': [value: FeedbackPayload['rating']] }>()
|
|
10
10
|
|
|
11
11
|
const showForm = ref(false)
|
|
@@ -39,6 +39,7 @@ function closeFeedback() {
|
|
|
39
39
|
<FeedbackVoteButtons
|
|
40
40
|
:finish-text="voteFinishText"
|
|
41
41
|
:title
|
|
42
|
+
:emojis="emojis"
|
|
42
43
|
:has-form="isFormSlotted"
|
|
43
44
|
:vote-buttons="voteButtons"
|
|
44
45
|
@animation-finished="showForm = true"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@energie360/ui-library",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.25",
|
|
4
4
|
"description": "",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -34,6 +34,8 @@
|
|
|
34
34
|
"typescript": "^5.8.3"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
+
"@lottiefiles/lottie-player": "^2.0.12",
|
|
38
|
+
"swiper": "^11.2.10",
|
|
37
39
|
"@energie360/design-tokens": "^1.3.0"
|
|
38
40
|
},
|
|
39
41
|
"peerDependencies": {
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
@use '../../base/abstracts' as a;
|
|
2
|
+
|
|
3
|
+
$sizes: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000;
|
|
4
|
+
|
|
5
|
+
@each $size in $sizes {
|
|
6
|
+
.tx-#{$size} {
|
|
7
|
+
@include a.type($size);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.tx-#{$size}-strong {
|
|
11
|
+
@include a.type($size, strong);
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@include a.bp(xl) {
|
|
16
|
+
@each $size in $sizes {
|
|
17
|
+
.tx-#{$size}-xl {
|
|
18
|
+
@include a.type($size);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.tx-#{$size}-strong-xl {
|
|
22
|
+
@include a.type($size, strong);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@include a.bp(lg) {
|
|
28
|
+
@each $size in $sizes {
|
|
29
|
+
.tx-#{$size}-lg {
|
|
30
|
+
@include a.type($size);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.tx-#{$size}-strong-lg {
|
|
34
|
+
@include a.type($size, strong);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@include a.bp(m) {
|
|
40
|
+
@each $size in $sizes {
|
|
41
|
+
.tx-#{$size}-m {
|
|
42
|
+
@include a.type($size);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.tx-#{$size}-strong-m {
|
|
46
|
+
@include a.type($size, strong);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
@include a.bp(s) {
|
|
52
|
+
@each $size in $sizes {
|
|
53
|
+
.tx-#{$size}-s {
|
|
54
|
+
@include a.type($size);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.tx-#{$size}-strong-s {
|
|
58
|
+
@include a.type($size, strong);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@use '../../layout/container/container';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@use '../../layout/grid/grid';
|
|
@@ -0,0 +1,258 @@
|
|
|
1
|
+
/*
|
|
2
|
+
NOTE: This is old code, but it still works for very simple animation stuff.
|
|
3
|
+
Maybe refactor it (and use ts probably...).
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
import { scaleValue } from '../math/scale-value.js'
|
|
7
|
+
|
|
8
|
+
// /**
|
|
9
|
+
// * Animate multiple props on an element
|
|
10
|
+
// * (Heavily inspired by GSAPs TweenLite.to method.)
|
|
11
|
+
// *
|
|
12
|
+
// * @param el
|
|
13
|
+
// * @param duration
|
|
14
|
+
// * @param props
|
|
15
|
+
// * @param easing
|
|
16
|
+
// * @param delay
|
|
17
|
+
// * @param settle
|
|
18
|
+
// * @param stagger
|
|
19
|
+
// * @param onAbort
|
|
20
|
+
// * @param onStart
|
|
21
|
+
// * @param onComplete
|
|
22
|
+
// * @param onUpdate
|
|
23
|
+
// */
|
|
24
|
+
// export const animateProps = ({
|
|
25
|
+
// el,
|
|
26
|
+
// duration,
|
|
27
|
+
// props,
|
|
28
|
+
// easing,
|
|
29
|
+
// delay,
|
|
30
|
+
// settle,
|
|
31
|
+
// stagger,
|
|
32
|
+
// onAbort,
|
|
33
|
+
// onStart,
|
|
34
|
+
// onComplete,
|
|
35
|
+
// onUpdate,
|
|
36
|
+
// }) => {
|
|
37
|
+
// if (el === undefined || duration === undefined || props === undefined) {
|
|
38
|
+
// throw new Error('Required arguments (el, props, duration) not set.')
|
|
39
|
+
// }
|
|
40
|
+
//
|
|
41
|
+
// if (el instanceof window.HTMLElement || el instanceof window.SVGElement) {
|
|
42
|
+
// el = [el]
|
|
43
|
+
// }
|
|
44
|
+
//
|
|
45
|
+
// let startTime
|
|
46
|
+
// let value
|
|
47
|
+
// let renderId
|
|
48
|
+
// let started = false
|
|
49
|
+
// let posTotal
|
|
50
|
+
// let pos
|
|
51
|
+
// let currentTimeDiff
|
|
52
|
+
// let paused = false
|
|
53
|
+
// let pauseTime
|
|
54
|
+
//
|
|
55
|
+
// onAbort = onAbort || function () {}
|
|
56
|
+
// onStart = onStart || function () {}
|
|
57
|
+
// onComplete = onComplete || function () {}
|
|
58
|
+
// onUpdate = onUpdate || function () {}
|
|
59
|
+
// easing =
|
|
60
|
+
// easing ||
|
|
61
|
+
// function (x) {
|
|
62
|
+
// return x
|
|
63
|
+
// }
|
|
64
|
+
// delay = delay || 0
|
|
65
|
+
// settle = settle || 0
|
|
66
|
+
// stagger = stagger || 0
|
|
67
|
+
//
|
|
68
|
+
// const additionalDuration = stagger * (el.length - 1)
|
|
69
|
+
//
|
|
70
|
+
// const set = ({ element, props, pos }) => {
|
|
71
|
+
// for (let i = 0; i < props.length; i++) {
|
|
72
|
+
// value =
|
|
73
|
+
// (props[i].prefix || '') +
|
|
74
|
+
// translateValue(easing(pos), 0, 1, props[i].start, props[i].end, 3) +
|
|
75
|
+
// (props[i].suffix || '')
|
|
76
|
+
//
|
|
77
|
+
// element.style[props[i].propName] = value
|
|
78
|
+
// }
|
|
79
|
+
// }
|
|
80
|
+
//
|
|
81
|
+
// const setProps = (ts) => {
|
|
82
|
+
// currentTimeDiff = ts - startTime
|
|
83
|
+
// posTotal = currentTimeDiff / (duration + additionalDuration)
|
|
84
|
+
//
|
|
85
|
+
// for (let i = 0; i < el.length; i++) {
|
|
86
|
+
// if (currentTimeDiff < i * stagger + duration && currentTimeDiff >= i * stagger) {
|
|
87
|
+
// pos = (currentTimeDiff - i * stagger) / duration
|
|
88
|
+
//
|
|
89
|
+
// set({ element: el[i], props, pos })
|
|
90
|
+
// } else if (currentTimeDiff >= i * stagger + duration) {
|
|
91
|
+
// set({ element: el[i], props, pos: 1 })
|
|
92
|
+
// }
|
|
93
|
+
// }
|
|
94
|
+
//
|
|
95
|
+
// onUpdate({
|
|
96
|
+
// progress: posTotal,
|
|
97
|
+
// time: currentTimeDiff,
|
|
98
|
+
// })
|
|
99
|
+
// }
|
|
100
|
+
//
|
|
101
|
+
// const anim = (ts) => {
|
|
102
|
+
// if (ts - startTime < 0) {
|
|
103
|
+
// // Don't animate when startTime is not reached (i.e. a delay has been set)
|
|
104
|
+
// renderId = window.requestAnimationFrame(anim)
|
|
105
|
+
// return
|
|
106
|
+
// }
|
|
107
|
+
//
|
|
108
|
+
// // Animation is finished.
|
|
109
|
+
// // Set all props to their defined end values.
|
|
110
|
+
// if (ts - startTime >= duration + additionalDuration) {
|
|
111
|
+
// setProps(startTime + duration + additionalDuration)
|
|
112
|
+
//
|
|
113
|
+
// // Fire callback
|
|
114
|
+
// setTimeout(function () {
|
|
115
|
+
// onComplete()
|
|
116
|
+
// }, settle)
|
|
117
|
+
//
|
|
118
|
+
// return
|
|
119
|
+
// }
|
|
120
|
+
//
|
|
121
|
+
// if (!started) {
|
|
122
|
+
// onStart()
|
|
123
|
+
//
|
|
124
|
+
// started = true
|
|
125
|
+
// }
|
|
126
|
+
//
|
|
127
|
+
// // animation
|
|
128
|
+
// setProps(ts)
|
|
129
|
+
// renderId = window.requestAnimationFrame(anim)
|
|
130
|
+
// }
|
|
131
|
+
//
|
|
132
|
+
// startTime = window.performance.now() + delay
|
|
133
|
+
// renderId = window.requestAnimationFrame(anim)
|
|
134
|
+
//
|
|
135
|
+
// return {
|
|
136
|
+
// pause: () => {
|
|
137
|
+
// window.cancelAnimationFrame(renderId)
|
|
138
|
+
// pauseTime = window.performance.now()
|
|
139
|
+
// paused = true
|
|
140
|
+
// },
|
|
141
|
+
// resume: () => {
|
|
142
|
+
// if (paused) {
|
|
143
|
+
// // start anim again
|
|
144
|
+
// startTime += window.performance.now() - pauseTime
|
|
145
|
+
// window.requestAnimationFrame(anim)
|
|
146
|
+
// paused = false
|
|
147
|
+
// }
|
|
148
|
+
// },
|
|
149
|
+
// abort: () => {
|
|
150
|
+
// window.cancelAnimationFrame(renderId)
|
|
151
|
+
//
|
|
152
|
+
// // Fire callback
|
|
153
|
+
// onAbort()
|
|
154
|
+
// },
|
|
155
|
+
// }
|
|
156
|
+
// }
|
|
157
|
+
|
|
158
|
+
/**
|
|
159
|
+
*
|
|
160
|
+
* @param duration
|
|
161
|
+
* @param start
|
|
162
|
+
* @param end
|
|
163
|
+
* @param easing
|
|
164
|
+
* @param delay
|
|
165
|
+
* @param onAbort
|
|
166
|
+
* @param onStart
|
|
167
|
+
* @param onComplete
|
|
168
|
+
* @param onUpdate
|
|
169
|
+
* @returns {{abort: *}}
|
|
170
|
+
*/
|
|
171
|
+
export const animateValue = (
|
|
172
|
+
{ duration, start, end, easing, delay, onAbort, onStart, onComplete, onUpdate } = {
|
|
173
|
+
duration: 200,
|
|
174
|
+
start: 0,
|
|
175
|
+
end: 0,
|
|
176
|
+
delay: 0,
|
|
177
|
+
easing: (x) => x,
|
|
178
|
+
},
|
|
179
|
+
) => {
|
|
180
|
+
onAbort = onAbort || function () {}
|
|
181
|
+
onStart = onStart || function () {}
|
|
182
|
+
onComplete = onComplete || function () {}
|
|
183
|
+
onUpdate = onUpdate || function () {}
|
|
184
|
+
|
|
185
|
+
let startTime
|
|
186
|
+
let pos
|
|
187
|
+
let value
|
|
188
|
+
let renderId
|
|
189
|
+
|
|
190
|
+
delay = delay || 0
|
|
191
|
+
|
|
192
|
+
easing =
|
|
193
|
+
easing ||
|
|
194
|
+
function (x) {
|
|
195
|
+
return x
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
const anim = (ts) => {
|
|
199
|
+
if (startTime === undefined) {
|
|
200
|
+
startTime = ts
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
if (ts - startTime >= duration) {
|
|
204
|
+
onUpdate.call(null, end)
|
|
205
|
+
onComplete.call(null, end)
|
|
206
|
+
return
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
// animation
|
|
210
|
+
pos = (ts - startTime) / duration
|
|
211
|
+
|
|
212
|
+
value = scaleValue(easing(pos), 0, 1, start, end, 3)
|
|
213
|
+
onUpdate.call(null, value)
|
|
214
|
+
|
|
215
|
+
renderId = requestAnimationFrame(anim)
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
if (delay) {
|
|
219
|
+
setTimeout(() => {
|
|
220
|
+
onStart()
|
|
221
|
+
renderId = requestAnimationFrame(anim)
|
|
222
|
+
}, delay)
|
|
223
|
+
} else {
|
|
224
|
+
onStart()
|
|
225
|
+
renderId = requestAnimationFrame(anim)
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
return {
|
|
229
|
+
abort: () => {
|
|
230
|
+
window.cancelAnimationFrame(renderId)
|
|
231
|
+
|
|
232
|
+
// Fire callback
|
|
233
|
+
onAbort.call(null, value)
|
|
234
|
+
},
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
// export const timer = (cb, delay) => {
|
|
239
|
+
// let instance = {};
|
|
240
|
+
// let timerId;
|
|
241
|
+
// let startTime;
|
|
242
|
+
// let remaining = delay;
|
|
243
|
+
//
|
|
244
|
+
// instance.resume = () => {
|
|
245
|
+
// startTime = window.performance.now();
|
|
246
|
+
// clearTimeout(timerId);
|
|
247
|
+
// timerId = setTimeout(cb, remaining);
|
|
248
|
+
// };
|
|
249
|
+
//
|
|
250
|
+
// instance.pause = () => {
|
|
251
|
+
// clearTimeout(timerId);
|
|
252
|
+
// remaining -= window.performance.now() - startTime;
|
|
253
|
+
// };
|
|
254
|
+
//
|
|
255
|
+
// instance.resume();
|
|
256
|
+
//
|
|
257
|
+
// return instance;
|
|
258
|
+
// };
|