@bagelink/vue 1.2.121 → 1.2.126

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 (29) hide show
  1. package/dist/components/AddressSearch.vue.d.ts.map +1 -1
  2. package/dist/components/Dropdown.vue.d.ts.map +1 -1
  3. package/dist/components/calendar/views/CalendarPopover.vue.d.ts +2 -2
  4. package/dist/components/calendar/views/CalendarPopover.vue.d.ts.map +1 -1
  5. package/dist/components/form/inputs/DatePicker.vue.d.ts +2 -0
  6. package/dist/components/form/inputs/DatePicker.vue.d.ts.map +1 -1
  7. package/dist/components/form/inputs/RichText/composables/useEditor.d.ts +14 -1
  8. package/dist/components/form/inputs/RichText/composables/useEditor.d.ts.map +1 -1
  9. package/dist/components/form/inputs/RichText/index.vue.d.ts.map +1 -1
  10. package/dist/components/form/inputs/RichText/richTextTypes.d.ts +48 -0
  11. package/dist/components/form/inputs/RichText/richTextTypes.d.ts.map +1 -0
  12. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  13. package/dist/components/form/inputs/Upload/upload.types.d.ts +39 -0
  14. package/dist/components/form/inputs/Upload/upload.types.d.ts.map +1 -0
  15. package/dist/index.cjs +63 -28
  16. package/dist/index.mjs +63 -28
  17. package/dist/style.css +140 -129
  18. package/dist/types/BagelForm.d.ts.map +1 -1
  19. package/dist/types/timeago.d.ts +23 -0
  20. package/dist/types/timeago.d.ts.map +1 -0
  21. package/package.json +1 -1
  22. package/src/components/form/inputs/DatePicker.vue +54 -3
  23. package/src/components/form/inputs/RichText/index.vue +1 -0
  24. package/src/components/form/inputs/RichText/{richTextTypes.d.ts → richTextTypes.ts} +2 -2
  25. package/src/components/form/inputs/RichText/utils/commands.ts +3 -3
  26. package/src/types/BagelForm.ts +0 -7
  27. package/dist/components/Carousel2.vue.d.ts +0 -89
  28. package/dist/components/Carousel2.vue.d.ts.map +0 -1
  29. /package/src/components/form/inputs/Upload/{upload.types.d.ts → upload.types.ts} +0 -0
package/dist/style.css CHANGED
@@ -1,18 +1,4 @@
1
1
  @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
2
- .expand-enter-active,
3
- .expand-leave-active {
4
- transition: all 0.2s;
5
- transition-delay: 0ms;
6
- }
7
- .expand-enter-from,
8
- .expand-leave-to {
9
- max-height: 0;
10
- }
11
- .expand-enter-to,
12
- .expand-leave-from {
13
- max-height: 300px;
14
- }
15
-
16
2
  .accordion-item[data-v-3334f637] {
17
3
  border-bottom: 1px solid var(--border-color);
18
4
  transition: all 0.2s;
@@ -55,6 +41,20 @@
55
41
  text-decoration: underline;
56
42
  }
57
43
 
44
+ .expand-enter-active,
45
+ .expand-leave-active {
46
+ transition: all 0.2s;
47
+ transition-delay: 0ms;
48
+ }
49
+ .expand-enter-from,
50
+ .expand-leave-to {
51
+ max-height: 0;
52
+ }
53
+ .expand-enter-to,
54
+ .expand-leave-from {
55
+ max-height: 300px;
56
+ }
57
+
58
58
  .bgl_btn[data-v-99c4aa53] {
59
59
  --btn-bg: var(--bgl-primary);
60
60
  --btn-color: var(--bgl-light-text);
@@ -262,6 +262,10 @@ display: block;
262
262
  object-fit: cover;
263
263
  }
264
264
 
265
+ .inline[data-v-689f051f] {
266
+ display: inline;
267
+ }
268
+
265
269
  .pill {
266
270
  border-radius: 10px;
267
271
  padding: 4px 8px;
@@ -304,10 +308,6 @@ display: block;
304
308
  color: var(--bgl-red);
305
309
  }
