bootstrap5-toggle 5.1.2 → 5.2.0-rc1

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 (15) hide show
  1. package/README.md +8 -8
  2. package/README.template.md +1 -1
  3. package/css/bootstrap5-toggle.css +3 -1
  4. package/css/bootstrap5-toggle.css.map +1 -0
  5. package/css/bootstrap5-toggle.min.css +202 -2
  6. package/css/bootstrap5-toggle.min.css.map +1 -1
  7. package/js/bootstrap5-toggle.ecmas.js +990 -519
  8. package/js/bootstrap5-toggle.ecmas.js.map +1 -0
  9. package/js/bootstrap5-toggle.ecmas.min.js +3 -3
  10. package/js/bootstrap5-toggle.ecmas.min.js.map +1 -1
  11. package/js/bootstrap5-toggle.jquery.js +1000 -471
  12. package/js/bootstrap5-toggle.jquery.js.map +1 -0
  13. package/js/bootstrap5-toggle.jquery.min.js +3 -3
  14. package/js/bootstrap5-toggle.jquery.min.js.map +1 -1
  15. package/package.json +16 -5
package/README.md CHANGED
@@ -5,7 +5,7 @@
5
5
  [![NPM Badge](https://img.shields.io/npm/dm/bootstrap5-toggle?logo=npm)](https://www.npmjs.com/package/bootstrap5-toggle)
6
6
  [![Build](https://img.shields.io/github/actions/workflow/status/palcarazm/bootstrap5-toggle/build.yml?branch=v5&logo=npm)](https://github.com/palcarazm/bootstrap5-toggle/actions?query=workflow%3A%22Build+Check%22)
7
7
  [![Test](https://img.shields.io/github/actions/workflow/status/palcarazm/bootstrap5-toggle/cypress.yml?branch=v5&label=tests&logo=cypress)](https://github.com/palcarazm/bootstrap5-toggle/actions?query=workflow%3A%22Cypress+Tests%22)
8
- [![Security](https://img.shields.io/snyk/vulnerabilities/npm/bootstrap5-toggle@5.1.2?logo=snyk)](https://snyk.io/advisor/npm-package/bootstrap5-toggle)
8
+ [![Security](https://img.shields.io/snyk/vulnerabilities/npm/bootstrap5-toggle@5.2.0-rc1?logo=snyk)](https://snyk.io/advisor/npm-package/bootstrap5-toggle)
9
9
  [![EOL](https://img.shields.io/endpoint?url=https%3A%2F%2Fpalcarazm.github.io%2Fbootstrap5-toggle%2Fapi%2Feol%2Fv5)](https://github.com/palcarazm/bootstrap5-toggle/security/policy)
10
10
  [![Funding](https://img.shields.io/badge/sponsor-30363D?style=flat&logo=GitHub-Sponsors&logoColor=#white)](https://github.com/sponsors/palcarazm)
11
11
  [![Rate this package](https://badges.openbase.com/js/rating/bootstrap5-toggle.svg?token=rNvznTVToo+EmX5g+KTvfYqI9+YTWJeUWTxPj7tLA6o=)](https://openbase.com/js/bootstrap5-toggle?utm_source=embedded&utm_medium=badge&utm_campaign=rating-badge&utm_term=js/bootstrap5-toggle)
@@ -79,18 +79,18 @@ See EOL for each version in [Security Policy Page](https://github.com/palcarazm/
79
79
 
80
80
  ```html
81
81
  <link
82
- href="https://cdn.jsdelivr.net/npm/bootstrap5-toggle@5.1.2/css/bootstrap5-toggle.min.css"
82
+ href="https://cdn.jsdelivr.net/npm/bootstrap5-toggle@5.2.0-rc1/css/bootstrap5-toggle.min.css"
83
83
  rel="stylesheet" />
84
- <script src="https://cdn.jsdelivr.net/npm/bootstrap5-toggle@5.1.2/js/bootstrap5-toggle.ecmas.min.js"></script>
84
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap5-toggle@5.2.0-rc1/js/bootstrap5-toggle.ecmas.min.js"></script>
85
85
  ```
86
86
 
87
87
  ### jQuery Interface
88
88
 
89
89
  ```html
90
90
  <link
91
- href="https://cdn.jsdelivr.net/npm/bootstrap5-toggle@5.1.2/css/bootstrap5-toggle.min.css"
91
+ href="https://cdn.jsdelivr.net/npm/bootstrap5-toggle@5.2.0-rc1/css/bootstrap5-toggle.min.css"
92
92
  rel="stylesheet" />
93
- <script src="https://cdn.jsdelivr.net/npm/bootstrap5-toggle@5.1.2/js/bootstrap5-toggle.jquery.min.js"></script>
93
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap5-toggle@5.2.0-rc1/js/bootstrap5-toggle.jquery.min.js"></script>
94
94
  ```
95
95
 
96
96
  ## Download
@@ -102,20 +102,20 @@ See EOL for each version in [Security Policy Page](https://github.com/palcarazm/
102
102
  [![NPM Badge](https://img.shields.io/npm/dm/bootstrap5-toggle?logo=npm)](https://www.npmjs.com/package/bootstrap5-toggle)
103
103
 
104
104
  ```ksh
105
- npm install bootstrap5-toggle@5.1.2
105
+ npm install bootstrap5-toggle@5.2.0-rc1
106
106
  ```
107
107
 
108
108
  ## Yarn
109
109
 
110
110
  ```ksh
111
- yarn add bootstrap5-toggle@5.1.2
111
+ yarn add bootstrap5-toggle@5.2.0-rc1
112
112
  ```
113
113
 
114
114
  # Usage
115
115
 
116
116
  ## Initialize With HTML
117
117
 
118
- Simply add `data-toggle="toggle"` to automatically convert a plain checkbox into a bootstrap 5 toggle.
118
+ Add `data-toggle="toggle"` to automatically convert a plain checkbox into a bootstrap 5 toggle.
119
119
 
120
120
  ```html
121
121
  <input id="chkToggle" type="checkbox" data-toggle="toggle" />
package/README.template.md CHANGED
@@ -117,7 +117,7 @@ yarn add bootstrap5-toggle@#version#
117
117
 
118
118
  ## Initialize With HTML
119
119
 
120
- Simply add `data-toggle="toggle"` to automatically convert a plain checkbox into a bootstrap 5 toggle.
120
+ Add `data-toggle="toggle"` to automatically convert a plain checkbox into a bootstrap 5 toggle.
121
121
 
122
122
  ```html
123
123
  <input id="chkToggle" type="checkbox" data-toggle="toggle" />
package/css/bootstrap5-toggle.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /* Copyright Notice
2
- * bootstrap5-toggle v5.1.2
2
+ * bootstrap5-toggle v5.2.0-rc1
3
3
  * https://palcarazm.github.io/bootstrap5-toggle/
4
4
  * @author 2011-2014 Min Hur (https://github.com/minhur)
5
5
  * @author 2018-2019 Brent Ely (https://github.com/gitbrent)
@@ -210,3 +210,5 @@
210
210
  .toggle > .toggle-group > .toggle-off.btn-xs {
211
211
  padding-left: 0.8rem;
212
212
  }
213
+
214
+ /*# sourceMappingURL=bootstrap5-toggle.css.map */
package/css/bootstrap5-toggle.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/main/css/bootstrap5-toggle.css"],"names":[],"mappings":"AAAA","file":"bootstrap5-toggle.css","sourcesContent":["/* Copyright Notice\r\n * bootstrap5-toggle v5.1.3\r\n * https://palcarazm.github.io/bootstrap5-toggle/\r\n * @author 2011-2014 Min Hur (https://github.com/minhur)\r\n * @author 2018-2019 Brent Ely (https://github.com/gitbrent)\r\n * @author 2022 Pablo Alcaraz Martínez (https://github.com/palcarazm)\r\n * @funding GitHub Sponsors\r\n * @see https://github.com/sponsors/palcarazm\r\n * @license MIT\r\n * @see https://github.com/palcarazm/bootstrap5-toggle/blob/master/LICENSE\r\n */\r\n\r\n\r\n/*\r\n* @added 3.0.0: Return support for \"*-xs\" removed in Bootstrap-4\r\n* @see: [Comment](https://github.com/twbs/bootstrap/issues/21881#issuecomment-341972830)\r\n*/\r\n.btn-group-xs > .btn,\r\n.btn-xs {\r\n padding: 0.35rem 0.4rem 0.25rem 0.4rem;\r\n font-size: 0.875rem;\r\n line-height: 0.5;\r\n border-radius: 0.2rem;\r\n}\r\n\r\n.checkbox label .toggle,\r\n.checkbox-inline .toggle {\r\n margin-left: -1.25rem;\r\n margin-right: 0.35rem;\r\n}\r\n\r\n.toggle {\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.toggle:focus > .toggle-group > .btn,\r\n.toggle:hover > .toggle-group > .btn {\r\n color: var(--bs-btn-hover-color);\r\n background-color: var(--bs-btn-hover-bg);\r\n border-color: var(--bs-btn-hover-border-color);\r\n}\r\n.toggle:hover > .toggle-group > .toggle-handle,\r\n.toggle:focus > .toggle-group > .toggle-handle {\r\n background-color: var(--bs-light);\r\n opacity: 0.5;\r\n}\r\n.toggle > input[type=\"checkbox\"] {\r\n display: none;\r\n}\r\n.toggle > .toggle-group {\r\n position: absolute;\r\n width: 200%;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n transition: left 0.35s;\r\n -webkit-transition: left 0.35s;\r\n user-select: none;\r\n -moz-user-select: none;\r\n -webkit-user-select: none;\r\n}\r\n.toggle > .toggle-group > span {\r\n cursor: pointer;\r\n}\r\n.toggle.off > .toggle-group {\r\n left: -100%;\r\n}\r\n.toggle.indeterminate > .toggle-group {\r\n left: -50%;\r\n}\r\n.toggle > .toggle-group > .toggle-on {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 50%;\r\n margin: 0;\r\n border: 0;\r\n border-radius: 0;\r\n}\r\n.toggle > .toggle-group > .toggle-off {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 50%;\r\n right: 0;\r\n margin: 0;\r\n border: 0;\r\n border-radius: 0;\r\n box-shadow: none; /* Bootstrap 4.0 Support via (Issue #186)[https://github.com/minhur/bootstrap-toggle/issues/186]) */\r\n}\r\n.toggle > .toggle-group > .toggle-handle {\r\n position: relative;\r\n margin: 0 auto;\r\n padding-top: 0px;\r\n padding-bottom: 0px;\r\n height: 100%;\r\n width: 0px;\r\n border-width: 0 1px;\r\n background-color: var(--bs-light);\r\n border-color: var(--bs-light);\r\n}\r\n\r\n/** Support for input-group\r\n * @author (bryan-brancotte)[https://github.com/bryan-brancotte]\r\n * @see https://github.com/gitbrent/bootstrap4-toggle/issues/32#issuecomment-616974580\r\n */\r\n.input-group .toggle > .toggle-group > .toggle-on,\r\n.input-group .toggle > .toggle-group > .toggle-off {\r\n position: absolute;\r\n}\r\n\r\n.toggle:not(:hover):not(:focus).btn-outline-primary\r\n > .toggle-group\r\n > .toggle-handle {\r\n background-color: var(--bs-primary);\r\n border-color: var(--bs-primary);\r\n}\r\n.toggle:not(:hover):not(:focus).btn-outline-secondary\r\n > .toggle-group\r\n > .toggle-handle {\r\n background-color: var(--bs-secondary);\r\n border-color: var(--bs-secondary);\r\n}\r\n.toggle:not(:hover):not(:focus).btn-outline-success\r\n > .toggle-group\r\n > .toggle-handle {\r\n background-color: var(--bs-success);\r\n border-color: var(--bs-success);\r\n}\r\n.toggle:not(:hover):not(:focus).btn-outline-danger\r\n > .toggle-group\r\n > .toggle-handle {\r\n background-color: var(--bs-danger);\r\n border-color: var(--bs-danger);\r\n}\r\n.toggle:not(:hover):not(:focus).btn-outline-warning\r\n > .toggle-group\r\n > .toggle-handle {\r\n background-color: var(--bs-warning);\r\n border-color: var(--bs-warning);\r\n}\r\n.toggle:not(:hover):not(:focus).btn-outline-info\r\n > .toggle-group\r\n > .toggle-handle {\r\n background-color: var(--bs-info);\r\n border-color: var(--bs-info);\r\n}\r\n.toggle:not(:hover):not(:focus).btn-outline-light\r\n > .toggle-group\r\n > .toggle-handle {\r\n background-color: var(--bs-light);\r\n border-color: var(--bs-light);\r\n}\r\n.toggle:not(:hover):not(:focus).btn-outline-dark\r\n > .toggle-group\r\n > .toggle-handle {\r\n background-color: var(--bs-dark);\r\n border-color: var(--bs-dark);\r\n}\r\n\r\n/* NOTE: Must come first, so classes below override as needed */\r\n/* [default] (bootstrap-4.1.3 - .btn - h:38px) */\r\n.toggle.btn {\r\n min-width: 3.7rem;\r\n min-height: 2.15rem;\r\n}\r\n.toggle > .toggle-group > .toggle-on.btn {\r\n padding-right: 1.5rem;\r\n}\r\n.toggle > .toggle-group > .toggle-off.btn {\r\n padding-left: 1.5rem;\r\n}\r\n\r\n/* `lg` (bootstrap-4.1.3 - .btn - h:48px) */\r\n.toggle.btn-lg {\r\n min-width: 5rem;\r\n min-height: 2.815rem;\r\n}\r\n.toggle > .toggle-group > .toggle-on.btn-lg {\r\n padding-right: 2rem;\r\n}\r\n.toggle > .toggle-group > .toggle-off.btn-lg {\r\n padding-left: 2rem;\r\n}\r\n.toggle > .toggle-group > .toggle-handle.btn-lg {\r\n width: 2.5rem;\r\n}\r\n\r\n/* `sm` (bootstrap-4.1.3 - .btn - h:31px) */\r\n.toggle.btn-sm {\r\n min-width: 3.125rem;\r\n min-height: 1.938rem;\r\n}\r\n.toggle > .toggle-group > .toggle-on.btn-sm {\r\n padding-right: 1rem;\r\n}\r\n.toggle > .toggle-group > .toggle-off.btn-sm {\r\n padding-left: 1rem;\r\n}\r\n\r\n/* `xs` (bootstrap-3.3 - .btn - h:22px) */\r\n.toggle.btn-xs {\r\n min-width: 2.19rem;\r\n min-height: 1.375rem;\r\n}\r\n.toggle > .toggle-group > .toggle-on.btn-xs {\r\n padding-right: 0.8rem;\r\n}\r\n.toggle > .toggle-group > .toggle-off.btn-xs {\r\n padding-left: 0.8rem;\r\n}\r\n"]}
package/css/bootstrap5-toggle.min.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /* Copyright Notice
2
- * bootstrap5-toggle v5.1.2
2
+ * bootstrap5-toggle v5.2.0-rc1
3
3
  * https://palcarazm.github.io/bootstrap5-toggle/
4
4
  * @author 2011-2014 Min Hur (https://github.com/minhur)
5
5
  * @author 2018-2019 Brent Ely (https://github.com/gitbrent)
@@ -10,5 +10,205 @@
10
10
  * @see https://github.com/palcarazm/bootstrap5-toggle/blob/master/LICENSE
11
11
  */
12
12
 
13
- .btn-group-xs>.btn,.btn-xs{padding:.35rem .4rem .25rem .4rem;font-size:.875rem;line-height:.5;border-radius:.2rem}.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-1.25rem;margin-right:.35rem}.toggle{position:relative;overflow:hidden}.toggle:focus>.toggle-group>.btn,.toggle:hover>.toggle-group>.btn{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.toggle:focus>.toggle-group>.toggle-handle,.toggle:hover>.toggle-group>.toggle-handle{background-color:var(--bs-light);opacity:.5}.toggle>input[type=checkbox]{display:none}.toggle>.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;user-select:none;-moz-user-select:none;-webkit-user-select:none}.toggle>.toggle-group>span{cursor:pointer}.toggle.off>.toggle-group{left:-100%}.toggle.indeterminate>.toggle-group{left:-50%}.toggle>.toggle-group>.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}.toggle>.toggle-group>.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0;box-shadow:none}.toggle>.toggle-group>.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px;background-color:var(--bs-light);border-color:var(--bs-light)}.input-group .toggle>.toggle-group>.toggle-off,.input-group .toggle>.toggle-group>.toggle-on{position:absolute}.toggle:not(:hover):not(:focus).btn-outline-primary>.toggle-group>.toggle-handle{background-color:var(--bs-primary);border-color:var(--bs-primary)}.toggle:not(:hover):not(:focus).btn-outline-secondary>.toggle-group>.toggle-handle{background-color:var(--bs-secondary);border-color:var(--bs-secondary)}.toggle:not(:hover):not(:focus).btn-outline-success>.toggle-group>.toggle-handle{background-color:var(--bs-success);border-color:var(--bs-success)}.toggle:not(:hover):not(:focus).btn-outline-danger>.toggle-group>.toggle-handle{background-color:var(--bs-danger);border-color:var(--bs-danger)}.toggle:not(:hover):not(:focus).btn-outline-warning>.toggle-group>.toggle-handle{background-color:var(--bs-warning);border-color:var(--bs-warning)}.toggle:not(:hover):not(:focus).btn-outline-info>.toggle-group>.toggle-handle{background-color:var(--bs-info);border-color:var(--bs-info)}.toggle:not(:hover):not(:focus).btn-outline-light>.toggle-group>.toggle-handle{background-color:var(--bs-light);border-color:var(--bs-light)}.toggle:not(:hover):not(:focus).btn-outline-dark>.toggle-group>.toggle-handle{background-color:var(--bs-dark);border-color:var(--bs-dark)}.toggle.btn{min-width:3.7rem;min-height:2.15rem}.toggle>.toggle-group>.toggle-on.btn{padding-right:1.5rem}.toggle>.toggle-group>.toggle-off.btn{padding-left:1.5rem}.toggle.btn-lg{min-width:5rem;min-height:2.815rem}.toggle>.toggle-group>.toggle-on.btn-lg{padding-right:2rem}.toggle>.toggle-group>.toggle-off.btn-lg{padding-left:2rem}.toggle>.toggle-group>.toggle-handle.btn-lg{width:2.5rem}.toggle.btn-sm{min-width:3.125rem;min-height:1.938rem}.toggle>.toggle-group>.toggle-on.btn-sm{padding-right:1rem}.toggle>.toggle-group>.toggle-off.btn-sm{padding-left:1rem}.toggle.btn-xs{min-width:2.19rem;min-height:1.375rem}.toggle>.toggle-group>.toggle-on.btn-xs{padding-right:.8rem}.toggle>.toggle-group>.toggle-off.btn-xs{padding-left:.8rem}
13
+
14
+ /*
15
+ * @added 3.0.0: Return support for "*-xs" removed in Bootstrap-4
16
+ * @see: [Comment](https://github.com/twbs/bootstrap/issues/21881#issuecomment-341972830)
17
+ */
18
+ .btn-group-xs > .btn,
19
+ .btn-xs {
20
+ padding: 0.35rem 0.4rem 0.25rem 0.4rem;
21
+ font-size: 0.875rem;
22
+ line-height: 0.5;
23
+ border-radius: 0.2rem;
24
+ }
25
+
26
+ .checkbox label .toggle,
27
+ .checkbox-inline .toggle {
28
+ margin-left: -1.25rem;
29
+ margin-right: 0.35rem;
30
+ }
31
+
32
+ .toggle {
33
+ position: relative;
34
+ overflow: hidden;
35
+ }
36
+ .toggle:focus > .toggle-group > .btn,
37
+ .toggle:hover > .toggle-group > .btn {
38
+ color: var(--bs-btn-hover-color);
39
+ background-color: var(--bs-btn-hover-bg);
40
+ border-color: var(--bs-btn-hover-border-color);
41
+ }
42
+ .toggle:hover > .toggle-group > .toggle-handle,
43
+ .toggle:focus > .toggle-group > .toggle-handle {
44
+ background-color: var(--bs-light);
45
+ opacity: 0.5;
46
+ }
47
+ .toggle > input[type="checkbox"] {
48
+ display: none;
49
+ }
50
+ .toggle > .toggle-group {
51
+ position: absolute;
52
+ width: 200%;
53
+ top: 0;
54
+ bottom: 0;
55
+ left: 0;
56
+ transition: left 0.35s;
57
+ -webkit-transition: left 0.35s;
58
+ user-select: none;
59
+ -moz-user-select: none;
60
+ -webkit-user-select: none;
61
+ }
62
+ .toggle > .toggle-group > span {
63
+ cursor: pointer;
64
+ }
65
+ .toggle.off > .toggle-group {
66
+ left: -100%;
67
+ }
68
+ .toggle.indeterminate > .toggle-group {
69
+ left: -50%;
70
+ }
71
+ .toggle > .toggle-group > .toggle-on {
72
+ position: absolute;
73
+ top: 0;
74
+ bottom: 0;
75
+ left: 0;
76
+ right: 50%;
77
+ margin: 0;
78
+ border: 0;
79
+ border-radius: 0;
80
+ }
81
+ .toggle > .toggle-group > .toggle-off {
82
+ position: absolute;
83
+ top: 0;
84
+ bottom: 0;
85
+ left: 50%;
86
+ right: 0;
87
+ margin: 0;
88
+ border: 0;
89
+ border-radius: 0;
90
+ box-shadow: none; /* Bootstrap 4.0 Support via (Issue #186)[https://github.com/minhur/bootstrap-toggle/issues/186]) */
91
+ }
92
+ .toggle > .toggle-group > .toggle-handle {
93
+ position: relative;
94
+ margin: 0 auto;
95
+ padding-top: 0px;
96
+ padding-bottom: 0px;
97
+ height: 100%;
98
+ width: 0px;
99
+ border-width: 0 1px;
100
+ background-color: var(--bs-light);
101
+ border-color: var(--bs-light);
102
+ }
103
+
104
+ /** Support for input-group
105
+ * @author (bryan-brancotte)[https://github.com/bryan-brancotte]
106
+ * @see https://github.com/gitbrent/bootstrap4-toggle/issues/32#issuecomment-616974580
107
+ */
108
+ .input-group .toggle > .toggle-group > .toggle-on,
109
+ .input-group .toggle > .toggle-group > .toggle-off {
110
+ position: absolute;
111
+ }
112
+
113
+ .toggle:not(:hover):not(:focus).btn-outline-primary
114
+ > .toggle-group
115
+ > .toggle-handle {
116
+ background-color: var(--bs-primary);
117
+ border-color: var(--bs-primary);
118
+ }
119
+ .toggle:not(:hover):not(:focus).btn-outline-secondary
120
+ > .toggle-group
121
+ > .toggle-handle {
122
+ background-color: var(--bs-secondary);
123
+ border-color: var(--bs-secondary);
124
+ }
125
+ .toggle:not(:hover):not(:focus).btn-outline-success
126
+ > .toggle-group
127
+ > .toggle-handle {
128
+ background-color: var(--bs-success);
129
+ border-color: var(--bs-success);
130
+ }
131
+ .toggle:not(:hover):not(:focus).btn-outline-danger
132
+ > .toggle-group
133
+ > .toggle-handle {
134
+ background-color: var(--bs-danger);
135
+ border-color: var(--bs-danger);
136
+ }
137
+ .toggle:not(:hover):not(:focus).btn-outline-warning
138
+ > .toggle-group
139
+ > .toggle-handle {
140
+ background-color: var(--bs-warning);
141
+ border-color: var(--bs-warning);
142
+ }
143
+ .toggle:not(:hover):not(:focus).btn-outline-info
144
+ > .toggle-group
145
+ > .toggle-handle {
146
+ background-color: var(--bs-info);
147
+ border-color: var(--bs-info);
148
+ }
149
+ .toggle:not(:hover):not(:focus).btn-outline-light
150
+ > .toggle-group
151
+ > .toggle-handle {
152
+ background-color: var(--bs-light);
153
+ border-color: var(--bs-light);
154
+ }
155
+ .toggle:not(:hover):not(:focus).btn-outline-dark
156
+ > .toggle-group
157
+ > .toggle-handle {
158
+ background-color: var(--bs-dark);
159
+ border-color: var(--bs-dark);
160
+ }
161
+
162
+ /* NOTE: Must come first, so classes below override as needed */
163
+ /* [default] (bootstrap-4.1.3 - .btn - h:38px) */
164
+ .toggle.btn {
165
+ min-width: 3.7rem;
166
+ min-height: 2.15rem;
167
+ }
168
+ .toggle > .toggle-group > .toggle-on.btn {
169
+ padding-right: 1.5rem;
170
+ }
171
+ .toggle > .toggle-group > .toggle-off.btn {
172
+ padding-left: 1.5rem;
173
+ }
174
+
175
+ /* `lg` (bootstrap-4.1.3 - .btn - h:48px) */
176
+ .toggle.btn-lg {
177
+ min-width: 5rem;
178
+ min-height: 2.815rem;
179
+ }
180
+ .toggle > .toggle-group > .toggle-on.btn-lg {
181
+ padding-right: 2rem;
182
+ }
183
+ .toggle > .toggle-group > .toggle-off.btn-lg {
184
+ padding-left: 2rem;
185
+ }
186
+ .toggle > .toggle-group > .toggle-handle.btn-lg {
187
+ width: 2.5rem;
188
+ }
189
+
190
+ /* `sm` (bootstrap-4.1.3 - .btn - h:31px) */
191
+ .toggle.btn-sm {
192
+ min-width: 3.125rem;
193
+ min-height: 1.938rem;
194
+ }
195
+ .toggle > .toggle-group > .toggle-on.btn-sm {
196
+ padding-right: 1rem;
197
+ }
198
+ .toggle > .toggle-group > .toggle-off.btn-sm {
199
+ padding-left: 1rem;
200
+ }
201
+
202
+ /* `xs` (bootstrap-3.3 - .btn - h:22px) */
203
+ .toggle.btn-xs {
204
+ min-width: 2.19rem;
205
+ min-height: 1.375rem;
206
+ }
207
+ .toggle > .toggle-group > .toggle-on.btn-xs {
208
+ padding-right: 0.8rem;
209
+ }
210
+ .toggle > .toggle-group > .toggle-off.btn-xs {
211
+ padding-left: 0.8rem;
212
+ }
213
+
14
214
  /*# sourceMappingURL=bootstrap5-toggle.min.css.map */
package/css/bootstrap5-toggle.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["css\\bootstrap5-toggle.css"],"names":[],"mappings":"AAiBA,mBACA,QACE,QAAS,OAAQ,MAAO,OAAQ,MAChC,UAAW,QACX,YAAa,GACb,cAAe,MAGjB,wBACA,yBACE,YAAa,SACb,aAAc,OAGhB,QACE,SAAU,SACV,SAAU,OAEZ,iCACA,iCACE,MAAO,0BACP,iBAAkB,uBAClB,aAAc,iCAGhB,2CADA,2CAEE,iBAAkB,gBAClB,QAAS,GAEX,6BACE,QAAS,KAEX,sBACE,SAAU,SACV,MAAO,KACP,IAAK,EACL,OAAQ,EACR,KAAM,EACN,WAAY,KAAK,KACjB,mBAAoB,KAAK,KACzB,YAAa,KACb,iBAAkB,KAClB,oBAAqB,KAEvB,2BACE,OAAQ,QAEV,0BACE,KAAM,MAER,oCACE,KAAM,KAER,iCACE,SAAU,SACV,IAAK,EACL,OAAQ,EACR,KAAM,EACN,MAAO,IACP,OAAQ,EACR,OAAQ,EACR,cAAe,EAEjB,kCACE,SAAU,SACV,IAAK,EACL,OAAQ,EACR,KAAM,IACN,MAAO,EACP,OAAQ,EACR,OAAQ,EACR,cAAe,EACf,WAAY,KAEd,qCACE,SAAU,SACV,OAAQ,EAAE,KACV,YAAa,EACb,eAAgB,EAChB,OAAQ,KACR,MAAO,EACP,aAAc,EAAE,IAChB,iBAAkB,gBAClB,aAAc,gBAQhB,+CADA,8CAEE,SAAU,SAGZ,iFAGE,iBAAkB,kBAClB,aAAc,kBAEhB,mFAGE,iBAAkB,oBAClB,aAAc,oBAEhB,iFAGE,iBAAkB,kBAClB,aAAc,kBAEhB,gFAGE,iBAAkB,iBAClB,aAAc,iBAEhB,iFAGE,iBAAkB,kBAClB,aAAc,kBAEhB,8EAGE,iBAAkB,eAClB,aAAc,eAEhB,+EAGE,iBAAkB,gBAClB,aAAc,gBAEhB,8EAGE,iBAAkB,eAClB,aAAc,eAKhB,YACE,UAAW,OACX,WAAY,QAEd,qCACE,cAAe,OAEjB,sCACE,aAAc,OAIhB,eACE,UAAW,KACX,WAAY,SAEd,wCACE,cAAe,KAEjB,yCACE,aAAc,KAEhB,4CACE,MAAO,OAIT,eACE,UAAW,SACX,WAAY,SAEd,wCACE,cAAe,KAEjB,yCACE,aAAc,KAIhB,eACE,UAAW,QACX,WAAY,SAEd,wCACE,cAAe,MAEjB,yCACE,aAAc"}
1
+ {"version":3,"sources":["../src/main/css/bootstrap5-toggle.css"],"names":[],"mappings":"AAAA","file":"bootstrap5-toggle.min.css","sourcesContent":["/* Copyright Notice\r\n * bootstrap5-toggle v5.1.3\r\n * https://palcarazm.github.io/bootstrap5-toggle/\r\n * @author 2011-2014 Min Hur (https://github.com/minhur)\r\n * @author 2018-2019 Brent Ely (https://github.com/gitbrent)\r\n * @author 2022 Pablo Alcaraz Martínez (https://github.com/palcarazm)\r\n * @funding GitHub Sponsors\r\n * @see https://github.com/sponsors/palcarazm\r\n * @license MIT\r\n * @see https://github.com/palcarazm/bootstrap5-toggle/blob/master/LICENSE\r\n */\r\n\r\n\r\n/*\r\n* @added 3.0.0: Return support for \"*-xs\" removed in Bootstrap-4\r\n* @see: [Comment](https://github.com/twbs/bootstrap/issues/21881#issuecomment-341972830)\r\n*/\r\n.btn-group-xs > .btn,\r\n.btn-xs {\r\n padding: 0.35rem 0.4rem 0.25rem 0.4rem;\r\n font-size: 0.875rem;\r\n line-height: 0.5;\r\n border-radius: 0.2rem;\r\n}\r\n\r\n.checkbox label .toggle,\r\n.checkbox-inline .toggle {\r\n margin-left: -1.25rem;\r\n margin-right: 0.35rem;\r\n}\r\n\r\n.toggle {\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.toggle:focus > .toggle-group > .btn,\r\n.toggle:hover > .toggle-group > .btn {\r\n color: var(--bs-btn-hover-color);\r\n background-color: var(--bs-btn-hover-bg);\r\n border-color: var(--bs-btn-hover-border-color);\r\n}\r\n.toggle:hover > .toggle-group > .toggle-handle,\r\n.toggle:focus > .toggle-group > .toggle-handle {\r\n background-color: var(--bs-light);\r\n opacity: 0.5;\r\n}\r\n.toggle > input[type=\"checkbox\"] {\r\n display: none;\r\n}\r\n.toggle > .toggle-group {\r\n position: absolute;\r\n width: 200%;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n transition: left 0.35s;\r\n -webkit-transition: left 0.35s;\r\n user-select: none;\r\n -moz-user-select: none;\r\n -webkit-user-select: none;\r\n}\r\n.toggle > .toggle-group > span {\r\n cursor: pointer;\r\n}\r\n.toggle.off > .toggle-group {\r\n left: -100%;\r\n}\r\n.toggle.indeterminate > .toggle-group {\r\n left: -50%;\r\n}\r\n.toggle > .toggle-group > .toggle-on {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 50%;\r\n margin: 0;\r\n border: 0;\r\n border-radius: 0;\r\n}\r\n.toggle > .toggle-group > .toggle-off {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 50%;\r\n right: 0;\r\n margin: 0;\r\n border: 0;\r\n border-radius: 0;\r\n box-shadow: none; /* Bootstrap 4.0 Support via (Issue #186)[https://github.com/minhur/bootstrap-toggle/issues/186]) */\r\n}\r\n.toggle > .toggle-group > .toggle-handle {\r\n position: relative;\r\n margin: 0 auto;\r\n padding-top: 0px;\r\n padding-bottom: 0px;\r\n height: 100%;\r\n width: 0px;\r\n border-width: 0 1px;\r\n background-color: var(--bs-light);\r\n border-color: var(--bs-light);\r\n}\r\n\r\n/** Support for input-group\r\n * @author (bryan-brancotte)[https://github.com/bryan-brancotte]\r\n * @see https://github.com/gitbrent/bootstrap4-toggle/issues/32#issuecomment-616974580\r\n */\r\n.input-group .toggle > .toggle-group > .toggle-on,\r\n.input-group .toggle > .toggle-group > .toggle-off {\r\n position: absolute;\r\n}\r\n\r\n.toggle:not(:hover):not(:focus).btn-outline-primary\r\n > .toggle-group\r\n > .toggle-handle {\r\n background-color: var(--bs-primary);\r\n border-color: var(--bs-primary);\r\n}\r\n.toggle:not(:hover):not(:focus).btn-outline-secondary\r\n > .toggle-group\r\n > .toggle-handle {\r\n background-color: var(--bs-secondary);\r\n border-color: var(--bs-secondary);\r\n}\r\n.toggle:not(:hover):not(:focus).btn-outline-success\r\n > .toggle-group\r\n > .toggle-handle {\r\n background-color: var(--bs-success);\r\n border-color: var(--bs-success);\r\n}\r\n.toggle:not(:hover):not(:focus).btn-outline-danger\r\n > .toggle-group\r\n > .toggle-handle {\r\n background-color: var(--bs-danger);\r\n border-color: var(--bs-danger);\r\n}\r\n.toggle:not(:hover):not(:focus).btn-outline-warning\r\n > .toggle-group\r\n > .toggle-handle {\r\n background-color: var(--bs-warning);\r\n border-color: var(--bs-warning);\r\n}\r\n.toggle:not(:hover):not(:focus).btn-outline-info\r\n > .toggle-group\r\n > .toggle-handle {\r\n background-color: var(--bs-info);\r\n border-color: var(--bs-info);\r\n}\r\n.toggle:not(:hover):not(:focus).btn-outline-light\r\n > .toggle-group\r\n > .toggle-handle {\r\n background-color: var(--bs-light);\r\n border-color: var(--bs-light);\r\n}\r\n.toggle:not(:hover):not(:focus).btn-outline-dark\r\n > .toggle-group\r\n > .toggle-handle {\r\n background-color: var(--bs-dark);\r\n border-color: var(--bs-dark);\r\n}\r\n\r\n/* NOTE: Must come first, so classes below override as needed */\r\n/* [default] (bootstrap-4.1.3 - .btn - h:38px) */\r\n.toggle.btn {\r\n min-width: 3.7rem;\r\n min-height: 2.15rem;\r\n}\r\n.toggle > .toggle-group > .toggle-on.btn {\r\n padding-right: 1.5rem;\r\n}\r\n.toggle > .toggle-group > .toggle-off.btn {\r\n padding-left: 1.5rem;\r\n}\r\n\r\n/* `lg` (bootstrap-4.1.3 - .btn - h:48px) */\r\n.toggle.btn-lg {\r\n min-width: 5rem;\r\n min-height: 2.815rem;\r\n}\r\n.toggle > .toggle-group > .toggle-on.btn-lg {\r\n padding-right: 2rem;\r\n}\r\n.toggle > .toggle-group > .toggle-off.btn-lg {\r\n padding-left: 2rem;\r\n}\r\n.toggle > .toggle-group > .toggle-handle.btn-lg {\r\n width: 2.5rem;\r\n}\r\n\r\n/* `sm` (bootstrap-4.1.3 - .btn - h:31px) */\r\n.toggle.btn-sm {\r\n min-width: 3.125rem;\r\n min-height: 1.938rem;\r\n}\r\n.toggle > .toggle-group > .toggle-on.btn-sm {\r\n padding-right: 1rem;\r\n}\r\n.toggle > .toggle-group > .toggle-off.btn-sm {\r\n padding-left: 1rem;\r\n}\r\n\r\n/* `xs` (bootstrap-3.3 - .btn - h:22px) */\r\n.toggle.btn-xs {\r\n min-width: 2.19rem;\r\n min-height: 1.375rem;\r\n}\r\n.toggle > .toggle-group > .toggle-on.btn-xs {\r\n padding-right: 0.8rem;\r\n}\r\n.toggle > .toggle-group > .toggle-off.btn-xs {\r\n padding-left: 0.8rem;\r\n}\r\n"]}