@bagelink/vue 0.0.318 → 0.0.322

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 (46) hide show
  1. package/dist/components/Badge.vue.d.ts +2 -2
  2. package/dist/components/Badge.vue.d.ts.map +1 -1
  3. package/dist/components/Card.vue.d.ts +2 -2
  4. package/dist/components/ComboBox.vue.d.ts +13 -2
  5. package/dist/components/ComboBox.vue.d.ts.map +1 -1
  6. package/dist/components/ListView.vue.d.ts.map +1 -1
  7. package/dist/components/Modal.vue.d.ts.map +1 -1
  8. package/dist/components/form/BglField.vue.d.ts.map +1 -1
  9. package/dist/components/form/BglForm.vue.d.ts +4 -0
  10. package/dist/components/form/BglForm.vue.d.ts.map +1 -1
  11. package/dist/components/form/inputs/TextInput.vue.d.ts +2 -0
  12. package/dist/components/form/inputs/TextInput.vue.d.ts.map +1 -1
  13. package/dist/components/index.d.ts +0 -1
  14. package/dist/components/index.d.ts.map +1 -1
  15. package/dist/components/layout/SidebarMenu.vue.d.ts.map +1 -1
  16. package/dist/components/whatsapp/index.d.ts +0 -2
  17. package/dist/components/whatsapp/index.d.ts.map +1 -1
  18. package/dist/index.cjs +415 -566
  19. package/dist/index.mjs +415 -566
  20. package/dist/style.css +179 -213
  21. package/dist/types/BagelForm.d.ts +1 -1
  22. package/dist/types/BagelForm.d.ts.map +1 -1
  23. package/dist/types/materialIcons.d.ts +1 -1
  24. package/dist/types/materialIcons.d.ts.map +1 -1
  25. package/dist/utils/BagelFormUtils.d.ts +23 -0
  26. package/dist/utils/BagelFormUtils.d.ts.map +1 -0
  27. package/dist/utils/index.d.ts +1 -0
  28. package/dist/utils/index.d.ts.map +1 -1
  29. package/package.json +1 -1
  30. package/src/components/Badge.vue +2 -2
  31. package/src/components/Carousel.vue +137 -137
  32. package/src/components/ComboBox.vue +72 -49
  33. package/src/components/ListView.vue +28 -27
  34. package/src/components/Modal.vue +25 -23
  35. package/src/components/form/BglField.vue +33 -48
  36. package/src/components/form/BglForm.vue +34 -15
  37. package/src/components/form/inputs/TextInput.vue +121 -151
  38. package/src/components/index.ts +1 -1
  39. package/src/components/layout/SidebarMenu.vue +4 -5
  40. package/src/components/whatsapp/index.ts +2 -2
  41. package/src/styles/layout.css +24 -1
  42. package/src/styles/text.css +4 -0
  43. package/src/types/BagelForm.ts +7 -7
  44. package/src/types/materialIcons.ts +1183 -3006
  45. package/src/utils/BagelFormUtils.ts +58 -0
  46. package/src/utils/index.ts +3 -0
@@ -1,2 +1,2 @@
1
- export { default as MsgTemplate } from './form/MsgTemplate.vue';
2
- export { default as TextVariableExamples } from './form/TextVariableExamples.vue';
1
+ // export { default as MsgTemplate } from './form/MsgTemplate.vue';
2
+ // export { default as TextVariableExamples } from './form/TextVariableExamples.vue';
@@ -150,6 +150,14 @@
150
150
  width: 98%;
151
151
  }
152
152
 
153
+ .w100 {
154
+ max-width: 100px;
155
+ }
156
+
157
+ .w200 {
158
+ max-width: 200px;
159
+ }
160
+
153
161
  .w300 {
154
162
  max-width: 300px;
155
163
  }
@@ -1034,7 +1042,7 @@
1034
1042
  }
1035
1043
 
1036
1044
  .absolute {
1037
- position: absolute;
1045
+ position: absolute !important;
1038
1046
  }
1039
1047
 
1040
1048
  .flex {
@@ -1061,6 +1069,14 @@
1061
1069
  width: 100%;
1062
1070
  }
1063
1071
 
1072
+ .inline {
1073
+ display: inline;
1074
+ }
1075
+
1076
+ .inline-block {
1077
+ display: inline-block;
1078
+ }
1079
+
1064
1080
  .flex-wrap {
1065
1081
  flex-wrap: wrap;
1066
1082
  }
@@ -1406,6 +1422,13 @@
1406
1422
  overflow-y: hidden;
1407
1423
  }
1408
1424
 
1425
+ .line {
1426
+ background: var(--border-color);
1427
+ height: 1px;
1428
+ width: 100%;
1429
+ }
1430
+
1431
+
1409
1432
  @media screen and (max-width: 910px) {
1410
1433
  .grid-wrap-2 {
1411
1434
  grid-template-columns: repeat(1, 1fr);
@@ -147,6 +147,10 @@
147
147
  font-family: "Material Symbols Outlined", serif;
148
148
  }
149
149
 
150
+ .nowrap {
151
+ white-space: nowrap;
152
+ }
153
+
150
154
  @media screen and (max-width: 910px) {
151
155
 
152
156
  .txt20,
@@ -5,7 +5,7 @@ export type AttributeValue = string | number | boolean | null | undefined | Reco
5
5
  export type AttributeFn<T = Record<string, any>> = (field: any, row: T) => AttributeValue;
6
6
 
7
7
  export interface Attributes<T = any> {
8
- [key: string]: AttributeValue | AttributeFn<T>
8
+ [key: string]: AttributeValue | AttributeFn<T>
9
9
  }
10
10
 
11
11
  export type BaseBagelField<T = Record<string, any>> = {
@@ -18,7 +18,7 @@ export type BaseBagelField<T = Record<string, any>> = {
18
18
  attrs?: Attributes<T>;
19
19
  required?: boolean;
20
20
  helptext?: string;
21
- options?: string | ({ label?: string; value: string | number } | string | number | Record<string, any>)[],
21
+ options?: string | ({ label?: string; value: string | number } | string | number | Record<string, any>)[] | ((val: any, rowData?: Record<string, any>) => void);
22
22
  defaultValue?: any;
23
23
  transform?: (val?: any, rowData?: Record<string, any>) => any;
24
24
  onUpdate?: (val: any, rowData?: Record<string, any>) => void;
@@ -26,14 +26,14 @@ export type BaseBagelField<T = Record<string, any>> = {
26
26
  }
27
27
 
28
28
  export interface InputBagelField<T> extends BaseBagelField<T> {
29
- $el: 'text' | typeof TextInput;
30
- id: string;
31
- type?: string;
29
+ $el: 'text' | typeof TextInput;
30
+ id: string;
31
+ type?: string;
32
32
  }
33
33
 
34
34
  export interface SelectBagelField<T> extends BaseBagelField<T> {
35
- $el: 'select' | typeof SelectInput;
36
- id: string;
35
+ $el: 'select' | typeof SelectInput;
36
+ id: string;
37
37
  }
38
38
 
39
39
  export type Field<T = Record<string, any>> = BaseBagelField<T> | InputBagelField<T> | SelectBagelField<T>;