@bagelink/vue 1.2.75 → 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/components/AddressSearch.vue.d.ts.map +1 -1
- package/dist/components/Dropdown.vue.d.ts.map +1 -1
- package/dist/components/calendar/views/CalendarPopover.vue.d.ts +2 -2
- package/dist/components/calendar/views/CalendarPopover.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/RadioGroup.vue.d.ts +1 -0
- package/dist/components/form/inputs/RadioGroup.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
- package/dist/components/layout/Layout.vue.d.ts +2 -0
- package/dist/components/layout/Layout.vue.d.ts.map +1 -1
- package/dist/index.cjs +16 -10
- package/dist/index.mjs +16 -10
- package/dist/style.css +100 -99
- package/dist/types/timeago.d.ts +23 -0
- package/dist/types/timeago.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/form/inputs/RadioGroup.vue +10 -3
- package/src/components/layout/Layout.vue +6 -0
- package/dist/components/Carousel2.vue.d.ts +0 -89
- package/dist/components/Carousel2.vue.d.ts.map +0 -1
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-
|
|
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-
|
|
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-
|
|
1887
|
+
.has-error .active-list-item[data-v-adc49780] {
|
|
1888
1888
|
border-color: var(--bgl-red) !important;
|
|
1889
1889
|
}
|
|
1890
|
-
.has-error[data-v-
|
|
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-
|
|
2780
|
+
.layout[data-v-a0f4895c] {
|
|
2781
2781
|
min-height: 100px;
|
|
2782
2782
|
display: grid;
|
|
2783
|
-
gap: var(--
|
|
2784
|
-
grid-template-rows: var(--
|
|
2785
|
-
grid-template-columns: var(--
|
|
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-
|
|
2789
|
-
|
|
2790
|
-
grid-template-
|
|
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
|
|
|
@@ -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
|
@@ -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(
|
|
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
|
|
68
|
+
:disabled
|
|
62
69
|
class="radio-input-list"
|
|
63
70
|
type="radio"
|
|
64
|
-
: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"}
|