@valtimo/layout 13.14.0 → 13.16.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.
Files changed (36) hide show
  1. package/assets/img/widget-management/color/blue.svg +28 -0
  2. package/assets/img/widget-management/color/brown.svg +28 -0
  3. package/assets/img/widget-management/color/default.svg +28 -0
  4. package/assets/img/widget-management/color/green.svg +28 -0
  5. package/assets/img/widget-management/color/highContrast.svg +28 -0
  6. package/assets/img/widget-management/color/orange.svg +28 -0
  7. package/assets/img/widget-management/color/periwinkle.svg +28 -0
  8. package/assets/img/widget-management/color/purple.svg +28 -0
  9. package/assets/img/widget-management/color/red.svg +28 -0
  10. package/assets/img/widget-management/color/turqoise.svg +28 -0
  11. package/assets/img/widget-management/color/yellow.svg +28 -0
  12. package/fesm2022/valtimo-layout.mjs +321 -68
  13. package/fesm2022/valtimo-layout.mjs.map +1 -1
  14. package/lib/components/widget-block/widget-block.component.d.ts +5 -1
  15. package/lib/components/widget-block/widget-block.component.d.ts.map +1 -1
  16. package/lib/components/widget-management/management-editor/widget-management-editor.component.d.ts +3 -0
  17. package/lib/components/widget-management/management-editor/widget-management-editor.component.d.ts.map +1 -1
  18. package/lib/components/widget-management/management-wizard/steps/index.d.ts +2 -2
  19. package/lib/components/widget-management/management-wizard/steps/index.d.ts.map +1 -1
  20. package/lib/components/widget-management/management-wizard/steps/widget-wizard-appearance-step/widget-wizard-appearance-step.component.d.ts +16 -0
  21. package/lib/components/widget-management/management-wizard/steps/widget-wizard-appearance-step/widget-wizard-appearance-step.component.d.ts.map +1 -0
  22. package/lib/components/widget-management/management-wizard/steps/widget-wizard-density-step/widget-wizard-density-step.component.d.ts.map +1 -1
  23. package/lib/components/widget-management/management-wizard/steps/widget-wizard-filters-step/widget-wizard-filters-step.component.d.ts.map +1 -1
  24. package/lib/constants/index.d.ts +1 -0
  25. package/lib/constants/index.d.ts.map +1 -1
  26. package/lib/constants/widget-color.constants.d.ts +14 -0
  27. package/lib/constants/widget-color.constants.d.ts.map +1 -0
  28. package/lib/models/widget-wizard.model.d.ts +5 -9
  29. package/lib/models/widget-wizard.model.d.ts.map +1 -1
  30. package/lib/models/widget.model.d.ts +20 -1
  31. package/lib/models/widget.model.d.ts.map +1 -1
  32. package/lib/services/widget-wizard.service.d.ts +3 -2
  33. package/lib/services/widget-wizard.service.d.ts.map +1 -1
  34. package/package.json +1 -1
  35. package/lib/components/widget-management/management-wizard/steps/widget-wizard-style-step/widget-wizard-style-step.component.d.ts +0 -15
  36. package/lib/components/widget-management/management-wizard/steps/widget-wizard-style-step/widget-wizard-style-step.component.d.ts.map +0 -1
