@bagelink/vue 1.4.14 → 1.4.16

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,4 +1,18 @@
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
+
2
16
  .accordion-item[data-v-3334f637] {
3
17
  border-bottom: 1px solid var(--border-color);
4
18
  transition: all 0.2s;
@@ -41,20 +55,6 @@
41
55
  text-decoration: underline;
42
56
  }
43
57
 
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,10 +262,6 @@ display: block;
262
262
  object-fit: cover;
263
263
  }
264
264
 
265
- .inline[data-v-689f051f] {
266
- display: inline;
267
- }
268
-
269
265
  .pill {
270
266
  border-radius: 10px;
271
267
  padding: 4px 8px;
@@ -308,6 +304,10 @@ display: block;
308
304
  color: var(--bgl-red);
309
305
  }
310
306
 
307
+ .inline[data-v-689f051f] {
308
+ display: inline;
309
+ }
310
+
311
311
  .bgl_vid iframe[data-v-1c895c6c],
312
312
  .bgl_vid video[data-v-1c895c6c] {
313
313
  width: 100%;
@@ -1407,6 +1407,12 @@ fieldset[data-v-f7e758e5] {
1407
1407
  color: var(--label-color) !important;
1408
1408
  }
1409
1409
 
1410
+ /* Global styles */
1411
+ pre code.hljs {
1412
+ padding: 0 !important;
1413
+ background: transparent !important;
1414
+ }
1415
+
1410
1416
  .code-editor-container[data-v-de01e351] {
1411
1417
  margin-bottom: 0.5rem;
1412
1418
  height: 100%;
@@ -1475,12 +1481,6 @@ fieldset[data-v-f7e758e5] {
1475
1481
  color: transparent;
1476
1482
  }
1477
1483
 
1478
- /* Global styles */
1479
- pre code.hljs {
1480
- padding: 0 !important;
1481
- background: transparent !important;
1482
- }
1483
-
1484
1484
  .colorInputPick{
1485
1485
  --input-font-size: 12px;
1486
1486
  height: calc(var(--input-height) - 9px) !important;
@@ -1960,42 +1960,6 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
1960
1960
  }
1961
1961
  .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}
1962
1962
 
1963
- .selectinput[data-v-cced5e42] {
1964
- width: 100%;
1965
- }
1966
- .selectinput-option[data-v-cced5e42] {
1967
- padding: 6px 12px;
1968
- cursor: pointer;
1969
- border-radius: 5px;
1970
- transition: all 0.2s;
1971
- display: grid;
1972
- grid-template-columns:1fr;
1973
- justify-content: space-between;
1974
- width: 100%;
1975
- font-size: var(--input-font-size);
1976
- margin-block: 0.15rem;
1977
- }
1978
- .selectinput-option .bgl_icon-font[data-v-cced5e42]{
1979
- line-height: normal;
1980
- }
1981
- .selectinput-options.multiselect .selectinput-option[data-v-cced5e42] {
1982
- grid-template-columns: 10px 1fr;
1983
- }
1984
- .selectinput-options[data-v-cced5e42] {
1985
- max-height: 300px;
1986
- overflow-y: auto;
1987
- }
1988
- .selectinput-option[data-v-cced5e42]:hover, .highlight[data-v-cced5e42] {
1989
- background: var(--bgl-gray-20);
1990
- }
1991
- .isEmpty p[data-v-cced5e42] {
1992
- opacity: 0.3;
1993
- }
1994
- .selected[data-v-cced5e42]{
1995
- /* background: var(--bgl-primary-tint); */
1996
- background: var(--bgl-selected);
1997
- }
1998
-
1999
1963
  .bagel-input label {
2000
1964
  font-size: var(--label-font-size);
2001
1965
  }
@@ -2036,6 +2000,42 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2036
2000
  /* color: var(--input-color); */
2037
2001
  }
2038
2002
 
2003
+ .selectinput[data-v-cced5e42] {
2004
+ width: 100%;
2005
+ }
2006
+ .selectinput-option[data-v-cced5e42] {
2007
+ padding: 6px 12px;
2008
+ cursor: pointer;
2009
+ border-radius: 5px;
2010
+ transition: all 0.2s;
2011
+ display: grid;
2012
+ grid-template-columns:1fr;
2013
+ justify-content: space-between;
2014
+ width: 100%;
2015
+ font-size: var(--input-font-size);
2016
+ margin-block: 0.15rem;
2017
+ }
2018
+ .selectinput-option .bgl_icon-font[data-v-cced5e42]{
2019
+ line-height: normal;
2020
+ }
2021
+ .selectinput-options.multiselect .selectinput-option[data-v-cced5e42] {
2022
+ grid-template-columns: 10px 1fr;
2023
+ }
2024
+ .selectinput-options[data-v-cced5e42] {
2025
+ max-height: 300px;
2026
+ overflow-y: auto;
2027
+ }
2028
+ .selectinput-option[data-v-cced5e42]:hover, .highlight[data-v-cced5e42] {
2029
+ background: var(--bgl-gray-20);
2030
+ }
2031
+ .isEmpty p[data-v-cced5e42] {
2032
+ opacity: 0.3;
2033
+ }
2034
+ .selected[data-v-cced5e42]{
2035
+ /* background: var(--bgl-primary-tint); */
2036
+ background: var(--bgl-selected);
2037
+ }
2038
+
2039
2039
  .bgl_input .canvas {
2040
2040
  width: 100%;
2041
2041
  height: 100%;
@@ -2051,6 +2051,40 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2051
2051
  border-radius: var(--input-border-radius);
2052
2052
  }
