@bagelink/vue 0.0.769 → 0.0.773

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 (21) hide show
  1. package/dist/components/Btn.vue.d.ts.map +1 -1
  2. package/dist/components/Pill.vue.d.ts +53 -0
  3. package/dist/components/Pill.vue.d.ts.map +1 -0
  4. package/dist/components/TableSchema.vue.d.ts +4 -2
  5. package/dist/components/TableSchema.vue.d.ts.map +1 -1
  6. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  7. package/dist/components/index.d.ts +1 -0
  8. package/dist/components/index.d.ts.map +1 -1
  9. package/dist/index.cjs +813 -623
  10. package/dist/index.mjs +813 -623
  11. package/dist/style.css +169 -90
  12. package/dist/utils/index.d.ts.map +1 -1
  13. package/package.json +12 -12
  14. package/src/components/Btn.vue +2 -2
  15. package/src/components/Pill.vue +180 -0
  16. package/src/components/TableSchema.vue +43 -38
  17. package/src/components/index.ts +2 -1
  18. package/src/styles/layout.css +8 -0
  19. package/src/styles/mobilLayout.css +8 -0
  20. package/src/styles/theme.css +4 -0
  21. package/src/utils/index.ts +0 -1
package/dist/style.css CHANGED
@@ -46,19 +46,19 @@
46
46
  max-height: 300px;
47
47
  }
48
48
 
