@bagelink/vue 1.2.73 → 1.2.77

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/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%;
@@ -1874,20 +1874,20 @@ pre code.hljs{
1874
1874
  text-align: right;
1875
1875
  }
1876
1876
 
1877
- .radio-input-list[data-v-29cff93d]{
1877
+ .radio-input-list[data-v-adc49780]{
1878
1878
  width: auto;
1879
1879
  transform: scale(1.4);
1880
1880
  margin-inline-end: 0.6rem;
1881
1881
  }
1882
- .active-list-item[data-v-29cff93d]:has(:checked){
1882
+ .active-list-item[data-v-adc49780]:has(:checked){
1883
1883
  background: var(--bgl-primary-light) !important;
1884
1884
  border-color: var(--bgl-primary) !important;
1885
1885
  accent-color: var(--bgl-accent-color);
1886
1886
  }
1887
- .has-error .active-list-item[data-v-29cff93d] {
1887
+ .has-error .active-list-item[data-v-adc49780] {
1888
1888
  border-color: var(--bgl-red) !important;
1889
1889
  }
1890
- .has-error[data-v-29cff93d] :is(input[type="radio"]) {
1890
+ .has-error[data-v-adc49780] :is(input[type="radio"]) {
1891
1891
  accent-color: var(--bgl-red);
1892
1892
  }
1893
1893
 
@@ -2084,6 +2084,42 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2084
2084
  }
2085
2085
  .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}
2086
2086
 
2087
+ .selectinput[data-v-c16650b4] {
2088
+ width: 100%;
2089
+ }
2090
+ .selectinput-option[data-v-c16650b4] {
2091
+ padding: 6px 12px;
2092
+ cursor: pointer;
2093
+ border-radius: 5px;
2094
+ transition: all 0.2s;
2095
+ display: grid;
2096
+ grid-template-columns:1fr;
2097
+ justify-content: space-between;
2098
+ width: 100%;
2099
+ font-size: var(--input-font-size);
2100
+ margin-block: 0.15rem;
2101
+ }
2102
+ .selectinput-option .bgl_icon-font[data-v-c16650b4]{
2103
+ line-height: normal;
2104
+ }
2105
+ .selectinput-options.multiselect .selectinput-option[data-v-c16650b4] {
2106
+ grid-template-columns: 10px 1fr;
2107
+ }
2108
+ .selectinput-options[data-v-c16650b4] {
2109
+ max-height: 300px;
2110
+ overflow-y: auto;
2111
+ }
2112
+ .selectinput-option[data-v-c16650b4]:hover, .highlight[data-v-c16650b4] {
2113
+ background: var(--bgl-gray-20);
2114
+ }
2115
+ .isEmpty p[data-v-c16650b4] {
2116
+ opacity: 0.3;
2117
+ }
2118
+ .selected[data-v-c16650b4]{
2119
+ /* background: var(--bgl-primary-tint); */
2120
+ background: var(--bgl-selected);
2121
+ }
2122
+
2087
2123
  .bagel-input label {
2088
2124
  font-size: var(--label-font-size);
2089
2125
  }
@@ -2124,42 +2160,6 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2124
2160
  /* color: var(--input-color); */
2125
2161
  }
2126
2162
 
2127
- .selectinput[data-v-c16650b4] {
2128
- width: 100%;
2129
- }
2130
- .selectinput-option[data-v-c16650b4] {
2131
- padding: 6px 12px;
2132
- cursor: pointer;
2133
- border-radius: 5px;
2134
- transition: all 0.2s;
2135
- display: grid;
2136
- grid-template-columns:1fr;
2137
- justify-content: space-between;
2138
- width: 100%;
2139
- font-size: var(--input-font-size);
2140
- margin-block: 0.15rem;
2141
- }
2142
- .selectinput-option .bgl_icon-font[data-v-c16650b4]{
2143
- line-height: normal;
2144
- }
2145
- .selectinput-options.multiselect .selectinput-option[data-v-c16650b4] {
2146
- grid-template-columns: 10px 1fr;
2147
- }
2148
- .selectinput-options[data-v-c16650b4] {
2149
- max-height: 300px;
2150
- overflow-y: auto;
2151
- }
2152
- .selectinput-option[data-v-c16650b4]:hover, .highlight[data-v-c16650b4] {
2153
- background: var(--bgl-gray-20);
2154
- }
2155
- .isEmpty p[data-v-c16650b4] {
2156
- opacity: 0.3;
2157
- }
2158
- .selected[data-v-c16650b4]{
2159
- /* background: var(--bgl-primary-tint); */
2160
- background: var(--bgl-selected);
2161
- }
2162
-
2163
2163
  .bgl_input .canvas {
2164
2164
  width: 100%;
2165
2165
  height: 100%;
@@ -2175,40 +2175,6 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2175
2175
  border-radius: var(--input-border-radius);
2176
2176
  }
2177
2177
 
2178
- .table-row .bagel-input input,
2179
- .table-row .bagel-input textarea,
2180
- .table-row .bagel-input .input {
2181
- border-radius: 0;
2182
- background: transparent;
2183
- color: var(--bgl-text-color);
2184
- }
2185
- .table-row .bagel-input textarea {
2186
- resize: none;
2187
- min-height: 40px;
2188
- overflow: auto;
2189
- margin: 0px;
2190
- padding: 0.64rem 0.7rem 0;
2191
- }
2192
- .table-row .bagel-input {
2193
- margin: 0;
2194
- }
2195
- .table-row .bagel-input input:focus-visible,
2196
- .table-row .bagel-input textarea:focus-visible,
2197
- .table-row .bagel-input .input:focus-visible {
2198
- background: var(--border-color);
2199
- }
2200
- .ghost {
2201
- opacity: 0;
2202
- background: #c8ebfb;
2203
- }
2204
- .sortable-chosen {
2205
- cursor: grabbing !important;
2206
- border-color: transparent;
2207
- background: var(--bgl-box-bg);
2208
- border-radius: 10px;
2209
- box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
2210
- }
2211
-
2212
2178
  .table-side-scroll[data-v-e9632f79] {
2213
2179
  overflow: auto;
2214
2180
  margin-inline-start: -1rem;
@@ -2315,6 +2281,40 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2315
2281
  opacity: 1;
2316
2282
  }
2317
2283
 
2284
+ .table-row .bagel-input input,
2285
+ .table-row .bagel-input textarea,
2286
+ .table-row .bagel-input .input {
2287
+ border-radius: 0;
2288
+ background: transparent;
2289
+ color: var(--bgl-text-color);
2290
+ }
2291
+ .table-row .bagel-input textarea {
2292
+ resize: none;
2293
+ min-height: 40px;
2294
+ overflow: auto;
2295
+ margin: 0px;
2296
+ padding: 0.64rem 0.7rem 0;
2297
+ }
2298
+ .table-row .bagel-input {
2299
+ margin: 0;
2300
+ }
2301
+ .table-row .bagel-input input:focus-visible,
2302
+ .table-row .bagel-input textarea:focus-visible,
2303
+ .table-row .bagel-input .input:focus-visible {
2304
+ background: var(--border-color);
2305
+ }
2306
+ .ghost {
2307
+ opacity: 0;
2308
+ background: #c8ebfb;
2309
+ }
2310
+ .sortable-chosen {
2311
+ cursor: grabbing !important;
2312
+ border-color: transparent;
2313
+ background: var(--bgl-box-bg);
2314
+ border-radius: 10px;
2315
+ box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
2316
+ }
2317
+
2318
2318
  .tel-input[data-v-24f599bf] {
2319
2319
  direction: ltr;
2320
2320
  text-align: left;
@@ -2777,17 +2777,18 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2777
2777
  color: var(--bgl-primary) !important;
2778
2778
  }
2779
2779
 
2780
- .layout[data-v-1814129a] {
2780
+ .layout[data-v-a0f4895c] {
2781
2781
  min-height: 100px;
2782
2782
  display: grid;
2783
- gap: var(--16111f2e);
2784
- grid-template-rows: var(--2c189afc);
2785
- grid-template-columns: var(--243c3a94);
2783
+ gap: var(--ff4aa016);
2784
+ grid-template-rows: var(--3683119b);
2785
+ grid-template-columns: var(--f6f04e4a);
2786
2786
  }
2787
2787
  @media screen and (max-width: 910px) {
2788
- .layout[data-v-1814129a] {
2789
- grid-template-rows: var(--84a9b646);
2790
- grid-template-columns: var(--55be334e);
2788
+ .layout[data-v-a0f4895c] {
2789
+ gap: var(--fa53dae8);
2790
+ grid-template-rows: var(--0307a8e4);
2791
+ grid-template-columns: var(--7e4910f2);
2791
2792
  }
2792
2793
  }
2793
2794
 
@@ -4398,21 +4399,21 @@ body:has(.bg-dark.is-active) {
4398
4399
  background: transparent;
4399
4400
  }
4400
4401
 
4401
- .carousel-wrapper[data-v-bf496bff] {
4402
+ .carousel-wrapper[data-v-705b9c93] {
4402
4403
  position: relative;
4403
4404
  width: 100%;
4404
4405
  }
4405
- .carousel-container[data-v-bf496bff] {
4406
+ .carousel-container[data-v-705b9c93] {
4406
4407
  margin: 0 auto;
4407
4408
  overflow: hidden;
4408
4409
  }
4409
- .carousel-dots[data-v-bf496bff] {
4410
+ .carousel-dots[data-v-705b9c93] {
4410
4411
  display: flex;
4411
4412
  justify-content: center;
4412
4413
  gap: 8px;
4413
4414
  margin-top: 16px;
4414
4415
  }
4415
- .carousel-dot[data-v-bf496bff] {
4416
+ .carousel-dot[data-v-705b9c93] {
4416
4417
  width: 12px;
4417
4418
  height: 12px;
4418
4419
  border-radius: 50px;
@@ -4422,7 +4423,7 @@ body:has(.bg-dark.is-active) {
4422
4423
  cursor: pointer;
4423
4424
  transition: all 0.3s ease-in-out;
4424
4425
  }
4425
- .carousel-dot.active[data-v-bf496bff] {
4426
+ .carousel-dot.active[data-v-705b9c93] {
4426
4427
  background-color: #333;
4427
4428
  width: 26px;
4428
4429
  }
@@ -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.73",
4
+ "version": "1.2.77",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
@@ -377,10 +377,6 @@ function slideToCurrent(enableTransitionFlag?: boolean): void {
377
377
  }
378
378
 
379
379
  function prev(howManySlides: number = 1): void {
380
- if (innerElements.value.length <= perPage.value) {
381
- return
382
- }
383
-
384
380
  const beforeChange = currentSlide.value
385
381
 
386
382
  if (config.value.loop) {
@@ -411,13 +407,12 @@ function prev(howManySlides: number = 1): void {
411
407
  slideToCurrent(config.value.loop)
412
408
  config.value.onChange()
413
409
  }
410
+ if (config.value.autoplay !== 'disabled') {
411
+ startAutoplay()
412
+ }
414
413
  }
415
414
 
416
415
  function next(howManySlides: number = 1): void {
417
- if (innerElements.value.length <= perPage.value) {
418
- return
419
- }
420
-
421
416
  const beforeChange = currentSlide.value
422
417
 
423
418
  if (config.value.loop) {
@@ -448,6 +443,9 @@ function next(howManySlides: number = 1): void {
448
443
  slideToCurrent(config.value.loop)
449
444
  config.value.onChange()
450
445
  }
446
+ if (config.value.autoplay !== 'disabled') {
447
+ startAutoplay()
448
+ }
451
449
  }
452
450
 
453
451
  function goTo(index: number): void {
@@ -12,6 +12,7 @@ export interface RadioOption<T> {
12
12
  }
13
13
 
14
14
  const props = defineProps<{
15
+ id?: string
15
16
  groupName?: string
16
17
  options: RadioOption<ContextObjType>[]
17
18
  deletable?: boolean
@@ -22,7 +23,13 @@ const props = defineProps<{
22
23
 
23
24
  const emit = defineEmits(['delete', 'focus', 'blur', 'change'])
24
25
 
25
- const name = $computed(() => props.groupName || Math.random().toString(36).substring(2, 15))
26
+ const name = $computed(
27
+ () => (
28
+ props.groupName
29
+ || props.id
30
+ || Math.random().toString(36).substring(2, 15)
31
+ )
32
+ )
26
33
  const selectedOption = defineModel('modelValue')
27
34
  let isFocused = $ref(false)
28
35
 
@@ -58,10 +65,10 @@ function handleChange() {
58
65
  <input
59
66
  :id="opt.id || `${name}-${index}`"
60
67
  v-model="selectedOption"
61
- :disabled="disabled"
68
+ :disabled
62
69
  class="radio-input-list"
63
70
  type="radio"
64
- :name="name"
71
+ :name
65
72
  :value="opt.value"
66
73
  :required="required"
67
74
  @focus="handleFocus"
@@ -6,6 +6,7 @@ interface LayoutProrps {
6
6
  mColumns?: string[]
7
7
  mRows?: string[]
8
8
  rows?: string[]
9
+ mGap?: number
9
10
  }
10
11
 
11
12
  const props = withDefaults(defineProps<LayoutProrps>(), {
@@ -15,10 +16,14 @@ const props = withDefaults(defineProps<LayoutProrps>(), {
15
16
  rows: () => ([]),
16
17
  mColumns: () => ([]),
17
18
  mRows: () => ([]),
19
+ mGap: undefined,
20
+
18
21
  })
19
22
 
20
23
  const gridTemplateRows = $computed(() => (props.rows.length > 0 ? props.rows.join(' ') : 'auto'))
21
24
  const gapSize = $computed(() => `${props.gap}rem`)
25
+ const mGapSize = $computed(() => props.mGap !== undefined ? `${props.mGap}rem` : gapSize)
26
+
22
27
  const mGridTemplateRows = $computed(() => {
23
28
  if (props.mRows?.length) return props.mRows.join(' ')
24
29
  return gridTemplateRows
@@ -49,6 +54,7 @@ const mGridTemplateColumns = $computed(() => {
49
54
 
50
55
  @media screen and (max-width: 910px) {
51
56
  .layout {
57
+ gap: v-bind(mGapSize);
52
58
  grid-template-rows: v-bind(mGridTemplateRows);
53
59
  grid-template-columns: v-bind(mGridTemplateColumns);
54
60
  }
@@ -1,89 +0,0 @@
1
- type Easing = 'ease-in-out' | 'ease-in' | 'ease-out' | 'linear';
2
- type AutoplayMode = 'disabled' | 'standard' | 'linear';
3
- type AutoplayValue = boolean | AutoplayMode;
4
- interface CarouselOptions {
5
- duration?: number;
6
- easing?: Easing;
7
- perPage?: number | {
8
- [key: number]: number;
9
- };
10
- startIndex?: number;
11
- draggable?: boolean;
12
- multipleDrag?: boolean;
13
- threshold?: number;
14
- loop?: boolean;
15
- rtl?: boolean;
16
- autoplay?: AutoplayValue;
17
- autoplayInterval?: number;
18
- autoplaySpeed?: number;
19
- pauseOnHover?: boolean;
20
- dots?: boolean;
21
- slideWidth?: number;
22
- onInit?: () => void;
23
- onChange?: () => void;
24
- }
25
- declare function prev(howManySlides?: number): void;
26
- declare function next(howManySlides?: number): void;
27
- declare function goTo(index: number): void;
28
- declare function remove(index: number): void;
29
- declare function insert(item: Element, index: number): void;
30
- declare function prepend(item: Element): void;
31
- declare function append(item: Element): void;
32
- declare function destroy(restoreMarkup?: boolean): void;
33
- declare function pauseAutoplay(): void;
34
- declare function resumeAutoplay(): void;
35
- declare function __VLS_template(): {
36
- attrs: Partial<{}>;
37
- slots: {
38
- default?(_: {}): any;
39
- };
40
- refs: {
41
- carouselRef: HTMLDivElement;
42
- };
43
- rootEl: HTMLDivElement;
44
- };
45
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
46
- declare const __VLS_component: import('vue').DefineComponent<CarouselOptions, {
47
- prev: typeof prev;
48
- next: typeof next;
49
- goTo: typeof goTo;
50
- remove: typeof remove;
51
- insert: typeof insert;
52
- prepend: typeof prepend;
53
- append: typeof append;
54
- destroy: typeof destroy;
55
- currentSlide: import('vue').Ref<number, number>;
56
- pauseAutoplay: typeof pauseAutoplay;
57
- resumeAutoplay: typeof resumeAutoplay;
58
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
59
- change: () => any;
60
- init: () => any;
61
- }, string, import('vue').PublicProps, Readonly<CarouselOptions> & Readonly<{
62
- onChange?: (() => any) | undefined;
63
- onInit?: (() => any) | undefined;
64
- }>, {
65
- autoplay: AutoplayValue;
66
- loop: boolean;
67
- duration: number;
68
- easing: Easing;
69
- startIndex: number;
70
- draggable: boolean;
71
- multipleDrag: boolean;
72
- threshold: number;
73
- rtl: boolean;
74
- autoplayInterval: number;
75
- autoplaySpeed: number;
76
- pauseOnHover: boolean;
77
- dots: boolean;
78
- slideWidth: number;
79
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
80
- carouselRef: HTMLDivElement;
81
- }, HTMLDivElement>;
82
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
83
- export default _default;
84
- type __VLS_WithTemplateSlots<T, S> = T & {
85
- new (): {
86
- $slots: S;
87
- };
88
- };
89
- //# sourceMappingURL=Carousel2.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Carousel2.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel2.vue"],"names":[],"mappings":"AAy/BA,KAAK,MAAM,GAAG,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAA;AAC/D,KAAK,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAA;AACtD,KAAK,aAAa,GAAG,OAAO,GAAG,YAAY,CAAA;AAE3C,UAAU,eAAe;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAkWD,iBAAS,IAAI,CAAC,aAAa,GAAE,MAAU,GAAG,IAAI,CAmC7C;AAED,iBAAS,IAAI,CAAC,aAAa,GAAE,MAAU,GAAG,IAAI,CAmC7C;AAED,iBAAS,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAejC;AA+SD,iBAAS,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAenC;AAED,iBAAS,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAkBlD;AAED,iBAAS,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAEpC;AAED,iBAAS,MAAM,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAEnC;AAED,iBAAS,OAAO,CAAC,aAAa,GAAE,OAAe,GAAG,IAAI,CAkBrD;AAqGD,iBAAS,aAAa,IAAI,IAAI,CAE7B;AAED,iBAAS,cAAc,IAAI,IAAI,CAI9B;AAgDD,iBAAS,cAAc;WAyDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;cA3hCT,aAAa;UAFjB,OAAO;cAPH,MAAM;YACR,MAAM;gBAEF,MAAM;eACP,OAAO;kBACJ,OAAO;eACV,MAAM;SAEZ,OAAO;sBAEM,MAAM;mBACT,MAAM;kBACP,OAAO;UACf,OAAO;gBACD,MAAM;;;kBAiiClB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}