@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.
Files changed (35) hide show
  1. package/dist/components/Zoomer.vue.d.ts +40 -0
  2. package/dist/components/Zoomer.vue.d.ts.map +1 -0
  3. package/dist/components/index.d.ts +1 -0
  4. package/dist/components/index.d.ts.map +1 -1
  5. package/dist/components/layout/Tabs.vue.d.ts +2 -0
  6. package/dist/components/layout/Tabs.vue.d.ts.map +1 -1
  7. package/dist/components/lightbox/Lightbox.vue.d.ts.map +1 -1
  8. package/dist/components/lightbox/lightbox.types.d.ts +2 -0
  9. package/dist/components/lightbox/lightbox.types.d.ts.map +1 -1
  10. package/dist/index.cjs +732 -255
  11. package/dist/index.mjs +732 -255
  12. package/dist/style.css +141 -97
  13. package/dist/utils/index.d.ts +1 -1
  14. package/dist/utils/index.d.ts.map +1 -1
  15. package/dist/utils/tapDetector.d.ts +30 -0
  16. package/dist/utils/tapDetector.d.ts.map +1 -0
  17. package/package.json +1 -1
  18. package/src/components/Btn.vue +1 -1
  19. package/src/components/Zoomer.vue +377 -0
  20. package/src/components/form/inputs/RadioGroup.vue +2 -2
  21. package/src/components/form/inputs/RichText2/Toolbar.vue +1 -1
  22. package/src/components/form/inputs/RichText2/index.vue +3 -3
  23. package/src/components/form/inputs/ToggleInput.vue +1 -1
  24. package/src/components/formkit/Toggle.vue +1 -1
  25. package/src/components/index.ts +1 -0
  26. package/src/components/layout/SidebarMenu.vue +1 -1
  27. package/src/components/layout/Tabs.vue +6 -3
  28. package/src/components/lightbox/Lightbox.vue +30 -6
  29. package/src/components/lightbox/index.ts +2 -2
  30. package/src/components/lightbox/lightbox.types.ts +2 -0
  31. package/src/styles/layout.css +18 -2
  32. package/src/styles/mobilLayout.css +16 -2
  33. package/src/utils/BagelFormUtils.ts +1 -1
  34. package/src/utils/index.ts +12 -4
  35. 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-7463197f] {
49
+ a[data-v-a73ad8c2] {
50
50
  text-decoration: none;
51
51
  }
52
- .loading[data-v-7463197f] {
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-7463197f 1s linear infinite;
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-7463197f {
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-7463197f] {
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-7463197f] {
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-7463197f] {
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-7463197f] {
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-7463197f] {
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-7463197f],
100
- .bgl_btn-icon[data-v-7463197f] {
101
- background-color: var(--a30674be);
102
- color: var(--1811393c);
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-7463197f]:hover,
105
- .bgl_btn-icon[data-v-7463197f]:hover {
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-7463197f]:active,
109
- .bgl_btn-icon[data-v-7463197f]:active {
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-7463197f] {
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-7463197f] {
117
+ .bgl_btn-icon.bgl_flatBtn[data-v-a73ad8c2] {
118
118
  background: transparent;
119
119
  }
120
- .bgl_btn.bgl_flatBtn[data-v-7463197f]:hover,
121
- .bgl_btn-icon.bgl_flatBtn[data-v-7463197f]:hover {
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-7463197f]:active,
127
- .bgl_btn-icon.bgl_flatBtn[data-v-7463197f]:active {
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-7463197f],
133
- .bgl_btn-icon.bgl_flatBtn.red[data-v-7463197f] {
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-7463197f],
137
- .bgl_btn-icon.bgl_flatBtn.white[data-v-7463197f] {
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-7463197f],
141
- .bgl_btn-icon.bgl_flatBtn.light[data-v-7463197f] {
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-7463197f],
145
- .bgl_btn-icon.bgl_flatBtn.black[data-v-7463197f] {
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-7463197f],
149
- .bgl_btn-icon.bgl_flatBtn.gray[data-v-7463197f] {
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-7463197f] {
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-7463197f] {
157
- border-radius: calc(var(--btn-border-radius) * 2);
156
+ .bgl_btn.round[data-v-a73ad8c2] {
157
+ border-radius: 1000px;
158
158
  }
159
- .bgl_btn-icon.thin[data-v-7463197f] {
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-7463197f] {
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-7463197f] {
167
+ [dir="rtl"] .bgl_.bgl_icon-font[data-v-a73ad8c2] {
168
168
  transform: rotateY(180deg);
169
169
  }
170
- .bgl_btn-border[data-v-7463197f] {
171
- outline: 1px solid var(--a30674be);
172
- color: var(--a30674be);
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-7463197f]:hover {
175
+ .bgl_btn-border[data-v-a73ad8c2]:hover {
176
176
  color: var(--bgl-light-text);
177
- background: var(--a30674be);
177
+ background: var(--4cc6fa2a);
178
178
  filter: brightness(100%);
179
179
  }
180
- .bgl_btn-border[data-v-7463197f]:active {
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-3ae8f4d3]{
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-3ae8f4d3]:has(:checked){
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-1cddc1b1]{
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-1cddc1b1] {
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-1cddc1b1]{
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-1cddc1b1]{
1224
+ .content-area[data-v-9c94183b]{
1225
1225
  background: var(--bgl-richtext-color);
1226
1226
  }
1227
- .content-area[data-v-1cddc1b1], .preview-area[data-v-1cddc1b1]{
1227
+ .content-area[data-v-9c94183b], .preview-area[data-v-9c94183b]{
1228
1228
  min-height: 200px;
1229
1229
  }
1230
- .fullscreen-mode[data-v-1cddc1b1] {
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-1cddc1b1]{
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-1cddc1b1]{
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-0a2b089d]{
1570
+ .bagel-input.bgl-toggle[data-v-683b2f6d]{
1571
1571
  display: unset !important;
1572
1572
  }
1573
- .bagel-input.bgl-toggle[data-v-0a2b089d] *{
1573
+ .bagel-input.bgl-toggle[data-v-683b2f6d] *{
1574
1574
  cursor: pointer !important;
1575
1575
  }
1576
- .bagel-input.bgl-toggle input[data-v-0a2b089d]{
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-0a2b089d] {
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-0a2b089d]::before {
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-0a2b089d] {
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-0a2b089d]:hover {
1614
+ .bgl-toggle label[data-v-683b2f6d]:hover {
1615
1615
  filter: brightness(90%);
1616
1616
  }
1617
- .bgl-toggle label[data-v-0a2b089d]:active {
1617
+ .bgl-toggle label[data-v-683b2f6d]:active {
1618
1618
  filter: var(--bgl-active-filter);
1619
1619
  }
1620
- .bgl-toggle input[data-v-0a2b089d]:focus-visible {
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-0a2b089d]:focus {
1624
+ .bgl-toggle input[data-v-683b2f6d]:focus {
1625
1625
  outline-color: transparent;
1626
1626
  }
1627
- .bgl-toggle input[data-v-0a2b089d]:focus-visible {
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-0a2b089d] :checked{
1631
+ .bgl-toggle[data-v-683b2f6d] :checked{
1632
1632
  background: var(--bgl-primary);
1633
1633
  }
1634
- .bgl-toggle[data-v-0a2b089d] :checked::before{
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-0a2b089d] {
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-6007d02b] {
1699
+ .bgl_sidebar[data-v-3ee4f3f7] {
1700
1700
  }
1701
- .toggleNav[data-v-6007d02b] {
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-6007d02b]:hover {
1708
+ .toggleNav[data-v-3ee4f3f7]:hover {
1709
1709
  opacity: 1;
1710
1710
  }
1711
- .wideNav .toggleNav[data-v-6007d02b] {
1711
+ .wideNav .toggleNav[data-v-3ee4f3f7] {
1712
1712
  transform: rotate(180deg);
1713
1713
  }
1714
- [dir='rtl'] .toggleNav[data-v-6007d02b] {
1714
+ [dir='rtl'] .toggleNav[data-v-3ee4f3f7] {
1715
1715
  transform: rotate(180deg);
1716
1716
  }
1717
- [dir='rtl'] .wideNav .toggleNav[data-v-6007d02b] {
1717
+ [dir='rtl'] .wideNav .toggleNav[data-v-3ee4f3f7] {
1718
1718
  transform: rotate(0deg);
1719
1719
  }
1720
- .showP-enter-active[data-v-6007d02b],
1721
- .showP-leave-active[data-v-6007d02b] {
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-6007d02b],
1725
- .showP-leave-to[data-v-6007d02b] {
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
- .lightbox-image[data-v-0410e12d]{
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-0410e12d] {
3307
+ .bgl-lightbox-overlay[data-v-68949c15] {
3289
3308
  background: rgba(0, 0, 0, 0.8);
3290
3309
  }
3291
- .bgl-lightbox[data-v-0410e12d] {
3310
+ .bgl-lightbox[data-v-68949c15] {
3292
3311
  max-height: 90%;
3293
3312
  }
3294
- .bgl-lightbox-item[data-v-0410e12d]{
3295
- animation: 500ms ease bgl-lightbox-load-0410e12d;
3313
+ .bgl-lightbox-item[data-v-68949c15]{
3314
+ animation: 500ms ease bgl-lightbox-load-68949c15;
3296
3315
  }
3297
- @keyframes bgl-lightbox-load-0410e12d {
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-0410e12d] * {
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-0410e12d;
3329
+ animation: 200ms ease bgl-lightbox-load-68949c15;
3311
3330
  }
3312
- .navigation[data-v-0410e12d] {
3331
+ .navigation[data-v-68949c15] {
3313
3332
  top: 50%;
3314
3333
  transform: translateY(-50%);
3315
3334
  }
3316
- .navigation-btn[data-v-0410e12d] {
3335
+ .navigation-btn[data-v-68949c15] {
3317
3336
  width: var(--input-height);
3318
3337
  height: var(--input-height);
3319
3338
  }
3320
- .thumbnail[data-v-0410e12d] {
3339
+ .thumbnail[data-v-68949c15] {
3321
3340
  height: 50px;
3322
3341
  width: 50px;
3323
3342
  }
3324
- .thumbnail[data-v-0410e12d]:hover {
3343
+ .thumbnail[data-v-68949c15]:hover {
3325
3344
  opacity: 1;
3326
3345
  }
3327
- .thumbnail[data-v-0410e12d]:active {
3346
+ .thumbnail[data-v-68949c15]:active {
3328
3347
  opacity: 0.8;
3329
3348
  }
3330
- .thumbnail.active[data-v-0410e12d] {
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
- .rounded {
3373
+ .radius-05 {
3350
3374
  border-radius: calc(var(--btn-border-radius) / 2) !important;
3351
3375
  }
3352
- .round-extra {
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
- .m_rounded {
5184
+ .m_radius-05 {
5149
5185
  border-radius: calc(var(--btn-border-radius) / 2) !important;
5150
5186
  }
5151
5187
 
5152
- .m_round-extra {
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
  }
@@ -1,5 +1,5 @@
1
1
  import { Attributes, BglFormSchemaT } from '..';
2
- export declare function debounce(fn: () => void, delay?: number): void;
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;AAG/D,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,KAAK,SAAM,QAGnD;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"}
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
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.753",
4
+ "version": "0.0.757",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
@@ -246,7 +246,7 @@ a {
246
246
  }
247
247
 
248
248
  .bgl_btn.round {
249
- border-radius: calc(var(--btn-border-radius) * 2);
249
+ border-radius: 1000px;
250
250
  }
251
251
 
252
252
  .bgl_btn-icon.thin {