@bagelink/vue 1.2.9 → 1.2.11
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/index.cjs +3 -3
- package/dist/index.mjs +3 -3
- package/dist/style.css +36 -36
- package/package.json +1 -1
- package/src/components/Btn.vue +4 -4
- package/dist/types/timeago.d.ts +0 -23
- package/dist/types/timeago.d.ts.map +0 -1
package/dist/index.cjs
CHANGED
|
@@ -217,8 +217,8 @@ const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
|
|
|
217
217
|
});
|
|
218
218
|
const bind3 = vue.computed(() => {
|
|
219
219
|
const obj = {};
|
|
220
|
-
if (props2.to) obj.to = props2.to;
|
|
221
|
-
else if (props2.href) obj.href = props2.href;
|
|
220
|
+
if (props2.to && !props2.disabled) obj.to = props2.to;
|
|
221
|
+
else if (props2.href && !props2.disabled) obj.href = props2.href;
|
|
222
222
|
if (!props2.to && !props2.href) {
|
|
223
223
|
obj.role = props2.role;
|
|
224
224
|
obj.type = props2.type;
|
|
@@ -275,7 +275,7 @@ const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
|
|
|
275
275
|
};
|
|
276
276
|
}
|
|
277
277
|
});
|
|
278
|
-
const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-
|
|
278
|
+
const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-b609e748"]]);
|
|
279
279
|
const _hoisted_1$17 = ["dismissable"];
|
|
280
280
|
const _hoisted_2$R = { class: "m-0" };
|
|
281
281
|
const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
|
package/dist/index.mjs
CHANGED
|
@@ -215,8 +215,8 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
|
215
215
|
});
|
|
216
216
|
const bind3 = computed(() => {
|
|
217
217
|
const obj = {};
|
|
218
|
-
if (props2.to) obj.to = props2.to;
|
|
219
|
-
else if (props2.href) obj.href = props2.href;
|
|
218
|
+
if (props2.to && !props2.disabled) obj.to = props2.to;
|
|
219
|
+
else if (props2.href && !props2.disabled) obj.href = props2.href;
|
|
220
220
|
if (!props2.to && !props2.href) {
|
|
221
221
|
obj.role = props2.role;
|
|
222
222
|
obj.type = props2.type;
|
|
@@ -273,7 +273,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
|
273
273
|
};
|
|
274
274
|
}
|
|
275
275
|
});
|
|
276
|
-
const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-
|
|
276
|
+
const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-b609e748"]]);
|
|
277
277
|
const _hoisted_1$17 = ["dismissable"];
|
|
278
278
|
const _hoisted_2$R = { class: "m-0" };
|
|
279
279
|
const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
package/dist/style.css
CHANGED
|
@@ -55,62 +55,62 @@
|
|
|
55
55
|
text-decoration: underline;
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
.bgl_btn[data-v-
|
|
58
|
+
.bgl_btn[data-v-b609e748] {
|
|
59
59
|
--btn-bg: var(--bgl-primary);
|
|
60
60
|
--btn-color: var(--bgl-light-text);
|
|
61
61
|
--btn-flat-color: var(--bgl-text-color);
|
|
62
62
|
}
|
|
63
|
-
.bgl_btn-green[data-v-
|
|
63
|
+
.bgl_btn-green[data-v-b609e748] {
|
|
64
64
|
--btn-bg: var(--bgl-green);
|
|
65
65
|
--btn-color: var(--bgl-light-text);
|
|
66
66
|
--btn-flat-color: var(--bgl-green);
|
|
67
67
|
}
|
|
68
|
-
.bgl_btn-yellow[data-v-
|
|
68
|
+
.bgl_btn-yellow[data-v-b609e748] {
|
|
69
69
|
--btn-bg: var(--bgl-yellow);
|
|
70
70
|
--btn-color: var(--bgl-black);
|
|
71
71
|
--btn-flat-color: var(--bgl-yellow);
|
|
72
72
|
}
|
|
73
|
-
.bgl_btn-blue[data-v-
|
|
73
|
+
.bgl_btn-blue[data-v-b609e748] {
|
|
74
74
|
--btn-bg: var(--bgl-blue);
|
|
75
75
|
--btn-color: var(--bgl-light-text);
|
|
76
76
|
--btn-flat-color: var(--bgl-blue);
|
|
77
77
|
}
|
|
78
|
-
.bgl_btn-primary[data-v-
|
|
78
|
+
.bgl_btn-primary[data-v-b609e748] {
|
|
79
79
|
--btn-bg: var(--bgl-primary);
|
|
80
80
|
--btn-color: var(--bgl-light-text);
|
|
81
81
|
--btn-flat-color: var(--bgl-primary);
|
|
82
82
|
}
|
|
83
|
-
.bgl_btn-red[data-v-
|
|
83
|
+
.bgl_btn-red[data-v-b609e748] {
|
|
84
84
|
--btn-bg: var(--bgl-red);
|
|
85
85
|
--btn-color: var(--bgl-light-text);
|
|
86
86
|
--btn-flat-color: var(--bgl-red);
|
|
87
87
|
}
|
|
88
|
-
.bgl_btn-white[data-v-
|
|
88
|
+
.bgl_btn-white[data-v-b609e748] {
|
|
89
89
|
--btn-bg: var(--bgl-white);
|
|
90
90
|
--btn-color: var(--bgl-black);
|
|
91
91
|
--btn-flat-color: var(--bgl-white);
|
|
92
92
|
}
|
|
93
|
-
.bgl_btn-black[data-v-
|
|
93
|
+
.bgl_btn-black[data-v-b609e748] {
|
|
94
94
|
--btn-bg: var(--bgl-black);
|
|
95
95
|
--btn-color: var(--bgl-light-text);
|
|
96
96
|
--btn-flat-color: var(--bgl-black);
|
|
97
97
|
}
|
|
98
|
-
.bgl_btn-gray[data-v-
|
|
98
|
+
.bgl_btn-gray[data-v-b609e748] {
|
|
99
99
|
--btn-bg: var(--bgl-gray-light);
|
|
100
100
|
--btn-color: var(--bgl-black);
|
|
101
101
|
--btn-flat-color: var(--bgl-gray);
|
|
102
102
|
}
|
|
103
|
-
.bgl_btn-light[data-v-
|
|
103
|
+
.bgl_btn-light[data-v-b609e748] {
|
|
104
104
|
--btn-bg: var(--bgl-primary-light);
|
|
105
105
|
--btn-color: var(--bgl-primary);
|
|
106
106
|
--btn-flat-color: var(--bgl-primary-light);
|
|
107
107
|
}
|
|
108
|
-
.bgl_btn-gray-light[data-v-
|
|
108
|
+
.bgl_btn-gray-light[data-v-b609e748] {
|
|
109
109
|
--btn-bg: var(--bgl-gray-light);
|
|
110
110
|
--btn-color: var(--bgl-gray);
|
|
111
111
|
--btn-flat-color: var(--bgl-gray-light);
|
|
112
112
|
}
|
|
113
|
-
.bgl_btn[data-v-
|
|
113
|
+
.bgl_btn[data-v-b609e748] {
|
|
114
114
|
padding-left: var(--btn-padding);
|
|
115
115
|
padding-right: var(--btn-padding);
|
|
116
116
|
transition: var(--bgl-transition);
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
color: var(--btn-color);
|
|
119
119
|
text-decoration: none;
|
|
120
120
|
}
|
|
121
|
-
.bgl_btn.bgl_btn-icon[data-v-
|
|
121
|
+
.bgl_btn.bgl_btn-icon[data-v-b609e748] {
|
|
122
122
|
padding-left: 0;
|
|
123
123
|
padding-right: 0;
|
|
124
124
|
height: var(--btn-height);
|
|
@@ -127,73 +127,73 @@
|
|
|
127
127
|
font-size: 1rem;
|
|
128
128
|
flex-shrink: 0;
|
|
129
129
|
}
|
|
130
|
-
a[data-v-
|
|
130
|
+
a[data-v-b609e748] {
|
|
131
131
|
text-decoration: none;
|
|
132
132
|
}
|
|
133
|
-
.bgl_btn-flex[data-v-
|
|
133
|
+
.bgl_btn-flex[data-v-b609e748] {
|
|
134
134
|
display: flex;
|
|
135
135
|
align-items: center;
|
|
136
136
|
gap: 0.5rem;
|
|
137
137
|
justify-content: center;
|
|
138
138
|
height: 100%;
|
|
139
139
|
}
|
|
140
|
-
.bgl_btn .bgl_btn-icon[data-v-
|
|
140
|
+
.bgl_btn .bgl_btn-icon[data-v-b609e748]{
|
|
141
141
|
font-size: calc(var(--input-font-size) * 1.3);
|
|
142
142
|
}
|
|
143
|
-
.bgl_btn[data-v-
|
|
144
|
-
.bgl_btn-icon[data-v-
|
|
143
|
+
.bgl_btn[data-v-b609e748]:hover,
|
|
144
|
+
.bgl_btn-icon[data-v-b609e748]:hover {
|
|
145
145
|
filter: var(--bgl-hover-filter);
|
|
146
146
|
}
|
|
147
|
-
.bgl_btn[data-v-
|
|
148
|
-
.bgl_btn-icon[data-v-
|
|
147
|
+
.bgl_btn[data-v-b609e748]:active:not(:disabled),
|
|
148
|
+
.bgl_btn-icon[data-v-b609e748]:active:not(:disabled) {
|
|
149
149
|
filter: var(--bgl-active-filter);
|
|
150
150
|
}
|
|
151
|
-
.bgl_btn.bgl_btn_flat[data-v-
|
|
151
|
+
.bgl_btn.bgl_btn_flat[data-v-b609e748] {
|
|
152
152
|
background: transparent;
|
|
153
153
|
color: var(--btn-flat-color);
|
|
154
154
|
}
|
|
155
|
-
.bgl_btn_flat[data-v-
|
|
156
|
-
.bgl_btn-icon.bgl_btn_flat[data-v-
|
|
155
|
+
.bgl_btn_flat[data-v-b609e748]:hover:not(:disabled),
|
|
156
|
+
.bgl_btn-icon.bgl_btn_flat[data-v-b609e748]:hover:not(:disabled) {
|
|
157
157
|
background: var(--bgl-gray-20);
|
|
158
158
|
}
|
|
159
|
-
.bgl_btn.bgl_btn_flat[data-v-
|
|
160
|
-
.bgl_btn-icon.bgl_btn_flat[data-v-
|
|
159
|
+
.bgl_btn.bgl_btn_flat[data-v-b609e748]:active:not(:disabled),
|
|
160
|
+
.bgl_btn-icon.bgl_btn_flat[data-v-b609e748]:active:not(:disabled) {
|
|
161
161
|
background: var(--bgl-gray-40);
|
|
162
162
|
}
|
|
163
|
-
.bgl_btn.thin[data-v-
|
|
163
|
+
.bgl_btn.thin[data-v-b609e748] {
|
|
164
164
|
padding-inline: calc(var(--btn-padding) / 3);
|
|
165
165
|
border-radius: calc(var(--btn-border-radius) / 1.5);
|
|
166
166
|
}
|
|
167
|
-
.bgl_btn.round[data-v-
|
|
167
|
+
.bgl_btn.round[data-v-b609e748] {
|
|
168
168
|
border-radius: 1000px;
|
|
169
169
|
}
|
|
170
|
-
.bgl_btn-icon.thin[data-v-
|
|
170
|
+
.bgl_btn-icon.thin[data-v-b609e748] {
|
|
171
171
|
height: calc(var(--btn-height) / 1.5);
|
|
172
172
|
width: calc(var(--btn-height) / 1.5);
|
|
173
173
|
line-height: normal;
|
|
174
174
|
}
|
|
175
|
-
.bgl_btn-icon.thin .bgl_btn-flex[data-v-
|
|
175
|
+
.bgl_btn-icon.thin .bgl_btn-flex[data-v-b609e748] {
|
|
176
176
|
height: 100%;
|
|
177
177
|
}
|
|
178
|
-
[dir="rtl"] .bgl_btn-icon[data-v-
|
|
178
|
+
[dir="rtl"] .bgl_btn-icon[data-v-b609e748]{
|
|
179
179
|
transform: rotateY(180deg);
|
|
180
180
|
}
|
|
181
|
-
[dir="rtl"] .ltr .bgl_btn-icon[data-v-
|
|
181
|
+
[dir="rtl"] .ltr .bgl_btn-icon[data-v-b609e748]{
|
|
182
182
|
transform: rotateY(0deg);
|
|
183
183
|
}
|
|
184
|
-
.bgl_btn-border[data-v-
|
|
184
|
+
.bgl_btn-border[data-v-b609e748], .bgl_btn-icon.bgl_btn_flat.bgl_btn-border[data-v-b609e748] {
|
|
185
185
|
border: 1px solid var(--btn-flat-color);
|
|
186
186
|
background: transparent;
|
|
187
187
|
color: var(--btn-flat-color);
|
|
188
188
|
}
|
|
189
|
-
.bgl_btn-border[data-v-
|
|
189
|
+
.bgl_btn-border[data-v-b609e748]:hover {
|
|
190
190
|
color: var(--btn-flat-color);
|
|
191
191
|
}
|
|
192
|
-
.bgl_btn-border[data-v-
|
|
192
|
+
.bgl_btn-border[data-v-b609e748]:active:not(:disabled) {
|
|
193
193
|
filter: brightness(80%);
|
|
194
194
|
}
|
|
195
|
-
.bgl_btn[data-v-
|
|
196
|
-
opacity: 0.
|
|
195
|
+
.bgl_btn[data-v-b609e748]:disabled, .bgl_btn[disabled=true][data-v-b609e748] {
|
|
196
|
+
opacity: 0.7;
|
|
197
197
|
filter: grayscale(0.3);
|
|
198
198
|
cursor: not-allowed;
|
|
199
199
|
}
|
package/package.json
CHANGED
package/src/components/Btn.vue
CHANGED
|
@@ -49,8 +49,8 @@ const isComponent = $computed(() => {
|
|
|
49
49
|
|
|
50
50
|
const bind = $computed(() => {
|
|
51
51
|
const obj: { [key: string]: any } = {}
|
|
52
|
-
if (props.to) obj.to = props.to
|
|
53
|
-
else if (props.href) obj.href = props.href
|
|
52
|
+
if (props.to && !props.disabled) obj.to = props.to
|
|
53
|
+
else if (props.href && !props.disabled) obj.href = props.href
|
|
54
54
|
if (!props.to && !props.href) {
|
|
55
55
|
obj.role = props.role
|
|
56
56
|
obj.type = props.type
|
|
@@ -257,8 +257,8 @@ a {
|
|
|
257
257
|
filter: brightness(80%);
|
|
258
258
|
}
|
|
259
259
|
|
|
260
|
-
.bgl_btn:disabled {
|
|
261
|
-
opacity: 0.
|
|
260
|
+
.bgl_btn:disabled, .bgl_btn[disabled=true] {
|
|
261
|
+
opacity: 0.7;
|
|
262
262
|
filter: grayscale(0.3);
|
|
263
263
|
cursor: not-allowed;
|
|
264
264
|
}
|
package/dist/types/timeago.d.ts
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|