@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.
Files changed (50) hide show
  1. package/components/badge/u-badge.vue +2 -2
  2. package/components/card-amount/card-amount.scss +7 -0
  3. package/components/card-amount/u-card-amount.vue +21 -0
  4. package/components/card-amount-illustrated/card-amount-illustrated.scss +35 -0
  5. package/components/card-amount-illustrated/u-card-amount-illustrated.vue +80 -0
  6. package/components/card-contact/card-contact.scss +5 -3
  7. package/components/card-contact/u-card-contact.vue +15 -10
  8. package/components/card-footer/u-card-footer.vue +6 -2
  9. package/components/card-group/card-group.scss +25 -11
  10. package/components/card-group/u-card-group.vue +59 -4
  11. package/components/chip/chip.scss +31 -4
  12. package/components/chip/u-chip.vue +5 -2
  13. package/components/index.js +4 -0
  14. package/components/progress-bar/progress-bar.scss +5 -9
  15. package/components/progress-bar/u-progress-bar.vue +3 -6
  16. package/components/richtext/_wizard.scss +1 -1
  17. package/components/richtext/richtext.scss +2 -0
  18. package/components/skeleton-loader/u-skeleton-loader.vue +1 -1
  19. package/components/slider/slider.scss +1 -0
  20. package/components/slider/u-slider.vue +26 -15
  21. package/components/slider-progress-animation/slider-progress-animation.scss +25 -0
  22. package/components/slider-progress-animation/u-slider-progress-animation.vue +65 -0
  23. package/components/sprite-animation/sprite-animation.scss +7 -0
  24. package/components/sprite-animation/u-sprite-animation.vue +169 -0
  25. package/components/table/cell-progress-bar.scss +4 -0
  26. package/components/table/u-cell-icon-group.vue +12 -7
  27. package/components/table/u-cell-progress-bar.vue +5 -5
  28. package/components/text-block/text-block.scss +18 -14
  29. package/components/text-block/u-text-block.vue +17 -11
  30. package/dist/elements/text.css +749 -0
  31. package/dist/elements/text.css.map +1 -0
  32. package/dist/layout/container.css +29 -0
  33. package/dist/layout/container.css.map +1 -0
  34. package/dist/layout/grid.css +3253 -0
  35. package/dist/layout/grid.css.map +1 -0
  36. package/elements/index.js +0 -1
  37. package/elements/select-chip/select-chip.scss +1 -1
  38. package/elements/select-chip/u-select-chip.vue +7 -6
  39. package/modules/feedback/feedback-vote-buttons.scss +10 -0
  40. package/modules/feedback/types/feedback.type.ts +4 -2
  41. package/modules/feedback/u-feedback-vote-buttons.vue +26 -12
  42. package/modules/feedback/u-feedback.vue +2 -1
  43. package/package.json +3 -1
  44. package/utility/elements/text.scss +61 -0
  45. package/utility/layout/container.scss +1 -0
  46. package/utility/layout/grid.scss +1 -0
  47. package/utils/functions/animate.js +258 -0
  48. package/wizard/wizard-layout/u-wizard-layout-block.vue +2 -2
  49. package/wizard/wizard-top-bar/u-wizard-top-bar.vue +0 -8
  50. 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'
@@ -13,7 +13,7 @@
13
13
  // So that the focus works nicely.
14
14
  position: absolute;
15
15
  inset: 0;
16
- cursor: pointer;
16
+ z-index: -1;
17
17
  border-radius: 24px;
18
18
  }
19
19
  }
@@ -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 :class="classes" class="select-chip__button button">
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
- <UIconButton
42
- v-for="{ label, rating, icon } in voteButtons"
43
- :key="rating"
44
- variant="filled-inverted"
45
- :label
46
- :icon
47
- class="feedback-button"
48
- :class="{ filled: setFilledClass(rating) }"
49
- @click="onSendFeedback(rating)"
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.23",
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
+ // };
@@ -1,9 +1,9 @@
1
1
  <script setup lang="ts">
2
2
  interface Props {
3
- columns: string | number
3
+ columns?: string | number
4
4
  }
5
5
 
6
- defineProps<Props>()
6
+ const { columns = 6 } = defineProps<Props>()
7
7
  </script>
8
8
 
9
9
  <template>
@@ -1,11 +1,3 @@
1
- <!--<script setup lang="ts">-->
2
- <!--import { UIcon } from '../../elements'-->
3
-
4
- <!--interface Props {-->
5
- <!-- objectAddress?: string-->
6
- <!--}-->
7
- <!--</script>-->
8
-
9
1
  <template>
10
2
  <div class="wizard-top-bar">
11
3
  <div class="container">