2053
2053
 
2054
+ .table-row .bagel-input input,
2055
+ .table-row .bagel-input textarea,
2056
+ .table-row .bagel-input .input {
2057
+ border-radius: 0;
2058
+ background: transparent;
2059
+ color: var(--bgl-text-color);
2060
+ }
2061
+ .table-row .bagel-input textarea {
2062
+ resize: none;
2063
+ min-height: 40px;
2064
+ overflow: auto;
2065
+ margin: 0px;
2066
+ padding: 0.64rem 0.7rem 0;
2067
+ }
2068
+ .table-row .bagel-input {
2069
+ margin: 0;
2070
+ }
2071
+ .table-row .bagel-input input:focus-visible,
2072
+ .table-row .bagel-input textarea:focus-visible,
2073
+ .table-row .bagel-input .input:focus-visible {
2074
+ background: var(--border-color);
2075
+ }
2076
+ .ghost {
2077
+ opacity: 0;
2078
+ background: #c8ebfb;
2079
+ }
2080
+ .sortable-chosen {
2081
+ cursor: grabbing !important;
2082
+ border-color: transparent;
2083
+ background: var(--bgl-box-bg);
2084
+ border-radius: 10px;
2085
+ box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
2086
+ }
2087
+
2054
2088
  .table-side-scroll[data-v-e9632f79] {
2055
2089
  overflow: auto;
2056
2090
  margin-inline-start: -1rem;
@@ -2157,40 +2191,6 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2157
2191
  opacity: 1;
2158
2192
  }
2159
2193
 
2160
- .table-row .bagel-input input,
2161
- .table-row .bagel-input textarea,
2162
- .table-row .bagel-input .input {
2163
- border-radius: 0;
2164
- background: transparent;
2165
- color: var(--bgl-text-color);
2166
- }
2167
- .table-row .bagel-input textarea {
2168
- resize: none;
2169
- min-height: 40px;
2170
- overflow: auto;
2171
- margin: 0px;
2172
- padding: 0.64rem 0.7rem 0;
2173
- }
2174
- .table-row .bagel-input {
2175
- margin: 0;
2176
- }
2177
- .table-row .bagel-input input:focus-visible,
2178
- .table-row .bagel-input textarea:focus-visible,
2179
- .table-row .bagel-input .input:focus-visible {
2180
- background: var(--border-color);
2181
- }
2182
- .ghost {
2183
- opacity: 0;
2184
- background: #c8ebfb;
2185
- }
2186
- .sortable-chosen {
2187
- cursor: grabbing !important;
2188
- border-color: transparent;
2189
- background: var(--bgl-box-bg);
2190
- border-radius: 10px;
2191
- box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
2192
- }
2193
-
2194
2194
  .tel-input[data-v-24f599bf] {
2195
2195
  direction: ltr;
2196
2196
  text-align: left;
@@ -4333,21 +4333,21 @@ body:has(.bg-dark.is-active) {
4333
4333
  background: transparent;
4334
4334
  }
4335
4335
 
4336
- .carousel-wrapper[data-v-fee6ed49] {
4336
+ .carousel-wrapper[data-v-7225d57d] {
4337
4337
  position: relative;
4338
4338
  width: 100%;
4339
4339
  }
4340
- .carousel-container[data-v-fee6ed49] {
4340
+ .carousel-container[data-v-7225d57d] {
4341
4341
  margin: 0 auto;
4342
4342
  overflow: hidden;
4343
4343
  }
4344
- .carousel-dots[data-v-fee6ed49] {
4344
+ .carousel-dots[data-v-7225d57d] {
4345
4345
  display: flex;
4346
4346
  justify-content: center;
4347
4347
  gap: 8px;
4348
4348
  margin-top: 16px;
4349
4349
  }
4350
- .carousel-dot[data-v-fee6ed49] {
4350
+ .carousel-dot[data-v-7225d57d] {
4351
4351
  width: 12px;
4352
4352
  height: 12px;
4353
4353
  border-radius: 50px;
@@ -4357,7 +4357,7 @@ body:has(.bg-dark.is-active) {
4357
4357
  cursor: pointer;
4358
4358
  transition: all 0.3s ease-in-out;
4359
4359
  }
4360
- .carousel-dot.active[data-v-fee6ed49] {
4360
+ .carousel-dot.active[data-v-7225d57d] {
4361
4361
  background-color: var(--bgl-primary);
4362
4362
  width: 26px;
4363
4363
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "1.4.14",
4
+ "version": "1.4.16",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",