toggle-components-library 1.20.0 → 1.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/demo.html +10 -0
- package/dist/img/add_circle.7c6b29c6.svg +29 -0
- package/dist/img/arrow-left-blue-hover.5b0a1e54.svg +32 -0
- package/dist/img/arrow-left-blue.1e5404dd.svg +32 -0
- package/dist/img/arrow-right-blue-hover.b800a882.svg +32 -0
- package/dist/img/arrow-right-blue.fbc83729.svg +32 -0
- package/dist/img/arrow_down.787e1a8b.svg +28 -0
- package/dist/img/calendar.16f176cd.svg +37 -0
- package/dist/img/card.e1735960.svg +9 -0
- package/dist/img/checkbox_blank.907b325c.svg +6 -0
- package/dist/img/checkbox_checked.3e2d399f.svg +9 -0
- package/dist/img/checkbox_hover.e99ab40c.svg +3 -0
- package/dist/img/checkbox_inactive.b94b6c81.svg +9 -0
- package/dist/img/circle_blank.ab1622db.svg +24 -0
- package/dist/img/clipboard.e483ded3.svg +12 -0
- package/dist/img/delete-grey.cf15dcd1.svg +29 -0
- package/dist/img/delete.ee71bb54.svg +29 -0
- package/dist/img/drag_drop.0c778868.svg +14 -0
- package/dist/img/draggable.7493006c.svg +1 -0
- package/dist/img/edit_circle.4f3826d3.svg +34 -0
- package/dist/img/edit_circle_grey.0c96938c.svg +34 -0
- package/dist/img/email.078e944d.svg +7 -0
- package/dist/img/file.f4fb9e5d.svg +9 -0
- package/dist/img/form_icon.cd53ec12.svg +10 -0
- package/dist/img/graph.7f2e3985.svg +16 -0
- package/dist/img/grey_cross.2ac5fda1.svg +15 -0
- package/dist/img/info.4b233da4.svg +29 -0
- package/dist/img/megaphone.73161a8a.svg +19 -0
- package/dist/img/orders.51f8963f.svg +29 -0
- package/dist/img/search.db8f673f.svg +25 -0
- package/dist/img/tick-grey.b6d7b16c.svg +12 -0
- package/dist/img/tick.97f35963.svg +12 -0
- package/dist/img/tick_circle.417fd97d.svg +28 -0
- package/dist/img/tick_circle_grey.92b7e747.svg +32 -0
- package/dist/img/upload.9b0f1f1c.svg +30 -0
- package/dist/toggle-components-library.common.js +19470 -0
- package/dist/toggle-components-library.common.js.map +1 -0
- package/dist/toggle-components-library.css +1 -0
- package/dist/toggle-components-library.umd.js +19480 -0
- package/dist/toggle-components-library.umd.js.map +1 -0
- package/dist/toggle-components-library.umd.min.js +11 -0
- package/dist/toggle-components-library.umd.min.js.map +1 -0
- package/package.json +1 -1
- package/src/components/forms/ToggleInputText.vue +6 -0
- package/src/components/forms/ToggleInputTextArea.vue +1 -1
- package/src/sass/includes/_as_modals.scss +6 -5
package/package.json
CHANGED
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
v-model="inputVal"
|
|
19
19
|
:maxlength="maxLength"
|
|
20
20
|
:disabled="disabled"
|
|
21
|
+
:readonly="readonly"
|
|
21
22
|
/>
|
|
22
23
|
<label
|
|
23
24
|
class="toggle-input-label-error"
|
|
@@ -88,6 +89,11 @@ export default {
|
|
|
88
89
|
type: Boolean,
|
|
89
90
|
required: false,
|
|
90
91
|
default: false
|
|
92
|
+
},
|
|
93
|
+
readonly: {
|
|
94
|
+
type: Boolean,
|
|
95
|
+
required: false,
|
|
96
|
+
default: false
|
|
91
97
|
}
|
|
92
98
|
},
|
|
93
99
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
|
|
3
|
-
<div class="toggle-input-container" :class="{'toggle-input-is-invalid':isInvalid }" v-on:click="focusClosestInput">
|
|
3
|
+
<div class="toggle-input-container" :class="{'toggle-input-is-invalid':isInvalid, 'toggle-input-is-disabled':disabled }" v-on:click="focusClosestInput">
|
|
4
4
|
<label
|
|
5
5
|
v-if="label"
|
|
6
6
|
:for="name ? name : 'InputText' "
|
|
@@ -39,14 +39,15 @@
|
|
|
39
39
|
|
|
40
40
|
.toggle-modal-close-button{
|
|
41
41
|
position:absolute;
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
width:1.5rem;
|
|
43
|
+
height:1.5rem;
|
|
44
|
+
right:0.5rem;
|
|
45
|
+
top:0.5rem;
|
|
46
|
+
cursor: pointer;
|
|
46
47
|
z-index: 99;
|
|
47
48
|
opacity : 0.5;
|
|
48
49
|
&:hover{
|
|
49
|
-
|
|
50
|
+
opacity: 1;
|
|
50
51
|
}
|
|
51
52
|
|
|
52
53
|
background-image: url("../assets/icons/delete-grey.svg");
|