@eturnity/eturnity_reusable_components 1.2.26-3d-master.1 → 1.2.26-EPDM-5784

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 (41) hide show
  1. package/babel.config.js +1 -1
  2. package/package.json +1 -1
  3. package/src/App.vue +32 -87
  4. package/src/assets/svgIcons/map_icon.svg +2 -4
  5. package/src/assets/svgIcons/obstacle_tool.svg +11 -7
  6. package/src/assets/theme.js +0 -2
  7. package/src/components/icon/index.vue +10 -11
  8. package/src/components/infoText/index.vue +53 -68
  9. package/src/components/inputs/inputNumber/index.vue +34 -199
  10. package/src/components/inputs/inputText/index.vue +3 -8
  11. package/src/components/inputs/radioButton/index.vue +1 -1
  12. package/src/components/inputs/textAreaInput/index.vue +2 -7
  13. package/src/components/inputs/toggle/index.vue +2 -2
  14. package/src/components/modals/modal/index.vue +2 -7
  15. package/src/components/pageSubtitle/index.vue +1 -1
  16. package/src/helpers/numberConverter.js +0 -5
  17. package/src/assets/icons/error_icon copy.png +0 -0
  18. package/src/assets/svgIcons/areas_tool.svg +0 -14
  19. package/src/assets/svgIcons/base_layer.svg +0 -3
  20. package/src/assets/svgIcons/direction_arrow.svg +0 -4
  21. package/src/assets/svgIcons/distance_tool.svg +0 -8
  22. package/src/assets/svgIcons/distort_tool.svg +0 -10
  23. package/src/assets/svgIcons/distort_tool2.svg +0 -16
  24. package/src/assets/svgIcons/draggable_corner.svg +0 -5
  25. package/src/assets/svgIcons/draw_tool.svg +0 -3
  26. package/src/assets/svgIcons/magic_tool.svg +0 -6
  27. package/src/assets/svgIcons/map_settings.svg +0 -3
  28. package/src/assets/svgIcons/margin_tool.svg +0 -4
  29. package/src/assets/svgIcons/obstacle_tool_origin.svg +0 -3
  30. package/src/assets/svgIcons/opacity.svg +0 -1
  31. package/src/assets/svgIcons/outline_tool.svg +0 -11
  32. package/src/assets/svgIcons/redo.svg +0 -6
  33. package/src/assets/svgIcons/resizer.svg +0 -5
  34. package/src/assets/svgIcons/roof_layer.svg +0 -3
  35. package/src/assets/svgIcons/rotate_tool.svg +0 -3
  36. package/src/assets/svgIcons/ruler_tool.svg +0 -3
  37. package/src/assets/svgIcons/trim_tool.svg +0 -4
  38. package/src/assets/svgIcons/undo.svg +0 -6
  39. package/src/assets/svgIcons/vertical_tool.svg +0 -3
  40. package/src/components/errorMessage/index.vue +0 -62
  41. package/src/components/iconWrapper/index.vue +0 -116