49
- a[data-v-a73ad8c2] {
49
+ a[data-v-17faf037] {
50
50
  text-decoration: none;
51
51
  }
52
- .loading[data-v-a73ad8c2] {
52
+ .loading[data-v-17faf037] {
53
53
  border: 1px solid var(--bgl-light-text);
54
54
  border-bottom: 2px solid var(--bgl-light-text);
55
- animation: spin-a73ad8c2 1s linear infinite;
55
+ animation: spin-17faf037 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-a73ad8c2 {
61
+ @keyframes spin-17faf037 {
62
62
  0% {
63
63
  transform: rotate(0deg);
64
64
  }
@@ -66,7 +66,7 @@ a[data-v-a73ad8c2] {
66
66
  transform: rotate(360deg);
67
67
  }
68
68
  }
69
- .bgl_btn-icon[data-v-a73ad8c2] {
69
+ .bgl_btn-icon[data-v-17faf037] {
70
70
  height: var(--btn-height);
71
71
  width: var(--btn-height);
72
72
  border-radius: 100%;
@@ -76,108 +76,108 @@ a[data-v-a73ad8c2] {
76
76
  flex-shrink: 0;
77
77
  transition: var(--bgl-transition);
78
78
  }
79
- .bgl_btn[data-v-a73ad8c2] {
79
+ .bgl_btn[data-v-17faf037] {
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-a73ad8c2] {
85
+ .bgl_btn[disabled="true"][data-v-17faf037] {
86
86
  opacity: 0.5;
87
87
  cursor: not-allowed;
88
88
  }
89
- .bgl_btn-flex[data-v-a73ad8c2] {
89
+ .bgl_btn-flex[data-v-17faf037] {
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-a73ad8c2] {
96
+ .bgl_btn .bgl_btn-icon[data-v-17faf037]{
97
97
  font-size: calc(var(--input-font-size) * 1.3);
98
98
  }
99
- .bgl_btn[data-v-a73ad8c2],
100
- .bgl_btn-icon[data-v-a73ad8c2] {
101
- background-color: var(--4cc6fa2a);
102
- color: var(--0ff33606);
99
+ .bgl_btn[data-v-17faf037],
100
+ .bgl_btn-icon[data-v-17faf037] {
101
+ background-color: var(--a09b41ba);
102
+ color: var(--31d09c3e);
103
103
  }
104
- .bgl_btn[data-v-a73ad8c2]:hover,
105
- .bgl_btn-icon[data-v-a73ad8c2]:hover {
104
+ .bgl_btn[data-v-17faf037]:hover,
105
+ .bgl_btn-icon[data-v-17faf037]:hover {
106
106
  filter: var(--bgl-hover-filter);
107
107
  }
108
- .bgl_btn[data-v-a73ad8c2]:active,
109
- .bgl_btn-icon[data-v-a73ad8c2]:active {
108
+ .bgl_btn[data-v-17faf037]:active,
109
+ .bgl_btn-icon[data-v-17faf037]:active {
110
110
  filter: var(--bgl-active-filter);
111
111
  }
112
- .bgl_btn.bgl_flatBtn[data-v-a73ad8c2] {
112
+ .bgl_btn.bgl_flatBtn[data-v-17faf037] {
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-a73ad8c2] {
117
+ .bgl_btn-icon.bgl_flatBtn[data-v-17faf037] {
118
118
  background: transparent;
119
119
  }
120
- .bgl_btn.bgl_flatBtn[data-v-a73ad8c2]:hover,
121
- .bgl_btn-icon.bgl_flatBtn[data-v-a73ad8c2]:hover {
120
+ .bgl_btn.bgl_flatBtn[data-v-17faf037]:hover,
121
+ .bgl_btn-icon.bgl_flatBtn[data-v-17faf037]: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-a73ad8c2]:active,
127
- .bgl_btn-icon.bgl_flatBtn[data-v-a73ad8c2]:active {
126
+ .bgl_btn.bgl_flatBtn[data-v-17faf037]:active,
127
+ .bgl_btn-icon.bgl_flatBtn[data-v-17faf037]: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-a73ad8c2],
133
- .bgl_btn-icon.bgl_flatBtn.red[data-v-a73ad8c2] {
132
+ .bgl_btn.bgl_flatBtn.red[data-v-17faf037],
133
+ .bgl_btn-icon.bgl_flatBtn.red[data-v-17faf037] {
134
134
  color: var(--bgl-red);
135
135
  }
136
- .bgl_btn.bgl_flatBtn.white[data-v-a73ad8c2],
137
- .bgl_btn-icon.bgl_flatBtn.white[data-v-a73ad8c2] {
136
+ .bgl_btn.bgl_flatBtn.white[data-v-17faf037],
137
+ .bgl_btn-icon.bgl_flatBtn.white[data-v-17faf037] {
138
138
  color: var(--bgl-light-text);
139
139
  }
140
- .bgl_btn.bgl_flatBtn.light[data-v-a73ad8c2],
141
- .bgl_btn-icon.bgl_flatBtn.light[data-v-a73ad8c2] {
140
+ .bgl_btn.bgl_flatBtn.light[data-v-17faf037],
141
+ .bgl_btn-icon.bgl_flatBtn.light[data-v-17faf037] {
142
142
  color: var(--bgl-primary-tint);
143
143
  }
144
- .bgl_btn.bgl_flatBtn.black[data-v-a73ad8c2],
145
- .bgl_btn-icon.bgl_flatBtn.black[data-v-a73ad8c2] {
144
+ .bgl_btn.bgl_flatBtn.black[data-v-17faf037],
145
+ .bgl_btn-icon.bgl_flatBtn.black[data-v-17faf037] {
146
146
  color: var(--bgl-text-color);
147
147
  }
148
- .bgl_btn.bgl_flatBtn.gray[data-v-a73ad8c2],
149
- .bgl_btn-icon.bgl_flatBtn.gray[data-v-a73ad8c2] {
148
+ .bgl_btn.bgl_flatBtn.gray[data-v-17faf037],
149
+ .bgl_btn-icon.bgl_flatBtn.gray[data-v-17faf037] {
150
150
  color: var(--bgl-gray);
151
151
  }
152
- .bgl_btn.thin[data-v-a73ad8c2] {
152
+ .bgl_btn.thin[data-v-17faf037] {
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-a73ad8c2] {
156
+ .bgl_btn.round[data-v-17faf037] {
157
157
  border-radius: 1000px;
158
158
  }
159
- .bgl_btn-icon.thin[data-v-a73ad8c2] {
159
+ .bgl_btn-icon.thin[data-v-17faf037] {
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-a73ad8c2] {
164
+ .bgl_btn-icon.thin .bgl_btn-flex[data-v-17faf037] {
165
165
  height: 100%;
166
166
  }
167
- [dir="rtl"] .bgl_.bgl_icon-font[data-v-a73ad8c2] {
167
+ [dir="rtl"] .bgl_btn-icon[data-v-17faf037]{
168
168
  transform: rotateY(180deg);
169
169
  }
170
- .bgl_btn-border[data-v-a73ad8c2] {
171
- outline: 1px solid var(--4cc6fa2a);
172
- color: var(--4cc6fa2a);
170
+ .bgl_btn-border[data-v-17faf037] {
171
+ outline: 1px solid var(--a09b41ba);
172
+ color: var(--a09b41ba);
173
173
  background: transparent;
174
174
  }
175
- .bgl_btn-border[data-v-a73ad8c2]:hover {
175
+ .bgl_btn-border[data-v-17faf037]:hover {
176
176
  color: var(--bgl-light-text);
177
- background: var(--4cc6fa2a);
177
+ background: var(--a09b41ba);
178
178
  filter: brightness(100%);
179
179
  }
180
- .bgl_btn-border[data-v-a73ad8c2]:active {
180
+ .bgl_btn-border[data-v-17faf037]:active {
181
181
  filter: brightness(80%);
182
182
  }
183
183
 
@@ -3064,22 +3064,83 @@ svg.leaflet-image-layer.leaflet-interactive path {
3064
3064
  }
3065
3065
  }
3066
3066
 
3067
- .table-list-wrap[data-v-d8e9a217] {
3067
+ .bgl_pill-btn[data-v-95cf3171]{
3068
+ color: var(--pill-btn-color);
3069
+ background: var(--pill-btn-bg);
3070
+ width: calc(var(--pill-height) / 1.25)!important;
3071
+ height: calc(var(--pill-height) / 1.25)!important;
3072
+ }
3073
+ .loading[data-v-95cf3171] {
3074
+ border: 1px solid var(--bgl-light-text);
3075
+ border-bottom: 2px solid var(--bgl-light-text);
3076
+ animation: spin-95cf3171 1s linear infinite;
3077
+ border-radius: 100px;
3078
+ width: 1rem;
3079
+ height: 1rem;
3080
+ margin: auto;
3081
+ }
3082
+ .bgl_flatPill .loading[data-v-95cf3171] {
3083
+ border-bottom: 2px solid var(--bgl-text-color);
3084
+ }
3085
+ @keyframes spin-95cf3171 {
3086
+ 0% {
3087
+ transform: rotate(0deg);
3088
+ }
3089
+ 100% {
3090
+ transform: rotate(360deg);
3091
+ }
3092
+ }
3093
+ .bgl_pill[data-v-95cf3171] {
3094
+ padding-inline: 0.25rem;
3095
+ transition: var(--bgl-transition);
3096
+ background-color: var(--4d2f98bb);
3097
+ color: var(--1dbee7d6);
3098
+ display: inline-block;
3099
+ margin-inline-end: 0.25rem;
3100
+ border-radius: var(--pill-border-radius);
3101
+ height: var(--pill-height);
3102
+ vertical-align: middle;
3103
+ margin-bottom: 0.25rem;
3104
+ }
3105
+ .bgl_pill[disabled="true"][data-v-95cf3171] {
3106
+ opacity: 0.5;
3107
+ cursor: not-allowed;
3108
+ }
3109
+ .bgl_pill-flex[data-v-95cf3171] {
3110
+ display: flex;
3111
+ align-items: center;
3112
+ gap: 0.25rem;
3113
+ justify-content: center;
3114
+ height: 100%;
3115
+ }
3116
+ .bgl_pill.bgl_flatPill[data-v-95cf3171] {
3117
+ background: transparent;
3118
+ }
3119
+ .bgl_pill.round[data-v-95cf3171] {
3120
+ border-radius: 1000px;
3121
+ }
3122
+ .bgl_pill-border[data-v-95cf3171] {
3123
+ outline: 1px solid var(--4d2f98bb);
3124
+ color: var(--4d2f98bb);
3125
+ background: transparent;
3126
+ }
3127
+
3128
+ .table-list-wrap[data-v-e5cc6a73] {
3068
3129
  min-height: 150px;
3069
3130
  }
3070
- .selected[data-v-d8e9a217] {
3131
+ .selected[data-v-e5cc6a73] {
3071
3132
  background: var(--bgl-primary-tint);
3072
3133
  }
3073
- tbody tr.selected[data-v-d8e9a217]:hover {
3134
+ tbody tr.selected[data-v-e5cc6a73]:hover {
3074
3135
  background: var(--bgl-primary-light);
3075
3136
  }
3076
- .loading-table[data-v-d8e9a217] {
3137
+ .loading-table[data-v-e5cc6a73] {
3077
3138
  position: relative;
3078
3139
  }
3079
- .inset[data-v-d8e9a217] {
3140
+ .inset[data-v-e5cc6a73] {
3080
3141
  inset: 0;
3081
3142
  }
3082
- .loading-table-animation[data-v-d8e9a217] {
3143
+ .loading-table-animation[data-v-e5cc6a73] {
3083
3144
  --size: 60px;
3084
3145
  top: 30vh;
3085
3146
  inset-inline-start: calc(50% - var(--size));
@@ -3087,9 +3148,9 @@ tbody tr.selected[data-v-d8e9a217]:hover {
3087
3148
  border-top: 4px solid var(--bgl-primary);
3088
3149
  width: var(--size);
3089
3150
  height: var(--size);
3090
- animation: loading-table-d8e9a217 1s linear infinite;
3151
+ animation: loading-table-e5cc6a73 1s linear infinite;
3091
3152
  }
3092
- @keyframes loading-table-d8e9a217 {
3153
+ @keyframes loading-table-e5cc6a73 {
3093
3154
  0% {
3094
3155
  transform: translate(-50%, -50%) rotate(0deg);
3095
3156
  }
@@ -3097,52 +3158,52 @@ tbody tr.selected[data-v-d8e9a217]:hover {
3097
3158
  transform: translate(-50%, -50%) rotate(360deg);
3098
3159
  }
3099
3160
  }
3100
- .list-arrows[data-v-d8e9a217] {
3161
+ .list-arrows[data-v-e5cc6a73] {
3101
3162
  opacity: 0;
3102
3163
  }
3103
- .list-arrows .bgl_icon-font[data-v-d8e9a217] {
3164
+ .list-arrows .bgl_icon-font[data-v-e5cc6a73] {
3104
3165
  transition: all ease-in-out 0.2s;
3105
3166
  }
3106
- .list-arrows.sorted[data-v-d8e9a217] {
3167
+ .list-arrows.sorted[data-v-e5cc6a73] {
3107
3168
  opacity: 1;
3108
3169
  }
3109
- .col img[data-v-d8e9a217] {
3170
+ .col img[data-v-e5cc6a73] {
3110
3171
  height: 35px;
3111
3172
  margin-top: -14px;
3112
3173
  margin-bottom: -14px;
3113
3174
  border-radius: 5px;
3114
3175
  }
3115
- .list-arrows.sorted .desc[data-v-d8e9a217] {
3176
+ .list-arrows.sorted .desc[data-v-e5cc6a73] {
3116
3177
  transform: rotate(180deg);
3117
3178
  display: inline-block;
3118
3179
  }
3119
- table[data-v-d8e9a217] {
3180
+ table[data-v-e5cc6a73] {
3120
3181
  border-collapse: separate;
3121
3182
  border-spacing: 0 15px;
3122
3183
  border-collapse: collapse;
3123
3184
  width: 100%;
3124
3185
  }
3125
- th[data-v-d8e9a217] {
3186
+ th[data-v-e5cc6a73] {
3126
3187
  font-size: 0.8rem;
3127
3188
  color: var(--bgl-black-tint);
3128
3189
  position: sticky;
3129
3190
  top: 0;
3130
3191
  z-index: 2;
3131
3192
  background: var(--bgl-box-bg);
3132
- height: var(--2d5cc186);
3193
+ height: var(--74f52484);
3133
3194
  vertical-align: bottom;
3134
3195
  font-weight: 400;
3135
3196
  text-align: start;
3136
3197
  }
3137
- .embedded-field[data-v-d8e9a217] {
3198
+ .embedded-field[data-v-e5cc6a73] {
3138
3199
  margin-bottom: -0.2rem;
3139
3200
  margin-top: -0.2rem;
3140
3201
  }
3141
- .row[data-v-d8e9a217] {
3202
+ .row[data-v-e5cc6a73] {
3142
3203
  border-bottom: 1px solid var(--border-color);
3143
3204
  cursor: pointer;
3144
3205
  }
3145
- .row.first-row[data-v-d8e9a217] {
3206
+ .row.first-row[data-v-e5cc6a73] {
3146
3207
  font-size: 0.8rem;
3147
3208
  color: var(--bgl-black-tint);
3148
3209
  position: sticky;
@@ -3151,7 +3212,7 @@ th[data-v-d8e9a217] {
3151
3212
  background: var(--bgl-box-bg);
3152
3213
  vertical-align: bottom;
3153
3214
  }
3154
- .row.first-row[data-v-d8e9a217]::after {
3215
+ .row.first-row[data-v-e5cc6a73]::after {
3155
3216
  content: '';
3156
3217
  border-bottom: 1px solid var(--border-color);
3157
3218
  position: absolute;
@@ -3159,30 +3220,30 @@ th[data-v-d8e9a217] {
3159
3220
  right: 0;
3160
3221
  bottom: -1px;
3161
3222
  }
3162
- .first-row .col[data-v-d8e9a217] {
3223
+ .first-row .col[data-v-e5cc6a73] {
3163
3224
  cursor: pointer;
3164
3225
  background: var(--bgl-box-bg);
3165
3226
  }
3166
- .col[data-v-d8e9a217] {
3227
+ .col[data-v-e5cc6a73] {
3167
3228
  white-space: nowrap;
3168
3229
  padding: 0.75rem 1rem;
3169
3230
  transition: var(--bgl-transition);
3170
3231
  line-height: 1;
3171
3232
  align-items: center;
3172
3233
  }
3173
- .col[data-v-d8e9a217]:has(.bagel-input) {
3234
+ .col[data-v-e5cc6a73]:has(.bagel-input) {
3174
3235
  padding: 0rem 0.25rem;
3175
3236
  }
3176
- .col > div[data-v-d8e9a217] {
3237
+ .col > div[data-v-e5cc6a73] {
3177
3238
  display: flex;
3178
3239
  gap: 0.5rem;
3179
3240
  }
3180
- .max-col-width[data-v-d8e9a217] {
3241
+ .max-col-width[data-v-e5cc6a73] {
3181
3242
  max-width: 30vw;
3182
3243
  overflow: hidden;
3183
3244
  text-overflow: ellipsis;
3184
3245
  }
3185
- .col.check .bgl_icon-font[data-v-d8e9a217] {
3246
+ .col.check .bgl_icon-font[data-v-e5cc6a73] {
3186
3247
  border-radius: 100%;
3187
3248
  background: var(--bgl-blue-20);
3188
3249
  color: var(--bgl-primary);
@@ -3193,35 +3254,35 @@ th[data-v-d8e9a217] {
3193
3254
  justify-content: center;
3194
3255
  margin-top: -2px;
3195
3256
  }
3196
- .rows[data-v-d8e9a217] {
3257
+ .rows[data-v-e5cc6a73] {
3197
3258
  font-size: 0.88em;
3198
3259
  }
3199
- .table-list[data-v-d8e9a217] {
3260
+ .table-list[data-v-e5cc6a73] {
3200
3261
  height: 100%;
3201
3262
  position: relative;
3202
3263
  padding-left: 0 !important;
3203
3264
  padding-right: 0 !important;
3204
3265
  overflow: auto;
3205
3266
  }
3206
- .BagelTable .table-list[data-v-d8e9a217] {
3267
+ .BagelTable .table-list[data-v-e5cc6a73] {
3207
3268
  overflow: unset;
3208
3269
  }
3209
- .row-item[data-v-d8e9a217] {
3210
- height: var(--2d5cc186);
3270
+ .row-item[data-v-e5cc6a73] {
3271
+ height: var(--74f52484);
3211
3272
  transition: all 200ms ease;
3212
3273
  }
3213
- .row-item[data-v-d8e9a217]:hover {
3274
+ .row-item[data-v-e5cc6a73]:hover {
3214
3275
  background: var(--bgl-gray-light);
3215
3276
  }
3216
- .row-item input[type='checkbox'][data-v-d8e9a217] {
3277
+ .row-item input[type='checkbox'][data-v-e5cc6a73] {
3217
3278
  margin-top: 0.45rem !important;
3218
3279
  accent-color: var(--bgl-accent-color);
3219
3280
  }
3220
- .infinite-wrapper[data-v-d8e9a217] {
3281
+ .infinite-wrapper[data-v-e5cc6a73] {
3221
3282
  overflow-y: auto;
3222
3283
  width: 100%;
3223
3284
  }
3224
- input[type='checkbox'][data-v-d8e9a217] {
3285
+ input[type='checkbox'][data-v-e5cc6a73] {
3225
3286
  margin-top: 0.3rem !important;
3226
3287
  accent-color: var(--bgl-accent-color);
3227
3288
  transform: scale(1.2);
@@ -3233,7 +3294,7 @@ input[type='checkbox'][data-v-d8e9a217] {
3233
3294
  height: 0.85rem;
3234
3295
  width: 0.85rem;
3235
3296
  }
3236
- input[type='checkbox'][data-v-d8e9a217]::before {
3297
+ input[type='checkbox'][data-v-e5cc6a73]::before {
3237
3298
  content: '';
3238
3299
  height: 0.85rem;
3239
3300
  width: 0.85rem;
@@ -3246,18 +3307,18 @@ input[type='checkbox'][data-v-d8e9a217]::before {
3246
3307
  transform: scale(1);
3247
3308
  position: absolute;
3248
3309
  }
3249
- input[type='checkbox'][data-v-d8e9a217]:hover::before {
3310
+ input[type='checkbox'][data-v-e5cc6a73]:hover::before {
3250
3311
  opacity: 0.2;
3251
3312
  transform: scale(2);
3252
3313
  }
3253
- [lang='he'] [dir='ltr'][data-v-d8e9a217] {
3314
+ [lang='he'] [dir='ltr'][data-v-e5cc6a73] {
3254
3315
  text-align: right;
3255
3316
  }
3256
- th input[type='checkbox'][data-v-d8e9a217] {
3317
+ th input[type='checkbox'][data-v-e5cc6a73] {
3257
3318
  transform: translateY(0.2rem) scale(1.2);
3258
3319
  accent-color: var(--bgl-accent-color);
3259
3320
  }
3260
- th[data-v-d8e9a217]::after {
3321
+ th[data-v-e5cc6a73]::after {
3261
3322
  content: '';
3262
3323
  border-bottom: 1px solid var(--border-color);
3263
3324
  position: absolute;
@@ -3265,24 +3326,24 @@ th[data-v-d8e9a217]::after {
3265
3326
  right: 0;
3266
3327
  bottom: -1px;
3267
3328
  }
3268
- tr[data-v-d8e9a217] {
3329
+ tr[data-v-e5cc6a73] {
3269
3330
  border-bottom: 1px solid var(--border-color);
3270
3331
  cursor: pointer;
3271
3332
  align-items: center;
3272
3333
  }
3273
- td[data-v-d8e9a217],
3274
- th[data-v-d8e9a217] {
3334
+ td[data-v-e5cc6a73],
3335
+ th[data-v-e5cc6a73] {
3275
3336
  white-space: nowrap;
3276
3337
  padding: 0.75rem 0.65rem;
3277
3338
  transition: var(--bgl-transition);
3278
3339
  line-height: 1;
3279
3340
  }
3280
- tbody tr[data-v-d8e9a217] {
3341
+ tbody tr[data-v-e5cc6a73] {
3281
3342
  font-size: 0.88em;
3282
- height: var(--2d5cc186);
3343
+ height: var(--74f52484);
3283
3344
  transition: all 200ms ease;
3284
3345
  }
3285
- tbody tr[data-v-d8e9a217]:hover {
3346
+ tbody tr[data-v-e5cc6a73]:hover {
3286
3347
  background: var(--bgl-gray-light);
3287
3348
  }
3288
3349
 
@@ -3374,6 +3435,9 @@ to {
3374
3435
  .radius-1 {
3375
3436
  border-radius: var(--btn-border-radius) !important;
3376
3437
  }
3438
+ .rounded-thin {
3439
+ border-radius: calc(var(--btn-border-radius) / 1.5) !important;
3440
+ }
3377
3441
  .radius-05 {
3378
3442
  border-radius: calc(var(--btn-border-radius) / 2) !important;
3379
3443
  }
@@ -4776,6 +4840,9 @@ to {
4776
4840
  .vh-30 {
4777
4841
  height: 30vh;
4778
4842
  }
4843
+ .h-28px {
4844
+ height: 28px;
4845
+ }
4779
4846
  .h-30px {
4780
4847
  height: 30px;
4781
4848
  }
@@ -5185,6 +5252,10 @@ to {
5185
5252
  border-radius: var(--btn-border-radius) !important;
5186
5253
  }
5187
5254
 
5255
+ .m_rounded-thin {
5256
+ border-radius: calc(var(--btn-border-radius) / 1.5) !important;
5257
+ }
5258
+
5188
5259
  .m_radius-05 {
5189
5260
  border-radius: calc(var(--btn-border-radius) / 2) !important;
5190
5261
  }
@@ -6607,6 +6678,10 @@ to {
6607
6678
  height: 30vh;
6608
6679
  }
6609
6680
 
6681
+ .m_h-28px {
6682
+ height: 28px;
6683
+ }
6684
+
6610
6685
  .m_h-30px {
6611
6686
  height: 30px;
6612
6687
  }
@@ -9554,6 +9629,8 @@ select {
9554
9629
  --bgl-selection-bg: var(--bgl-blue-dark);
9555
9630
  --bgl-selection-color: var(--bgl-white);
9556
9631
  --bgl-scrollbar-thumb: var(--bgl-gray);
9632
+ --pill-btn-color: var(--bgl-white);
9633
+ --pill-btn-bg: var(--placeholder-color)
9557
9634
  }
9558
9635
  /* TYPE */
9559
9636
  :root {
@@ -9570,6 +9647,8 @@ select {
9570
9647
  --btn-border-radius: 10px;
9571
9648
  --btn-padding: 30px;
9572
9649
  --btn-height: 40px;
9650
+ --pill-border-radius: 8px;
9651
+ --pill-height: 30px;
9573
9652
  }
9574
9653
  /* MISC */
9575
9654
  :root {
package/dist/utils/index.d.ts.map CHANGED
@@ -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;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,CAapH;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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.769",
4
+ "version": "0.0.773",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
@@ -54,7 +54,7 @@
54
54
  "@types/leaflet": "^1.9.12",
55
55
  "@types/signature_pad": "^2.3.6",
56
56
  "@vue-macros/reactivity-transform": "^1.1.1",
57
- "vue": "^3.5.6"
57
+ "vue": "^3.5.8"
58
58
  },
59
59
  "peerDependencies": {
60
60
  "@bagelink/sdk": "*",
@@ -105,20 +105,20 @@
105
105
  "access": "public"
106
106
  },
107
107
  "dependencies": {
108
- "@tiptap/extension-image": "^2.7.1",
109
- "@tiptap/extension-table": "^2.7.1",
110
- "@tiptap/extension-table-cell": "^2.7.1",
111
- "@tiptap/extension-table-header": "^2.7.1",
112
- "@tiptap/extension-table-row": "^2.7.1",
113
- "@tiptap/extension-youtube": "^2.7.1",
114
- "@tiptap/pm": "^2.7.1",
115
- "@tiptap/starter-kit": "^2.7.1",
116
- "@tiptap/vue-3": "^2.7.1",
108
+ "@tiptap/extension-image": "^2.7.2",
109
+ "@tiptap/extension-table": "^2.7.2",
110
+ "@tiptap/extension-table-cell": "^2.7.2",
111
+ "@tiptap/extension-table-header": "^2.7.2",
112
+ "@tiptap/extension-table-row": "^2.7.2",
113
+ "@tiptap/extension-youtube": "^2.7.2",
114
+ "@tiptap/pm": "^2.7.2",
115
+ "@tiptap/starter-kit": "^2.7.2",
116
+ "@tiptap/vue-3": "^2.7.2",
117
117
  "@vuepic/vue-datepicker": "^8.8.1",
118
118
  "@vueuse/core": "^11.1.0",
119
119
  "axios": "^1.7.7",
120
120
  "floating-vue": "^5.2.2",
121
- "libphonenumber-js": "1.11.8",
121
+ "libphonenumber-js": "1.11.9",
122
122
  "signature_pad": "^5.0.3",
123
123
  "type-fest": "^4.26.1"
124
124
  },
package/src/components/Btn.vue CHANGED
@@ -171,7 +171,7 @@ a {
171
171
  height: 100%;
172
172
  }
173
173
 
174
- .bgl_btn .bgl_.bgl_icon-font {
174
+ .bgl_btn .bgl_btn-icon{
175
175
  font-size: calc(var(--input-font-size) * 1.3);
176
176
  }
177
177
 
@@ -258,7 +258,7 @@ a {
258
258
  height: 100%;
259
259
  }
260
260
 
261
- [dir="rtl"] .bgl_.bgl_icon-font {
261
+ [dir="rtl"] .bgl_btn-icon{
262
262
  transform: rotateY(180deg);
263
263
  }
264
264