package/assets/img/widget-management/color/blue.svg ADDED
@@ -0,0 +1,28 @@
1
+ <svg width="194" height="122" viewBox="0 0 194 122" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M194 0H0V121.25H194V0Z" fill="white"/>
3
+ <g opacity="0.45">
4
+ <path d="M194 0H0V121.25H194V0Z" fill="black"/>
5
+ </g>
6
+ <path d="M92.2137 23H42V99.724H92.2137V23Z" fill="#E2EDF5"/>
7
+ <path d="M70.7667 27.365H46.6885V30.2548H70.7667V27.365Z" fill="#314A5E"/>
8
+ <path d="M72.3197 35.2502H46.6885V36.8669H72.3197V35.2502Z" fill="#314A5E"/>
9
+ <path d="M63.5797 42.9446H49.4116V44.5612H63.5797V42.9446Z" fill="#314A5E"/>
10
+ <path d="M86.6302 47.1479H46.8501V47.633H86.6302V47.1479Z" fill="#468CBE"/>
11
+ <path d="M72.3197 57.6907H46.6885V59.3073H72.3197V57.6907Z" fill="#314A5E"/>
12
+ <path d="M70.7668 65.385H49.4116V67.0017H70.7668V65.385Z" fill="#314A5E"/>
13
+ <path d="M86.6302 69.5884H46.8501V70.0734H86.6302V69.5884Z" fill="#468CBE"/>
14
+ <path d="M72.3197 78.8054H46.6885V80.4221H72.3197V78.8054Z" fill="#314A5E"/>
15
+ <path d="M78.6642 86.4998H49.4116V88.1164H78.6642V86.4998Z" fill="#314A5E"/>
16
+ <path d="M86.6302 90.7031H46.8501V91.1881H86.6302V90.7031Z" fill="#468CBE"/>
17
+ <path d="M151.214 23H101V99.724H151.214V23Z" fill="#314A5E"/>
18
+ <path d="M129.767 27.365H105.688V30.2548H129.767V27.365Z" fill="#E2EDF5"/>
19
+ <path d="M131.32 35.2502H105.688V36.8669H131.32V35.2502Z" fill="#E2EDF5"/>
20
+ <path d="M122.58 42.9446H108.412V44.5612H122.58V42.9446Z" fill="#E2EDF5"/>
21
+ <path d="M145.63 47.1479H105.85V47.633H145.63V47.1479Z" fill="#468CBE"/>
22
+ <path d="M131.32 57.6907H105.688V59.3073H131.32V57.6907Z" fill="#E2EDF5"/>
23
+ <path d="M129.767 65.385H108.412V67.0017H129.767V65.385Z" fill="#E2EDF5"/>
24
+ <path d="M145.63 69.5884H105.85V70.0734H145.63V69.5884Z" fill="#468CBE"/>
25
+ <path d="M131.32 78.8054H105.688V80.4221H131.32V78.8054Z" fill="#E2EDF5"/>
26
+ <path d="M137.664 86.4998H108.412V88.1164H137.664V86.4998Z" fill="#E2EDF5"/>
27
+ <path d="M145.63 90.7031H105.85V91.1881H145.63V90.7031Z" fill="#468CBE"/>
28
+ </svg>
package/assets/img/widget-management/color/brown.svg ADDED
@@ -0,0 +1,28 @@
1
+ <svg width="194" height="122" viewBox="0 0 194 122" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M194 0H0V121.25H194V0Z" fill="white"/>
3
+ <g opacity="0.45">
4
+ <path d="M194 0H0V121.25H194V0Z" fill="black"/>
5
+ </g>
6
+ <path d="M92.2137 23H42V99.724H92.2137V23Z" fill="#ECE4D7"/>
7
+ <path d="M70.7667 27.365H46.6885V30.2548H70.7667V27.365Z" fill="#6E5326"/>
8
+ <path d="M72.3197 35.2502H46.6885V36.8669H72.3197V35.2502Z" fill="#6E5326"/>
9
+ <path d="M63.5797 42.9446H49.4116V44.5612H63.5797V42.9446Z" fill="#6E5326"/>
10
+ <path d="M86.6302 47.1479H46.8501V47.633H86.6302V47.1479Z" fill="#A07837"/>
11
+ <path d="M72.3197 57.6907H46.6885V59.3073H72.3197V57.6907Z" fill="#6E5326"/>
12
+ <path d="M70.7668 65.385H49.4116V67.0017H70.7668V65.385Z" fill="#6E5326"/>
13
+ <path d="M86.6302 69.5884H46.8501V70.0734H86.6302V69.5884Z" fill="#A07837"/>
14
+ <path d="M72.3197 78.8053H46.6885V80.422H72.3197V78.8053Z" fill="#6E5326"/>
15
+ <path d="M78.6642 86.4996H49.4116V88.1163H78.6642V86.4996Z" fill="#6E5326"/>
16
+ <path d="M86.6302 90.703H46.8501V91.188H86.6302V90.703Z" fill="#A07837"/>
17
+ <path d="M151.214 23H101V99.724H151.214V23Z" fill="#6E5326"/>
18
+ <path d="M129.767 27.365H105.688V30.2548H129.767V27.365Z" fill="#ECE4D7"/>
19
+ <path d="M131.32 35.2502H105.688V36.8669H131.32V35.2502Z" fill="#ECE4D7"/>
20
+ <path d="M122.58 42.9446H108.412V44.5612H122.58V42.9446Z" fill="#ECE4D7"/>
21
+ <path d="M145.63 47.1479H105.85V47.633H145.63V47.1479Z" fill="#A07837"/>
22
+ <path d="M131.32 57.6907H105.688V59.3073H131.32V57.6907Z" fill="#ECE4D7"/>
23
+ <path d="M129.767 65.385H108.412V67.0017H129.767V65.385Z" fill="#ECE4D7"/>
24
+ <path d="M145.63 69.5884H105.85V70.0734H145.63V69.5884Z" fill="#A07837"/>
25
+ <path d="M131.32 78.8053H105.688V80.422H131.32V78.8053Z" fill="#ECE4D7"/>
26
+ <path d="M137.664 86.4996H108.412V88.1163H137.664V86.4996Z" fill="#ECE4D7"/>
27
+ <path d="M145.63 90.703H105.85V91.188H145.63V90.703Z" fill="#A07837"/>
28
+ </svg>
package/assets/img/widget-management/color/default.svg ADDED
@@ -0,0 +1,28 @@
1
+ <svg width="194" height="122" viewBox="0 0 194 122" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M194 0H0V121.25H194V0Z" fill="white"/>
3
+ <g opacity="0.45">
4
+ <path d="M194 0H0V121.25H194V0Z" fill="black"/>
5
+ </g>
6
+ <path d="M92.2137 23H42V99.724H92.2137V23Z" fill="white"/>
7
+ <path d="M70.7667 27.365H46.6885V30.2548H70.7667V27.365Z" fill="#161616"/>
8
+ <path d="M72.3197 35.2502H46.6885V36.8669H72.3197V35.2502Z" fill="#525252"/>
9
+ <path d="M63.5797 42.9446H49.4116V44.5612H63.5797V42.9446Z" fill="#161616"/>
10
+ <path d="M86.6302 47.1479H46.8501V47.633H86.6302V47.1479Z" fill="#C6C6C6"/>
11
+ <path d="M72.3197 57.6907H46.6885V59.3073H72.3197V57.6907Z" fill="#525252"/>
12
+ <path d="M70.7668 65.385H49.4116V67.0017H70.7668V65.385Z" fill="#161616"/>
13
+ <path d="M86.6302 69.5884H46.8501V70.0734H86.6302V69.5884Z" fill="#C6C6C6"/>
14
+ <path d="M72.3197 78.8053H46.6885V80.422H72.3197V78.8053Z" fill="#525252"/>
15
+ <path d="M78.6642 86.4996H49.4116V88.1163H78.6642V86.4996Z" fill="#161616"/>
16
+ <path d="M86.6302 90.703H46.8501V91.188H86.6302V90.703Z" fill="#C6C6C6"/>
17
+ <path d="M151.214 23H101V99.724H151.214V23Z" fill="#262626"/>
18
+ <path d="M129.767 27.365H105.688V30.2548H129.767V27.365Z" fill="#F4F4F4"/>
19
+ <path d="M131.32 35.2502H105.688V36.8669H131.32V35.2502Z" fill="#C6C6C6"/>
20
+ <path d="M122.58 42.9446H108.412V44.5612H122.58V42.9446Z" fill="#F4F4F4"/>
21
+ <path d="M145.63 47.1479H105.85V47.633H145.63V47.1479Z" fill="#525252"/>
22
+ <path d="M131.32 57.6907H105.688V59.3073H131.32V57.6907Z" fill="#C6C6C6"/>
23
+ <path d="M129.767 65.385H108.412V67.0017H129.767V65.385Z" fill="#F4F4F4"/>
24
+ <path d="M145.63 69.5884H105.85V70.0734H145.63V69.5884Z" fill="#525252"/>
25
+ <path d="M131.32 78.8053H105.688V80.422H131.32V78.8053Z" fill="#C6C6C6"/>
26
+ <path d="M137.664 86.4996H108.412V88.1163H137.664V86.4996Z" fill="#F4F4F4"/>
27
+ <path d="M145.63 90.703H105.85V91.188H145.63V90.703Z" fill="#525252"/>
28
+ </svg>
package/assets/img/widget-management/color/green.svg ADDED
@@ -0,0 +1,28 @@
1
+ <svg width="194" height="122" viewBox="0 0 194 122" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M194 0H0V121.25H194V0Z" fill="white"/>
3
+ <g opacity="0.45">
4
+ <path d="M194 0H0V121.25H194V0Z" fill="black"/>
5
+ </g>
6
+ <path d="M92.2137 23H42V99.724H92.2137V23Z" fill="#E8F3E8"/>
7
+ <path d="M70.7667 27.365H46.6885V30.2548H70.7667V27.365Z" fill="#245B25"/>
8
+ <path d="M72.3197 35.2502H46.6885V36.8669H72.3197V35.2502Z" fill="#245B25"/>
9
+ <path d="M63.5797 42.9446H49.4116V44.5612H63.5797V42.9446Z" fill="#245B25"/>
10
+ <path d="M86.6302 47.1479H46.8501V47.633H86.6302V47.1479Z" fill="#3F9C40"/>
11
+ <path d="M72.3197 57.6907H46.6885V59.3073H72.3197V57.6907Z" fill="#245B25"/>
12
+ <path d="M70.7668 65.385H49.4116V67.0017H70.7668V65.385Z" fill="#245B25"/>
13
+ <path d="M86.6302 69.5884H46.8501V70.0734H86.6302V69.5884Z" fill="#3F9C40"/>
14
+ <path d="M72.3197 78.8053H46.6885V80.422H72.3197V78.8053Z" fill="#245B25"/>
15
+ <path d="M78.6642 86.4996H49.4116V88.1163H78.6642V86.4996Z" fill="#245B25"/>
16
+ <path d="M86.6302 90.703H46.8501V91.188H86.6302V90.703Z" fill="#3F9C40"/>
17
+ <path d="M151.214 23H101V99.724H151.214V23Z" fill="#245B25"/>
18
+ <path d="M129.767 27.365H105.688V30.2548H129.767V27.365Z" fill="#E8F3E8"/>
19
+ <path d="M131.32 35.2502H105.688V36.8669H131.32V35.2502Z" fill="#E8F3E8"/>
20
+ <path d="M122.58 42.9446H108.412V44.5612H122.58V42.9446Z" fill="#E8F3E8"/>
21
+ <path d="M145.63 47.1479H105.85V47.633H145.63V47.1479Z" fill="#3F9C40"/>
22
+ <path d="M131.32 57.6907H105.688V59.3073H131.32V57.6907Z" fill="#E8F3E8"/>
23
+ <path d="M129.767 65.385H108.412V67.0017H129.767V65.385Z" fill="#E8F3E8"/>
24
+ <path d="M145.63 69.5884H105.85V70.0734H145.63V69.5884Z" fill="#3F9C40"/>
25
+ <path d="M131.32 78.8053H105.688V80.422H131.32V78.8053Z" fill="#E8F3E8"/>
26
+ <path d="M137.664 86.4996H108.412V88.1163H137.664V86.4996Z" fill="#E8F3E8"/>
27
+ <path d="M145.63 90.703H105.85V91.188H145.63V90.703Z" fill="#3F9C40"/>
28
+ </svg>
package/assets/img/widget-management/color/highContrast.svg ADDED
@@ -0,0 +1,28 @@
1
+ <svg width="194" height="122" viewBox="0 0 194 122" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M194 0H0V121.25H194V0Z" fill="white"/>
3
+ <g opacity="0.45">
4
+ <path d="M194 0H0V121.25H194V0Z" fill="black"/>
5
+ </g>
6
+ <path d="M92.2137 23H42V99.724H92.2137V23Z" fill="#262626"/>
7
+ <path d="M70.7667 27.365H46.6885V30.2548H70.7667V27.365Z" fill="#F4F4F4"/>
8
+ <path d="M72.3197 35.2502H46.6885V36.8669H72.3197V35.2502Z" fill="#C6C6C6"/>
9
+ <path d="M63.5797 42.9446H49.4116V44.5612H63.5797V42.9446Z" fill="#F4F4F4"/>
10
+ <path d="M86.6302 47.1479H46.8501V47.633H86.6302V47.1479Z" fill="#525252"/>
11
+ <path d="M72.3197 57.6907H46.6885V59.3073H72.3197V57.6907Z" fill="#C6C6C6"/>
12
+ <path d="M70.7668 65.385H49.4116V67.0017H70.7668V65.385Z" fill="#F4F4F4"/>
13
+ <path d="M86.6302 69.5884H46.8501V70.0734H86.6302V69.5884Z" fill="#525252"/>
14
+ <path d="M72.3197 78.8054H46.6885V80.4221H72.3197V78.8054Z" fill="#C6C6C6"/>
15
+ <path d="M78.6642 86.4998H49.4116V88.1164H78.6642V86.4998Z" fill="#F4F4F4"/>
16
+ <path d="M86.6302 90.7031H46.8501V91.1881H86.6302V90.7031Z" fill="#525252"/>
17
+ <path d="M151.214 23H101V99.724H151.214V23Z" fill="white"/>
18
+ <path d="M129.767 27.365H105.688V30.2548H129.767V27.365Z" fill="#161616"/>
19
+ <path d="M131.32 35.2502H105.688V36.8669H131.32V35.2502Z" fill="#525252"/>
20
+ <path d="M122.58 42.9446H108.412V44.5612H122.58V42.9446Z" fill="#161616"/>
21
+ <path d="M145.63 47.1479H105.85V47.633H145.63V47.1479Z" fill="#C6C6C6"/>
22
+ <path d="M131.32 57.6907H105.688V59.3073H131.32V57.6907Z" fill="#525252"/>
23
+ <path d="M129.767 65.385H108.412V67.0017H129.767V65.385Z" fill="#161616"/>
24
+ <path d="M145.63 69.5884H105.85V70.0734H145.63V69.5884Z" fill="#C6C6C6"/>
25
+ <path d="M131.32 78.8054H105.688V80.4221H131.32V78.8054Z" fill="#525252"/>
26
+ <path d="M137.664 86.4998H108.412V88.1164H137.664V86.4998Z" fill="#161616"/>
27
+ <path d="M145.63 90.7031H105.85V91.1881H145.63V90.7031Z" fill="#C6C6C6"/>
28
+ </svg>
package/assets/img/widget-management/color/orange.svg ADDED
@@ -0,0 +1,28 @@
1
+ <svg width="194" height="122" viewBox="0 0 194 122" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M194 0H0V121.25H194V0Z" fill="white"/>
3
+ <g opacity="0.45">
4
+ <path d="M194 0H0V121.25H194V0Z" fill="black"/>
5
+ </g>
6
+ <path d="M92.2137 23H42V99.724H92.2137V23Z" fill="#FFE5CC"/>
7
+ <path d="M70.7667 27.365H46.6885V30.2548H70.7667V27.365Z" fill="#673D13"/>
8
+ <path d="M72.3197 35.2502H46.6885V36.8669H72.3197V35.2502Z" fill="#673D13"/>
9
+ <path d="M63.5797 42.9446H49.4116V44.5612H63.5797V42.9446Z" fill="#673D13"/>
10
+ <path d="M86.6302 47.1479H46.8501V47.633H86.6302V47.1479Z" fill="#CC6300"/>
11
+ <path d="M72.3197 57.6907H46.6885V59.3073H72.3197V57.6907Z" fill="#673D13"/>
12
+ <path d="M70.7668 65.385H49.4116V67.0017H70.7668V65.385Z" fill="#673D13"/>
13
+ <path d="M86.6302 69.5884H46.8501V70.0734H86.6302V69.5884Z" fill="#CC6300"/>
14
+ <path d="M72.3197 78.8053H46.6885V80.422H72.3197V78.8053Z" fill="#673D13"/>
15
+ <path d="M78.6642 86.4996H49.4116V88.1163H78.6642V86.4996Z" fill="#673D13"/>
16
+ <path d="M86.6302 90.703H46.8501V91.188H86.6302V90.703Z" fill="#CC6300"/>
17
+ <path d="M151.214 23H101V99.724H151.214V23Z" fill="#673D13"/>
18
+ <path d="M129.767 27.365H105.688V30.2548H129.767V27.365Z" fill="#FFE5CC"/>
19
+ <path d="M131.32 35.2502H105.688V36.8669H131.32V35.2502Z" fill="#FFE5CC"/>
20
+ <path d="M122.58 42.9446H108.412V44.5612H122.58V42.9446Z" fill="#FFE5CC"/>
21
+ <path d="M145.63 47.1479H105.85V47.633H145.63V47.1479Z" fill="#CC6300"/>
22
+ <path d="M131.32 57.6907H105.688V59.3073H131.32V57.6907Z" fill="#FFE5CC"/>
23
+ <path d="M129.767 65.385H108.412V67.0017H129.767V65.385Z" fill="#FFE5CC"/>
24
+ <path d="M145.63 69.5884H105.85V70.0734H145.63V69.5884Z" fill="#CC6300"/>
25
+ <path d="M131.32 78.8053H105.688V80.422H131.32V78.8053Z" fill="#FFE5CC"/>
26
+ <path d="M137.664 86.4996H108.412V88.1163H137.664V86.4996Z" fill="#FFE5CC"/>
27
+ <path d="M145.63 90.703H105.85V91.188H145.63V90.703Z" fill="#CC6300"/>
28
+ </svg>
package/assets/img/widget-management/color/periwinkle.svg ADDED
@@ -0,0 +1,28 @@
1
+ <svg width="194" height="122" viewBox="0 0 194 122" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M194 0H0V121.25H194V0Z" fill="white"/>
3
+ <g opacity="0.45">
4
+ <path d="M194 0H0V121.25H194V0Z" fill="black"/>
5
+ </g>
6
+ <path d="M92.2137 23H42V99.724H92.2137V23Z" fill="#D5D3F0"/>
7
+ <path d="M70.7667 27.365H46.6885V30.2548H70.7667V27.365Z" fill="#1A146A"/>
8
+ <path d="M72.3197 35.2502H46.6885V36.8669H72.3197V35.2502Z" fill="#1A146A"/>
9
+ <path d="M63.5797 42.9446H49.4116V44.5612H63.5797V42.9446Z" fill="#1A146A"/>
10
+ <path d="M86.6302 47.1479H46.8501V47.633H86.6302V47.1479Z" fill="#4A42BE"/>
11
+ <path d="M72.3197 57.6907H46.6885V59.3073H72.3197V57.6907Z" fill="#1A146A"/>
12
+ <path d="M70.7668 65.385H49.4116V67.0017H70.7668V65.385Z" fill="#1A146A"/>
13
+ <path d="M86.6302 69.5884H46.8501V70.0734H86.6302V69.5884Z" fill="#4A42BE"/>
14
+ <path d="M72.3197 78.8054H46.6885V80.4221H72.3197V78.8054Z" fill="#1A146A"/>
15
+ <path d="M78.6642 86.4998H49.4116V88.1164H78.6642V86.4998Z" fill="#1A146A"/>
16
+ <path d="M86.6302 90.7031H46.8501V91.1881H86.6302V90.7031Z" fill="#4A42BE"/>
17
+ <path d="M151.214 23H101V99.724H151.214V23Z" fill="#1A146A"/>
18
+ <path d="M129.767 27.365H105.688V30.2548H129.767V27.365Z" fill="#D5D3F0"/>
19
+ <path d="M131.32 35.2502H105.688V36.8669H131.32V35.2502Z" fill="#D5D3F0"/>
20
+ <path d="M122.58 42.9446H108.412V44.5612H122.58V42.9446Z" fill="#D5D3F0"/>
21
+ <path d="M145.63 47.1479H105.85V47.633H145.63V47.1479Z" fill="#4A42BE"/>
22
+ <path d="M131.32 57.6907H105.688V59.3073H131.32V57.6907Z" fill="#D5D3F0"/>
23
+ <path d="M129.767 65.385H108.412V67.0017H129.767V65.385Z" fill="#D5D3F0"/>
24
+ <path d="M145.63 69.5884H105.85V70.0734H145.63V69.5884Z" fill="#4A42BE"/>
25
+ <path d="M131.32 78.8054H105.688V80.4221H131.32V78.8054Z" fill="#D5D3F0"/>
26
+ <path d="M137.664 86.4998H108.412V88.1164H137.664V86.4998Z" fill="#D5D3F0"/>
27
+ <path d="M145.63 90.7031H105.85V91.1881H145.63V90.7031Z" fill="#4A42BE"/>
28
+ </svg>
package/assets/img/widget-management/color/purple.svg ADDED
@@ -0,0 +1,28 @@
1
+ <svg width="194" height="122" viewBox="0 0 194 122" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M194 0H0V121.25H194V0Z" fill="white"/>
3
+ <g opacity="0.45">
4
+ <path d="M194 0H0V121.25H194V0Z" fill="black"/>
5
+ </g>
6
+ <path d="M92.2137 23H42V99.724H92.2137V23Z" fill="#F4E6F4"/>
7
+ <path d="M70.7667 27.365H46.6885V30.2548H70.7667V27.365Z" fill="#603361"/>
8
+ <path d="M72.3197 35.2502H46.6885V36.8669H72.3197V35.2502Z" fill="#603361"/>
9
+ <path d="M63.5797 42.9446H49.4116V44.5612H63.5797V42.9446Z" fill="#603361"/>
10
+ <path d="M86.6302 47.1479H46.8501V47.633H86.6302V47.1479Z" fill="#B965BC"/>
11
+ <path d="M72.3197 57.6907H46.6885V59.3073H72.3197V57.6907Z" fill="#603361"/>
12
+ <path d="M70.7668 65.385H49.4116V67.0017H70.7668V65.385Z" fill="#603361"/>
13
+ <path d="M86.6302 69.5884H46.8501V70.0734H86.6302V69.5884Z" fill="#B965BC"/>
14
+ <path d="M72.3197 78.8054H46.6885V80.4221H72.3197V78.8054Z" fill="#603361"/>
15
+ <path d="M78.6642 86.4998H49.4116V88.1164H78.6642V86.4998Z" fill="#603361"/>
16
+ <path d="M86.6302 90.7031H46.8501V91.1881H86.6302V90.7031Z" fill="#B965BC"/>
17
+ <path d="M151.214 23H101V99.724H151.214V23Z" fill="#603361"/>
18
+ <path d="M129.767 27.365H105.688V30.2548H129.767V27.365Z" fill="#F4E6F4"/>
19
+ <path d="M131.32 35.2502H105.688V36.8669H131.32V35.2502Z" fill="#F4E6F4"/>
20
+ <path d="M122.58 42.9446H108.412V44.5612H122.58V42.9446Z" fill="#F4E6F4"/>
21
+ <path d="M145.63 47.1479H105.85V47.633H145.63V47.1479Z" fill="#B965BC"/>
22
+ <path d="M131.32 57.6907H105.688V59.3073H131.32V57.6907Z" fill="#F4E6F4"/>
23
+ <path d="M129.767 65.385H108.412V67.0017H129.767V65.385Z" fill="#F4E6F4"/>
24
+ <path d="M145.63 69.5884H105.85V70.0734H145.63V69.5884Z" fill="#B965BC"/>
25
+ <path d="M131.32 78.8054H105.688V80.4221H131.32V78.8054Z" fill="#F4E6F4"/>
26
+ <path d="M137.664 86.4998H108.412V88.1164H137.664V86.4998Z" fill="#F4E6F4"/>
27
+ <path d="M145.63 90.7031H105.85V91.1881H145.63V90.7031Z" fill="#B965BC"/>
28
+ </svg>
package/assets/img/widget-management/color/red.svg ADDED
@@ -0,0 +1,28 @@
1
+ <svg width="194" height="122" viewBox="0 0 194 122" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M194 0H0V121.25H194V0Z" fill="white"/>
3
+ <g opacity="0.45">
4
+ <path d="M194 0H0V121.25H194V0Z" fill="black"/>
5
+ </g>
6
+ <path d="M92.2137 23H42V99.724H92.2137V23Z" fill="#F6DCDC"/>
7
+ <path d="M70.7667 27.365H46.6885V30.2548H70.7667V27.365Z" fill="#7C2C2D"/>
8
+ <path d="M72.3197 35.2502H46.6885V36.8669H72.3197V35.2502Z" fill="#7C2C2D"/>
9
+ <path d="M63.5797 42.9446H49.4116V44.5612H63.5797V42.9446Z" fill="#7C2C2D"/>
10
+ <path d="M86.6302 47.1479H46.8501V47.633H86.6302V47.1479Z" fill="#D34F51"/>
11
+ <path d="M72.3197 57.6907H46.6885V59.3073H72.3197V57.6907Z" fill="#7C2C2D"/>
12
+ <path d="M70.7668 65.385H49.4116V67.0017H70.7668V65.385Z" fill="#7C2C2D"/>
13
+ <path d="M86.6302 69.5884H46.8501V70.0734H86.6302V69.5884Z" fill="#D34F51"/>
14
+ <path d="M72.3197 78.8053H46.6885V80.422H72.3197V78.8053Z" fill="#7C2C2D"/>
15
+ <path d="M78.6642 86.4996H49.4116V88.1163H78.6642V86.4996Z" fill="#7C2C2D"/>
16
+ <path d="M86.6302 90.703H46.8501V91.188H86.6302V90.703Z" fill="#D34F51"/>
17
+ <path d="M151.214 23H101V99.724H151.214V23Z" fill="#7C2C2D"/>
18
+ <path d="M129.767 27.365H105.688V30.2548H129.767V27.365Z" fill="#F6DCDC"/>
19
+ <path d="M131.32 35.2502H105.688V36.8669H131.32V35.2502Z" fill="#F6DCDC"/>
20
+ <path d="M122.58 42.9446H108.412V44.5612H122.58V42.9446Z" fill="#F6DCDC"/>
21
+ <path d="M145.63 47.1479H105.85V47.633H145.63V47.1479Z" fill="#D34F51"/>
22
+ <path d="M131.32 57.6907H105.688V59.3073H131.32V57.6907Z" fill="#F6DCDC"/>
23
+ <path d="M129.767 65.385H108.412V67.0017H129.767V65.385Z" fill="#F6DCDC"/>
24
+ <path d="M145.63 69.5884H105.85V70.0734H145.63V69.5884Z" fill="#D34F51"/>
25
+ <path d="M131.32 78.8053H105.688V80.422H131.32V78.8053Z" fill="#F6DCDC"/>
26
+ <path d="M137.664 86.4996H108.412V88.1163H137.664V86.4996Z" fill="#F6DCDC"/>
27
+ <path d="M145.63 90.703H105.85V91.188H145.63V90.703Z" fill="#D34F51"/>
28
+ </svg>
package/assets/img/widget-management/color/turqoise.svg ADDED
@@ -0,0 +1,28 @@
1
+ <svg width="194" height="122" viewBox="0 0 194 122" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M194 0H0V121.25H194V0Z" fill="white"/>
3
+ <g opacity="0.45">
4
+ <path d="M194 0H0V121.25H194V0Z" fill="black"/>
5
+ </g>
6
+ <path d="M92.2137 23H42V99.724H92.2137V23Z" fill="#ECF8F6"/>
7
+ <path d="M70.7667 27.365H46.6885V30.2548H70.7667V27.365Z" fill="#297063"/>
8
+ <path d="M72.3197 35.2502H46.6885V36.8669H72.3197V35.2502Z" fill="#297063"/>
9
+ <path d="M63.5797 42.9446H49.4116V44.5612H63.5797V42.9446Z" fill="#297063"/>
10
+ <path d="M86.6302 47.1479H46.8501V47.633H86.6302V47.1479Z" fill="#359C85"/>
11
+ <path d="M72.3197 57.6907H46.6885V59.3073H72.3197V57.6907Z" fill="#297063"/>
12
+ <path d="M70.7668 65.385H49.4116V67.0017H70.7668V65.385Z" fill="#297063"/>
13
+ <path d="M86.6302 69.5884H46.8501V70.0734H86.6302V69.5884Z" fill="#359C85"/>
14
+ <path d="M72.3197 78.8054H46.6885V80.4221H72.3197V78.8054Z" fill="#297063"/>
15
+ <path d="M78.6642 86.4998H49.4116V88.1164H78.6642V86.4998Z" fill="#297063"/>
16
+ <path d="M86.6302 90.7031H46.8501V91.1881H86.6302V90.7031Z" fill="#359C85"/>
17
+ <path d="M151.214 23H101V99.724H151.214V23Z" fill="#297063"/>
18
+ <path d="M129.767 27.365H105.688V30.2548H129.767V27.365Z" fill="#ECF8F6"/>
19
+ <path d="M131.32 35.2502H105.688V36.8669H131.32V35.2502Z" fill="#ECF8F6"/>
20
+ <path d="M122.58 42.9446H108.412V44.5612H122.58V42.9446Z" fill="#ECF8F6"/>
21
+ <path d="M145.63 47.1479H105.85V47.633H145.63V47.1479Z" fill="#359C85"/>
22
+ <path d="M131.32 57.6907H105.688V59.3073H131.32V57.6907Z" fill="#ECF8F6"/>
23
+ <path d="M129.767 65.385H108.412V67.0017H129.767V65.385Z" fill="#ECF8F6"/>
24
+ <path d="M145.63 69.5884H105.85V70.0734H145.63V69.5884Z" fill="#359C85"/>
25
+ <path d="M131.32 78.8054H105.688V80.4221H131.32V78.8054Z" fill="#ECF8F6"/>
26
+ <path d="M137.664 86.4998H108.412V88.1164H137.664V86.4998Z" fill="#ECF8F6"/>
27
+ <path d="M145.63 90.7031H105.85V91.1881H145.63V90.7031Z" fill="#359C85"/>
28
+ </svg>
package/assets/img/widget-management/color/yellow.svg ADDED
@@ -0,0 +1,28 @@
1
+ <svg width="194" height="122" viewBox="0 0 194 122" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M194 0H0V121.25H194V0Z" fill="white"/>
3
+ <g opacity="0.45">
4
+ <path d="M194 0H0V121.25H194V0Z" fill="black"/>
5
+ </g>
6
+ <path d="M92.2137 23H42V99.724H92.2137V23Z" fill="#FEF6E0"/>
7
+ <path d="M70.7667 27.365H46.6885V30.2548H70.7667V27.365Z" fill="#6F5C29"/>
8
+ <path d="M72.3197 35.2502H46.6885V36.8669H72.3197V35.2502Z" fill="#6F5C29"/>
9
+ <path d="M63.5797 42.9446H49.4116V44.5612H63.5797V42.9446Z" fill="#6F5C29"/>
10
+ <path d="M86.6302 47.1479H46.8501V47.633H86.6302V47.1479Z" fill="#FAD165"/>
11
+ <path d="M72.3197 57.6907H46.6885V59.3073H72.3197V57.6907Z" fill="#6F5C29"/>
12
+ <path d="M70.7668 65.385H49.4116V67.0017H70.7668V65.385Z" fill="#6F5C29"/>
13
+ <path d="M86.6302 69.5884H46.8501V70.0734H86.6302V69.5884Z" fill="#FAD165"/>
14
+ <path d="M72.3197 78.8053H46.6885V80.422H72.3197V78.8053Z" fill="#6F5C29"/>
15
+ <path d="M78.6642 86.4996H49.4116V88.1163H78.6642V86.4996Z" fill="#6F5C29"/>
16
+ <path d="M86.6302 90.703H46.8501V91.188H86.6302V90.703Z" fill="#FAD165"/>
17
+ <path d="M151.214 23H101V99.724H151.214V23Z" fill="#6F5C29"/>
18
+ <path d="M129.767 27.365H105.688V30.2548H129.767V27.365Z" fill="#FEF6E0"/>
19
+ <path d="M131.32 35.2502H105.688V36.8669H131.32V35.2502Z" fill="#FEF6E0"/>
20
+ <path d="M122.58 42.9446H108.412V44.5612H122.58V42.9446Z" fill="#FEF6E0"/>
21
+ <path d="M145.63 47.1479H105.85V47.633H145.63V47.1479Z" fill="#FAD165"/>
22
+ <path d="M131.32 57.6907H105.688V59.3073H131.32V57.6907Z" fill="#FEF6E0"/>
23
+ <path d="M129.767 65.385H108.412V67.0017H129.767V65.385Z" fill="#FEF6E0"/>
24
+ <path d="M145.63 69.5884H105.85V70.0734H145.63V69.5884Z" fill="#FAD165"/>
25
+ <path d="M131.32 78.8053H105.688V80.422H131.32V78.8053Z" fill="#FEF6E0"/>
26
+ <path d="M137.664 86.4996H108.412V88.1163H137.664V86.4996Z" fill="#FEF6E0"/>
27
+ <path d="M145.63 90.703H105.85V91.188H145.63V90.703Z" fill="#FAD165"/>
28
+ </svg>