@bagelink/vue 0.0.753 → 0.0.757
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/components/Zoomer.vue.d.ts +40 -0
- package/dist/components/Zoomer.vue.d.ts.map +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/layout/Tabs.vue.d.ts +2 -0
- package/dist/components/layout/Tabs.vue.d.ts.map +1 -1
- package/dist/components/lightbox/Lightbox.vue.d.ts.map +1 -1
- package/dist/components/lightbox/lightbox.types.d.ts +2 -0
- package/dist/components/lightbox/lightbox.types.d.ts.map +1 -1
- package/dist/index.cjs +732 -255
- package/dist/index.mjs +732 -255
- package/dist/style.css +141 -97
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/tapDetector.d.ts +30 -0
- package/dist/utils/tapDetector.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/Btn.vue +1 -1
- package/src/components/Zoomer.vue +377 -0
- package/src/components/form/inputs/RadioGroup.vue +2 -2
- package/src/components/form/inputs/RichText2/Toolbar.vue +1 -1
- package/src/components/form/inputs/RichText2/index.vue +3 -3
- package/src/components/form/inputs/ToggleInput.vue +1 -1
- package/src/components/formkit/Toggle.vue +1 -1
- package/src/components/index.ts +1 -0
- package/src/components/layout/SidebarMenu.vue +1 -1
- package/src/components/layout/Tabs.vue +6 -3
- package/src/components/lightbox/Lightbox.vue +30 -6
- package/src/components/lightbox/index.ts +2 -2
- package/src/components/lightbox/lightbox.types.ts +2 -0
- package/src/styles/layout.css +18 -2
- package/src/styles/mobilLayout.css +16 -2
- package/src/utils/BagelFormUtils.ts +1 -1
- package/src/utils/index.ts +12 -4
- package/src/utils/tapDetector.ts +119 -0
package/dist/style.css
CHANGED
|
@@ -46,19 +46,19 @@
|
|
|
46
46
|
max-height: 300px;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
a[data-v-
|
|
49
|
+
a[data-v-a73ad8c2] {
|
|
50
50
|
text-decoration: none;
|
|
51
51
|
}
|
|
52
|
-
.loading[data-v-
|
|
52
|
+
.loading[data-v-a73ad8c2] {
|
|
53
53
|
border: 1px solid var(--bgl-light-text);
|
|
54
54
|
border-bottom: 2px solid var(--bgl-light-text);
|
|
55
|
-
animation: spin-
|
|
55
|
+
animation: spin-a73ad8c2 1s linear infinite;
|
|
56
56
|
border-radius: 100px;
|
|
57
57
|
width: 1rem;
|
|
58
58
|
height: 1rem;
|
|
59
59
|
margin: auto;
|
|
60
60
|
}
|
|
61
|
-
@keyframes spin-
|
|
61
|
+
@keyframes spin-a73ad8c2 {
|
|
62
62
|
0% {
|
|
63
63
|
transform: rotate(0deg);
|
|
64
64
|
}
|
|
@@ -66,7 +66,7 @@ a[data-v-7463197f] {
|
|
|
66
66
|
transform: rotate(360deg);
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
|
-
.bgl_btn-icon[data-v-
|
|
69
|
+
.bgl_btn-icon[data-v-a73ad8c2] {
|
|
70
70
|
height: var(--btn-height);
|
|
71
71
|
width: var(--btn-height);
|
|
72
72
|
border-radius: 100%;
|
|
@@ -76,108 +76,108 @@ a[data-v-7463197f] {
|
|
|
76
76
|
flex-shrink: 0;
|
|
77
77
|
transition: var(--bgl-transition);
|
|
78
78
|
}
|
|
79
|
-
.bgl_btn[data-v-
|
|
79
|
+
.bgl_btn[data-v-a73ad8c2] {
|
|
80
80
|
padding-left: var(--btn-padding);
|
|
81
81
|
padding-right: var(--btn-padding);
|
|
82
82
|
transition: var(--bgl-transition);
|
|
83
83
|
text-decoration: none;
|
|
84
84
|
}
|
|
85
|
-
.bgl_btn[disabled="true"][data-v-
|
|
85
|
+
.bgl_btn[disabled="true"][data-v-a73ad8c2] {
|
|
86
86
|
opacity: 0.5;
|
|
87
87
|
cursor: not-allowed;
|
|
88
88
|
}
|
|
89
|
-
.bgl_btn-flex[data-v-
|
|
89
|
+
.bgl_btn-flex[data-v-a73ad8c2] {
|
|
90
90
|
display: flex;
|
|
91
91
|
align-items: center;
|
|
92
92
|
gap: 0.5rem;
|
|
93
93
|
justify-content: center;
|
|
94
94
|
height: 100%;
|
|
95
95
|
}
|
|
96
|
-
.bgl_btn .bgl_.bgl_icon-font[data-v-
|
|
96
|
+
.bgl_btn .bgl_.bgl_icon-font[data-v-a73ad8c2] {
|
|
97
97
|
font-size: calc(var(--input-font-size) * 1.3);
|
|
98
98
|
}
|
|
99
|
-
.bgl_btn[data-v-
|
|
100
|
-
.bgl_btn-icon[data-v-
|
|
101
|
-
background-color: var(--
|
|
102
|
-
color: var(--
|
|
99
|
+
.bgl_btn[data-v-a73ad8c2],
|
|
100
|
+
.bgl_btn-icon[data-v-a73ad8c2] {
|
|
101
|
+
background-color: var(--4cc6fa2a);
|
|
102
|
+
color: var(--0ff33606);
|
|
103
103
|
}
|
|
104
|
-
.bgl_btn[data-v-
|
|
105
|
-
.bgl_btn-icon[data-v-
|
|
104
|
+
.bgl_btn[data-v-a73ad8c2]:hover,
|
|
105
|
+
.bgl_btn-icon[data-v-a73ad8c2]:hover {
|
|
106
106
|
filter: var(--bgl-hover-filter);
|
|
107
107
|
}
|
|
108
|
-
.bgl_btn[data-v-
|
|
109
|
-
.bgl_btn-icon[data-v-
|
|
108
|
+
.bgl_btn[data-v-a73ad8c2]:active,
|
|
109
|
+
.bgl_btn-icon[data-v-a73ad8c2]:active {
|
|
110
110
|
filter: var(--bgl-active-filter);
|
|
111
111
|
}
|
|
112
|
-
.bgl_btn.bgl_flatBtn[data-v-
|
|
112
|
+
.bgl_btn.bgl_flatBtn[data-v-a73ad8c2] {
|
|
113
113
|
padding-left: var(--btn-padding);
|
|
114
114
|
padding-right: var(--btn-padding);
|
|
115
115
|
background: transparent;
|
|
116
116
|
}
|
|
117
|
-
.bgl_btn-icon.bgl_flatBtn[data-v-
|
|
117
|
+
.bgl_btn-icon.bgl_flatBtn[data-v-a73ad8c2] {
|
|
118
118
|
background: transparent;
|
|
119
119
|
}
|
|
120
|
-
.bgl_btn.bgl_flatBtn[data-v-
|
|
121
|
-
.bgl_btn-icon.bgl_flatBtn[data-v-
|
|
120
|
+
.bgl_btn.bgl_flatBtn[data-v-a73ad8c2]:hover,
|
|
121
|
+
.bgl_btn-icon.bgl_flatBtn[data-v-a73ad8c2]:hover {
|
|
122
122
|
filter: var(--bgl-hover-filter);
|
|
123
123
|
background: var(--bgl-gray-20);
|
|
124
124
|
color: var(--bgl-primary);
|
|
125
125
|
}
|
|
126
|
-
.bgl_btn.bgl_flatBtn[data-v-
|
|
127
|
-
.bgl_btn-icon.bgl_flatBtn[data-v-
|
|
126
|
+
.bgl_btn.bgl_flatBtn[data-v-a73ad8c2]:active,
|
|
127
|
+
.bgl_btn-icon.bgl_flatBtn[data-v-a73ad8c2]:active {
|
|
128
128
|
background: var(--bgl-gray-40);
|
|
129
129
|
filter: var(--bgl-active-filter);
|
|
130
130
|
color: var(--bgl-primary);
|
|
131
131
|
}
|
|
132
|
-
.bgl_btn.bgl_flatBtn.red[data-v-
|
|
133
|
-
.bgl_btn-icon.bgl_flatBtn.red[data-v-
|
|
132
|
+
.bgl_btn.bgl_flatBtn.red[data-v-a73ad8c2],
|
|
133
|
+
.bgl_btn-icon.bgl_flatBtn.red[data-v-a73ad8c2] {
|
|
134
134
|
color: var(--bgl-red);
|
|
135
135
|
}
|
|
136
|
-
.bgl_btn.bgl_flatBtn.white[data-v-
|
|
137
|
-
.bgl_btn-icon.bgl_flatBtn.white[data-v-
|
|
136
|
+
.bgl_btn.bgl_flatBtn.white[data-v-a73ad8c2],
|
|
137
|
+
.bgl_btn-icon.bgl_flatBtn.white[data-v-a73ad8c2] {
|
|
138
138
|
color: var(--bgl-light-text);
|
|
139
139
|
}
|
|
140
|
-
.bgl_btn.bgl_flatBtn.light[data-v-
|
|
141
|
-
.bgl_btn-icon.bgl_flatBtn.light[data-v-
|
|
140
|
+
.bgl_btn.bgl_flatBtn.light[data-v-a73ad8c2],
|
|
141
|
+
.bgl_btn-icon.bgl_flatBtn.light[data-v-a73ad8c2] {
|
|
142
142
|
color: var(--bgl-primary-tint);
|
|
143
143
|
}
|
|
144
|
-
.bgl_btn.bgl_flatBtn.black[data-v-
|
|
145
|
-
.bgl_btn-icon.bgl_flatBtn.black[data-v-
|
|
144
|
+
.bgl_btn.bgl_flatBtn.black[data-v-a73ad8c2],
|
|
145
|
+
.bgl_btn-icon.bgl_flatBtn.black[data-v-a73ad8c2] {
|
|
146
146
|
color: var(--bgl-text-color);
|
|
147
147
|
}
|
|
148
|
-
.bgl_btn.bgl_flatBtn.gray[data-v-
|
|
149
|
-
.bgl_btn-icon.bgl_flatBtn.gray[data-v-
|
|
148
|
+
.bgl_btn.bgl_flatBtn.gray[data-v-a73ad8c2],
|
|
149
|
+
.bgl_btn-icon.bgl_flatBtn.gray[data-v-a73ad8c2] {
|
|
150
150
|
color: var(--bgl-gray);
|
|
151
151
|
}
|
|
152
|
-
.bgl_btn.thin[data-v-
|
|
152
|
+
.bgl_btn.thin[data-v-a73ad8c2] {
|
|
153
153
|
padding-inline: calc(var(--btn-padding) / 3);
|
|
154
154
|
border-radius: calc(var(--btn-border-radius) / 1.5);
|
|
155
155
|
}
|
|
156
|
-
.bgl_btn.round[data-v-
|
|
157
|
-
border-radius:
|
|
156
|
+
.bgl_btn.round[data-v-a73ad8c2] {
|
|
157
|
+
border-radius: 1000px;
|
|
158
158
|
}
|
|
159
|
-
.bgl_btn-icon.thin[data-v-
|
|
159
|
+
.bgl_btn-icon.thin[data-v-a73ad8c2] {
|
|
160
160
|
height: calc(var(--btn-height) / 1.5);
|
|
161
161
|
width: calc(var(--btn-height) / 1.5);
|
|
162
162
|
line-height: normal;
|
|
163
163
|
}
|
|
164
|
-
.bgl_btn-icon.thin .bgl_btn-flex[data-v-
|
|
164
|
+
.bgl_btn-icon.thin .bgl_btn-flex[data-v-a73ad8c2] {
|
|
165
165
|
height: 100%;
|
|
166
166
|
}
|
|
167
|
-
[dir="rtl"] .bgl_.bgl_icon-font[data-v-
|
|
167
|
+
[dir="rtl"] .bgl_.bgl_icon-font[data-v-a73ad8c2] {
|
|
168
168
|
transform: rotateY(180deg);
|
|
169
169
|
}
|
|
170
|
-
.bgl_btn-border[data-v-
|
|
171
|
-
outline: 1px solid var(--
|
|
172
|
-
color: var(--
|
|
170
|
+
.bgl_btn-border[data-v-a73ad8c2] {
|
|
171
|
+
outline: 1px solid var(--4cc6fa2a);
|
|
172
|
+
color: var(--4cc6fa2a);
|
|
173
173
|
background: transparent;
|
|
174
174
|
}
|
|
175
|
-
.bgl_btn-border[data-v-
|
|
175
|
+
.bgl_btn-border[data-v-a73ad8c2]:hover {
|
|
176
176
|
color: var(--bgl-light-text);
|
|
177
|
-
background: var(--
|
|
177
|
+
background: var(--4cc6fa2a);
|
|
178
178
|
filter: brightness(100%);
|
|
179
179
|
}
|
|
180
|
-
.bgl_btn-border[data-v-
|
|
180
|
+
.bgl_btn-border[data-v-a73ad8c2]:active {
|
|
181
181
|
filter: brightness(80%);
|
|
182
182
|
}
|
|
183
183
|
|
|
@@ -918,12 +918,12 @@ data[data-v-2da95d24] {
|
|
|
918
918
|
margin-block: calc(var(--input-height) / 2 - 15px);
|
|
919
919
|
}
|
|
920
920
|
|
|
921
|
-
.radio-input-list[data-v-
|
|
921
|
+
.radio-input-list[data-v-3e9e030f]{
|
|
922
922
|
width: auto;
|
|
923
923
|
transform: scale(1.4);
|
|
924
924
|
margin-inline-end: 0.6rem;
|
|
925
925
|
}
|
|
926
|
-
.active-list-item[data-v-
|
|
926
|
+
.active-list-item[data-v-3e9e030f]:has(:checked){
|
|
927
927
|
background: var(--bgl-primary-light) !important;
|
|
928
928
|
border-color: var(--bgl-primary) !important;
|
|
929
929
|
accent-color: var(--bgl-accent-color);
|
|
@@ -1205,29 +1205,29 @@ p {
|
|
|
1205
1205
|
8 #818181 /* few chars */
|
|
1206
1206
|
;
|
|
1207
1207
|
}
|
|
1208
|
-
.preview-area[data-v-
|
|
1208
|
+
.preview-area[data-v-9c94183b]{
|
|
1209
1209
|
font-family: "FontWithASyntaxHighlighter", monospace;
|
|
1210
1210
|
font-palette: --myCustomPalette;
|
|
1211
1211
|
background: var(--bgl-code-bg);
|
|
1212
1212
|
color: var(--bgl-code-color)
|
|
1213
1213
|
}
|
|
1214
|
-
.rich-text-editor[data-v-
|
|
1214
|
+
.rich-text-editor[data-v-9c94183b] {
|
|
1215
1215
|
background: var(--input-bg);
|
|
1216
1216
|
margin-bottom: 0.5rem;
|
|
1217
1217
|
width: 100%;
|
|
1218
1218
|
}
|
|
1219
|
-
.editableContent[data-v-
|
|
1219
|
+
.editableContent[data-v-9c94183b]{
|
|
1220
1220
|
min-height: 100%;
|
|
1221
1221
|
white-space: pre-wrap;
|
|
1222
1222
|
outline: none;
|
|
1223
1223
|
}
|
|
1224
|
-
.content-area[data-v-
|
|
1224
|
+
.content-area[data-v-9c94183b]{
|
|
1225
1225
|
background: var(--bgl-richtext-color);
|
|
1226
1226
|
}
|
|
1227
|
-
.content-area[data-v-
|
|
1227
|
+
.content-area[data-v-9c94183b], .preview-area[data-v-9c94183b]{
|
|
1228
1228
|
min-height: 200px;
|
|
1229
1229
|
}
|
|
1230
|
-
.fullscreen-mode[data-v-
|
|
1230
|
+
.fullscreen-mode[data-v-9c94183b] {
|
|
1231
1231
|
position: fixed;
|
|
1232
1232
|
top: 0;
|
|
1233
1233
|
left: 0;
|
|
@@ -1239,14 +1239,14 @@ p {
|
|
|
1239
1239
|
overflow: auto;
|
|
1240
1240
|
border-radius: 0;
|
|
1241
1241
|
}
|
|
1242
|
-
.fullscreen-mode .content-area[data-v-
|
|
1242
|
+
.fullscreen-mode .content-area[data-v-9c94183b]{
|
|
1243
1243
|
height: calc(100vh - 5rem);
|
|
1244
1244
|
padding: 4rem !important;
|
|
1245
1245
|
max-width: 900px;
|
|
1246
1246
|
margin-inline: auto ;
|
|
1247
1247
|
overflow-y: auto;
|
|
1248
1248
|
}
|
|
1249
|
-
.fullscreen-mode .toolbar[data-v-
|
|
1249
|
+
.fullscreen-mode .toolbar[data-v-9c94183b]{
|
|
1250
1250
|
max-width: 900px;
|
|
1251
1251
|
margin-inline: auto ;
|
|
1252
1252
|
/* border-bottom: 1px solid var(--border-color); */
|
|
@@ -1567,17 +1567,17 @@ p {
|
|
|
1567
1567
|
height: 30px;
|
|
1568
1568
|
}
|
|
1569
1569
|
|
|
1570
|
-
.bagel-input.bgl-toggle[data-v-
|
|
1570
|
+
.bagel-input.bgl-toggle[data-v-683b2f6d]{
|
|
1571
1571
|
display: unset !important;
|
|
1572
1572
|
}
|
|
1573
|
-
.bagel-input.bgl-toggle[data-v-
|
|
1573
|
+
.bagel-input.bgl-toggle[data-v-683b2f6d] *{
|
|
1574
1574
|
cursor: pointer !important;
|
|
1575
1575
|
}
|
|
1576
|
-
.bagel-input.bgl-toggle input[data-v-
|
|
1576
|
+
.bagel-input.bgl-toggle input[data-v-683b2f6d]{
|
|
1577
1577
|
padding: unset !important;
|
|
1578
1578
|
min-width: unset !important;
|
|
1579
1579
|
}
|
|
1580
|
-
.bgl-toggle input[data-v-
|
|
1580
|
+
.bgl-toggle input[data-v-683b2f6d] {
|
|
1581
1581
|
appearance: none;
|
|
1582
1582
|
position: relative;
|
|
1583
1583
|
display: inline-block;
|
|
@@ -1590,7 +1590,7 @@ p {
|
|
|
1590
1590
|
transition: 0.25s linear all;
|
|
1591
1591
|
outline: 1px solid var(--border-color);
|
|
1592
1592
|
}
|
|
1593
|
-
.bgl-toggle input[data-v-
|
|
1593
|
+
.bgl-toggle input[data-v-683b2f6d]::before {
|
|
1594
1594
|
position: absolute;
|
|
1595
1595
|
content: "";
|
|
1596
1596
|
height: calc(var(--input-height) / 2 - 2px);
|
|
@@ -1603,7 +1603,7 @@ p {
|
|
|
1603
1603
|
transition: 0.2s;
|
|
1604
1604
|
box-shadow:0 1px 5px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
|
|
1605
1605
|
}
|
|
1606
|
-
.bgl-toggle label[data-v-
|
|
1606
|
+
.bgl-toggle label[data-v-683b2f6d] {
|
|
1607
1607
|
padding-inline-start: 0.5rem;
|
|
1608
1608
|
transition: var(--bgl-transition);
|
|
1609
1609
|
cursor: pointer;
|
|
@@ -1611,30 +1611,30 @@ p {
|
|
|
1611
1611
|
line-height: var(--input-height);
|
|
1612
1612
|
font-size: var(--input-font-size);
|
|
1613
1613
|
}
|
|
1614
|
-
.bgl-toggle label[data-v-
|
|
1614
|
+
.bgl-toggle label[data-v-683b2f6d]:hover {
|
|
1615
1615
|
filter: brightness(90%);
|
|
1616
1616
|
}
|
|
1617
|
-
.bgl-toggle label[data-v-
|
|
1617
|
+
.bgl-toggle label[data-v-683b2f6d]:active {
|
|
1618
1618
|
filter: var(--bgl-active-filter);
|
|
1619
1619
|
}
|
|
1620
|
-
.bgl-toggle input[data-v-
|
|
1620
|
+
.bgl-toggle input[data-v-683b2f6d]:focus-visible {
|
|
1621
1621
|
outline: -webkit-focus-ring-color auto 1px;
|
|
1622
1622
|
outline-offset: 2px
|
|
1623
1623
|
}
|
|
1624
|
-
.bgl-toggle input[data-v-
|
|
1624
|
+
.bgl-toggle input[data-v-683b2f6d]:focus {
|
|
1625
1625
|
outline-color: transparent;
|
|
1626
1626
|
}
|
|
1627
|
-
.bgl-toggle input[data-v-
|
|
1627
|
+
.bgl-toggle input[data-v-683b2f6d]:focus-visible {
|
|
1628
1628
|
outline: -webkit-focus-ring-color auto 1px;
|
|
1629
1629
|
outline-offset: 2px
|
|
1630
1630
|
}
|
|
1631
|
-
.bgl-toggle[data-v-
|
|
1631
|
+
.bgl-toggle[data-v-683b2f6d] :checked{
|
|
1632
1632
|
background: var(--bgl-primary);
|
|
1633
1633
|
}
|
|
1634
|
-
.bgl-toggle[data-v-
|
|
1634
|
+
.bgl-toggle[data-v-683b2f6d] :checked::before{
|
|
1635
1635
|
margin-inline-start:calc(var(--input-height) / 2 - 2px) ;
|
|
1636
1636
|
}
|
|
1637
|
-
.bgl-toggle input:checked + label[data-v-
|
|
1637
|
+
.bgl-toggle input:checked + label[data-v-683b2f6d] {
|
|
1638
1638
|
color: var(--bgl-primary) !important;
|
|
1639
1639
|
}
|
|
1640
1640
|
|
|
@@ -1696,33 +1696,33 @@ p {
|
|
|
1696
1696
|
justify-content: flex-start !important;
|
|
1697
1697
|
}
|
|
1698
1698
|
|
|
1699
|
-
.bgl_sidebar[data-v-
|
|
1699
|
+
.bgl_sidebar[data-v-3ee4f3f7] {
|
|
1700
1700
|
}
|
|
1701
|
-
.toggleNav[data-v-
|
|
1701
|
+
.toggleNav[data-v-3ee4f3f7] {
|
|
1702
1702
|
height: 22px !important;
|
|
1703
1703
|
width: 22px !important;
|
|
1704
1704
|
transition: var(--bgl-transition);
|
|
1705
1705
|
top: 2rem;
|
|
1706
1706
|
inset-inline-end: -3px;
|
|
1707
1707
|
}
|
|
1708
|
-
.toggleNav[data-v-
|
|
1708
|
+
.toggleNav[data-v-3ee4f3f7]:hover {
|
|
1709
1709
|
opacity: 1;
|
|
1710
1710
|
}
|
|
1711
|
-
.wideNav .toggleNav[data-v-
|
|
1711
|
+
.wideNav .toggleNav[data-v-3ee4f3f7] {
|
|
1712
1712
|
transform: rotate(180deg);
|
|
1713
1713
|
}
|
|
1714
|
-
[dir='rtl'] .toggleNav[data-v-
|
|
1714
|
+
[dir='rtl'] .toggleNav[data-v-3ee4f3f7] {
|
|
1715
1715
|
transform: rotate(180deg);
|
|
1716
1716
|
}
|
|
1717
|
-
[dir='rtl'] .wideNav .toggleNav[data-v-
|
|
1717
|
+
[dir='rtl'] .wideNav .toggleNav[data-v-3ee4f3f7] {
|
|
1718
1718
|
transform: rotate(0deg);
|
|
1719
1719
|
}
|
|
1720
|
-
.showP-enter-active[data-v-
|
|
1721
|
-
.showP-leave-active[data-v-
|
|
1720
|
+
.showP-enter-active[data-v-3ee4f3f7],
|
|
1721
|
+
.showP-leave-active[data-v-3ee4f3f7] {
|
|
1722
1722
|
transition: all 0.5s ease;
|
|
1723
1723
|
}
|
|
1724
|
-
.showP-enter-from[data-v-
|
|
1725
|
-
.showP-leave-to[data-v-
|
|
1724
|
+
.showP-enter-from[data-v-3ee4f3f7],
|
|
1725
|
+
.showP-leave-to[data-v-3ee4f3f7] {
|
|
1726
1726
|
opacity: 0;
|
|
1727
1727
|
transform: translateX(-20px);
|
|
1728
1728
|
}
|
|
@@ -3282,19 +3282,38 @@ tbody tr[data-v-680da9b9]:hover {
|
|
|
3282
3282
|
background: var(--bgl-gray-light);
|
|
3283
3283
|
}
|
|
3284
3284
|
|
|
3285
|
-
.
|
|
3285
|
+
.vue-zoomer[data-v-5e5bef88] {
|
|
3286
|
+
overflow: hidden;
|
|
3287
|
+
}
|
|
3288
|
+
.zoomer[data-v-5e5bef88] {
|
|
3289
|
+
transform-origin: 50% 50%;
|
|
3290
|
+
width: 100%;
|
|
3291
|
+
height: 100%;
|
|
3292
|
+
}
|
|
3293
|
+
.zoomer > img[data-v-5e5bef88] {
|
|
3294
|
+
vertical-align: top;
|
|
3295
|
+
user-select: none;
|
|
3296
|
+
-moz-user-drag: none;
|
|
3297
|
+
-webkit-user-select: none;
|
|
3298
|
+
-moz-user-select: none;
|
|
3299
|
+
-ms-user-select: none;
|
|
3300
|
+
-webkit-user-drag: none;
|
|
3301
|
+
-moz-user-drag: none;
|
|
3302
|
+
}
|
|
3303
|
+
|
|
3304
|
+
.lightbox-image[data-v-68949c15]{
|
|
3286
3305
|
object-fit: contain;
|
|
3287
3306
|
}
|
|
3288
|
-
.bgl-lightbox-overlay[data-v-
|
|
3307
|
+
.bgl-lightbox-overlay[data-v-68949c15] {
|
|
3289
3308
|
background: rgba(0, 0, 0, 0.8);
|
|
3290
3309
|
}
|
|
3291
|
-
.bgl-lightbox[data-v-
|
|
3310
|
+
.bgl-lightbox[data-v-68949c15] {
|
|
3292
3311
|
max-height: 90%;
|
|
3293
3312
|
}
|
|
3294
|
-
.bgl-lightbox-item[data-v-
|
|
3295
|
-
animation: 500ms ease bgl-lightbox-load-
|
|
3313
|
+
.bgl-lightbox-item[data-v-68949c15]{
|
|
3314
|
+
animation: 500ms ease bgl-lightbox-load-68949c15;
|
|
3296
3315
|
}
|
|
3297
|
-
@keyframes bgl-lightbox-load-
|
|
3316
|
+
@keyframes bgl-lightbox-load-68949c15 {
|
|
3298
3317
|
from {
|
|
3299
3318
|
scale:0.7;
|
|
3300
3319
|
}
|
|
@@ -3302,32 +3321,32 @@ to {
|
|
|
3302
3321
|
scale:1;
|
|
3303
3322
|
}
|
|
3304
3323
|
}
|
|
3305
|
-
.bgl-lightbox-item[data-v-
|
|
3324
|
+
.bgl-lightbox-item[data-v-68949c15] * {
|
|
3306
3325
|
max-width: 90%;
|
|
3307
3326
|
max-height: calc(80vh - 90px);
|
|
3308
3327
|
border-radius: 3px;
|
|
3309
3328
|
margin: auto;
|
|
3310
|
-
animation: 200ms ease bgl-lightbox-load-
|
|
3329
|
+
animation: 200ms ease bgl-lightbox-load-68949c15;
|
|
3311
3330
|
}
|
|
3312
|
-
.navigation[data-v-
|
|
3331
|
+
.navigation[data-v-68949c15] {
|
|
3313
3332
|
top: 50%;
|
|
3314
3333
|
transform: translateY(-50%);
|
|
3315
3334
|
}
|
|
3316
|
-
.navigation-btn[data-v-
|
|
3335
|
+
.navigation-btn[data-v-68949c15] {
|
|
3317
3336
|
width: var(--input-height);
|
|
3318
3337
|
height: var(--input-height);
|
|
3319
3338
|
}
|
|
3320
|
-
.thumbnail[data-v-
|
|
3339
|
+
.thumbnail[data-v-68949c15] {
|
|
3321
3340
|
height: 50px;
|
|
3322
3341
|
width: 50px;
|
|
3323
3342
|
}
|
|
3324
|
-
.thumbnail[data-v-
|
|
3343
|
+
.thumbnail[data-v-68949c15]:hover {
|
|
3325
3344
|
opacity: 1;
|
|
3326
3345
|
}
|
|
3327
|
-
.thumbnail[data-v-
|
|
3346
|
+
.thumbnail[data-v-68949c15]:active {
|
|
3328
3347
|
opacity: 0.8;
|
|
3329
3348
|
}
|
|
3330
|
-
.thumbnail.active[data-v-
|
|
3349
|
+
.thumbnail.active[data-v-68949c15] {
|
|
3331
3350
|
opacity: 1;
|
|
3332
3351
|
outline: 2px solid white;
|
|
3333
3352
|
}
|
|
@@ -3344,14 +3363,25 @@ to {
|
|
|
3344
3363
|
height: 100vh;
|
|
3345
3364
|
}
|
|
3346
3365
|
.round {
|
|
3366
|
+
border-radius: 1000px;
|
|
3367
|
+
}
|
|
3368
|
+
.rounded,
|
|
3369
|
+
.radius,
|
|
3370
|
+
.radius-1 {
|
|
3347
3371
|
border-radius: var(--btn-border-radius) !important;
|
|
3348
3372
|
}
|
|
3349
|
-
.
|
|
3373
|
+
.radius-05 {
|
|
3350
3374
|
border-radius: calc(var(--btn-border-radius) / 2) !important;
|
|
3351
3375
|
}
|
|
3352
|
-
.
|
|
3376
|
+
.radius-2 {
|
|
3353
3377
|
border-radius: calc(var(--btn-border-radius) * 2) !important;
|
|
3354
3378
|
}
|
|
3379
|
+
.radius-3 {
|
|
3380
|
+
border-radius: calc(var(--btn-border-radius) * 3) !important;
|
|
3381
|
+
}
|
|
3382
|
+
.radius-4 {
|
|
3383
|
+
border-radius: calc(var(--btn-border-radius) * 4) !important;
|
|
3384
|
+
}
|
|
3355
3385
|
.round-none {
|
|
3356
3386
|
border-radius: 0;
|
|
3357
3387
|
}
|
|
@@ -5142,17 +5172,31 @@ to {
|
|
|
5142
5172
|
}
|
|
5143
5173
|
|
|
5144
5174
|
.m_round {
|
|
5175
|
+
border-radius: 1000px;
|
|
5176
|
+
}
|
|
5177
|
+
|
|
5178
|
+
.m_rounded,
|
|
5179
|
+
.m_radius,
|
|
5180
|
+
.m_radius-1 {
|
|
5145
5181
|
border-radius: var(--btn-border-radius) !important;
|
|
5146
5182
|
}
|
|
5147
5183
|
|
|
5148
|
-
.
|
|
5184
|
+
.m_radius-05 {
|
|
5149
5185
|
border-radius: calc(var(--btn-border-radius) / 2) !important;
|
|
5150
5186
|
}
|
|
5151
5187
|
|
|
5152
|
-
.
|
|
5188
|
+
.m_radius-2 {
|
|
5153
5189
|
border-radius: calc(var(--btn-border-radius) * 2) !important;
|
|
5154
5190
|
}
|
|
5155
5191
|
|
|
5192
|
+
.m_radius-3 {
|
|
5193
|
+
border-radius: calc(var(--btn-border-radius) * 3) !important;
|
|
5194
|
+
}
|
|
5195
|
+
|
|
5196
|
+
.m_radius-4 {
|
|
5197
|
+
border-radius: calc(var(--btn-border-radius) * 4) !important;
|
|
5198
|
+
}
|
|
5199
|
+
|
|
5156
5200
|
.m_round-none {
|
|
5157
5201
|
border-radius: 0 !important;
|
|
5158
5202
|
}
|
package/dist/utils/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Attributes, BglFormSchemaT } from '..';
|
|
2
|
-
export declare function debounce(
|
|
2
|
+
export declare function debounce<T extends (...args: any[]) => void>(func: T, wait: number): (...args: Parameters<T>) => void;
|
|
3
3
|
export declare function keyToLabel(key?: string): string | undefined;
|
|
4
4
|
export declare function copyText(text: string, cb?: (msg: string) => void): Promise<void>;
|
|
5
5
|
export declare function initials(...strArr: string[]): string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE/D,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAYpH;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAK3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAKpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,OAU7F;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAM9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,OAGzE;AAED,eAAO,MAAM,MAAM,eAAgB,GAAG,YAA0C,CAAA;AAEhF,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,CAa3F;AAED,eAAO,MAAM,KAAK,QAAQ,MAAM,qBAA0D,CAAA;AAE1F,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAYvD"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
type TapCallback = (event: {
|
|
2
|
+
clientX: number;
|
|
3
|
+
clientY: number;
|
|
4
|
+
}) => void;
|
|
5
|
+
export default class TapDetector {
|
|
6
|
+
private singleTapCallbacks;
|
|
7
|
+
private doubleTapCallbacks;
|
|
8
|
+
private isTouchMode;
|
|
9
|
+
private lastTapTimestamp;
|
|
10
|
+
private tappedCount;
|
|
11
|
+
private touchMovedLength;
|
|
12
|
+
private lastPointerX;
|
|
13
|
+
private lastPointerY;
|
|
14
|
+
attach(dom: HTMLElement): void;
|
|
15
|
+
detach(dom: HTMLElement): void;
|
|
16
|
+
onSingleTap(callback: TapCallback): void;
|
|
17
|
+
onDoubleTap(callback: TapCallback): void;
|
|
18
|
+
private triggerCallbacks;
|
|
19
|
+
private onTouchStart;
|
|
20
|
+
private onTouchMove;
|
|
21
|
+
private onTouchEnd;
|
|
22
|
+
private onMouseDown;
|
|
23
|
+
private onMouseMove;
|
|
24
|
+
private onMouseUp;
|
|
25
|
+
private onPointerDown;
|
|
26
|
+
private onPointerUp;
|
|
27
|
+
private onPointerMove;
|
|
28
|
+
}
|
|
29
|
+
export {};
|
|
30
|
+
//# sourceMappingURL=tapDetector.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tapDetector.d.ts","sourceRoot":"","sources":["../../src/utils/tapDetector.ts"],"names":[],"mappings":"AAAA,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,KAAK,IAAI,CAAA;AAGxE,MAAM,CAAC,OAAO,OAAO,WAAW;IAC/B,OAAO,CAAC,kBAAkB,CAAoB;IAC9C,OAAO,CAAC,kBAAkB,CAAoB;IAC9C,OAAO,CAAC,WAAW,CAAQ;IAC3B,OAAO,CAAC,gBAAgB,CAAI;IAC5B,OAAO,CAAC,WAAW,CAAI;IACvB,OAAO,CAAC,gBAAgB,CAAI;IAC5B,OAAO,CAAC,YAAY,CAAI;IACxB,OAAO,CAAC,YAAY,CAAI;IAExB,MAAM,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI;IAa9B,MAAM,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI;IAS9B,WAAW,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI;IAMxC,WAAW,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI;IAMxC,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,YAAY,CAKnB;IAED,OAAO,CAAC,WAAW,CAIlB;IAED,OAAO,CAAC,UAAU,CAEjB;IAED,OAAO,CAAC,WAAW,CAIlB;IAED,OAAO,CAAC,WAAW,CAIlB;IAED,OAAO,CAAC,SAAS,CAEhB;IAED,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,WAAW;IAoBnB,OAAO,CAAC,aAAa;CAOrB"}
|
package/package.json
CHANGED