@@ -1,6 +0,0 @@
1
- <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M5.77451 5.87537C6.42348 5.2264 7.47566 5.2264 8.12463 5.87537C8.7736 6.52434 8.7736 7.57652 8.12463 8.22549L2.83685 13.5133C2.18788 14.1622 1.1357 14.1622 0.486727 13.5133C-0.162242 12.8643 -0.162242 11.8121 0.486727 11.1631L5.77451 5.87537Z" fill="white"/>
3
- <path d="M13.9998 0L13.5544 1.14505C13.2528 1.92013 13.2528 2.78011 13.5544 3.5552L13.9998 4.70025L12.8548 4.25476C12.0797 3.9532 11.2197 3.9532 10.4446 4.25476L9.2996 4.70025L9.74509 3.5552C10.0466 2.78012 10.0466 1.92013 9.74509 1.14505L9.2996 0L10.4446 0.445491C11.2197 0.747047 12.0797 0.747047 12.8548 0.445491L13.9998 0Z" fill="white"/>
4
- <path d="M12.3948 8.99997L12.3845 9.02637C12.0829 9.80146 12.0829 10.6614 12.3845 11.4365L12.3948 11.4629L12.3684 11.4527C11.5933 11.1511 10.7333 11.1511 9.9582 11.4527L9.9318 11.4629L9.94207 11.4365C10.2436 10.6614 10.2436 9.80146 9.94207 9.02637L9.9318 8.99997L9.9582 9.01024C10.7333 9.3118 11.5933 9.3118 12.3684 9.01024L12.3948 8.99997Z" fill="white"/>
5
- <path d="M5.55927 0.5027L5.33136 1.0885C5.02981 1.86359 5.02981 2.72357 5.33136 3.49866L5.55927 4.08446L4.97347 3.85655C4.19839 3.55499 3.3384 3.55499 2.56332 3.85655L1.97752 4.08446L2.20543 3.49866C2.50698 2.72357 2.50698 1.86359 2.20543 1.0885L1.97752 0.5027L2.56332 0.730611C3.3384 1.03217 4.19839 1.03217 4.97347 0.730611L5.55927 0.5027Z" fill="white"/>
6
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M0 10.8889V12.4444H4.66667V10.8889H0ZM0 1.55556V3.11111H7.77778V1.55556H0ZM7.77778 14V12.4444H14V10.8889H7.77778V9.33333H6.22222V14H7.77778ZM3.11111 4.66667V6.22222H0V7.77778H3.11111V9.33333H4.66667V4.66667H3.11111ZM14 7.77778V6.22222H6.22222V7.77778H14ZM9.33333 4.66667H10.8889V3.11111H14V1.55556H10.8889V0H9.33333V4.66667Z" fill="#263238"/>
3
- </svg>
@@ -1,4 +0,0 @@
1
- <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 1.5H1.5V12.5H12.5V1.5ZM0 0V14H14V0H0Z" fill="white"/>
3
- <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 5.5H5.5V8.5H8.5V5.5ZM4 4V10H10V4H4Z" fill="white"/>
4
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M14 0.00012207L12.7992 0.000100493L0.000183181 12.8064C0.000189916 13.4033 -0.000232323 13.5001 0.000183181 14.0001H1.00016L14 1.00011C14 0.500122 14 0.561565 14 0.00012207ZM6.90688 0L0.000209705 6.90667V9.10778L9.10799 0H6.90688ZM1.55577 0C0.70021 0 0.50002 8.17776e-05 2.00428e-05 3.63588e-05L0.000209705 3.11111L3.11132 0H1.55577ZM14.0002 14V10.8889L10.8891 14C11.9261 14 12.9632 14 14.0002 14ZM4.89243 14H7.09354L14.0002 7.09333V4.89222L4.89243 14Z" fill="white"/>
3
- </svg>
@@ -1 +0,0 @@
1
- <svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M753.493333 341.12L512 100.053333l-241.493333 241.066667C203.946667 407.68 170.666667 496.426667 170.666667 581.76s33.28 175.36 99.84 241.92a340.906667 340.906667 0 0 0 482.986666 0C820.053333 757.12 853.333333 667.093333 853.333333 581.76s-33.28-174.08-99.84-240.64zM256 597.333333c0.426667-85.333333 26.453333-139.733333 75.093333-187.946666L512 224.64l180.906667 186.666667C741.546667 459.733333 767.573333 512 768 597.333333H256z" /></svg>
@@ -1,11 +0,0 @@
1
- <svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect x="2.80078" y="4.06415" width="8" height="1.6" transform="rotate(90 2.80078 4.06415)" fill="white"/>
3
- <rect x="7.00195" y="3.8642" width="4" height="1.6" transform="rotate(-180 7.00195 3.8642)" fill="white"/>
4
- <path d="M8.5 3.07846L6.00098 0.935599L6.00098 5.22131L8.5 3.07846Z" fill="white"/>
5
- <rect x="11.002" y="13.8643" width="8" height="1.6" transform="rotate(-180 11.002 13.8643)" fill="white"/>
6
- <path fill-rule="evenodd" clip-rule="evenodd" d="M2 4.06409C2.55228 4.06409 3 3.61637 3 3.06409C3 2.5118 2.55228 2.06409 2 2.06409C1.44772 2.06409 1 2.5118 1 3.06409C1 3.61637 1.44772 4.06409 2 4.06409ZM2 5.06409C3.10457 5.06409 4 4.16866 4 3.06409C4 1.95952 3.10457 1.06409 2 1.06409C0.895431 1.06409 0 1.95952 0 3.06409C0 4.16866 0.895431 5.06409 2 5.06409Z" fill="white"/>
7
- <rect x="12.7988" y="4.06433" width="8" height="1.6" transform="rotate(90 12.7988 4.06433)" fill="white"/>
8
- <path fill-rule="evenodd" clip-rule="evenodd" d="M12.002 4.06421C12.5542 4.06421 13.002 3.61649 13.002 3.06421C13.002 2.51192 12.5542 2.06421 12.002 2.06421C11.4497 2.06421 11.002 2.51192 11.002 3.06421C11.002 3.61649 11.4497 4.06421 12.002 4.06421ZM12.002 5.06421C13.1065 5.06421 14.002 4.16878 14.002 3.06421C14.002 1.95964 13.1065 1.06421 12.002 1.06421C10.8974 1.06421 10.002 1.95964 10.002 3.06421C10.002 4.16878 10.8974 5.06421 12.002 5.06421Z" fill="white"/>
9
- <path fill-rule="evenodd" clip-rule="evenodd" d="M12.002 14.0643C12.5542 14.0643 13.002 13.6166 13.002 13.0643C13.002 12.512 12.5542 12.0643 12.002 12.0643C11.4497 12.0643 11.002 12.512 11.002 13.0643C11.002 13.6166 11.4497 14.0643 12.002 14.0643ZM12.002 15.0643C13.1065 15.0643 14.002 14.1688 14.002 13.0643C14.002 11.9597 13.1065 11.0643 12.002 11.0643C10.8974 11.0643 10.002 11.9597 10.002 13.0643C10.002 14.1688 10.8974 15.0643 12.002 15.0643Z" fill="white"/>
10
- <path fill-rule="evenodd" clip-rule="evenodd" d="M2 14.0644C2.55228 14.0644 3 13.6167 3 13.0644C3 12.5121 2.55228 12.0644 2 12.0644C1.44772 12.0644 1 12.5121 1 13.0644C1 13.6167 1.44772 14.0644 2 14.0644ZM2 15.0644C3.10457 15.0644 4 14.169 4 13.0644C4 11.9598 3.10457 11.0644 2 11.0644C0.895431 11.0644 0 11.9598 0 13.0644C0 14.169 0.895431 15.0644 2 15.0644Z" fill="white"/>
11
- </svg>
@@ -1,6 +0,0 @@
1
- <svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M4.51904 2H10.519V4H4.51904V2Z" fill="#555D61"/>
3
- <path d="M4.51904 8H8.51904V10H4.51904V8Z" fill="#555D61"/>
4
- <path d="M10.519 5.92321L13.4807 2.96161L10.519 0L10.519 5.92321Z" fill="#555D61"/>
5
- <path d="M7.98391 8C7.29229 9.1956 5.99961 10 4.51904 10C2.3099 10 0.519043 8.20914 0.519043 6C0.519043 3.79086 2.3099 2 4.51904 2C5.99961 2 7.2923 2.8044 7.98391 4H4.51904C3.41447 4 2.51904 4.89543 2.51904 6C2.51904 7.10457 3.41447 8 4.51904 8H7.98391Z" fill="#555D61"/>
6
- </svg>
@@ -1,5 +0,0 @@
1
- <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M0 0L26 26H0V0Z" fill="#0068DE"/>
3
- <line x1="12.4823" y1="20.4854" x2="4.70417" y2="12.7072" stroke="white" stroke-linecap="round"/>
4
- <line x1="8.94524" y1="21.1924" x2="3.99549" y2="16.2427" stroke="white" stroke-linecap="round"/>
5
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M0 10 L7 0 L14 10" fill="none" stroke="white" stroke-width="1.5"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M4.29139 3.74172L0 8.03973L4.29801 12.3311L8.59603 8.03973L4.29139 3.74172ZM1.87417 8.03973L4.29801 5.61589L6.71523 8.03973L4.29139 10.4636L1.87417 8.03973ZM12.2517 3.89404C11.0927 2.72848 9.56291 2.1457 8.03973 2.1457V0L5.23179 2.80795L8.03973 5.61589V3.4702C9.22516 3.4702 10.4106 3.92053 11.3179 4.82781C13.1258 6.63576 13.1258 9.57616 11.3179 11.3841C10.4106 12.2914 9.22516 12.7417 8.03973 12.7417C7.39735 12.7417 6.75497 12.6026 6.15894 12.3377L5.17218 13.3245C6.06622 13.8146 7.05298 14.0662 8.03973 14.0662C9.56291 14.0662 11.0927 13.4834 12.2517 12.3179C14.5828 9.99338 14.5828 6.21854 12.2517 3.89404Z" fill="#263238"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M3.43143 0C3.19316 0 3 0.202195 3 0.451614V13.5484C3 13.7978 3.19316 14 3.43143 14H9.56857C9.80684 14 10 13.7978 10 13.5484L10 12H7V11H10V9H6V8H10V6H7V5H10V3H6V2H10L10 0.451613C10 0.202194 9.80684 0 9.56857 0H3.43143Z" fill="#263238"/>
3
- </svg>
@@ -1,4 +0,0 @@
1
- <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect x="2" width="1.5" height="11" fill="#263238"/>
3
- <path fill-rule="evenodd" clip-rule="evenodd" d="M3 2V3.5L0 3.5V2H3ZM12 2V3.5V9H10.5L10.5 3.5L5 3.5V2H10.5H12ZM10.5 14H12V11.5H14V10L2 10L2 11.5L10.5 11.5V14Z" fill="#263238"/>
4
- </svg>
@@ -1,6 +0,0 @@
1
- <svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M9.48096 2H3.48096V4H9.48096V2Z" fill="white"/>
3
- <path d="M9.48096 8H5.48096V10H9.48096V8Z" fill="white"/>
4
- <path d="M3.48096 5.92321L0.519349 2.96161L3.48096 0L3.48096 5.92321Z" fill="white"/>
5
- <path d="M6.01609 8C6.70771 9.1956 8.00039 10 9.48096 10C11.6901 10 13.481 8.20914 13.481 6C13.481 3.79086 11.6901 2 9.48096 2C8.00039 2 6.7077 2.8044 6.01609 4H9.48096C10.5855 4 11.481 4.89543 11.481 6C11.481 7.10457 10.5855 8 9.48096 8H6.01609Z" fill="white"/>
6
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M6.96161 0L10.9232 3.96161L7.96713 3.96161V6.55264L12.3875 9.0786L14 10L12.3875 10.9214L7 14L1.61245 10.9214L0 10L1.61245 9.0786L5.99272 6.57559V3.96161L3 3.96161L6.96161 0ZM5.99272 8.41839L3.2249 10L7 12.1572L10.7751 10L7.96713 8.39545V9.78795H5.99272V8.41839Z" fill="white"/>
3
- </svg>
@@ -1,62 +0,0 @@
1
- <template>
2
- <component-wrapper>
3
- <text-overlay>
4
- <slot></slot>
5
- </text-overlay>
6
- </component-wrapper>
7
- </template>
8
-
9
- <script>
10
- // import InfoText from "@eturnity/eturnity_reusable_components/src/components/infoText"
11
- //To use:
12
- // <error-message
13
- // alignText="right" // default is left
14
- // />
15
-
16
- import styled from 'vue-styled-components'
17
-
18
- const TextOverlay = styled.div`
19
- position: absolute;
20
- top: calc(100% + 13px);
21
- background: ${(props) => props.theme.colors.red};
22
- padding: 10px;
23
- width: max-content;
24
- max-width: 100%;
25
- min-width: 200px;
26
- font-size: 11px;
27
- font-weight: 400;
28
- border-radius: 4px;
29
- font-family: 'Lato-Bold', Arial;
30
- z-index: 10;
31
- color: ${(props) => props.theme.colors.white};
32
-
33
- :before {
34
- content: '';
35
- background-color: ${(props) => props.theme.colors.red};
36
- position: absolute;
37
- top: 2px;
38
- left: 40px;
39
- height: 11px;
40
- width: 11px;
41
- transform-origin: center center;
42
- transform: translate(-2em, -0.5em) rotate(45deg);
43
- }
44
- `
45
-
46
- const ComponentWrapper = styled.div`
47
- display: block;
48
- `
49
-
50
- export default {
51
- name: 'info-text',
52
- components: {
53
- TextOverlay,
54
- ComponentWrapper
55
- },
56
- props: {},
57
- methods: {},
58
- data() {
59
- return {}
60
- }
61
- }
62
- </script>
@@ -1,116 +0,0 @@
1
- <template>
2
- <Wrapper
3
- :disabled="disabled"
4
- :size="size"
5
- :backgroundColor="backgroundColor"
6
- :borderRadius="borderRadius"
7
- :hoveredBackgroundColor="hoveredBackgroundColor"
8
- :isHovered="isHovered"
9
- >
10
- <icon :disabled="disabled"
11
- :size="iconSize"
12
- :name="name"
13
- :color="iconColor"
14
- :hoveredColor="hoveredIconColor" />
15
- <caret v-if="hasCaret">
16
- <iconWrapper :disabled="disabled"
17
- size="10px"
18
- name="arrow_down"
19
- :iconColor="iconColor"
20
- :hoveredBackgroundColor="hoveredIconColor"
21
- borderRadius="1px"
22
- />
23
- </caret>
24
- </Wrapper>
25
- </template>
26
-
27
- <script>
28
- // import Icon from "@eturnity/eturnity_reusable_components/src/components/icon"
29
- // How to use:
30
- //<icon
31
- // name="House" //required. a svg file named [name].svg should be present in /assets/svgIcons
32
- // color="red"
33
- // hoveredColor="blue"
34
- // size="60px" by default, this is 30px
35
- // />
36
-
37
- import styled from 'vue-styled-components'
38
- import icon from '../icon'
39
- const wrapperAttrs = { isHovered:Boolean,borderRadius:String,disabled: Boolean, size: String,backgroundColor:String,hoveredBackgroundColor:String }
40
- const Wrapper = styled('div', wrapperAttrs)`
41
- position:relative;
42
- display: inline-flex;
43
- width: ${(props) => props.size};
44
- height: ${(props) => props.size};
45
- justify-content:center;
46
- align-items:center;
47
- cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};
48
- background-color: ${(props)=>props.theme.colors[props.backgroundColor] || props.backgroundColor};
49
- border-radius: ${(props) => props.borderRadius};
50
- ${(props)=>(props.isHovered ? 'background-color:'+props.theme.colors[props.hoveredBackgroundColor] || props.hoveredBackgroundColor : "")};
51
- &:hover{
52
- background-color:${(props)=>props.theme.colors[props.hoveredBackgroundColor] || props.hoveredBackgroundColor};
53
- }
54
- `
55
- const caret=styled.div`
56
- position:absolute;
57
- bottom:3px;
58
- right:2px;
59
- height:10px;
60
- `
61
-
62
- export default {
63
- name: 'iconWrapper',
64
- components: {
65
- Wrapper,
66
- icon,
67
- caret
68
- },
69
- props: {
70
- disabled: {
71
- required: false,
72
- default: false
73
- },
74
- name: {
75
- required: true
76
- },
77
- iconColor: {
78
- required: false,
79
- default: 'white'
80
- },
81
- hoveredIconColor: {
82
- required: false
83
- },
84
- backgroundColor: {
85
- required: false,
86
- },
87
- hoveredBackgroundColor: {
88
- required: false,
89
- default:"transparentWhite1"
90
- },
91
- size: {
92
- required: false,
93
- default: '32px'
94
- },
95
- iconSize:{
96
- required: false,
97
- default:'18px'
98
- },
99
- hasCaret:{
100
- required: false,
101
- default: false
102
- },
103
- borderRadius:{
104
- required:false,
105
- default:'6px'
106
- },
107
- isHovered:{
108
- required:false,
109
- default:false
110
- }
111
- },
112
- data() {
113
- return {}
114
- }
115
- }
116
- </script>