306
310
 
307
- .inline[data-v-689f051f] {
308
- display: inline;
309
- }
310
-
311
311
  .bgl_vid iframe[data-v-006552f6],
312
312
  .bgl_vid video[data-v-006552f6] {
313
313
  width: 100%;
@@ -1406,12 +1406,6 @@ fieldset[data-v-f7e758e5] {
1406
1406
  color: var(--label-color) !important;
1407
1407
  }
1408
1408
 
1409
- /* Global styles */
1410
- pre code.hljs {
1411
- padding: 0 !important;
1412
- background: transparent !important;
1413
- }
1414
-
1415
1409
  .code-editor-container[data-v-de01e351] {
1416
1410
  margin-bottom: 0.5rem;
1417
1411
  height: 100%;
@@ -1480,6 +1474,12 @@ pre code.hljs {
1480
1474
  color: transparent;
1481
1475
  }
1482
1476
 
1477
+ /* Global styles */
1478
+ pre code.hljs {
1479
+ padding: 0 !important;
1480
+ background: transparent !important;
1481
+ }
1482
+
1483
1483
  .colorInputPick{
1484
1484
  --input-font-size: 12px;
1485
1485
  height: calc(var(--input-height) - 9px) !important;
@@ -1494,78 +1494,89 @@ pre code.hljs {
1494
1494
  outline-color: var(--input-bg);
1495
1495
  }
1496
1496
 
1497
- .calendar-container[data-v-8b7bd9b8] {
1497
+ .calendar-container[data-v-16646325] {
1498
1498
  max-width: 90vw;
1499
1499
  }
1500
- .calendar-section[data-v-8b7bd9b8] {
1500
+ .calendar-section[data-v-16646325] {
1501
1501
  min-width: 280px;
1502
1502
  }
1503
- .calendar-grid[data-v-8b7bd9b8] {
1503
+ .calendar-grid[data-v-16646325] {
1504
1504
  grid-template-columns: repeat(7, 1fr);
1505
1505
  }
1506
- .month-grid[data-v-8b7bd9b8] {
1506
+ .month-grid[data-v-16646325] {
1507
1507
  grid-template-columns: repeat(3, 1fr);
1508
1508
  grid-template-rows: repeat(4, 1fr);
1509
1509
  }
1510
- .year-grid[data-v-8b7bd9b8] {
1510
+ .year-grid[data-v-16646325] {
1511
1511
  grid-template-columns: repeat(3, 1fr);
1512
1512
  grid-template-rows: repeat(6, 1fr);
1513
1513
  }
1514
- .month-item[data-v-8b7bd9b8],
1515
- .year-item[data-v-8b7bd9b8] {
1514
+ .month-item[data-v-16646325],
1515
+ .year-item[data-v-16646325] {
1516
1516
  background: none;
1517
1517
  color: var(--bgl-text-color);
1518
1518
  }
1519
- .month-item[data-v-8b7bd9b8]:hover:not(.disabled),
1520
- .year-item[data-v-8b7bd9b8]:hover:not(.disabled) {
1519
+ .month-item[data-v-16646325]:hover:not(.disabled),
1520
+ .year-item[data-v-16646325]:hover:not(.disabled) {
1521
1521
  background: var(--bgl-box-bg);
1522
1522
  filter: var(--bgl-hover-filter);
1523
1523
  }
1524
- .month-item[data-v-8b7bd9b8]:active:not(.disabled),
1525
- .year-item[data-v-8b7bd9b8]:active:not(.disabled) {
1524
+ .month-item[data-v-16646325]:active:not(.disabled),
1525
+ .year-item[data-v-16646325]:active:not(.disabled) {
1526
1526
  background: var(--bgl-box-bg);
1527
1527
  filter: var(--bgl-active-filter);
1528
1528
  }
1529
- .month-item.selected[data-v-8b7bd9b8],
1530
- .year-item.selected[data-v-8b7bd9b8] {
1529
+ .month-item.selected[data-v-16646325],
1530
+ .year-item.selected[data-v-16646325] {
1531
1531
  background-color: var(--bgl-primary);
1532
1532
  color: white;
1533
1533
  }
1534
- .month-item.disabled[data-v-8b7bd9b8],
1535
- .year-item.disabled[data-v-8b7bd9b8] {
1534
+ .month-item.disabled[data-v-16646325],
1535
+ .year-item.disabled[data-v-16646325] {
1536
1536
  opacity: 0.6;
1537
1537
  filter: grayscale(0.3);
1538
1538
  }
1539
- .day[data-v-8b7bd9b8] {
1539
+ .day[data-v-16646325] {
1540
1540
  border: none;
1541
1541
  background: none;
1542
1542
  color: var(--bgl-text-color);
1543
1543
  }
1544
- .day[data-v-8b7bd9b8]:hover:not(.disabled) {
1544
+ .day[data-v-16646325]:hover:not(.disabled) {
1545
1545
  background-color: var(--input-bg);
1546
1546
  color: var(--bgl-text-color);
1547
1547
  outline: 1px solid var(--border-color);
1548
1548
  }
1549
- .day:hover:not(.disabled).selected[data-v-8b7bd9b8] {
1549
+ .day:hover:not(.disabled).selected[data-v-16646325] {
1550
1550
  filter: var(--bgl-hover-filter);
1551
1551
  background-color: var(--bgl-primary);
1552
1552
  color: var(--bgl-white);
1553
1553
  }
1554
- .day.selected[data-v-8b7bd9b8] {
1554
+ .day.selected[data-v-16646325] {
1555
1555
  background-color: var(--bgl-primary);
1556
1556
  color: var(--bgl-white);
1557
1557
  }
1558
- .day.today[data-v-8b7bd9b8]:not(.selected) {
1558
+ .day.today[data-v-16646325]:not(.selected) {
1559
1559
  border: 1px solid var(--bgl-primary);
1560
1560
  }
1561
- .day.disabled[data-v-8b7bd9b8] {
1561
+ .day.disabled[data-v-16646325] {
1562
1562
  opacity: 0.6;
1563
1563
  filter: grayscale(0.3);
1564
1564
  cursor: not-allowed;
1565
1565
  }
1566
- .day.not-in-month[data-v-8b7bd9b8] {
1566
+ .day.not-in-month[data-v-16646325] {
1567
1567
  opacity: 0.4;
1568
1568
  }
1569
+ .day.highlighted[data-v-16646325]:not(.selected) {
1570
+ background-color: var(--bgl-secondary-light, rgba(var(--bgl-primary-rgb, 0, 123, 255), 0.15));
1571
+ font-weight: 500;
1572
+ }
1573
+ .day.highlighted.selected[data-v-16646325] {
1574
+ /* Add a subtle ring effect for dates that are both selected and highlighted */
1575
+ box-shadow: 0 0 0 2px var(--bgl-secondary, rgba(var(--bgl-primary-rgb, 0, 123, 255), 0.5));
1576
+ }
1577
+ .day.highlighted[data-v-16646325]:not(.selected):hover {
1578
+ background-color: var(--bgl-secondary-light-hover, rgba(var(--bgl-primary-rgb, 0, 123, 255), 0.25));
1579
+ }
1569
1580
 
1570
1581
  .date-picker-container {
1571
1582
  width: 100%;
@@ -2081,26 +2092,26 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2081
2092
  line-height: 1.65;
2082
2093
  }
2083
2094
 
2084
- .rich-text-editor[data-v-d643f2ae] {
2095
+ .rich-text-editor[data-v-175a13f1] {
2085
2096
  background: var(--input-bg);
2086
2097
  border: 1px solid var(--border-color);
2087
2098
  transition: all 0.3s ease;
2088
2099
  }
2089
- .editor-container[data-v-d643f2ae] {
2100
+ .editor-container[data-v-175a13f1] {
2090
2101
  display: flex;
2091
2102
  gap: 0.5rem;
2092
2103
  }
2093
- .content-area[data-v-d643f2ae],
2094
- .preview-area[data-v-d643f2ae] {
2104
+ .content-area[data-v-175a13f1],
2105
+ .preview-area[data-v-175a13f1] {
2095
2106
  flex: 1;
2096
2107
  min-height: 200px;
2097
2108
  background: var(--bgl-richtext-color);
2098
2109
  }
2099
- .split-view[data-v-d643f2ae] {
2110
+ .split-view[data-v-175a13f1] {
2100
2111
  display: grid;
2101
2112
  grid-template-columns: 1fr 1fr;
2102
2113
  }
2103
- .editableContent[data-v-d643f2ae] {
2114
+ .editableContent[data-v-175a13f1] {
2104
2115
  width: 100%;
2105
2116
  min-height: 240px;
2106
2117
  height: 100%;
@@ -2108,7 +2119,7 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2108
2119
  outline: none;
2109
2120
  background: transparent;
2110
2121
  }
2111
- .html-editor[data-v-d643f2ae] {
2122
+ .html-editor[data-v-175a13f1] {
2112
2123
  width: 100%;
2113
2124
  height: 100%;
2114
2125
  min-height: 200px;
@@ -2119,12 +2130,12 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2119
2130
  color: white;
2120
2131
  background-color: var(--bgl-black);
2121
2132
  }
2122
- .preview-area[data-v-d643f2ae] {
2133
+ .preview-area[data-v-175a13f1] {
2123
2134
  font-family: monospace;
2124
2135
  white-space: pre-wrap;
2125
2136
  overflow-x: auto;
2126
2137
  }
2127
- .fullscreen-mode[data-v-d643f2ae] {
2138
+ .fullscreen-mode[data-v-175a13f1] {
2128
2139
  position: fixed;
2129
2140
  top: 0;
2130
2141
  left: 0;
@@ -2133,21 +2144,57 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2133
2144
  z-index: 9999;
2134
2145
  padding: 2rem;
2135
2146
  }
2136
- .fullscreen-mode .editor-container[data-v-d643f2ae] {
2147
+ .fullscreen-mode .editor-container[data-v-175a13f1] {
2137
2148
  height: calc(100vh - 4rem);
2138
2149
  }
2139
- .fullscreen-mode .content-area[data-v-d643f2ae],
2140
- .fullscreen-mode .preview-area[data-v-d643f2ae] {
2150
+ .fullscreen-mode .content-area[data-v-175a13f1],
2151
+ .fullscreen-mode .preview-area[data-v-175a13f1] {
2141
2152
  height: 100%;
2142
2153
  overflow-y: auto;
2143
2154
  }
2144
- .debug-controls[data-v-d643f2ae] {
2155
+ .debug-controls[data-v-175a13f1] {
2145
2156
  display: flex;
2146
2157
  gap: 0.5rem;
2147
2158
  justify-content: flex-end;
2148
2159
  }
2149
2160
  .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
2150
2161
 
2162
+ .selectinput[data-v-c16650b4] {
2163
+ width: 100%;
2164
+ }
2165
+ .selectinput-option[data-v-c16650b4] {
2166
+ padding: 6px 12px;
2167
+ cursor: pointer;
2168
+ border-radius: 5px;
2169
+ transition: all 0.2s;
2170
+ display: grid;
2171
+ grid-template-columns:1fr;
2172
+ justify-content: space-between;
2173
+ width: 100%;
2174
+ font-size: var(--input-font-size);
2175
+ margin-block: 0.15rem;
2176
+ }
2177
+ .selectinput-option .bgl_icon-font[data-v-c16650b4]{
2178
+ line-height: normal;
2179
+ }
2180
+ .selectinput-options.multiselect .selectinput-option[data-v-c16650b4] {
2181
+ grid-template-columns: 10px 1fr;
2182
+ }
2183
+ .selectinput-options[data-v-c16650b4] {
2184
+ max-height: 300px;
2185
+ overflow-y: auto;
2186
+ }
2187
+ .selectinput-option[data-v-c16650b4]:hover, .highlight[data-v-c16650b4] {
2188
+ background: var(--bgl-gray-20);
2189
+ }
2190
+ .isEmpty p[data-v-c16650b4] {
2191
+ opacity: 0.3;
2192
+ }
2193
+ .selected[data-v-c16650b4]{
2194
+ /* background: var(--bgl-primary-tint); */
2195
+ background: var(--bgl-selected);
2196
+ }
2197
+
2151
2198
  .bagel-input label {
2152
2199
  font-size: var(--label-font-size);
2153
2200
  }
@@ -2188,42 +2235,6 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2188
2235
  /* color: var(--input-color); */
2189
2236
  }
2190
2237
 
2191
- .selectinput[data-v-c16650b4] {
2192
- width: 100%;
2193
- }
2194
- .selectinput-option[data-v-c16650b4] {
2195
- padding: 6px 12px;
2196
- cursor: pointer;
2197
- border-radius: 5px;
2198
- transition: all 0.2s;
2199
- display: grid;
2200
- grid-template-columns:1fr;
2201
- justify-content: space-between;
2202
- width: 100%;
2203
- font-size: var(--input-font-size);
2204
- margin-block: 0.15rem;
2205
- }
2206
- .selectinput-option .bgl_icon-font[data-v-c16650b4]{
2207
- line-height: normal;
2208
- }
2209
- .selectinput-options.multiselect .selectinput-option[data-v-c16650b4] {
2210
- grid-template-columns: 10px 1fr;
2211
- }
2212
- .selectinput-options[data-v-c16650b4] {
2213
- max-height: 300px;
2214
- overflow-y: auto;
2215
- }
2216
- .selectinput-option[data-v-c16650b4]:hover, .highlight[data-v-c16650b4] {
2217
- background: var(--bgl-gray-20);
2218
- }
2219
- .isEmpty p[data-v-c16650b4] {
2220
- opacity: 0.3;
2221
- }
2222
- .selected[data-v-c16650b4]{
2223
- /* background: var(--bgl-primary-tint); */
2224
- background: var(--bgl-selected);
2225
- }
2226
-
2227
2238
  .bgl_input .canvas {
2228
2239
  width: 100%;
2229
2240
  height: 100%;
@@ -2239,40 +2250,6 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2239
2250
  border-radius: var(--input-border-radius);
2240
2251
  }
2241
2252
 
2242
- .table-row .bagel-input input,
2243
- .table-row .bagel-input textarea,
2244
- .table-row .bagel-input .input {
2245
- border-radius: 0;
2246
- background: transparent;
2247
- color: var(--bgl-text-color);
2248
- }
2249
- .table-row .bagel-input textarea {
2250
- resize: none;
2251
- min-height: 40px;
2252
- overflow: auto;
2253
- margin: 0px;
2254
- padding: 0.64rem 0.7rem 0;
2255
- }
2256
- .table-row .bagel-input {
2257
- margin: 0;
2258
- }
2259
- .table-row .bagel-input input:focus-visible,
2260
- .table-row .bagel-input textarea:focus-visible,
2261
- .table-row .bagel-input .input:focus-visible {
2262
- background: var(--border-color);
2263
- }
2264
- .ghost {
2265
- opacity: 0;
2266
- background: #c8ebfb;
2267
- }
2268
- .sortable-chosen {
2269
- cursor: grabbing !important;
2270
- border-color: transparent;
2271
- background: var(--bgl-box-bg);
2272
- border-radius: 10px;
2273
- box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
2274
- }
2275
-
2276
2253
  .table-side-scroll[data-v-e9632f79] {
2277
2254
  overflow: auto;
2278
2255
  margin-inline-start: -1rem;
@@ -2379,6 +2356,40 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2379
2356
  opacity: 1;
2380
2357
  }
2381
2358
 
2359
+ .table-row .bagel-input input,
2360
+ .table-row .bagel-input textarea,
2361
+ .table-row .bagel-input .input {
2362
+ border-radius: 0;
2363
+ background: transparent;
2364
+ color: var(--bgl-text-color);
2365
+ }
2366
+ .table-row .bagel-input textarea {
2367
+ resize: none;
2368
+ min-height: 40px;
2369
+ overflow: auto;
2370
+ margin: 0px;
2371
+ padding: 0.64rem 0.7rem 0;
2372
+ }
2373
+ .table-row .bagel-input {
2374
+ margin: 0;
2375
+ }
2376
+ .table-row .bagel-input input:focus-visible,
2377
+ .table-row .bagel-input textarea:focus-visible,
2378
+ .table-row .bagel-input .input:focus-visible {
2379
+ background: var(--border-color);
2380
+ }
2381
+ .ghost {
2382
+ opacity: 0;
2383
+ background: #c8ebfb;
2384
+ }
2385
+ .sortable-chosen {
2386
+ cursor: grabbing !important;
2387
+ border-color: transparent;
2388
+ background: var(--bgl-box-bg);
2389
+ border-radius: 10px;
2390
+ box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
2391
+ }
2392
+
2382
2393
  .tel-input[data-v-24f599bf] {
2383
2394
  direction: ltr;
2384
2395
  text-align: left;
@@ -1 +1 @@
1
- {"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,23 @@
1
+ export interface TimeUnit {
2
+ singular: string;
3
+ plural: string;
4
+ }
5
+ export type TranslationValue = string | TimeUnit;
6
+ export interface LanguageTranslations {
7
+ [key: string]: TranslationValue;
8
+ }
9
+ export type AvailableTimeLanguages = 'en' | 'es' | 'fr' | 'he';
10
+ export type DayFormatTypes = 'DD' | 'DDD' | 'DDDD';
11
+ export type MonthFormatTypes = 'MM' | 'MMM' | 'MMMM';
12
+ export type YearFormatTypes = 'YY' | 'YYYY';
13
+ export type HourFormatTypes = 'HH';
14
+ export type MinuteFormatTypes = 'mm';
15
+ export type SecondFormatTypes = 'ss';
16
+ export type MillisecondFormatTypes = 'sss';
17
+ export type AmPmFormatTypes = 'AmPm';
18
+ export type DateFormatSeparatorTypes = '/' | '-' | ' ' | ':' | '.';
19
+ export type CommonDateFormats = `${DayFormatTypes}${DateFormatSeparatorTypes}${MonthFormatTypes}${DateFormatSeparatorTypes}${YearFormatTypes}` | 'DD.MM.YY' | 'DD.MM.YYYY' | 'DD/MM/YY' | 'DD/MM/YYYY' | 'MM.DD.YY' | 'MM.DD.YYYY' | 'MM/DD/YY' | 'MM/DD/YYYY' | 'YYYY-MM-DD' | 'YY-MM-DD' | 'DD MMM YYYY' | 'DD MMMM YYYY' | 'DDD, DD MMM' | 'DDDD, DD MMMM' | 'MMM DD' | 'MMMM DD';
20
+ export type CommonTimeFormats = 'HH:mm' | 'HH:mm:ss' | 'HH:mm:ss:sss' | 'HH:MM' | 'HH:mm AmPm';
21
+ export type CommonDateTimeFormats = `${CommonDateFormats} ${CommonTimeFormats}` | `${CommonTimeFormats}, ${CommonDateFormats}` | 'YYYY-MM-DD HH:MM';
22
+ export type DateTimeAcceptedFormats = CommonDateFormats | CommonTimeFormats | CommonDateTimeFormats;
23
+ //# sourceMappingURL=timeago.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"timeago.d.ts","sourceRoot":"","sources":["../../src/types/timeago.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEhD,MAAM,WAAW,oBAAoB;IACpC,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAA;CAC/B;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE9D,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAA;AAClD,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAA;AACpD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,MAAM,CAAA;AAC3C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAA;AAClC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAA;AACpC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAA;AACpC,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAA;AAC1C,MAAM,MAAM,eAAe,GAAG,MAAM,CAAA;AAEpC,MAAM,MAAM,wBAAwB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAGlE,MAAM,MAAM,iBAAiB,GAC1B,GAAG,cAAc,GAAG,wBAAwB,GAAG,gBAAgB,GAAG,wBAAwB,GAAG,eAAe,EAAE,GAC9G,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GACrD,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GACrD,YAAY,GAAG,UAAU,GACzB,aAAa,GAAG,cAAc,GAC9B,aAAa,GAAG,eAAe,GAC/B,QAAQ,GAAG,SAAS,CAAA;AAEvB,MAAM,MAAM,iBAAiB,GAC1B,OAAO,GAAG,UAAU,GAAG,cAAc,GACrC,OAAO,GACP,YAAY,CAAA;AAGf,MAAM,MAAM,qBAAqB,GAC9B,GAAG,iBAAiB,IAAI,iBAAiB,EAAE,GAC3C,GAAG,iBAAiB,KAAK,iBAAiB,EAAE,GAC5C,kBAAkB,CAAA;AAGrB,MAAM,MAAM,uBAAuB,GAChC,iBAAiB,GACjB,iBAAiB,GACjB,qBAAqB,CAAA"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "1.2.121",
4
+ "version": "1.2.126",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
@@ -1,7 +1,8 @@
1
1
  <script setup lang="ts">
2
+ import type { MaybeRefOrGetter } from 'vue'
2
3
  import type { ModeType } from '../../../utils/calendar/typings'
3
4
  import { Btn, NumberInput } from '@bagelink/vue'
4
- import { computed, ref } from 'vue'
5
+ import { computed, ref, toValue } from 'vue'
5
6
  import Time, { WEEK_START_DAY } from '../../../utils/calendar/time'
6
7
 
7
8
  const props = withDefaults(
@@ -13,6 +14,7 @@ const props = withDefaults(
13
14
  firstDayOfWeek?: WEEK_START_DAY
14
15
  locale?: string
15
16
  enableTime?: boolean
17
+ highlightedDates?: MaybeRefOrGetter<(string | Date)[]>
16
18
  }>(),
17
19
  {
18
20
  mode: () => ({ mode: 'day' }),
@@ -24,6 +26,8 @@ const props = withDefaults(
24
26
 
25
27
  const emit = defineEmits(['update:modelValue'])
26
28
 
29
+ const computedHighlightedDates = $computed(() => toValue(props.highlightedDates))
30
+
27
31
  // State
28
32
  const currentMonth = ref(new Date())
29
33
  const currentView = ref('days')
@@ -155,6 +159,27 @@ function useCalendarView() {
155
159
  return time.isTrailingOrLeadingDate(date, currentMonth.value.getMonth())
156
160
  }
157
161
 
162
+ /**
163
+ * Determines if a date should be highlighted based on the highlightedDates prop
164
+ * @param date The date to check
165
+ * @returns True if the date should be highlighted
166
+ */
167
+ const isHighlighted = computed(() => (date?: Date): boolean => {
168
+ if (!date || !Array.isArray(computedHighlightedDates) || !computedHighlightedDates.length) {
169
+ return false
170
+ }
171
+
172
+ return computedHighlightedDates.some((highlightedDate) => {
173
+ const parsedDate = parseDate(highlightedDate)
174
+ if (!parsedDate) return false
175
+
176
+ // Compare year, month, and day
177
+ return date.getFullYear() === parsedDate.getFullYear()
178
+ && date.getMonth() === parsedDate.getMonth()
179
+ && date.getDate() === parsedDate.getDate()
180
+ })
181
+ })
182
+
158
183
  return {
159
184
  currentMonthDays,
160
185
  currentMonthValue,
@@ -163,7 +188,8 @@ function useCalendarView() {
163
188
  weekDays,
164
189
  isSelected,
165
190
  isToday,
166
- isNotInMonth
191
+ isNotInMonth,
192
+ isHighlighted
167
193
  }
168
194
  }
169
195
 
@@ -247,7 +273,17 @@ function emitDateValue(date: Date) {
247
273
  }
248
274
 
249
275
  // Initialize remaining composables
250
- const { currentMonthDays, currentMonthValue, months, years, weekDays, isSelected, isToday, isNotInMonth } = useCalendarView()
276
+ const {
277
+ currentMonthDays,
278
+ currentMonthValue,
279
+ months,
280
+ years,
281
+ weekDays,
282
+ isSelected,
283
+ isToday,
284
+ isNotInMonth,
285
+ isHighlighted
286
+ } = useCalendarView()
251
287
  const { selectMonth, selectYear, previousMonth, nextMonth, previousYear, nextYear } = useNavigation()
252
288
  const { hours, minutes, handleHourInput, handleMinuteInput } = useTimeHandling()
253
289
 
@@ -314,6 +350,7 @@ function selectDate(date: Date | null) {
314
350
  'today': isToday(date),
315
351
  'disabled': isDateDisabled(date),
316
352
  'not-in-month': isNotInMonth(date),
353
+ 'highlighted': isHighlighted(date),
317
354
  }"
318
355
  :disabled="isDateDisabled(date)"
319
356
  @click="selectDate(date)"
@@ -464,4 +501,18 @@ function selectDate(date: Date | null) {
464
501
  .day.not-in-month {
465
502
  opacity: 0.4;
466
503
  }
504
+
505
+ .day.highlighted:not(.selected) {
506
+ background-color: var(--bgl-secondary-light, rgba(var(--bgl-primary-rgb, 0, 123, 255), 0.15));
507
+ font-weight: 500;
508
+ }
509
+
510
+ .day.highlighted.selected {
511
+ /* Add a subtle ring effect for dates that are both selected and highlighted */
512
+ box-shadow: 0 0 0 2px var(--bgl-secondary, rgba(var(--bgl-primary-rgb, 0, 123, 255), 0.5));
513
+ }
514
+
515
+ .day.highlighted:not(.selected):hover {
516
+ background-color: var(--bgl-secondary-light-hover, rgba(var(--bgl-primary-rgb, 0, 123, 255), 0.25));
517
+ }
467
518
  </style>
@@ -74,6 +74,7 @@ async function initEditor() {
74
74
 
75
75
  // First write the content
76
76
  doc.open()
77
+ // ! @deprecated — MDN Reference[https://developer.mozilla.org/en-US/docs/Web/API/Document/write]
77
78
  doc.write(htmlContent)
78
79
  doc.close()
79
80
 
@@ -1,4 +1,4 @@
1
- import type { Modal as BagelModal } from '@bagelink/vue'
1
+ import type { ModalApi } from '../../../../plugins/modal'
2
2
 
3
3
  export interface EditorDebuggerInstance {
4
4
  logCommand: (command: string, value: string | undefined, state: any) => void
@@ -35,7 +35,7 @@ export interface EditorState {
35
35
  redoStack: string[]
36
36
  rangeCount: number
37
37
  range: Range | null
38
- modal: BagelModal
38
+ modal: ModalApi
39
39
  debug?: EditorDebugInterface
40
40
  }
41
41
 
@@ -145,7 +145,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
145
145
  // Try to surround contents, if that fails use extract and insert
146
146
  try {
147
147
  range.surroundContents(span)
148
- } catch (e) {
148
+ } catch {
149
149
  // Handle selections that cross node boundaries
150
150
  const fragment = range.extractContents()
151
151
  span.appendChild(fragment)
@@ -179,7 +179,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
179
179
  // Try to surround contents, if that fails use extract and insert
180
180
  try {
181
181
  range.surroundContents(span)
182
- } catch (e) {
182
+ } catch {
183
183
  // Handle selections that cross node boundaries
184
184
  const fragment = range.extractContents()
185
185
  span.appendChild(fragment)
@@ -213,7 +213,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
213
213
  // Try to surround contents, if that fails use extract and insert
214
214
  try {
215
215
  range.surroundContents(span)
216
- } catch (e) {
216
+ } catch {
217
217
  // Handle selections that cross node boundaries
218
218
  const fragment = range.extractContents()
219
219
  span.appendChild(fragment)