@bagelink/vue 0.0.270 → 0.0.280

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/Accordion.vue.d.ts +10 -0
  2. package/dist/components/Accordion.vue.d.ts.map +1 -0
  3. package/dist/components/AccordionItem.vue.d.ts +2 -0
  4. package/dist/components/AccordionItem.vue.d.ts.map +1 -1
  5. package/dist/components/Btn.vue.d.ts +3 -3
  6. package/dist/components/{Drop.vue.d.ts → ComboBox.vue.d.ts} +12 -12
  7. package/dist/components/ComboBox.vue.d.ts.map +1 -0
  8. package/dist/components/Popover.vue.d.ts +10 -0
  9. package/dist/components/Popover.vue.d.ts.map +1 -0
  10. package/dist/components/Title.vue.d.ts +1 -1
  11. package/dist/components/form/BglForm.vue.d.ts.map +1 -1
  12. package/dist/components/form/ItemRef.vue.d.ts +0 -1
  13. package/dist/components/form/ItemRef.vue.d.ts.map +1 -1
  14. package/dist/components/form/inputs/CheckInput.vue.d.ts +9 -4
  15. package/dist/components/form/inputs/CheckInput.vue.d.ts.map +1 -1
  16. package/dist/components/form/inputs/SelectField.vue.d.ts +4 -1
  17. package/dist/components/form/inputs/SelectField.vue.d.ts.map +1 -1
  18. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  19. package/dist/components/index.d.ts +3 -0
  20. package/dist/components/index.d.ts.map +1 -1
  21. package/dist/index.cjs +6778 -4053
  22. package/dist/index.mjs +6752 -4027
  23. package/dist/plugins/bagel.d.ts.map +1 -1
  24. package/dist/plugins/modal.d.ts +1 -1
  25. package/dist/plugins/modal.d.ts.map +1 -1
  26. package/dist/style.css +706 -678
  27. package/dist/utils/clickOutside.d.ts +7 -0
  28. package/dist/utils/clickOutside.d.ts.map +1 -0
  29. package/package.json +2 -1
  30. package/src/components/Accordion.vue +15 -0
  31. package/src/components/AccordionItem.vue +48 -24
  32. package/src/components/ComboBox.vue +138 -0
  33. package/src/components/form/inputs/CheckInput.vue +55 -53
  34. package/src/components/form/inputs/SelectInput.vue +272 -284
  35. package/src/components/formkit/Toggle.vue +85 -100
  36. package/src/components/index.ts +3 -0
  37. package/src/plugins/bagel.ts +14 -2
  38. package/src/plugins/modal.ts +23 -23
  39. package/src/styles/buttons.css +38 -40
  40. package/src/styles/inputs.css +100 -109
  41. package/src/styles/layout.css +191 -189
  42. package/src/styles/text.css +38 -62
  43. package/src/utils/clickOutside.ts +15 -0
  44. package/dist/components/Drop.vue.d.ts.map +0 -1
  45. package/dist/components/FileUploader.vue.d.ts +0 -60
  46. package/dist/components/FileUploader.vue.d.ts.map +0 -1
@@ -1,132 +1,108 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5,
6
- h6 {
7
- width: max-content;
8
- }
9
-
10
- h1 {}
11
-
12
- h2 {}
13
-
14
- h3 {}
15
-
16
- h4 {}
17
-
18
- h5 {}
19
-
20
- h6 {}
21
-
22
1
  .txt-center {
23
- text-align: center;
2
+ text-align: center;
24
3
  }
25
4
 
26
5
  .txt-start {
27
- text-align: start;
6
+ text-align: start;
28
7
  }
29
8
 
30
9
  .txt-end {
31
- text-align: end;
10
+ text-align: end;
32
11
  }
33
12
 
34
-
35
13
  .smalltxt {
36
- font-size: 12px;
14
+ font-size: 12px;
37
15
  }
38
16
 
39
-
40
17
  .txt20 {
41
- font-size: 20px;
18
+ font-size: 20px;
42
19
  }
43
20
 
44
21
  .txt18 {
45
- font-size: 18px;
22
+ font-size: 18px;
46
23
  }
47
24
 
48
25
  .txt16 {
49
- font-size: 16px;
26
+ font-size: 16px;
50
27
  }
51
28
 
52
29
  .txt14 {
53
- font-size: 14px;
30
+ font-size: 14px;
54
31
  }
55
32
 
56
33
  .txt12 {
57
- font-size: 12px;
34
+ font-size: 12px;
58
35
  }
59
36
 
60
37
  .txt10 {
61
- font-size: 10px;
38
+ font-size: 10px;
62
39
  }
63
40
 
64
41
  .txt9 {
65
- font-size: 9px;
42
+ font-size: 9px;
66
43
  }
67
44
 
68
45
  .no-margin {
69
- margin: 0;
46
+ margin: 0;
70
47
  }
71
48
 
72
49
  .txtgray {
73
- color: var(--bgl-gray);
50
+ color: var(--bgl-gray);
74
51
  }
75
52
 
76
53
  .txtblue {
77
- color: var(--bgl-primary);
54
+ color: var(--bgl-primary);
78
55
  }
79
56
 
80
57
  .txtblack {
81
- color: var(--bgl-black);
58
+ color: var(--bgl-black);
82
59
  }
83
60
 
84
61
  .txtred {
85
- color: var(--bgl-red);
62
+ color: var(--bgl-red);
86
63
  }
87
64
 
88
65
  .font-light {
89
- font-weight: 100;
66
+ font-weight: 100;
90
67
  }
