bitboss-ui 0.2.47 → 0.2.48
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/index101.js +3 -3
- package/dist/index103.js +2 -2
- package/dist/index109.js +1 -1
- package/dist/index11.js +2 -2
- package/dist/index111.js +1 -1
- package/dist/index113.js +1 -1
- package/dist/index117.js +1 -1
- package/dist/index119.js +1 -1
- package/dist/index121.js +1 -1
- package/dist/index125.js +1 -1
- package/dist/index126.js +1 -1
- package/dist/index127.js +1 -1
- package/dist/index131.js +2 -2
- package/dist/index15.js +7 -7
- package/dist/index17.js +8 -8
- package/dist/index196.js +2 -2
- package/dist/index196.js.map +1 -1
- package/dist/index197.js +235 -4
- package/dist/index197.js.map +1 -1
- package/dist/index198.js +2 -5
- package/dist/index198.js.map +1 -1
- package/dist/index199.js +4 -16
- package/dist/index199.js.map +1 -1
- package/dist/index200.js +10 -16
- package/dist/index200.js.map +1 -1
- package/dist/index201.js +2 -19
- package/dist/index201.js.map +1 -1
- package/dist/index202.js +2 -20
- package/dist/index202.js.map +1 -1
- package/dist/index203.js +366 -27
- package/dist/index203.js.map +1 -1
- package/dist/index204.js +2 -8
- package/dist/index204.js.map +1 -1
- package/dist/index206.js +373 -2
- package/dist/index206.js.map +1 -1
- package/dist/index207.js +5 -368
- package/dist/index207.js.map +1 -1
- package/dist/index208.js +13 -131
- package/dist/index208.js.map +1 -1
- package/dist/index209.js +16 -2
- package/dist/index209.js.map +1 -1
- package/dist/index21.js +2 -2
- package/dist/index210.js +17 -172
- package/dist/index210.js.map +1 -1
- package/dist/index211.js +20 -23
- package/dist/index211.js.map +1 -1
- package/dist/index212.js +27 -371
- package/dist/index212.js.map +1 -1
- package/dist/index213.js +8 -10
- package/dist/index213.js.map +1 -1
- package/dist/index214.js +1 -1
- package/dist/index215.js +2 -2
- package/dist/index217.js +3 -2
- package/dist/index217.js.map +1 -1
- package/dist/index218.js +3 -3
- package/dist/index218.js.map +1 -1
- package/dist/index219.js +134 -3
- package/dist/index219.js.map +1 -1
- package/dist/index220.js +165 -226
- package/dist/index220.js.map +1 -1
- package/dist/index221.js +23 -2
- package/dist/index221.js.map +1 -1
- package/dist/index223.js +4 -4
- package/dist/index224.js +79 -6
- package/dist/index224.js.map +1 -1
- package/dist/index225.js +6 -17
- package/dist/index225.js.map +1 -1
- package/dist/index226.js +17 -4
- package/dist/index226.js.map +1 -1
- package/dist/index227.js +2 -295
- package/dist/index227.js.map +1 -1
- package/dist/index228.js +4 -6
- package/dist/index228.js.map +1 -1
- package/dist/index229.js +5 -2
- package/dist/index229.js.map +1 -1
- package/dist/index23.js +1 -1
- package/dist/index230.js +69 -2
- package/dist/index230.js.map +1 -1
- package/dist/index231.js +160 -2
- package/dist/index231.js.map +1 -1
- package/dist/index232.js +1 -4
- package/dist/index232.js.map +1 -1
- package/dist/index233.js +2 -2
- package/dist/index234.js +117 -2
- package/dist/index234.js.map +1 -1
- package/dist/index235.js +105 -78
- package/dist/index235.js.map +1 -1
- package/dist/index236.js +295 -2
- package/dist/index236.js.map +1 -1
- package/dist/index237.js +5 -116
- package/dist/index237.js.map +1 -1
- package/dist/index238.js +2 -106
- package/dist/index238.js.map +1 -1
- package/dist/index239.js +2 -160
- package/dist/index239.js.map +1 -1
- package/dist/index240.js +4 -1
- package/dist/index240.js.map +1 -1
- package/dist/index241.js +2 -2
- package/dist/index241.js.map +1 -1
- package/dist/index242.js +2 -69
- package/dist/index242.js.map +1 -1
- package/dist/index243.js +2 -5
- package/dist/index243.js.map +1 -1
- package/dist/index244.js +2 -15
- package/dist/index244.js.map +1 -1
- package/dist/index245.js +219 -430
- package/dist/index245.js.map +1 -1
- package/dist/index246.js +252 -83
- package/dist/index246.js.map +1 -1
- package/dist/index247.js +430 -219
- package/dist/index247.js.map +1 -1
- package/dist/index248.js +83 -252
- package/dist/index248.js.map +1 -1
- package/dist/index249.js +15 -200
- package/dist/index249.js.map +1 -1
- package/dist/index25.js +2 -2
- package/dist/index250.js +200 -2
- package/dist/index250.js.map +1 -1
- package/dist/index254.js +2 -3
- package/dist/index254.js.map +1 -1
- package/dist/index255.js +3 -2
- package/dist/index255.js.map +1 -1
- package/dist/index29.js +3 -3
- package/dist/index31.js +31 -31
- package/dist/index31.js.map +1 -1
- package/dist/index33.js +2 -2
- package/dist/index35.js +2 -2
- package/dist/index47.js +1 -1
- package/dist/index49.js +1 -1
- package/dist/index65.js +3 -3
- package/dist/index69.js +2 -2
- package/dist/index77.js +1 -1
- package/dist/index79.js +2 -2
- package/dist/index81.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index239.js
CHANGED
|
@@ -1,163 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import { clamp as P } from "./index206.js";
|
|
3
|
-
import { drop as q } from "./index256.js";
|
|
4
|
-
import { isNil as R } from "./index120.js";
|
|
5
|
-
import { isNotNil as w } from "./index124.js";
|
|
6
|
-
import { wait as L } from "./index122.js";
|
|
7
|
-
import U from "./index115.js";
|
|
8
|
-
import "./index158.js";
|
|
9
|
-
const j = { class: "bb-base-tag__input-container" }, G = ["id", "autocomplete", "autofocus", "disabled", "placeholder", "readonly"], te = /* @__PURE__ */ K({
|
|
10
|
-
__name: "BaseTag",
|
|
11
|
-
props: {
|
|
12
|
-
autocomplete: {},
|
|
13
|
-
autofocus: {},
|
|
14
|
-
comma: { type: Boolean },
|
|
15
|
-
disabled: { type: Boolean },
|
|
16
|
-
divider: { default: "Enter" },
|
|
17
|
-
hasErrors: { type: Boolean },
|
|
18
|
-
id: {},
|
|
19
|
-
modelValue: {},
|
|
20
|
-
multiple: { type: Boolean, default: !0 },
|
|
21
|
-
name: {},
|
|
22
|
-
placeholder: {},
|
|
23
|
-
readonly: {}
|
|
24
|
-
},
|
|
25
|
-
emits: ["blur", "change", "click", "duplicate", "focus", "inactive", "input", "keydown", "keyup", "update:modelValue"],
|
|
26
|
-
setup(N, { emit: I }) {
|
|
27
|
-
const a = N, u = I;
|
|
28
|
-
if (a.multiple && !Array.isArray(a.modelValue))
|
|
29
|
-
throw new Error('Multiple is set to "true" but modelValue is not an array.');
|
|
30
|
-
const i = s(null), $ = s(null), c = s(null), t = s(""), D = y(() => a.placeholder), o = y(
|
|
31
|
-
() => [].concat(a.modelValue).filter(w)
|
|
32
|
-
), h = y(() => {
|
|
33
|
-
let e = {};
|
|
34
|
-
return o.value.forEach((n, r) => {
|
|
35
|
-
e[JSON.stringify(n)] = r;
|
|
36
|
-
}), {
|
|
37
|
-
get: (n) => e[JSON.stringify(n)]
|
|
38
|
-
};
|
|
39
|
-
}), f = s(!1), l = s(null), A = (e) => {
|
|
40
|
-
if (u("keyup", e), a.readonly || a.disabled) {
|
|
41
|
-
e.preventDefault();
|
|
42
|
-
return;
|
|
43
|
-
}
|
|
44
|
-
if (e.key === a.divider) {
|
|
45
|
-
if (t.value[t.value.length - 1] === e.key && (t.value = t.value.slice(0, t.value.length - 1)), !t.value)
|
|
46
|
-
return;
|
|
47
|
-
l.value = null;
|
|
48
|
-
const n = h.value.get(t.value);
|
|
49
|
-
R(n) ? F(t.value) : u("duplicate", t.value), t.value = "";
|
|
50
|
-
} else if (e.key === "ArrowLeft")
|
|
51
|
-
l.value === null ? l.value = o.value.length - 1 : l.value === 0 ? l.value = null : l.value--;
|
|
52
|
-
else if (e.key === "ArrowRight")
|
|
53
|
-
l.value === null ? l.value = 1 : l.value === o.value.length - 1 ? l.value = null : l.value++;
|
|
54
|
-
else if (e.key === "Backspace") {
|
|
55
|
-
if (t.value)
|
|
56
|
-
return;
|
|
57
|
-
w(l.value) ? (b(l.value), l.value = P(
|
|
58
|
-
l.value,
|
|
59
|
-
0,
|
|
60
|
-
o.value.length - 2
|
|
61
|
-
), o.value.length === 1 && (l.value = null)) : l.value = o.value.length - 1;
|
|
62
|
-
} else
|
|
63
|
-
(e.key === "Tab" || e.key === "Escape") && (l.value = null);
|
|
64
|
-
}, F = (e) => {
|
|
65
|
-
a.multiple ? u("update:modelValue", a.modelValue.concat(e)) : u("update:modelValue", e);
|
|
66
|
-
}, b = (e) => {
|
|
67
|
-
if (typeof e == "number")
|
|
68
|
-
a.multiple ? u("update:modelValue", q(a.modelValue, 1, e)) : u("update:modelValue", null);
|
|
69
|
-
else {
|
|
70
|
-
const n = h.value.get(t.value);
|
|
71
|
-
b(n);
|
|
72
|
-
}
|
|
73
|
-
}, M = (e) => {
|
|
74
|
-
u("focus", e), f.value = !0, document.addEventListener("click", _), document.addEventListener("focusin", V), c.value instanceof HTMLInputElement && c.value.select();
|
|
75
|
-
}, O = (e) => {
|
|
76
|
-
u("click", e), !(a.disabled || a.readonly) && c.value instanceof HTMLElement && c.value.focus();
|
|
77
|
-
}, _ = (e) => {
|
|
78
|
-
if (e.target instanceof Node && i.value && !i.value.contains(e.target)) {
|
|
79
|
-
u("inactive"), document.removeEventListener("click", _), f.value = !1, a.multiple && L(500).then(() => {
|
|
80
|
-
t.value = "";
|
|
81
|
-
});
|
|
82
|
-
return;
|
|
83
|
-
}
|
|
84
|
-
}, V = (e) => {
|
|
85
|
-
if (e.target instanceof Node && i.value && !i.value.contains(e.target)) {
|
|
86
|
-
u("inactive"), document.removeEventListener("focusin", V), f.value = !1, a.multiple && L(500).then(() => {
|
|
87
|
-
t.value = "";
|
|
88
|
-
});
|
|
89
|
-
return;
|
|
90
|
-
}
|
|
91
|
-
}, T = {
|
|
92
|
-
onBlur: (e) => u("blur", e),
|
|
93
|
-
onChange: (e) => u("change", e),
|
|
94
|
-
onKeydown: (e) => {
|
|
95
|
-
e.key === "Enter" && a.divider === "Enter" && e.preventDefault(), u("keydown", e);
|
|
96
|
-
},
|
|
97
|
-
onInput: (e) => u("input", e)
|
|
98
|
-
};
|
|
99
|
-
return (e, n) => (p(), m("span", {
|
|
100
|
-
ref_key: "outerContainer",
|
|
101
|
-
ref: i,
|
|
102
|
-
class: g({
|
|
103
|
-
"bb-base-tag": !0,
|
|
104
|
-
"bb-base-tag--active": f.value,
|
|
105
|
-
"bb-base-tag--disabled": e.disabled,
|
|
106
|
-
"bb-base-tag--errors": e.hasErrors,
|
|
107
|
-
"bb-base-tag--readonly": e.readonly
|
|
108
|
-
}),
|
|
109
|
-
onClick: O
|
|
110
|
-
}, [
|
|
111
|
-
v(e.$slots, "prepend-outer"),
|
|
112
|
-
k("span", {
|
|
113
|
-
ref_key: "innerContainer",
|
|
114
|
-
ref: $,
|
|
115
|
-
class: "bb-base-tag__inner-container"
|
|
116
|
-
}, [
|
|
117
|
-
v(e.$slots, "prepend"),
|
|
118
|
-
k("span", j, [
|
|
119
|
-
e.comma ? (p(!0), m(E, { key: 0 }, C(o.value, (r, d) => (p(), m("span", {
|
|
120
|
-
key: r,
|
|
121
|
-
class: g({
|
|
122
|
-
"bb-base-tag__selected": !0,
|
|
123
|
-
"bb-base-tag__selected--comma": !0,
|
|
124
|
-
"bb-base-tag__selected--focused": d === l.value
|
|
125
|
-
})
|
|
126
|
-
}, B(r) + B(d < o.value.length - 1 ? "," : ""), 3))), 128)) : (p(!0), m(E, { key: 1 }, C(o.value, (r, d) => (p(), S(U, {
|
|
127
|
-
key: r,
|
|
128
|
-
class: g({
|
|
129
|
-
"bb-base-tag__selected": !0,
|
|
130
|
-
"bb-base-tag__selected--chip": !0,
|
|
131
|
-
"bb-base-tag__selected--focused": d === l.value
|
|
132
|
-
}),
|
|
133
|
-
clearable: !0,
|
|
134
|
-
text: r,
|
|
135
|
-
"onClick:clear": (Q) => b(d)
|
|
136
|
-
}, null, 8, ["class", "text", "onClick:clear"]))), 128)),
|
|
137
|
-
z(k("input", H({ id: e.id }, T, {
|
|
138
|
-
ref_key: "input",
|
|
139
|
-
ref: c,
|
|
140
|
-
"onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r),
|
|
141
|
-
autocomplete: e.autocomplete,
|
|
142
|
-
autofocus: e.autofocus,
|
|
143
|
-
class: "bb-base-tag__text-input",
|
|
144
|
-
disabled: e.disabled,
|
|
145
|
-
placeholder: D.value,
|
|
146
|
-
readonly: e.readonly,
|
|
147
|
-
type: "text",
|
|
148
|
-
onFocus: M,
|
|
149
|
-
onKeyup: A
|
|
150
|
-
}), null, 16, G), [
|
|
151
|
-
[J, t.value]
|
|
152
|
-
])
|
|
153
|
-
]),
|
|
154
|
-
v(e.$slots, "append")
|
|
155
|
-
], 512),
|
|
156
|
-
v(e.$slots, "append-outer")
|
|
157
|
-
], 2));
|
|
158
|
-
}
|
|
159
|
-
});
|
|
1
|
+
var e = { exports: {} };
|
|
160
2
|
export {
|
|
161
|
-
|
|
3
|
+
e as __module
|
|
162
4
|
};
|
|
163
5
|
//# sourceMappingURL=index239.js.map
|
package/dist/index239.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index239.js","sources":["../src/components/BaseTag/BaseTag.vue"],"sourcesContent":["<template>\n\t<span\n\t\tref=\"outerContainer\"\n\t\t:class=\"{\n\t\t\t'bb-base-tag': true,\n\t\t\t'bb-base-tag--active': active,\n\t\t\t'bb-base-tag--disabled': disabled,\n\t\t\t'bb-base-tag--errors': hasErrors,\n\t\t\t'bb-base-tag--readonly': readonly,\n\t\t}\"\n\t\t@click=\"onOuterContainerClick\"\n\t>\n\t\t<slot name=\"prepend-outer\"></slot>\n\t\t<span ref=\"innerContainer\" class=\"bb-base-tag__inner-container\">\n\t\t\t<slot name=\"prepend\"></slot>\n\t\t\t<span class=\"bb-base-tag__input-container\">\n\t\t\t\t<template v-if=\"comma\">\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-for=\"(option, index) in modelValueNormalized\"\n\t\t\t\t\t\t:key=\"option\"\n\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t'bb-base-tag__selected': true,\n\t\t\t\t\t\t\t'bb-base-tag__selected--comma': true,\n\t\t\t\t\t\t\t'bb-base-tag__selected--focused': index === focusedIndex,\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t>{{ option\n\t\t\t\t\t\t}}{{ index < modelValueNormalized.length - 1 ? ',' : '' }}</span\n\t\t\t\t\t>\n\t\t\t\t</template>\n\t\t\t\t<template v-else>\n\t\t\t\t\t<BbChip\n\t\t\t\t\t\tv-for=\"(option, index) in modelValueNormalized\"\n\t\t\t\t\t\t:key=\"option\"\n\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t'bb-base-tag__selected': true,\n\t\t\t\t\t\t\t'bb-base-tag__selected--chip': true,\n\t\t\t\t\t\t\t'bb-base-tag__selected--focused': index === focusedIndex,\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t:clearable=\"true\"\n\t\t\t\t\t\t:text=\"option\"\n\t\t\t\t\t\t@click:clear=\"removeValue(index)\"\n\t\t\t\t\t/>\n\t\t\t\t</template>\n\n\t\t\t\t<input\n\t\t\t\t\t:id=\"id\"\n\t\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t\t\tref=\"input\"\n\t\t\t\t\tv-model=\"query\"\n\t\t\t\t\t:autocomplete=\"autocomplete\"\n\t\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t\t:class=\"'bb-base-tag__text-input'\"\n\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t:placeholder=\"computedPlaceholder\"\n\t\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t\t:type=\"'text'\"\n\t\t\t\t\t@focus=\"onInputFocus\"\n\t\t\t\t\t@keyup=\"onInputKeyup\"\n\t\t\t\t/>\n\t\t\t</span>\n\t\t\t<slot name=\"append\"></slot>\n\t\t</span>\n\t\t<slot name=\"append-outer\"></slot>\n\t</span>\n</template>\n\n<script setup lang=\"ts\">\nimport { clamp } from '@/utilities/functions/clamp';\nimport { computed, ref } from 'vue';\nimport { drop } from '@/utilities/functions/drop';\nimport { isNil } from '@/utilities/functions/isNil';\nimport { isNotNil } from '@/utilities/functions/isNotNil';\nimport { wait } from '@/utilities/functions/wait';\nimport BbChip from '../BbChip/BbChip.vue';\nimport type { InputHTMLAttributes, HTMLAttributes } from 'vue';\n\nexport type BaseTagProps = {\n\t/**\n\t * Guides to the browser as to the type of information expected in the field.\n\t */\n\tautocomplete?: InputHTMLAttributes['autocomplete'];\n\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * Sets the display model for selected values to a list\n\t * of comma separated string. In this mode the user\n\t * cannot deselect an option by pressing the close button.\n\t */\n\tcomma?: boolean;\n\n\t/**\n\t * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * The divider key used to separate values from one another. By default it is \"Enter\"\n\t */\n\tdivider?: KeyboardEvent['key'];\n\n\t/**\n\t * Define if the component should be in an error state.\n\t * It usually attaches a CSS class for styling purposes.\n\t */\n\thasErrors?: boolean;\n\n\t/**\n\t * The identifier of the component.\n\t */\n\tid?: HTMLAttributes['id'];\n\n\t/**\n\t * Used by v-model. Can be any serializable type.\n\t */\n\tmodelValue: any;\n\n\t/**\n\t * Allows the selection of multiple items.\n\t */\n\tmultiple?: boolean;\n\n\t/**\n\t * Defines the name of the input.\n\t */\n\tname?: InputHTMLAttributes['name'];\n\n\t/**\n\t * String displayed when there's no data.\n\t */\n\tplaceholder?: InputHTMLAttributes['placeholder'];\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\n};\n\nconst props = withDefaults(defineProps<BaseTagProps>(), {\n\tdivider: 'Enter',\n\tmultiple: true,\n});\n\nexport type BaseTagEvents = {\n\t(e: 'blur', event: FocusEvent): void;\n\n\t(e: 'change', event: Event): void;\n\n\t(e: 'click', event: MouseEvent): void;\n\n\t(e: 'duplicate', string: string): void;\n\n\t(e: 'focus', event: FocusEvent): void;\n\n\t(e: 'inactive'): void;\n\n\t(e: 'input', event: Event): void;\n\n\t(e: 'keydown', event: KeyboardEvent): void;\n\n\t(e: 'keyup', event: KeyboardEvent): void;\n\n\t(e: 'update:modelValue', value: any): void;\n};\n\nconst emit = defineEmits<BaseTagEvents>();\n\nexport type BaseTagSlots = {\n\tappend?: (props: {}) => any;\n\n\t'append-outer'?: (props: {}) => any;\n\n\tprepend?: (props: {}) => any;\n\n\t'prepend-outer'?: (props: {}) => any;\n};\n\ndefineSlots<BaseTagSlots>();\n\nif (props.multiple && !Array.isArray(props.modelValue)) {\n\tthrow new Error('Multiple is set to \"true\" but modelValue is not an array.');\n}\n\nconst outerContainer = ref<HTMLElement | null>(null);\nconst innerContainer = ref<HTMLElement | null>(null);\nconst input = ref<HTMLElement | null>(null);\nconst query = ref<string>('');\nconst computedPlaceholder = computed(() => {\n\treturn props.placeholder;\n});\n\nconst modelValueNormalized = computed(() =>\n\t[].concat(props.modelValue).filter(isNotNil)\n);\n\n/**\n * Indexes modelValue to a map so when can easily know which values are selected\n */\nconst modelValueIndexed = computed(() => {\n\tlet map: { [key: string]: number } = {};\n\tmodelValueNormalized.value.forEach((value: any, index: number) => {\n\t\tmap[JSON.stringify(value)] = index;\n\t});\n\treturn {\n\t\tget: (value: any) => map[JSON.stringify(value)],\n\t};\n});\n\n/**\n * Applies a class when the user is inside this whole component.\n * We cannot use focus within as it doesn't work for elements that are teleported.\n * Also we cannot use the <input/> if we phisically move focus to the options so\n * we track it manually.\n */\nconst active = ref(false);\n\nconst focusedIndex = ref<null | number>(null);\n\nconst onInputKeyup = (event: KeyboardEvent) => {\n\temit('keyup', event);\n\tif (props.readonly || props.disabled) {\n\t\tevent.preventDefault();\n\t\treturn;\n\t}\n\tif (event.key === props.divider) {\n\t\tif (query.value[query.value.length - 1] === event.key) {\n\t\t\tquery.value = query.value.slice(0, query.value.length - 1);\n\t\t}\n\t\tif (!query.value) return;\n\t\tfocusedIndex.value = null;\n\t\tconst currentIndex = modelValueIndexed.value.get(query.value);\n\t\tif (isNil(currentIndex)) selectValue(query.value);\n\t\telse emit('duplicate', query.value);\n\t\tquery.value = '';\n\t} else if (event.key === 'ArrowLeft') {\n\t\tif (focusedIndex.value === null)\n\t\t\tfocusedIndex.value = modelValueNormalized.value.length - 1;\n\t\telse if (focusedIndex.value === 0) focusedIndex.value = null;\n\t\telse focusedIndex.value--;\n\t} else if (event.key === 'ArrowRight') {\n\t\tif (focusedIndex.value === null) focusedIndex.value = 1;\n\t\telse if (focusedIndex.value === modelValueNormalized.value.length - 1)\n\t\t\tfocusedIndex.value = null;\n\t\telse focusedIndex.value++;\n\t} else if (event.key === 'Backspace') {\n\t\tif (query.value) return;\n\t\tif (isNotNil(focusedIndex.value)) {\n\t\t\tremoveValue(focusedIndex.value);\n\t\t\tfocusedIndex.value = clamp(\n\t\t\t\tfocusedIndex.value,\n\t\t\t\t0,\n\t\t\t\tmodelValueNormalized.value.length - 2\n\t\t\t);\n\t\t\tif (modelValueNormalized.value.length === 1) focusedIndex.value = null;\n\t\t} else focusedIndex.value = modelValueNormalized.value.length - 1;\n\t} else if (event.key === 'Tab' || event.key === 'Escape') {\n\t\tfocusedIndex.value = null;\n\t}\n};\n\nconst selectValue = (text: string) => {\n\tif (props.multiple) emit('update:modelValue', props.modelValue.concat(text));\n\telse emit('update:modelValue', text);\n};\n\nconst removeValue = (indexOrString: number | string) => {\n\tif (typeof indexOrString === 'number') {\n\t\tif (props.multiple)\n\t\t\temit('update:modelValue', drop(props.modelValue, 1, indexOrString));\n\t\telse emit('update:modelValue', null);\n\t} else {\n\t\tconst currentIndex = modelValueIndexed.value.get(query.value);\n\t\tremoveValue(currentIndex);\n\t}\n};\n\nconst onInputFocus = (event: FocusEvent) => {\n\temit('focus', event);\n\tactive.value = true;\n\tdocument.addEventListener('click', onClickOutside);\n\tdocument.addEventListener('focusin', onFocusOutside);\n\tif (input.value instanceof HTMLInputElement) input.value.select();\n};\n\n/**\n * When clicking on the outside container seamlessly move focus to the input and open the panel\n */\nconst onOuterContainerClick = (event: MouseEvent) => {\n\temit('click', event);\n\tif (props.disabled || props.readonly) return;\n\tif (input.value instanceof HTMLElement) {\n\t\tinput.value.focus();\n\t}\n};\n\n/**\n * On click outside of the container close the panel, remove active state.\n * In multiple selection clear query after a timeout\n */\nconst onClickOutside = (event: Event) => {\n\tif (event.target instanceof Node) {\n\t\tif (outerContainer.value) {\n\t\t\tif (!outerContainer.value.contains(event.target)) {\n\t\t\t\temit('inactive');\n\t\t\t\tdocument.removeEventListener('click', onClickOutside);\n\t\t\t\tactive.value = false;\n\t\t\t\tif (props.multiple)\n\t\t\t\t\twait(500).then(() => {\n\t\t\t\t\t\tquery.value = '';\n\t\t\t\t\t});\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t}\n};\n\nconst onFocusOutside = (event: FocusEvent) => {\n\tif (event.target instanceof Node) {\n\t\tif (outerContainer.value) {\n\t\t\tif (!outerContainer.value.contains(event.target)) {\n\t\t\t\temit('inactive');\n\t\t\t\tdocument.removeEventListener('focusin', onFocusOutside);\n\t\t\t\tactive.value = false;\n\t\t\t\tif (props.multiple)\n\t\t\t\t\twait(500).then(() => {\n\t\t\t\t\t\tquery.value = '';\n\t\t\t\t\t});\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t}\n};\n\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => emit('blur', event),\n\tonChange: (event: Event) => emit('change', event),\n\tonKeydown: (event: KeyboardEvent) => {\n\t\tif (event.key === 'Enter' && props.divider === 'Enter') {\n\t\t\tevent.preventDefault();\n\t\t}\n\t\temit('keydown', event);\n\t},\n\tonInput: (event: Event) => emit('input', event),\n};\n</script>\n<style lang=\"postcss\">\n@import '@/assets/css/BaseTag';\n</style>\n"],"names":["props","__props","emit","__emit","outerContainer","ref","innerContainer","input","query","computedPlaceholder","computed","modelValueNormalized","isNotNil","modelValueIndexed","map","value","index","active","focusedIndex","onInputKeyup","event","currentIndex","isNil","selectValue","removeValue","clamp","text","indexOrString","drop","onInputFocus","onClickOutside","onFocusOutside","onOuterContainerClick","wait","eventListeners"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA6IA,UAAMA,IAAQC,GA2BRC,IAAOC;AAcb,QAAIH,EAAM,YAAY,CAAC,MAAM,QAAQA,EAAM,UAAU;AAC9C,YAAA,IAAI,MAAM,2DAA2D;AAGtE,UAAAI,IAAiBC,EAAwB,IAAI,GAC7CC,IAAiBD,EAAwB,IAAI,GAC7CE,IAAQF,EAAwB,IAAI,GACpCG,IAAQH,EAAY,EAAE,GACtBI,IAAsBC,EAAS,MAC7BV,EAAM,WACb,GAEKW,IAAuBD;AAAA,MAAS,MACrC,CAAA,EAAG,OAAOV,EAAM,UAAU,EAAE,OAAOY,CAAQ;AAAA,IAAA,GAMtCC,IAAoBH,EAAS,MAAM;AACxC,UAAII,IAAiC,CAAA;AACrC,aAAAH,EAAqB,MAAM,QAAQ,CAACI,GAAYC,MAAkB;AACjE,QAAAF,EAAI,KAAK,UAAUC,CAAK,CAAC,IAAIC;AAAA,MAAA,CAC7B,GACM;AAAA,QACN,KAAK,CAACD,MAAeD,EAAI,KAAK,UAAUC,CAAK,CAAC;AAAA,MAAA;AAAA,IAC/C,CACA,GAQKE,IAASZ,EAAI,EAAK,GAElBa,IAAeb,EAAmB,IAAI,GAEtCc,IAAe,CAACC,MAAyB;AAE1C,UADJlB,EAAK,SAASkB,CAAK,GACfpB,EAAM,YAAYA,EAAM,UAAU;AACrC,QAAAoB,EAAM,eAAe;AACrB;AAAA,MACD;AACI,UAAAA,EAAM,QAAQpB,EAAM,SAAS;AAIhC,YAHIQ,EAAM,MAAMA,EAAM,MAAM,SAAS,CAAC,MAAMY,EAAM,QAC3CZ,EAAA,QAAQA,EAAM,MAAM,MAAM,GAAGA,EAAM,MAAM,SAAS,CAAC,IAEtD,CAACA,EAAM;AAAO;AAClB,QAAAU,EAAa,QAAQ;AACrB,cAAMG,IAAeR,EAAkB,MAAM,IAAIL,EAAM,KAAK;AAC5D,QAAIc,EAAMD,CAAY,IAAGE,EAAYf,EAAM,KAAK,IACtCN,EAAA,aAAaM,EAAM,KAAK,GAClCA,EAAM,QAAQ;AAAA,MAAA,WACJY,EAAM,QAAQ;AACxB,QAAIF,EAAa,UAAU,OACbA,EAAA,QAAQP,EAAqB,MAAM,SAAS,IACjDO,EAAa,UAAU,IAAGA,EAAa,QAAQ,OACtCA,EAAA;AAAA,eACRE,EAAM,QAAQ;AACxB,QAAIF,EAAa,UAAU,OAAMA,EAAa,QAAQ,IAC7CA,EAAa,UAAUP,EAAqB,MAAM,SAAS,IACnEO,EAAa,QAAQ,OACJA,EAAA;AAAA,eACRE,EAAM,QAAQ,aAAa;AACrC,YAAIZ,EAAM;AAAO;AACb,QAAAI,EAASM,EAAa,KAAK,KAC9BM,EAAYN,EAAa,KAAK,GAC9BA,EAAa,QAAQO;AAAA,UACpBP,EAAa;AAAA,UACb;AAAA,UACAP,EAAqB,MAAM,SAAS;AAAA,QAAA,GAEjCA,EAAqB,MAAM,WAAW,MAAGO,EAAa,QAAQ,SAC/CA,EAAA,QAAQP,EAAqB,MAAM,SAAS;AAAA,MAAA;SACtDS,EAAM,QAAQ,SAASA,EAAM,QAAQ,cAC/CF,EAAa,QAAQ;AAAA,IACtB,GAGKK,IAAc,CAACG,MAAiB;AACrC,MAAI1B,EAAM,WAAUE,EAAK,qBAAqBF,EAAM,WAAW,OAAO0B,CAAI,CAAC,IACtExB,EAAK,qBAAqBwB,CAAI;AAAA,IAAA,GAG9BF,IAAc,CAACG,MAAmC;AACnD,UAAA,OAAOA,KAAkB;AAC5B,QAAI3B,EAAM,WACTE,EAAK,qBAAqB0B,EAAK5B,EAAM,YAAY,GAAG2B,CAAa,CAAC,IAC9DzB,EAAK,qBAAqB,IAAI;AAAA,WAC7B;AACN,cAAMmB,IAAeR,EAAkB,MAAM,IAAIL,EAAM,KAAK;AAC5D,QAAAgB,EAAYH,CAAY;AAAA,MACzB;AAAA,IAAA,GAGKQ,IAAe,CAACT,MAAsB;AAC3C,MAAAlB,EAAK,SAASkB,CAAK,GACnBH,EAAO,QAAQ,IACN,SAAA,iBAAiB,SAASa,CAAc,GACxC,SAAA,iBAAiB,WAAWC,CAAc,GAC/CxB,EAAM,iBAAiB,oBAAkBA,EAAM,MAAM;IAAO,GAM3DyB,IAAwB,CAACZ,MAAsB;AAEhD,MADJlB,EAAK,SAASkB,CAAK,GACf,EAAApB,EAAM,YAAYA,EAAM,aACxBO,EAAM,iBAAiB,eAC1BA,EAAM,MAAM;IACb,GAOKuB,IAAiB,CAACV,MAAiB;AACpC,UAAAA,EAAM,kBAAkB,QACvBhB,EAAe,SACd,CAACA,EAAe,MAAM,SAASgB,EAAM,MAAM,GAAG;AACjD,QAAAlB,EAAK,UAAU,GACN,SAAA,oBAAoB,SAAS4B,CAAc,GACpDb,EAAO,QAAQ,IACXjB,EAAM,YACJiC,EAAA,GAAG,EAAE,KAAK,MAAM;AACpB,UAAAzB,EAAM,QAAQ;AAAA,QAAA,CACd;AACF;AAAA,MACD;AAAA,IAEF,GAGKuB,IAAiB,CAACX,MAAsB;AACzC,UAAAA,EAAM,kBAAkB,QACvBhB,EAAe,SACd,CAACA,EAAe,MAAM,SAASgB,EAAM,MAAM,GAAG;AACjD,QAAAlB,EAAK,UAAU,GACN,SAAA,oBAAoB,WAAW6B,CAAc,GACtDd,EAAO,QAAQ,IACXjB,EAAM,YACJiC,EAAA,GAAG,EAAE,KAAK,MAAM;AACpB,UAAAzB,EAAM,QAAQ;AAAA,QAAA,CACd;AACF;AAAA,MACD;AAAA,IAEF,GAGK0B,IAAiB;AAAA,MACtB,QAAQ,CAACd,MAAsBlB,EAAK,QAAQkB,CAAK;AAAA,MACjD,UAAU,CAACA,MAAiBlB,EAAK,UAAUkB,CAAK;AAAA,MAChD,WAAW,CAACA,MAAyB;AACpC,QAAIA,EAAM,QAAQ,WAAWpB,EAAM,YAAY,WAC9CoB,EAAM,eAAe,GAEtBlB,EAAK,WAAWkB,CAAK;AAAA,MACtB;AAAA,MACA,SAAS,CAACA,MAAiBlB,EAAK,SAASkB,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"index239.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/dist/index240.js
CHANGED
package/dist/index240.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index240.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index240.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/dist/index241.js
CHANGED
package/dist/index241.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index241.js","sources":[
|
|
1
|
+
{"version":3,"file":"index241.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/dist/index242.js
CHANGED
|
@@ -1,72 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import h from "./index9.js";
|
|
3
|
-
import "./index10.js";
|
|
4
|
-
import u from "./index117.js";
|
|
5
|
-
import "./index169.js";
|
|
6
|
-
const k = { class: "bb-toast-message__icon-container" }, g = { class: "bb-toast-message__content" }, f = {
|
|
7
|
-
key: 0,
|
|
8
|
-
class: "bb-toast-message__title"
|
|
9
|
-
}, C = { class: "bb-toast-message__text" }, v = { class: "bb-toast-message__close" }, w = /* @__PURE__ */ t("svg", {
|
|
10
|
-
fill: "none",
|
|
11
|
-
viewBox: "0 0 24 24",
|
|
12
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
13
|
-
}, [
|
|
14
|
-
/* @__PURE__ */ t("path", {
|
|
15
|
-
d: "M23 23L1 1M23 1L1 23",
|
|
16
|
-
stroke: "currentColor",
|
|
17
|
-
"stroke-linecap": "round",
|
|
18
|
-
"stroke-width": "2"
|
|
19
|
-
})
|
|
20
|
-
], -1), N = /* @__PURE__ */ d({
|
|
21
|
-
__name: "BbToastMessage",
|
|
22
|
-
props: {
|
|
23
|
-
title: {},
|
|
24
|
-
text: {},
|
|
25
|
-
icon: {},
|
|
26
|
-
theme: { default: "default" },
|
|
27
|
-
id: {},
|
|
28
|
-
showClose: { type: Boolean }
|
|
29
|
-
},
|
|
30
|
-
emits: ["click:close"],
|
|
31
|
-
setup(n, { emit: c }) {
|
|
32
|
-
const r = n, m = c, _ = () => {
|
|
33
|
-
m("click:close", r.id);
|
|
34
|
-
};
|
|
35
|
-
return (e, y) => (s(), a("div", {
|
|
36
|
-
"aria-atomic": "true",
|
|
37
|
-
"aria-live": "assertive",
|
|
38
|
-
"aria-role": "alert",
|
|
39
|
-
class: b(["bb-toast-message", { [`bb-toast-message--${e.theme}`]: e.theme }])
|
|
40
|
-
}, [
|
|
41
|
-
t("div", k, [
|
|
42
|
-
e.icon ? (s(), i(u, {
|
|
43
|
-
key: 0,
|
|
44
|
-
class: "bb-alert__icon",
|
|
45
|
-
type: e.icon
|
|
46
|
-
}, null, 8, ["type"])) : o("", !0)
|
|
47
|
-
]),
|
|
48
|
-
t("div", g, [
|
|
49
|
-
e.title ? (s(), a("p", f, l(e.title), 1)) : o("", !0),
|
|
50
|
-
t("p", C, l(e.text), 1)
|
|
51
|
-
]),
|
|
52
|
-
t("div", v, [
|
|
53
|
-
e.showClose ? (s(), i(h, {
|
|
54
|
-
key: 0,
|
|
55
|
-
"aria-label": "Chiudi",
|
|
56
|
-
block: "",
|
|
57
|
-
class: "bb-toast-message__close-btn",
|
|
58
|
-
onClick: _
|
|
59
|
-
}, {
|
|
60
|
-
default: p(() => [
|
|
61
|
-
w
|
|
62
|
-
]),
|
|
63
|
-
_: 1
|
|
64
|
-
})) : o("", !0)
|
|
65
|
-
])
|
|
66
|
-
], 2));
|
|
67
|
-
}
|
|
68
|
-
});
|
|
1
|
+
var e = { exports: {} };
|
|
69
2
|
export {
|
|
70
|
-
|
|
3
|
+
e as __module
|
|
71
4
|
};
|
|
72
5
|
//# sourceMappingURL=index242.js.map
|
package/dist/index242.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index242.js","sources":[
|
|
1
|
+
{"version":3,"file":"index242.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/dist/index243.js
CHANGED
package/dist/index243.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index243.js","sources":[
|
|
1
|
+
{"version":3,"file":"index243.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/dist/index244.js
CHANGED
|
@@ -1,18 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
return Object.prototype.toString.call(t).slice(8, -1);
|
|
3
|
-
}
|
|
4
|
-
function o(t) {
|
|
5
|
-
return r(t) === "Array";
|
|
6
|
-
}
|
|
7
|
-
function c(t) {
|
|
8
|
-
if (r(t) !== "Object")
|
|
9
|
-
return !1;
|
|
10
|
-
const e = Object.getPrototypeOf(t);
|
|
11
|
-
return !!e && e.constructor === Object && e === Object.prototype;
|
|
12
|
-
}
|
|
1
|
+
var o = { exports: {} };
|
|
13
2
|
export {
|
|
14
|
-
|
|
15
|
-
o as isArray,
|
|
16
|
-
c as isPlainObject
|
|
3
|
+
o as __module
|
|
17
4
|
};
|
|
18
5
|
//# sourceMappingURL=index244.js.map
|
package/dist/index244.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index244.js","sources":[
|
|
1
|
+
{"version":3,"file":"index244.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|