91
68
 
92
69
  .bold {
93
- font-weight: 700;
70
+ font-weight: 700;
94
71
  }
95
72
 
96
73
  .line-height-1 {
97
- line-height: 1;
74
+ line-height: 1;
98
75
  }
99
76
 
100
77
  .ellipsis {
101
- overflow: hidden;
102
- display: block;
103
- width: 100%;
104
- text-overflow: ellipsis;
78
+ overflow: hidden;
79
+ display: block;
80
+ width: 100%;
81
+ text-overflow: ellipsis;
105
82
  }
106
83
 
107
84
  .pointer {
108
- cursor: pointer;
85
+ cursor: pointer;
109
86
  }
110
87
 
111
88
  .decoration-none {
112
- text-decoration: none;
89
+ text-decoration: none;
113
90
  }
114
91
 
115
92
  .bgl_icon-font {
116
- font-family: "Material Symbols Outlined", serif;
93
+ font-family: "Material Symbols Outlined", serif;
117
94
  }
118
95
 
119
-
120
96
  @media screen and (max-width: 910px) {
121
- .txt20 {
122
- font-size: 18px;
123
- }
124
-
125
- .txt16 {
126
- font-size: 14px;
127
- }
128
-
129
- .txt14 {
130
- font-size: 12px;
131
- }
132
- }
97
+ .txt20 {
98
+ font-size: 18px;
99
+ }
100
+
101
+ .txt16 {
102
+ font-size: 14px;
103
+ }
104
+
105
+ .txt14 {
106
+ font-size: 12px;
107
+ }
108
+ }
@@ -0,0 +1,15 @@
1
+ import type { DirectiveBinding } from 'vue';
2
+
3
+ export default {
4
+ beforeMount(el: any, binding: DirectiveBinding) {
5
+ el.clickOutsideEvent = (event: MouseEvent) => {
6
+ if (!(el === event.target || el.contains(event.target))) {
7
+ binding.value(event);
8
+ }
9
+ };
10
+ document.addEventListener('click', el.clickOutsideEvent);
11
+ },
12
+ unmounted(el: any) {
13
+ document.removeEventListener('click', el.clickOutsideEvent);
14
+ },
15
+ };
@@ -1 +0,0 @@
1
- {"version":3,"file":"Drop.vue.d.ts","sourceRoot":"","sources":["../../src/components/Drop.vue"],"names":[],"mappings":"AAcA;AAMA,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,MAAM,GAAG,MAAM,CAAC;;gBA8KN,MAAM,GAAG,MAAM;aAClB,MAAM,EAAE;;;QAGb,MAAM;cACA,OAAO;;;;gBALL,MAAM,GAAG,MAAM;aAClB,MAAM,EAAE;;;QAGb,MAAM;cACA,OAAO;;;;AAXnB,wBAcG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
@@ -1,60 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
- id?: string | undefined;
3
- private?: 0 | 1 | undefined;
4
- singleFile?: boolean | undefined;
5
- beforeUpload?: (() => Promise<any>) | undefined;
6
- dragDropLabel?: string | undefined;
7
- browseLabel?: string | undefined;
8
- }>, {
9
- private: number;
10
- entity: string;
11
- id: string;
12
- beforeUpload: () => Promise<void>;
13
- dragDropLabel: string;
14
- browseLabel: string;
15
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
16
- done: (...args: any[]) => void;
17
- complete: (...args: any[]) => void;
18
- }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
19
- id?: string | undefined;
20
- private?: 0 | 1 | undefined;
21
- singleFile?: boolean | undefined;
22
- beforeUpload?: (() => Promise<any>) | undefined;
23
- dragDropLabel?: string | undefined;
24
- browseLabel?: string | undefined;
25
- }>, {
26
- private: number;
27
- entity: string;
28
- id: string;
29
- beforeUpload: () => Promise<void>;
30
- dragDropLabel: string;
31
- browseLabel: string;
32
- }>>> & {
33
- onDone?: ((...args: any[]) => any) | undefined;
34
- onComplete?: ((...args: any[]) => any) | undefined;
35
- }, {
36
- id: string;
37
- private: 1 | 0;
38
- beforeUpload: () => Promise<any>;
39
- dragDropLabel: string;
40
- browseLabel: string;
41
- }, {}>;
42
- export default _default;
43
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
44
- type __VLS_TypePropsToRuntimeProps<T> = {
45
- [K in keyof T]-?: {} extends Pick<T, K> ? {
46
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
47
- } : {
48
- type: import('vue').PropType<T[K]>;
49
- required: true;
50
- };
51
- };
52
- type __VLS_WithDefaults<P, D> = {
53
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
54
- default: D[K];
55
- }> : P[K];
56
- };
57
- type __VLS_Prettify<T> = {
58
- [K in keyof T]: T[K];
59
- } & {};
60
- //# sourceMappingURL=FileUploader.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FileUploader.vue.d.ts","sourceRoot":"","sources":["../../src/components/FileUploader.vue"],"names":[],"mappings":"AAiDA;;;;;0BA6YuB,QAAQ,GAAG,CAAC;;;;;;;;;;;;;;;;;0BAAZ,QAAQ,GAAG,CAAC;;;;;;;;;;;;;;QAJ5B,MAAM;aAED,CAAC,GAAG,CAAC;kBAEA,MAAM,QAAQ,GAAG,CAAC;mBACjB,MAAM;iBACR,MAAM;;AARtB,wBAeG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}