@useinsider/ab-components 0.0.1
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/README.md +64 -0
- package/dist/FilledCautionTriangle-DrK0oPPV.cjs +2 -0
- package/dist/FilledCautionTriangle-DrK0oPPV.cjs.map +1 -0
- package/dist/FilledCautionTriangle-cwRIOeCA.js +20 -0
- package/dist/FilledCautionTriangle-cwRIOeCA.js.map +1 -0
- package/dist/FilledCheckCircle-C_QbmDt7.js +20 -0
- package/dist/FilledCheckCircle-C_QbmDt7.js.map +1 -0
- package/dist/FilledCheckCircle-GM-5M2-K.cjs +2 -0
- package/dist/FilledCheckCircle-GM-5M2-K.cjs.map +1 -0
- package/dist/FilledErrorBox-AeXz9hB8.cjs +2 -0
- package/dist/FilledErrorBox-AeXz9hB8.cjs.map +1 -0
- package/dist/FilledErrorBox-BjD-Fb7J.js +20 -0
- package/dist/FilledErrorBox-BjD-Fb7J.js.map +1 -0
- package/dist/FilledInfoCircle-BIlBGYfB.js +20 -0
- package/dist/FilledInfoCircle-BIlBGYfB.js.map +1 -0
- package/dist/FilledInfoCircle-zRwS-Nz9.cjs +2 -0
- package/dist/FilledInfoCircle-zRwS-Nz9.cjs.map +1 -0
- package/dist/LineCheck-BS3C1-Sl.js +17 -0
- package/dist/LineCheck-BS3C1-Sl.js.map +1 -0
- package/dist/LineCheck-CXDtYarM.cjs +2 -0
- package/dist/LineCheck-CXDtYarM.cjs.map +1 -0
- package/dist/LoadingCircle-B9WqQlA9.cjs +2 -0
- package/dist/LoadingCircle-B9WqQlA9.cjs.map +1 -0
- package/dist/LoadingCircle-BsQ7G2K0.js +17 -0
- package/dist/LoadingCircle-BsQ7G2K0.js.map +1 -0
- package/dist/SmartIcon-D7zNmV22.cjs +2 -0
- package/dist/SmartIcon-D7zNmV22.cjs.map +1 -0
- package/dist/SmartIcon-DJGXMv63.js +20 -0
- package/dist/SmartIcon-DJGXMv63.js.map +1 -0
- package/dist/ab-components.cjs.js +2 -0
- package/dist/ab-components.cjs.js.map +1 -0
- package/dist/ab-components.css +1 -0
- package/dist/ab-components.es.js +8 -0
- package/dist/ab-components.es.js.map +1 -0
- package/dist/index-DP-lI-oU.cjs +2 -0
- package/dist/index-DP-lI-oU.cjs.map +1 -0
- package/dist/index-DvF0u09d.js +432 -0
- package/dist/index-DvF0u09d.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/package.json +104 -0
package/README.md
ADDED
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
# ab-components
|
|
2
|
+
|
|
3
|
+
This template should help get you started developing with Vue 3 in Vite.
|
|
4
|
+
|
|
5
|
+
## Recommended IDE Setup
|
|
6
|
+
|
|
7
|
+
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
|
|
8
|
+
|
|
9
|
+
## Type Support for `.vue` Imports in TS
|
|
10
|
+
|
|
11
|
+
TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
|
|
12
|
+
|
|
13
|
+
## Customize configuration
|
|
14
|
+
|
|
15
|
+
See [Vite Configuration Reference](https://vite.dev/config/).
|
|
16
|
+
|
|
17
|
+
## Project Setup
|
|
18
|
+
|
|
19
|
+
```sh
|
|
20
|
+
npm install
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Compile and Hot-Reload for Development
|
|
24
|
+
|
|
25
|
+
```sh
|
|
26
|
+
npm run dev
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### Type-Check, Compile and Minify for Production
|
|
30
|
+
|
|
31
|
+
```sh
|
|
32
|
+
npm run build
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
### Run Unit Tests with [Vitest](https://vitest.dev/)
|
|
36
|
+
|
|
37
|
+
```sh
|
|
38
|
+
npm run test:unit
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
### Run End-to-End Tests with [Playwright](https://playwright.dev)
|
|
42
|
+
|
|
43
|
+
```sh
|
|
44
|
+
# Install browsers for the first run
|
|
45
|
+
npx playwright install
|
|
46
|
+
|
|
47
|
+
# When testing on CI, must build the project first
|
|
48
|
+
npm run build
|
|
49
|
+
|
|
50
|
+
# Runs the end-to-end tests
|
|
51
|
+
npm run test:e2e
|
|
52
|
+
# Runs the tests only on Chromium
|
|
53
|
+
npm run test:e2e -- --project=chromium
|
|
54
|
+
# Runs the tests of a specific file
|
|
55
|
+
npm run test:e2e -- tests/example.spec.ts
|
|
56
|
+
# Runs the tests in debug mode
|
|
57
|
+
npm run test:e2e -- --debug
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
### Lint with [ESLint](https://eslint.org/)
|
|
61
|
+
|
|
62
|
+
```sh
|
|
63
|
+
npm run lint
|
|
64
|
+
```
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-DP-lI-oU.cjs"),l={},o={viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"};function r(i,t){return e.openBlock(),e.createElementBlock("svg",o,t[0]||(t[0]=[e.createElementVNode("path",{"clip-rule":"evenodd",d:"M10.362 3.965a1.873 1.873 0 0 1 3.276 0l8.087 14.025c.764 1.325-.153 3.01-1.638 3.01H3.913c-1.485 0-2.402-1.685-1.638-3.01l8.087-14.025zM11 10a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0v-3zm0 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0z","fill-rule":"evenodd"},null,-1)]))}const c=n._export_sfc(l,[["render",r]]);exports.default=c;
|
|
2
|
+
//# sourceMappingURL=FilledCautionTriangle-DrK0oPPV.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilledCautionTriangle-DrK0oPPV.cjs","sources":["../src/components/Icon/icons/FilledCautionTriangle.vue"],"sourcesContent":["<template>\n <svg\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n clip-rule=\"evenodd\"\n d=\"M10.362 3.965a1.873 1.873 0 0 1 3.276 0l8.087 14.025c.764 1.325-.153 3.01-1.638 3.01H3.913c-1.485 0-2.402-1.685-1.638-3.01l8.087-14.025zM11 10a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0v-3zm0 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0z\"\n fill-rule=\"evenodd\" />\n </svg>\n</template>\n"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":"8IAEQA,EAAmB,CACnB,QAAkC,gDAFtC,SAAAC,EAAAC,EAAAC,EAAA,QAM8BC,EAAA,UAAA,EAAAC,EAAA,mBAAA,MAAAL,EAAAG,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAFtBG,EAAAA,mBAAmB,OAAA,CACnB,YAAqN,UACrN,EAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { openBlock as o, createElementBlock as t, createElementVNode as l } from "vue";
|
|
2
|
+
import { _ as n } from "./index-DvF0u09d.js";
|
|
3
|
+
const r = {}, c = {
|
|
4
|
+
viewBox: "0 0 24 24",
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
6
|
+
};
|
|
7
|
+
function a(s, e) {
|
|
8
|
+
return o(), t("svg", c, e[0] || (e[0] = [
|
|
9
|
+
l("path", {
|
|
10
|
+
"clip-rule": "evenodd",
|
|
11
|
+
d: "M10.362 3.965a1.873 1.873 0 0 1 3.276 0l8.087 14.025c.764 1.325-.153 3.01-1.638 3.01H3.913c-1.485 0-2.402-1.685-1.638-3.01l8.087-14.025zM11 10a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0v-3zm0 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0z",
|
|
12
|
+
"fill-rule": "evenodd"
|
|
13
|
+
}, null, -1)
|
|
14
|
+
]));
|
|
15
|
+
}
|
|
16
|
+
const m = /* @__PURE__ */ n(r, [["render", a]]);
|
|
17
|
+
export {
|
|
18
|
+
m as default
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=FilledCautionTriangle-cwRIOeCA.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilledCautionTriangle-cwRIOeCA.js","sources":["../src/components/Icon/icons/FilledCautionTriangle.vue"],"sourcesContent":["<template>\n <svg\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n clip-rule=\"evenodd\"\n d=\"M10.362 3.965a1.873 1.873 0 0 1 3.276 0l8.087 14.025c.764 1.325-.153 3.01-1.638 3.01H3.913c-1.485 0-2.402-1.685-1.638-3.01l8.087-14.025zM11 10a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0v-3zm0 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0z\"\n fill-rule=\"evenodd\" />\n </svg>\n</template>\n"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;cAEQA,IAAmB;AAAA,EACnB,SAAkC;AAAA;;AAFtC,SAAAC,EAAAC,GAAAC,GAAA;SAM8BC,EAAA,GAAAC,EAAA,OAAAL,GAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,IAFtBG,EAAmB,QAAA;AAAA,MACnB,aAAqN;AAAA,MACrN,GAAA;AAAA;;;;;"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { openBlock as l, createElementBlock as o, createElementVNode as t } from "vue";
|
|
2
|
+
import { _ as r } from "./index-DvF0u09d.js";
|
|
3
|
+
const n = {}, c = {
|
|
4
|
+
viewBox: "0 0 24 24",
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
6
|
+
};
|
|
7
|
+
function s(d, e) {
|
|
8
|
+
return l(), o("svg", c, e[0] || (e[0] = [
|
|
9
|
+
t("path", {
|
|
10
|
+
"fill-rule": "evenodd",
|
|
11
|
+
"clip-rule": "evenodd",
|
|
12
|
+
d: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm-1.69-6.281l-2.03-2.04a.964.964 0 0 1 0-1.359.953.953 0 0 1 1.353 0l1.353 1.36 3.381-3.398a.953.953 0 0 1 1.353 0 .965.965 0 0 1 0 1.359l-4.058 4.078a.953.953 0 0 1-1.353 0z"
|
|
13
|
+
}, null, -1)
|
|
14
|
+
]));
|
|
15
|
+
}
|
|
16
|
+
const m = /* @__PURE__ */ r(n, [["render", s]]);
|
|
17
|
+
export {
|
|
18
|
+
m as default
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=FilledCheckCircle-C_QbmDt7.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilledCheckCircle-C_QbmDt7.js","sources":["../src/components/Icon/icons/FilledCheckCircle.vue"],"sourcesContent":["<template>\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm-1.69-6.281l-2.03-2.04a.964.964 0 0 1 0-1.359.953.953 0 0 1 1.353 0l1.353 1.36 3.381-3.398a.953.953 0 0 1 1.353 0 .965.965 0 0 1 0 1.359l-4.058 4.078a.953.953 0 0 1-1.353 0z\">\n </path>\n </svg>\n</template>"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;cACSA,IAAmB;AAAA,EAAC,SAAkC;AAAA;;AAA3D,SAAAC,EAAAC,GAAAC,GAAA;SAGWC,EAAA,GAAAC,EAAA,OAAAL,GAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,IAFDG,EAAmB,QAAA;AAAA,MAAC,aAAU;AAAA,MAChC,aAAuN;AAAA;;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./index-DP-lI-oU.cjs"),n={},r={viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"};function o(d,t){return e.openBlock(),e.createElementBlock("svg",r,t[0]||(t[0]=[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm-1.69-6.281l-2.03-2.04a.964.964 0 0 1 0-1.359.953.953 0 0 1 1.353 0l1.353 1.36 3.381-3.398a.953.953 0 0 1 1.353 0 .965.965 0 0 1 0 1.359l-4.058 4.078a.953.953 0 0 1-1.353 0z"},null,-1)]))}const c=l._export_sfc(n,[["render",o]]);exports.default=c;
|
|
2
|
+
//# sourceMappingURL=FilledCheckCircle-GM-5M2-K.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilledCheckCircle-GM-5M2-K.cjs","sources":["../src/components/Icon/icons/FilledCheckCircle.vue"],"sourcesContent":["<template>\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm-1.69-6.281l-2.03-2.04a.964.964 0 0 1 0-1.359.953.953 0 0 1 1.353 0l1.353 1.36 3.381-3.398a.953.953 0 0 1 1.353 0 .965.965 0 0 1 0 1.359l-4.058 4.078a.953.953 0 0 1-1.353 0z\">\n </path>\n </svg>\n</template>"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":"8IACSA,EAAmB,CAAC,QAAkC,gDAA3D,SAAAC,EAAAC,EAAAC,EAAA,QAGWC,EAAA,UAAA,EAAAC,EAAA,mBAAA,MAAAL,EAAAG,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAFDG,EAAAA,mBAAmB,OAAA,CAAC,YAAU,UAChC,YAAuN"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-DP-lI-oU.cjs"),l={},o={viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"};function n(a,t){return e.openBlock(),e.createElementBlock("svg",o,t[0]||(t[0]=[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5zm8.36 11.719a.961.961 0 0 0 1.359-1.36L13.359 12l1.36-1.36a.961.961 0 0 0-1.36-1.358L12 10.64l-1.36-1.36a.961.961 0 0 0-1.358 1.36L10.64 12l-1.36 1.36a.961.961 0 0 0 1.36 1.359l1.36-1.36 1.36 1.36z"},null,-1)]))}const c=r._export_sfc(l,[["render",n]]);exports.default=c;
|
|
2
|
+
//# sourceMappingURL=FilledErrorBox-AeXz9hB8.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilledErrorBox-AeXz9hB8.cjs","sources":["../src/components/Icon/icons/FilledErrorBox.vue"],"sourcesContent":["<template>\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5zm8.36 11.719a.961.961 0 0 0 1.359-1.36L13.359 12l1.36-1.36a.961.961 0 0 0-1.36-1.358L12 10.64l-1.36-1.36a.961.961 0 0 0-1.358 1.36L10.64 12l-1.36 1.36a.961.961 0 0 0 1.36 1.359l1.36-1.36 1.36 1.36z\">\n </path>\n </svg>\n</template>"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":"8IACSA,EAAmB,CAAC,QAAkC,gDAA3D,SAAAC,EAAAC,EAAAC,EAAA,QAGWC,EAAA,UAAA,EAAAC,EAAA,mBAAA,MAAAL,EAAAG,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAFDG,EAAAA,mBAAmB,OAAA,CAAC,YAAU,UAChC,YAAgR"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { openBlock as o, createElementBlock as r, createElementVNode as l } from "vue";
|
|
2
|
+
import { _ as t } from "./index-DvF0u09d.js";
|
|
3
|
+
const n = {}, a = {
|
|
4
|
+
viewBox: "0 0 24 24",
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
6
|
+
};
|
|
7
|
+
function s(c, e) {
|
|
8
|
+
return o(), r("svg", a, e[0] || (e[0] = [
|
|
9
|
+
l("path", {
|
|
10
|
+
"fill-rule": "evenodd",
|
|
11
|
+
"clip-rule": "evenodd",
|
|
12
|
+
d: "M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5zm8.36 11.719a.961.961 0 0 0 1.359-1.36L13.359 12l1.36-1.36a.961.961 0 0 0-1.36-1.358L12 10.64l-1.36-1.36a.961.961 0 0 0-1.358 1.36L10.64 12l-1.36 1.36a.961.961 0 0 0 1.36 1.359l1.36-1.36 1.36 1.36z"
|
|
13
|
+
}, null, -1)
|
|
14
|
+
]));
|
|
15
|
+
}
|
|
16
|
+
const m = /* @__PURE__ */ t(n, [["render", s]]);
|
|
17
|
+
export {
|
|
18
|
+
m as default
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=FilledErrorBox-BjD-Fb7J.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilledErrorBox-BjD-Fb7J.js","sources":["../src/components/Icon/icons/FilledErrorBox.vue"],"sourcesContent":["<template>\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5zm8.36 11.719a.961.961 0 0 0 1.359-1.36L13.359 12l1.36-1.36a.961.961 0 0 0-1.36-1.358L12 10.64l-1.36-1.36a.961.961 0 0 0-1.358 1.36L10.64 12l-1.36 1.36a.961.961 0 0 0 1.36 1.359l1.36-1.36 1.36 1.36z\">\n </path>\n </svg>\n</template>"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;cACSA,IAAmB;AAAA,EAAC,SAAkC;AAAA;;AAA3D,SAAAC,EAAAC,GAAAC,GAAA;SAGWC,EAAA,GAAAC,EAAA,OAAAL,GAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,IAFDG,EAAmB,QAAA;AAAA,MAAC,aAAU;AAAA,MAChC,aAAgR;AAAA;;;;;"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { openBlock as o, createElementBlock as t, createElementVNode as r } from "vue";
|
|
2
|
+
import { _ as n } from "./index-DvF0u09d.js";
|
|
3
|
+
const l = {}, c = {
|
|
4
|
+
viewBox: "0 0 24 24",
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
6
|
+
};
|
|
7
|
+
function s(d, e) {
|
|
8
|
+
return o(), t("svg", c, e[0] || (e[0] = [
|
|
9
|
+
r("path", {
|
|
10
|
+
"fill-rule": "evenodd",
|
|
11
|
+
"clip-rule": "evenodd",
|
|
12
|
+
d: "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0zm-10 0a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0v-4zm1-5a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"
|
|
13
|
+
}, null, -1)
|
|
14
|
+
]));
|
|
15
|
+
}
|
|
16
|
+
const m = /* @__PURE__ */ n(l, [["render", s]]);
|
|
17
|
+
export {
|
|
18
|
+
m as default
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=FilledInfoCircle-BIlBGYfB.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilledInfoCircle-BIlBGYfB.js","sources":["../src/components/Icon/icons/FilledInfoCircle.vue"],"sourcesContent":["<template>\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0zm-10 0a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0v-4zm1-5a1 1 0 1 0 0 2 1 1 0 0 0 0-2z\">\n </path>\n </svg>\n</template>"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;cACSA,IAAmB;AAAA,EAAC,SAAkC;AAAA;;AAA3D,SAAAC,EAAAC,GAAAC,GAAA;SAGWC,EAAA,GAAAC,EAAA,OAAAL,GAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,IAFDG,EAAmB,QAAA;AAAA,MAAC,aAAU;AAAA,MAChC,aAAkH;AAAA;;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-DP-lI-oU.cjs"),o={},r={viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"};function l(d,t){return e.openBlock(),e.createElementBlock("svg",r,t[0]||(t[0]=[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0zm-10 0a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0v-4zm1-5a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"},null,-1)]))}const c=n._export_sfc(o,[["render",l]]);exports.default=c;
|
|
2
|
+
//# sourceMappingURL=FilledInfoCircle-zRwS-Nz9.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilledInfoCircle-zRwS-Nz9.cjs","sources":["../src/components/Icon/icons/FilledInfoCircle.vue"],"sourcesContent":["<template>\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0zm-10 0a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0v-4zm1-5a1 1 0 1 0 0 2 1 1 0 0 0 0-2z\">\n </path>\n </svg>\n</template>"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":"8IACSA,EAAmB,CAAC,QAAkC,gDAA3D,SAAAC,EAAAC,EAAAC,EAAA,QAGWC,EAAA,UAAA,EAAAC,EAAA,mBAAA,MAAAL,EAAAG,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAFDG,EAAAA,mBAAmB,OAAA,CAAC,YAAU,UAChC,YAAkH"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { openBlock as o, createElementBlock as n, createElementVNode as t } from "vue";
|
|
2
|
+
import { _ as r } from "./index-DvF0u09d.js";
|
|
3
|
+
const l = {}, a = {
|
|
4
|
+
viewBox: "0 0 24 24",
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
6
|
+
};
|
|
7
|
+
function s(c, e) {
|
|
8
|
+
return o(), n("svg", a, e[0] || (e[0] = [
|
|
9
|
+
t("path", { d: "M5.278 12.674a.956.956 0 0 1 0-1.348.948.948 0 0 1 1.345 0l4.033 4.046a.956.956 0 0 1 0 1.349.948.948 0 0 1-1.345 0l-4.033-4.047z" }, null, -1),
|
|
10
|
+
t("path", { d: "M9.311 16.72a.956.956 0 0 1 0-1.348l8.066-8.093a.948.948 0 0 1 1.345 0 .956.956 0 0 1 0 1.35l-8.066 8.092a.948.948 0 0 1-1.345 0z" }, null, -1)
|
|
11
|
+
]));
|
|
12
|
+
}
|
|
13
|
+
const p = /* @__PURE__ */ r(l, [["render", s]]);
|
|
14
|
+
export {
|
|
15
|
+
p as default
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=LineCheck-BS3C1-Sl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LineCheck-BS3C1-Sl.js","sources":["../src/components/Icon/icons/LineCheck.vue"],"sourcesContent":["<template>\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M5.278 12.674a.956.956 0 0 1 0-1.348.948.948 0 0 1 1.345 0l4.033 4.046a.956.956 0 0 1 0 1.349.948.948 0 0 1-1.345 0l-4.033-4.047z\"></path>\n <path d=\"M9.311 16.72a.956.956 0 0 1 0-1.348l8.066-8.093a.948.948 0 0 1 1.345 0 .956.956 0 0 1 0 1.35l-8.066 8.092a.948.948 0 0 1-1.345 0z\"></path>\n </svg>\n</template>"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;cACSA,IAAmB;AAAA,EAAC,SAAkC;AAAA;;AAA3D,SAAAC,EAAAC,GAAAC,GAAA;SACmJC,EAAA,GAAAC,EAAR,OAAAL,GAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,IAC3IG,EAAmJ,QAAA,EAA7I,GAAE,oIAAmI,GAAA,MAAA,EAAA;AAAA;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-DP-lI-oU.cjs"),o={},r={viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"};function l(s,t){return e.openBlock(),e.createElementBlock("svg",r,t[0]||(t[0]=[e.createElementVNode("path",{d:"M5.278 12.674a.956.956 0 0 1 0-1.348.948.948 0 0 1 1.345 0l4.033 4.046a.956.956 0 0 1 0 1.349.948.948 0 0 1-1.345 0l-4.033-4.047z"},null,-1),e.createElementVNode("path",{d:"M9.311 16.72a.956.956 0 0 1 0-1.348l8.066-8.093a.948.948 0 0 1 1.345 0 .956.956 0 0 1 0 1.35l-8.066 8.092a.948.948 0 0 1-1.345 0z"},null,-1)]))}const c=n._export_sfc(o,[["render",l]]);exports.default=c;
|
|
2
|
+
//# sourceMappingURL=LineCheck-CXDtYarM.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LineCheck-CXDtYarM.cjs","sources":["../src/components/Icon/icons/LineCheck.vue"],"sourcesContent":["<template>\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M5.278 12.674a.956.956 0 0 1 0-1.348.948.948 0 0 1 1.345 0l4.033 4.046a.956.956 0 0 1 0 1.349.948.948 0 0 1-1.345 0l-4.033-4.047z\"></path>\n <path d=\"M9.311 16.72a.956.956 0 0 1 0-1.348l8.066-8.093a.948.948 0 0 1 1.345 0 .956.956 0 0 1 0 1.35l-8.066 8.092a.948.948 0 0 1-1.345 0z\"></path>\n </svg>\n</template>"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":"8IACSA,EAAmB,CAAC,QAAkC,gDAA3D,SAAAC,EAAAC,EAAAC,EAAA,QACmJC,EAAA,UAAA,EAAAC,EAAR,mBAAA,MAAAL,EAAAG,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAC3IG,EAAmJ,mBAAA,OAAA,CAA7I,EAAE,mIAAmI,EAAA,KAAA,EAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-DP-lI-oU.cjs"),o={},C={viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",id:"ab-loading-icon"};function r(i,t){return e.openBlock(),e.createElementBlock("svg",C,t[0]||(t[0]=[e.createElementVNode("path",{d:"M20.0482 12.025C20.6015 12.025 21.0557 11.5751 20.9944 11.0253C20.8349 9.59397 20.3345 8.21647 19.529 7.01098C18.5373 5.52683 17.1278 4.37007 15.4787 3.68699C13.8296 3.00391 12.015 2.82519 10.2643 3.17342C8.51363 3.52165 6.90553 4.38119 5.64336 5.64336C4.38119 6.90553 3.52165 8.51363 3.17342 10.2643C2.82519 12.015 3.00391 13.8296 3.68699 15.4787C4.37007 17.1278 5.52683 18.5373 7.01098 19.529C8.21647 20.3345 9.59397 20.8349 11.0253 20.9944C11.5751 21.0557 12.025 20.6015 12.025 20.0482V20.0482C12.025 19.4949 11.5742 19.0538 11.0266 18.9751C9.99233 18.8265 8.99986 18.4483 8.12409 17.8631C6.96942 17.0916 6.06946 15.995 5.53803 14.712C5.00659 13.429 4.86754 12.0172 5.13847 10.6552C5.40939 9.29315 6.07812 8.04205 7.06008 7.06008C8.04205 6.07812 9.29315 5.40939 10.6552 5.13847C12.0172 4.86754 13.429 5.00659 14.712 5.53803C15.995 6.06946 17.0916 6.96942 17.8631 8.12409C18.4483 8.99986 18.8265 9.99233 18.9751 11.0266C19.0538 11.5742 19.4949 12.025 20.0482 12.025V12.025Z"},null,-1)]))}const c=n._export_sfc(o,[["render",r]]);exports.default=c;
|
|
2
|
+
//# sourceMappingURL=LoadingCircle-B9WqQlA9.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoadingCircle-B9WqQlA9.cjs","sources":["../src/components/Icon/icons/LoadingCircle.vue"],"sourcesContent":["<template>\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" id=\"ab-loading-icon\">\n <path\n d=\"M20.0482 12.025C20.6015 12.025 21.0557 11.5751 20.9944 11.0253C20.8349 9.59397 20.3345 8.21647 19.529 7.01098C18.5373 5.52683 17.1278 4.37007 15.4787 3.68699C13.8296 3.00391 12.015 2.82519 10.2643 3.17342C8.51363 3.52165 6.90553 4.38119 5.64336 5.64336C4.38119 6.90553 3.52165 8.51363 3.17342 10.2643C2.82519 12.015 3.00391 13.8296 3.68699 15.4787C4.37007 17.1278 5.52683 18.5373 7.01098 19.529C8.21647 20.3345 9.59397 20.8349 11.0253 20.9944C11.5751 21.0557 12.025 20.6015 12.025 20.0482V20.0482C12.025 19.4949 11.5742 19.0538 11.0266 18.9751C9.99233 18.8265 8.99986 18.4483 8.12409 17.8631C6.96942 17.0916 6.06946 15.995 5.53803 14.712C5.00659 13.429 4.86754 12.0172 5.13847 10.6552C5.40939 9.29315 6.07812 8.04205 7.06008 7.06008C8.04205 6.07812 9.29315 5.40939 10.6552 5.13847C12.0172 4.86754 13.429 5.00659 14.712 5.53803C15.995 6.06946 17.0916 6.96942 17.8631 8.12409C18.4483 8.99986 18.8265 9.99233 18.9751 11.0266C19.0538 11.5742 19.4949 12.025 20.0482 12.025V12.025Z\" />\n </svg>\n</template>\n\n<style lang=\"scss\">\n#ab-loading-icon {\n animation: spinner 1000ms infinite linear;\n}\n\n@keyframes spinner {\n 0% {\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n</style>"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"8IACSA,EAAmB,CAAC,QAAkC,YAAC,MAAoB,mDAAhF,SAAAC,EAAAC,EAAAC,EAAA,QAE89BC,EAAA,UAAA,EAAAC,EAAH,mBAAA,MAAAL,EAAAG,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
|
|
2
|
+
import { _ as n } from "./index-DvF0u09d.js";
|
|
3
|
+
const r = {}, c = {
|
|
4
|
+
viewBox: "0 0 24 24",
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
+
id: "ab-loading-icon"
|
|
7
|
+
};
|
|
8
|
+
function s(i, C) {
|
|
9
|
+
return e(), o("svg", c, C[0] || (C[0] = [
|
|
10
|
+
t("path", { d: "M20.0482 12.025C20.6015 12.025 21.0557 11.5751 20.9944 11.0253C20.8349 9.59397 20.3345 8.21647 19.529 7.01098C18.5373 5.52683 17.1278 4.37007 15.4787 3.68699C13.8296 3.00391 12.015 2.82519 10.2643 3.17342C8.51363 3.52165 6.90553 4.38119 5.64336 5.64336C4.38119 6.90553 3.52165 8.51363 3.17342 10.2643C2.82519 12.015 3.00391 13.8296 3.68699 15.4787C4.37007 17.1278 5.52683 18.5373 7.01098 19.529C8.21647 20.3345 9.59397 20.8349 11.0253 20.9944C11.5751 21.0557 12.025 20.6015 12.025 20.0482V20.0482C12.025 19.4949 11.5742 19.0538 11.0266 18.9751C9.99233 18.8265 8.99986 18.4483 8.12409 17.8631C6.96942 17.0916 6.06946 15.995 5.53803 14.712C5.00659 13.429 4.86754 12.0172 5.13847 10.6552C5.40939 9.29315 6.07812 8.04205 7.06008 7.06008C8.04205 6.07812 9.29315 5.40939 10.6552 5.13847C12.0172 4.86754 13.429 5.00659 14.712 5.53803C15.995 6.06946 17.0916 6.96942 17.8631 8.12409C18.4483 8.99986 18.8265 9.99233 18.9751 11.0266C19.0538 11.5742 19.4949 12.025 20.0482 12.025V12.025Z" }, null, -1)
|
|
11
|
+
]));
|
|
12
|
+
}
|
|
13
|
+
const d = /* @__PURE__ */ n(r, [["render", s]]);
|
|
14
|
+
export {
|
|
15
|
+
d as default
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=LoadingCircle-BsQ7G2K0.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoadingCircle-BsQ7G2K0.js","sources":["../src/components/Icon/icons/LoadingCircle.vue"],"sourcesContent":["<template>\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" id=\"ab-loading-icon\">\n <path\n d=\"M20.0482 12.025C20.6015 12.025 21.0557 11.5751 20.9944 11.0253C20.8349 9.59397 20.3345 8.21647 19.529 7.01098C18.5373 5.52683 17.1278 4.37007 15.4787 3.68699C13.8296 3.00391 12.015 2.82519 10.2643 3.17342C8.51363 3.52165 6.90553 4.38119 5.64336 5.64336C4.38119 6.90553 3.52165 8.51363 3.17342 10.2643C2.82519 12.015 3.00391 13.8296 3.68699 15.4787C4.37007 17.1278 5.52683 18.5373 7.01098 19.529C8.21647 20.3345 9.59397 20.8349 11.0253 20.9944C11.5751 21.0557 12.025 20.6015 12.025 20.0482V20.0482C12.025 19.4949 11.5742 19.0538 11.0266 18.9751C9.99233 18.8265 8.99986 18.4483 8.12409 17.8631C6.96942 17.0916 6.06946 15.995 5.53803 14.712C5.00659 13.429 4.86754 12.0172 5.13847 10.6552C5.40939 9.29315 6.07812 8.04205 7.06008 7.06008C8.04205 6.07812 9.29315 5.40939 10.6552 5.13847C12.0172 4.86754 13.429 5.00659 14.712 5.53803C15.995 6.06946 17.0916 6.96942 17.8631 8.12409C18.4483 8.99986 18.8265 9.99233 18.9751 11.0266C19.0538 11.5742 19.4949 12.025 20.0482 12.025V12.025Z\" />\n </svg>\n</template>\n\n<style lang=\"scss\">\n#ab-loading-icon {\n animation: spinner 1000ms infinite linear;\n}\n\n@keyframes spinner {\n 0% {\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n</style>"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;cACSA,IAAmB;AAAA,EAAC,SAAkC;AAAA,EAAC,OAAoB;AAAA;;AAAhF,SAAAC,EAAAC,GAAAC,GAAA;SAE89BC,EAAA,GAAAC,EAAH,OAAAL,GAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./index-DP-lI-oU.cjs"),n={},L={viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function o(r,C){return e.openBlock(),e.createElementBlock("svg",L,C[0]||(C[0]=[e.createElementVNode("path",{d:"M10.9733 2.27585C11.0723 1.90805 11.5942 1.90805 11.6932 2.27585L12.0682 3.66867C12.1027 3.79696 12.2029 3.89716 12.3312 3.9317L13.724 4.30672C14.0918 4.40575 14.0918 4.92759 13.724 5.02662L12.3312 5.40163C12.2029 5.43617 12.1027 5.53638 12.0682 5.66466L11.6932 7.05748C11.5942 7.42528 11.0723 7.42528 10.9733 7.05748L10.5983 5.66466C10.5637 5.53638 10.4635 5.43617 10.3352 5.40163L8.94242 5.02662C8.57461 4.92759 8.57461 4.40575 8.94242 4.30672L10.3352 3.9317C10.4635 3.89716 10.5637 3.79696 10.5983 3.66867L10.9733 2.27585Z"},null,-1),e.createElementVNode("path",{d:"M5.72324 2.87868C5.79935 2.59598 6.20044 2.59598 6.27656 2.87868L6.41285 3.38487C6.4394 3.48347 6.51642 3.56049 6.61502 3.58704L7.12121 3.72333C7.40391 3.79945 7.40391 4.20053 7.12121 4.27665L6.61502 4.41294C6.51642 4.43949 6.4394 4.51651 6.41285 4.61511L6.27656 5.1213C6.20044 5.404 5.79935 5.404 5.72324 5.1213L5.58695 4.61511C5.5604 4.51651 5.48338 4.43949 5.38478 4.41294L4.87859 4.27665C4.59589 4.20053 4.59589 3.79945 4.87859 3.72333L5.38478 3.58704C5.48338 3.56049 5.5604 3.48347 5.58695 3.38487L5.72324 2.87868Z"},null,-1),e.createElementVNode("path",{d:"M11.7232 8.87868C11.7994 8.59598 12.2004 8.59598 12.2766 8.87868L12.4128 9.38487C12.4394 9.48347 12.5164 9.56049 12.615 9.58704L13.1212 9.72333C13.4039 9.79945 13.4039 10.2005 13.1212 10.2766L12.615 10.4129C12.5164 10.4395 12.4394 10.5165 12.4128 10.6151L12.2766 11.1213C12.2004 11.404 11.7994 11.404 11.7232 11.1213L11.5869 10.6151C11.5604 10.5165 11.4834 10.4395 11.3848 10.4129L10.8786 10.2766C10.5959 10.2005 10.5959 9.79945 10.8786 9.72333L11.3848 9.58704C11.4834 9.56049 11.5604 9.48347 11.5869 9.38487L11.7232 8.87868Z"},null,-1),e.createElementVNode("path",{d:"M7.44041 7.33334C7.59931 7.33334 7.73057 7.38572 7.8342 7.49049C7.94473 7.59525 8 7.72795 8 7.88858V8.66668C8 8.79938 7.96546 8.90763 7.89637 8.99144C7.8342 9.07525 7.73403 9.11715 7.59586 9.11715H7.19171C7.05354 9.11715 6.94991 9.07525 6.88083 8.99144C6.81865 8.90763 6.78757 8.79938 6.78757 8.66668V8.55906H5.72021V12.7743H5.9171C6.04836 12.7743 6.15544 12.8092 6.23834 12.8791C6.32124 12.9419 6.36269 13.0432 6.36269 13.1829V13.5914C6.36269 13.7311 6.32124 13.8359 6.23834 13.9057C6.15544 13.9686 6.04836 14 5.9171 14H4.0829C3.78584 14 3.63731 13.8638 3.63731 13.5914V13.1829C3.63731 12.9105 3.78584 12.7743 4.0829 12.7743H4.26943V8.55906H3.21244V8.66668C3.21244 8.79938 3.17789 8.90763 3.10881 8.99144C3.04663 9.07525 2.94646 9.11715 2.80829 9.11715H2.40415C2.26598 9.11715 2.16235 9.07525 2.09326 8.99144C2.03109 8.90763 2 8.79938 2 8.66668V7.88858C2 7.72795 2.05181 7.59525 2.15544 7.49049C2.26598 7.38572 2.39724 7.33334 2.54922 7.33334H7.44041Z"},null,-1)]))}const l=t._export_sfc(n,[["render",o]]);exports.default=l;
|
|
2
|
+
//# sourceMappingURL=SmartIcon-D7zNmV22.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SmartIcon-D7zNmV22.cjs","sources":["../src/components/Icon/icons/SmartIcon.vue"],"sourcesContent":["<template>\n <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10.9733 2.27585C11.0723 1.90805 11.5942 1.90805 11.6932 2.27585L12.0682 3.66867C12.1027 3.79696 12.2029 3.89716 12.3312 3.9317L13.724 4.30672C14.0918 4.40575 14.0918 4.92759 13.724 5.02662L12.3312 5.40163C12.2029 5.43617 12.1027 5.53638 12.0682 5.66466L11.6932 7.05748C11.5942 7.42528 11.0723 7.42528 10.9733 7.05748L10.5983 5.66466C10.5637 5.53638 10.4635 5.43617 10.3352 5.40163L8.94242 5.02662C8.57461 4.92759 8.57461 4.40575 8.94242 4.30672L10.3352 3.9317C10.4635 3.89716 10.5637 3.79696 10.5983 3.66867L10.9733 2.27585Z\" />\n <path d=\"M5.72324 2.87868C5.79935 2.59598 6.20044 2.59598 6.27656 2.87868L6.41285 3.38487C6.4394 3.48347 6.51642 3.56049 6.61502 3.58704L7.12121 3.72333C7.40391 3.79945 7.40391 4.20053 7.12121 4.27665L6.61502 4.41294C6.51642 4.43949 6.4394 4.51651 6.41285 4.61511L6.27656 5.1213C6.20044 5.404 5.79935 5.404 5.72324 5.1213L5.58695 4.61511C5.5604 4.51651 5.48338 4.43949 5.38478 4.41294L4.87859 4.27665C4.59589 4.20053 4.59589 3.79945 4.87859 3.72333L5.38478 3.58704C5.48338 3.56049 5.5604 3.48347 5.58695 3.38487L5.72324 2.87868Z\" />\n\n <path d=\"M11.7232 8.87868C11.7994 8.59598 12.2004 8.59598 12.2766 8.87868L12.4128 9.38487C12.4394 9.48347 12.5164 9.56049 12.615 9.58704L13.1212 9.72333C13.4039 9.79945 13.4039 10.2005 13.1212 10.2766L12.615 10.4129C12.5164 10.4395 12.4394 10.5165 12.4128 10.6151L12.2766 11.1213C12.2004 11.404 11.7994 11.404 11.7232 11.1213L11.5869 10.6151C11.5604 10.5165 11.4834 10.4395 11.3848 10.4129L10.8786 10.2766C10.5959 10.2005 10.5959 9.79945 10.8786 9.72333L11.3848 9.58704C11.4834 9.56049 11.5604 9.48347 11.5869 9.38487L11.7232 8.87868Z\" />\n <path d=\"M7.44041 7.33334C7.59931 7.33334 7.73057 7.38572 7.8342 7.49049C7.94473 7.59525 8 7.72795 8 7.88858V8.66668C8 8.79938 7.96546 8.90763 7.89637 8.99144C7.8342 9.07525 7.73403 9.11715 7.59586 9.11715H7.19171C7.05354 9.11715 6.94991 9.07525 6.88083 8.99144C6.81865 8.90763 6.78757 8.79938 6.78757 8.66668V8.55906H5.72021V12.7743H5.9171C6.04836 12.7743 6.15544 12.8092 6.23834 12.8791C6.32124 12.9419 6.36269 13.0432 6.36269 13.1829V13.5914C6.36269 13.7311 6.32124 13.8359 6.23834 13.9057C6.15544 13.9686 6.04836 14 5.9171 14H4.0829C3.78584 14 3.63731 13.8638 3.63731 13.5914V13.1829C3.63731 12.9105 3.78584 12.7743 4.0829 12.7743H4.26943V8.55906H3.21244V8.66668C3.21244 8.79938 3.17789 8.90763 3.10881 8.99144C3.04663 9.07525 2.94646 9.11715 2.80829 9.11715H2.40415C2.26598 9.11715 2.16235 9.07525 2.09326 8.99144C2.03109 8.90763 2 8.79938 2 8.66668V7.88858C2 7.72795 2.05181 7.59525 2.15544 7.49049C2.26598 7.38572 2.39724 7.33334 2.54922 7.33334H7.44041Z\" />\n </svg>\n</template>"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":"8IACSA,EAAmB,CAAC,QAAW,YAAC,gDAArC,SAAAC,EAAAC,EAAAC,EAAA,QAC8hBC,EAAA,UAAA,EAAAC,EAAH,mBAAA,MAAAL,EAAAG,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CACvhBG,EAAohB,mBAAA,OAAA,CAA9gB,EAAE,+gBAAygB,EAAA,KAAA,EAAA,EAEjhBA,EAA0hB,mBAAA,OAAA,CAAphB,EAAE,ygBAA+gB,EAAA,KAAA,EAAA,EACvhBA,EAAq8B,mBAAA,OAAA,CAA/7B,EAAE,+gBAA07B,EAAA,KAAA,EAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { openBlock as t, createElementBlock as e, createElementVNode as C } from "vue";
|
|
2
|
+
import { _ as n } from "./index-DvF0u09d.js";
|
|
3
|
+
const o = {}, l = {
|
|
4
|
+
viewBox: "0 0 16 16",
|
|
5
|
+
fill: "none",
|
|
6
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
7
|
+
};
|
|
8
|
+
function r(s, L) {
|
|
9
|
+
return t(), e("svg", l, L[0] || (L[0] = [
|
|
10
|
+
C("path", { d: "M10.9733 2.27585C11.0723 1.90805 11.5942 1.90805 11.6932 2.27585L12.0682 3.66867C12.1027 3.79696 12.2029 3.89716 12.3312 3.9317L13.724 4.30672C14.0918 4.40575 14.0918 4.92759 13.724 5.02662L12.3312 5.40163C12.2029 5.43617 12.1027 5.53638 12.0682 5.66466L11.6932 7.05748C11.5942 7.42528 11.0723 7.42528 10.9733 7.05748L10.5983 5.66466C10.5637 5.53638 10.4635 5.43617 10.3352 5.40163L8.94242 5.02662C8.57461 4.92759 8.57461 4.40575 8.94242 4.30672L10.3352 3.9317C10.4635 3.89716 10.5637 3.79696 10.5983 3.66867L10.9733 2.27585Z" }, null, -1),
|
|
11
|
+
C("path", { d: "M5.72324 2.87868C5.79935 2.59598 6.20044 2.59598 6.27656 2.87868L6.41285 3.38487C6.4394 3.48347 6.51642 3.56049 6.61502 3.58704L7.12121 3.72333C7.40391 3.79945 7.40391 4.20053 7.12121 4.27665L6.61502 4.41294C6.51642 4.43949 6.4394 4.51651 6.41285 4.61511L6.27656 5.1213C6.20044 5.404 5.79935 5.404 5.72324 5.1213L5.58695 4.61511C5.5604 4.51651 5.48338 4.43949 5.38478 4.41294L4.87859 4.27665C4.59589 4.20053 4.59589 3.79945 4.87859 3.72333L5.38478 3.58704C5.48338 3.56049 5.5604 3.48347 5.58695 3.38487L5.72324 2.87868Z" }, null, -1),
|
|
12
|
+
C("path", { d: "M11.7232 8.87868C11.7994 8.59598 12.2004 8.59598 12.2766 8.87868L12.4128 9.38487C12.4394 9.48347 12.5164 9.56049 12.615 9.58704L13.1212 9.72333C13.4039 9.79945 13.4039 10.2005 13.1212 10.2766L12.615 10.4129C12.5164 10.4395 12.4394 10.5165 12.4128 10.6151L12.2766 11.1213C12.2004 11.404 11.7994 11.404 11.7232 11.1213L11.5869 10.6151C11.5604 10.5165 11.4834 10.4395 11.3848 10.4129L10.8786 10.2766C10.5959 10.2005 10.5959 9.79945 10.8786 9.72333L11.3848 9.58704C11.4834 9.56049 11.5604 9.48347 11.5869 9.38487L11.7232 8.87868Z" }, null, -1),
|
|
13
|
+
C("path", { d: "M7.44041 7.33334C7.59931 7.33334 7.73057 7.38572 7.8342 7.49049C7.94473 7.59525 8 7.72795 8 7.88858V8.66668C8 8.79938 7.96546 8.90763 7.89637 8.99144C7.8342 9.07525 7.73403 9.11715 7.59586 9.11715H7.19171C7.05354 9.11715 6.94991 9.07525 6.88083 8.99144C6.81865 8.90763 6.78757 8.79938 6.78757 8.66668V8.55906H5.72021V12.7743H5.9171C6.04836 12.7743 6.15544 12.8092 6.23834 12.8791C6.32124 12.9419 6.36269 13.0432 6.36269 13.1829V13.5914C6.36269 13.7311 6.32124 13.8359 6.23834 13.9057C6.15544 13.9686 6.04836 14 5.9171 14H4.0829C3.78584 14 3.63731 13.8638 3.63731 13.5914V13.1829C3.63731 12.9105 3.78584 12.7743 4.0829 12.7743H4.26943V8.55906H3.21244V8.66668C3.21244 8.79938 3.17789 8.90763 3.10881 8.99144C3.04663 9.07525 2.94646 9.11715 2.80829 9.11715H2.40415C2.26598 9.11715 2.16235 9.07525 2.09326 8.99144C2.03109 8.90763 2 8.79938 2 8.66668V7.88858C2 7.72795 2.05181 7.59525 2.15544 7.49049C2.26598 7.38572 2.39724 7.33334 2.54922 7.33334H7.44041Z" }, null, -1)
|
|
14
|
+
]));
|
|
15
|
+
}
|
|
16
|
+
const p = /* @__PURE__ */ n(o, [["render", r]]);
|
|
17
|
+
export {
|
|
18
|
+
p as default
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=SmartIcon-DJGXMv63.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SmartIcon-DJGXMv63.js","sources":["../src/components/Icon/icons/SmartIcon.vue"],"sourcesContent":["<template>\n <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10.9733 2.27585C11.0723 1.90805 11.5942 1.90805 11.6932 2.27585L12.0682 3.66867C12.1027 3.79696 12.2029 3.89716 12.3312 3.9317L13.724 4.30672C14.0918 4.40575 14.0918 4.92759 13.724 5.02662L12.3312 5.40163C12.2029 5.43617 12.1027 5.53638 12.0682 5.66466L11.6932 7.05748C11.5942 7.42528 11.0723 7.42528 10.9733 7.05748L10.5983 5.66466C10.5637 5.53638 10.4635 5.43617 10.3352 5.40163L8.94242 5.02662C8.57461 4.92759 8.57461 4.40575 8.94242 4.30672L10.3352 3.9317C10.4635 3.89716 10.5637 3.79696 10.5983 3.66867L10.9733 2.27585Z\" />\n <path d=\"M5.72324 2.87868C5.79935 2.59598 6.20044 2.59598 6.27656 2.87868L6.41285 3.38487C6.4394 3.48347 6.51642 3.56049 6.61502 3.58704L7.12121 3.72333C7.40391 3.79945 7.40391 4.20053 7.12121 4.27665L6.61502 4.41294C6.51642 4.43949 6.4394 4.51651 6.41285 4.61511L6.27656 5.1213C6.20044 5.404 5.79935 5.404 5.72324 5.1213L5.58695 4.61511C5.5604 4.51651 5.48338 4.43949 5.38478 4.41294L4.87859 4.27665C4.59589 4.20053 4.59589 3.79945 4.87859 3.72333L5.38478 3.58704C5.48338 3.56049 5.5604 3.48347 5.58695 3.38487L5.72324 2.87868Z\" />\n\n <path d=\"M11.7232 8.87868C11.7994 8.59598 12.2004 8.59598 12.2766 8.87868L12.4128 9.38487C12.4394 9.48347 12.5164 9.56049 12.615 9.58704L13.1212 9.72333C13.4039 9.79945 13.4039 10.2005 13.1212 10.2766L12.615 10.4129C12.5164 10.4395 12.4394 10.5165 12.4128 10.6151L12.2766 11.1213C12.2004 11.404 11.7994 11.404 11.7232 11.1213L11.5869 10.6151C11.5604 10.5165 11.4834 10.4395 11.3848 10.4129L10.8786 10.2766C10.5959 10.2005 10.5959 9.79945 10.8786 9.72333L11.3848 9.58704C11.4834 9.56049 11.5604 9.48347 11.5869 9.38487L11.7232 8.87868Z\" />\n <path d=\"M7.44041 7.33334C7.59931 7.33334 7.73057 7.38572 7.8342 7.49049C7.94473 7.59525 8 7.72795 8 7.88858V8.66668C8 8.79938 7.96546 8.90763 7.89637 8.99144C7.8342 9.07525 7.73403 9.11715 7.59586 9.11715H7.19171C7.05354 9.11715 6.94991 9.07525 6.88083 8.99144C6.81865 8.90763 6.78757 8.79938 6.78757 8.66668V8.55906H5.72021V12.7743H5.9171C6.04836 12.7743 6.15544 12.8092 6.23834 12.8791C6.32124 12.9419 6.36269 13.0432 6.36269 13.1829V13.5914C6.36269 13.7311 6.32124 13.8359 6.23834 13.9057C6.15544 13.9686 6.04836 14 5.9171 14H4.0829C3.78584 14 3.63731 13.8638 3.63731 13.5914V13.1829C3.63731 12.9105 3.78584 12.7743 4.0829 12.7743H4.26943V8.55906H3.21244V8.66668C3.21244 8.79938 3.17789 8.90763 3.10881 8.99144C3.04663 9.07525 2.94646 9.11715 2.80829 9.11715H2.40415C2.26598 9.11715 2.16235 9.07525 2.09326 8.99144C2.03109 8.90763 2 8.79938 2 8.66668V7.88858C2 7.72795 2.05181 7.59525 2.15544 7.49049C2.26598 7.38572 2.39724 7.33334 2.54922 7.33334H7.44041Z\" />\n </svg>\n</template>"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;cACSA,IAAmB;AAAA,EAAC,SAAW;AAAA,EAAC;;;AAArC,SAAAC,EAAAC,GAAAC,GAAA;SAC8hBC,EAAA,GAAAC,EAAH,OAAAL,GAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,IACvhBG,EAAohB,QAAA,EAA9gB,GAAE,ghBAAygB,GAAA,MAAA,EAAA;AAAA,IAEjhBA,EAA0hB,QAAA,EAAphB,GAAE,0gBAA+gB,GAAA,MAAA,EAAA;AAAA,IACvhBA,EAAq8B,QAAA,EAA/7B,GAAE,ghBAA07B,GAAA,MAAA,EAAA;AAAA;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DP-lI-oU.cjs");exports.DropdownMenu=e._sfc_main$1;exports.Icon=e.Icon;exports.SegmentButton=e._sfc_main$2;exports.TextInput=e._sfc_main;
|
|
2
|
+
//# sourceMappingURL=ab-components.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ab-components.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@font-face{font-family:Figtree;font-style:italic;font-weight:300 900;font-display:swap;src:url(https://font.static.useinsider.com/Figtree/Figtree-Ext-Italic.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:italic;font-weight:300 900;font-display:swap;src:url(https://font.static.useinsider.com/Figtree/Figtree-Italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(https://font.static.useinsider.com/Figtree/Figtree-Ext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(https://font.static.useinsider.com/Figtree/Figtree.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree-Bold;src:url(https://font.static.useinsider.com/Figtree/Figtree-Bold.ttf)}@font-face{font-family:Figtree-Medium;src:url(https://font.static.useinsider.com/Figtree/Figtree-Medium.ttf)}._wrapper_1pges_169{font-family:Figtree;display:flex;flex-direction:column}._wrapper__field_1pges_174{all:unset;font-weight:400;font-size:var(--s12);border:none;background:transparent;outline:none;color:#2c3546;margin:var(--s4) var(--s0);padding:var(--s0);height:var(--s24);line-height:var(--s16);width:var(--sFull);resize:none;min-height:var(--s24);overflow:auto;border-bottom:1px solid #DCDEE6}._wrapper__field_1pges_174::-webkit-scrollbar-thumb:hover{visibility:visible;background-color:#2c3546}._wrapper__field_1pges_174::-webkit-scrollbar-thumb{background-color:#434a5280;border-radius:var(--s40)}._wrapper__field_1pges_174::-webkit-scrollbar{display:block;width:var(--s6);height:var(--s6)}._wrapper__field_1pges_174:focus{border-color:#0a2ecc}._wrapper__label_1pges_208{font-weight:400;font-size:var(--s12);line-height:var(--s16);height:var(--s16);width:var(--sFull);color:#91949f}._wrapper__bottom_1pges_216{display:flex;justify-content:space-between}._wrapper__errorMessage_1pges_220{font-weight:400;font-size:var(--s11);color:#dc2a2a}._wrapper__counter_1pges_225{font-weight:400;font-size:var(--s11);color:#91949f;margin-left:var(--sAuto)}._wrapper--error_1pges_231._wrapper__field_1pges_174{border-color:#dc2a2a}@font-face{font-family:Figtree;font-style:italic;font-weight:300 900;font-display:swap;src:url(https://font.static.useinsider.com/Figtree/Figtree-Ext-Italic.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:italic;font-weight:300 900;font-display:swap;src:url(https://font.static.useinsider.com/Figtree/Figtree-Italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(https://font.static.useinsider.com/Figtree/Figtree-Ext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(https://font.static.useinsider.com/Figtree/Figtree.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree-Bold;src:url(https://font.static.useinsider.com/Figtree/Figtree-Bold.ttf)}@font-face{font-family:Figtree-Medium;src:url(https://font.static.useinsider.com/Figtree/Figtree-Medium.ttf)}._dropdown_zdj6q_169{font-family:Figtree;font-weight:400;font-size:var(--s12);display:flex;flex-direction:column;padding:var(--s0) var(--s1px);background-color:#fff}._dropdown__valueContent_zdj6q_178{cursor:pointer;all:unset;display:flex;line-height:var(--s28);align-items:center;border-bottom:1px solid #DCDEE6}._dropdown__valueContent_zdj6q_178:hover,._dropdown__valueContent--open_zdj6q_186{border-color:#2d7eef}._dropdown__label_zdj6q_189{color:#91949f;line-height:var(--s16)}._dropdown__value_zdj6q_178{color:#2c3546}._dropdown__placeholder_zdj6q_196{color:#5d6980}._dropdown__label_zdj6q_189,._dropdown__value_zdj6q_178,._dropdown__placeholder_zdj6q_196{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}._dropdown__arrowIcon_zdj6q_204{margin-left:var(--sAuto);flex-shrink:0}._menu_zdj6q_209{display:flex;flex-direction:column;font-family:Figtree;font-weight:400;font-size:var(--s13);background-color:#fff;box-shadow:0 4px 12px #2c354626;border-radius:var(--s4);overflow:hidden;position:absolute;z-index:1000}._menu__searchContainer_zdj6q_222{border-bottom:1px solid #EFF2F4;flex-shrink:0}._menu__searchInputWrap_zdj6q_226{padding:var(--s4);width:var(--sFull)}._menu__searchInput_zdj6q_226{width:var(--sFull);border-radius:var(--s4);border:1px solid #E4E4E7;height:var(--s20);padding:var(--s0) var(--s10);font-size:var(--s11);font-family:Figtree;font-weight:400;outline:none}._menu__searchInput_zdj6q_226:focus-visible,._menu__searchInput_zdj6q_226:focus{border-color:#2d7eef}._menu__searchInput--error_zdj6q_244:focus-visible,._menu__searchInput--error_zdj6q_244:focus,._menu__searchInput--error_zdj6q_244{border-color:#d63535}._menu__errorMessage_zdj6q_247{font-size:var(--s11);line-height:var(--s11);color:#d63535;margin:var(--s0);padding:var(--s5) var(--s0)}._menu__addButton_zdj6q_254{all:unset;padding:var(--s5) var(--s16);color:#0a2ecc}._menu__addButton_zdj6q_254:hover{text-decoration:underline}._menu__itemContainer_zdj6q_262{all:unset;width:var(--sFull);height:var(--sFull);display:flex;flex-direction:column;overflow:auto;flex-grow:var(--s0)}._menu__itemContainer_zdj6q_262::-webkit-scrollbar-thumb:hover{visibility:visible;background-color:#2c3546}._menu__itemContainer_zdj6q_262::-webkit-scrollbar-thumb{background-color:#434a5280;border-radius:var(--s40)}._menu__itemContainer_zdj6q_262::-webkit-scrollbar{display:block;width:var(--s6);height:var(--s6)}._menu__item_zdj6q_262{all:unset;-webkit-user-select:none;user-select:none;cursor:pointer;line-height:var(--s26);height:var(--s26);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:var(--s0) var(--s16);flex-shrink:0;box-shadow:var(--md-sys-elevation-2)}._menu__item_zdj6q_262:hover{background-color:#f5f5f5}._menu__item--active_zdj6q_300{background-color:#c2ddff}._menu__item--active_zdj6q_300:hover{background-color:#b7d8ff}.icon[data-v-0439f329]{display:inline-block;line-height:0;vertical-align:middle}._button__size_default_qxh1r_1{font:400 15px/24px Figtree,sans-serif;letter-spacing:0px;text-transform:none;text-decoration:none}._button__size_small_qxh1r_8{font:400 13px/16px Figtree,sans-serif;letter-spacing:0px;text-transform:none;text-decoration:none}@font-face{font-family:Figtree;font-style:italic;font-weight:300 900;font-display:swap;src:url(https://font.static.useinsider.com/Figtree/Figtree-Ext-Italic.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:italic;font-weight:300 900;font-display:swap;src:url(https://font.static.useinsider.com/Figtree/Figtree-Italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(https://font.static.useinsider.com/Figtree/Figtree-Ext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(https://font.static.useinsider.com/Figtree/Figtree.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree-Bold;src:url(https://font.static.useinsider.com/Figtree/Figtree-Bold.ttf)}@font-face{font-family:Figtree-Medium;src:url(https://font.static.useinsider.com/Figtree/Figtree-Medium.ttf)}._button_qxh1r_1{display:flex;align-items:center;background:unset;cursor:pointer;border:0;padding:0}._button__label_qxh1r_191{padding-left:8px;padding-right:8px;white-space:nowrap}._button_qxh1r_1 svg{margin-left:8px}._button__size_default_qxh1r_1{padding:8px}._button__size_small_qxh1r_8{line-height:24px!important;padding:4px}._button--primary_qxh1r_206{border-style:solid;border-width:1px;border-color:#eff2f4;background-color:#fff;color:#5d6980}._button--primary_qxh1r_206 svg{fill:#0a2ecc}._button--primary_qxh1r_206:not([disabled],._button--selected_qxh1r_216):hover{background-color:#eff2f4}._button--primary_qxh1r_206:not([disabled],._button--selected_qxh1r_216):hover ._button__label_qxh1r_191{text-decoration:none}._button--primary_qxh1r_206._button--selected_qxh1r_216{background-color:#f1f3fe;color:#0a2ecc;z-index:1;position:relative;border-color:#0a2ecc}._button--secondary_qxh1r_229{border-style:solid;border-width:1px;border-color:#eff2f4;background-color:#fff;color:#5d6980}._button--secondary_qxh1r_229 svg{fill:#222938}._button--secondary_qxh1r_229:not([disabled],._button--selected_qxh1r_216):hover{background-color:#eff2f4}._button--secondary_qxh1r_229:not([disabled],._button--selected_qxh1r_216):hover ._button__label_qxh1r_191{text-decoration:none}._button--secondary_qxh1r_229._button--selected_qxh1r_216{background-color:#f5f7fa;color:#222938;z-index:1;position:relative;border-color:#222938}._button--danger_qxh1r_252{border-style:solid;border-width:1px;border-color:#eff2f4;background-color:#fff;color:#5d6980}._button--danger_qxh1r_252 svg{fill:#dc2a2a}._button--danger_qxh1r_252:not([disabled],._button--selected_qxh1r_216):hover{background-color:#eff2f4}._button--danger_qxh1r_252:not([disabled],._button--selected_qxh1r_216):hover ._button__label_qxh1r_191{text-decoration:none}._button--danger_qxh1r_252._button--selected_qxh1r_216{background-color:#fff2f2;color:#dc2a2a;z-index:1;position:relative;border-color:#dc2a2a}._button--warning_qxh1r_275{border-style:solid;border-width:1px;border-color:#eff2f4;background-color:#fff;color:#5d6980}._button--warning_qxh1r_275 svg{fill:#8f6b00}._button--warning_qxh1r_275:not([disabled],._button--selected_qxh1r_216):hover{background-color:#eff2f4}._button--warning_qxh1r_275:not([disabled],._button--selected_qxh1r_216):hover ._button__label_qxh1r_191{text-decoration:none}._button--warning_qxh1r_275._button--selected_qxh1r_216{background-color:#fffaeb;color:#8f6b00;z-index:1;position:relative;border-color:#8f6b00}._button--smart_qxh1r_298{border-style:solid;border-width:1px;border-color:#eff2f4;background-color:#fff;color:#5d6980}._button--smart_qxh1r_298 svg{fill:#5f24af}._button--smart_qxh1r_298:not([disabled],._button--selected_qxh1r_216):hover{background-color:#eff2f4}._button--smart_qxh1r_298:not([disabled],._button--selected_qxh1r_216):hover ._button__label_qxh1r_191{text-decoration:none}._button--smart_qxh1r_298._button--selected_qxh1r_216{background-color:#f0e6ff;color:#5f24af;z-index:1;position:relative;border-color:#5f24af}._button_qxh1r_1[disabled]{cursor:not-allowed!important;color:#989898!important}._button_qxh1r_1[disabled] svg{fill:#989898!important}._button_qxh1r_1[disabled]._button__solid_qxh1r_328{background-color:#f5f5f5!important}._button_qxh1r_1[disabled]:active{box-shadow:none}._segmentGroup_qxh1r_335{display:flex}._segmentGroup--vertical_qxh1r_338{flex-direction:column}._segmentGroup--vertical_qxh1r_338 ._button_qxh1r_1:first-child{border-radius:4px 4px 0 0}._segmentGroup--vertical_qxh1r_338 ._button_qxh1r_1:last-child{border-radius:0 0 4px 4px}._segmentGroup--horizontal_qxh1r_347{flex-direction:row}._segmentGroup--horizontal_qxh1r_347 ._button_qxh1r_1:first-child{border-radius:4px 0 0 4px}._segmentGroup--horizontal_qxh1r_347 ._button_qxh1r_1:last-child{border-radius:0 4px 4px 0}._fill_qxh1r_357{width:100%}:root{--step: .25rem;--sm: 640px;--md: 768px;--lg: 1024px;--xl: 1280px;--s0: 0;--s1px: 1px;--sAuto: auto;--s100vh: 100vh;--s100vw: 100vw;--sFull: 100%;--s10p: 10%;--s20p: 20%;--s25p: 25%;--s30p: 30%;--s33p: 33.333333%;--s40p: 40%;--s50p: 50%;--s60p: 60%;--s66p: 66.666667%;--s70p: 70%;--s75p: 75%;--s80p: 80%;--s90p: 90%;--s4: 4px;--s5: 5px;--s6: 6px;--s8: 8px;--s10: 10px;--s11: 11px;--s12: 12px;--s13: 13px;--s14: 14px;--s15: 15px;--s16: 16px;--s20: 20px;--s22: 22px;--s24: 24px;--s26: 26px;--s28: 28px;--s30: 30px;--s32: 32px;--s36: 36px;--s40: 40px;--s44: 44px;--s48: 48px;--s52: 52px;--s56: 56px;--s60: 60px;--s64: 64px;--s68: 68px;--s72: 72px;--s76: 76px;--s80: 80px;--s84: 84px;--s88: 88px;--s92: 92px;--s96: 96px;--s100: 100px;--s112: 112px;--s128: 128px;--s152: 152px;--s160: 160px;--s188: 188px;--s280: 280px;--s312: 312px;--s320: 320px;--s560: 560px;--z10: 10;--z9: 9;--z8: 8;--z7: 7;--z6: 6;--z5: 5;--z4: 4;--z3: 3;--z2: 2;--z1: 1}:root{--duration-short1: 50ms;--duration-short2: .1s;--duration-short3: .15s;--duration-short4: .2s;--duration-medium1: .25s;--duration-medium2: .3s;--duration-medium3: .35s;--duration-medium4: .4s;--duration-long1: .45s;--duration-long2: .5s;--duration-long3: .55s;--duration-long4: .6s;--duration-extra-long1: .7s;--duration-extra-long2: .8s;--duration-extra-long3: .9s;--duration-extra-long4: 1s;--easing-linear: cubic-bezier(0, 0, 1, 1);--easing-standard: cubic-bezier(.2, 0, 0, 1);--easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);--easing-standard-accelerate: cubic-bezier(.3, 0, 1, 1);--easing-emphasized: cubic-bezier(.2, 0, 0, 1);--easing-emphasized-decelerate: cubic-bezier(.05, .7, .1, 1);--easing-emphasized-accelerate: cubic-bezier(.3, 0, .8, .15);--easing-legacy: cubic-bezier(.4, 0, .2, 1);--easing-legacy-decelerate: cubic-bezier(0, 0, .2, 1);--easing-legacy-accelerate: cubic-bezier(.4, 0, 1, 1);--motion-begin-and-end-on-screen: var(--duration-long2) var(--easing-emphasized);--motion-enter-the-screen: var(--duration-medium4) var(--easing-emphasized-decelerate);--motion-exit-the-screen: var(--duration-short4) var(--easing-emphasized-accelerate);--motion-begin-and-end-on-screen2: var(--duration-medium2) var(--easing-standard);--motion-enter-the-screen2: var(--duration-medium1) var(--easing-standard-decelerate);--motion-exit-the-screen2: var(--duration-short4) var(--easing-standard-accelerate)}@font-face{font-family:Figtree;font-style:italic;font-weight:300 900;font-display:swap;src:url(https://font.static.useinsider.com/Figtree/Figtree-Ext-Italic.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:italic;font-weight:300 900;font-display:swap;src:url(https://font.static.useinsider.com/Figtree/Figtree-Italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(https://font.static.useinsider.com/Figtree/Figtree-Ext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(https://font.static.useinsider.com/Figtree/Figtree.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree-Bold;src:url(https://font.static.useinsider.com/Figtree/Figtree-Bold.ttf)}@font-face{font-family:Figtree-Medium;src:url(https://font.static.useinsider.com/Figtree/Figtree-Medium.ttf)}#ab-loading-icon{animation:spinner 1s infinite linear}@keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ab-components.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const e=require("vue"),L="_wrapper_1pges_169",j="_wrapper__field_1pges_174",D="_wrapper__label_1pges_208",P="_wrapper__bottom_1pges_216",F="_wrapper__errorMessage_1pges_220",G="_wrapper__counter_1pges_225",v={wrapper:L,wrapper__field:j,wrapper__label:D,wrapper__bottom:P,wrapper__errorMessage:F,wrapper__counter:G,"wrapper--error":"_wrapper--error_1pges_231"},O=["for"],W=["id","maxlength","name","placeholder","value"],R=["id","maxlength","name","placeholder","value"],T=e.defineComponent({__name:"TextInput",props:{id:{},name:{},modelValue:{},label:{default:""},placeholder:{default:""},maxLength:{default:void 0},maxHeight:{default:void 0},error:{default:""},multiline:{type:Boolean,default:!1},autoGrow:{type:Boolean,default:!1},counter:{type:Boolean}},emits:["input","change","paste","focus","blur"],setup(s,{emit:l}){const a=s,t=l,r=e.ref(null),i=()=>{if(a.autoGrow&&r.value){r.value.style.height="";const n=Math.min(r.value.scrollHeight,a.maxHeight||r.value.scrollHeight);r.value.style.height=`${n}px`}},_=n=>{t("input",n),i()};return e.onMounted(()=>{i()}),(n,o)=>{var f;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(v).wrapper)},[n.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(v).wrapper__label),for:n.id},e.toDisplayString(n.label),11,O)):e.createCommentVNode("",!0),n.multiline?(e.openBlock(),e.createElementBlock("textarea",{key:1,id:n.id,ref_key:"textareaRef",ref:r,class:e.normalizeClass([e.unref(v).wrapper__field,{[e.unref(v)["wrapper--error"]]:n.error}]),maxlength:n.maxLength,name:n.name,placeholder:n.placeholder,style:e.normalizeStyle(n.maxHeight?{maxHeight:`${n.maxHeight}px`}:void 0),value:n.modelValue,onBlur:o[0]||(o[0]=u=>t("blur",u)),onChange:o[1]||(o[1]=u=>n.$emit("change",u)),onFocus:o[2]||(o[2]=u=>t("focus",u)),onInput:_,onPaste:o[3]||(o[3]=u=>t("paste",u))},null,46,W)):(e.openBlock(),e.createElementBlock("input",{key:2,id:n.id,type:"text",class:e.normalizeClass([e.unref(v).wrapper__field,{[e.unref(v)["wrapper--error"]]:n.error}]),maxlength:n.maxLength,name:n.name,placeholder:n.placeholder,value:n.modelValue,onBlur:o[4]||(o[4]=u=>t("blur",u)),onChange:o[5]||(o[5]=u=>n.$emit("change",u)),onFocus:o[6]||(o[6]=u=>t("focus",u)),onInput:_,onPaste:o[7]||(o[7]=u=>t("paste",u))},null,42,R)),e.createElementVNode("div",{class:e.normalizeClass(e.unref(v).wrapper__bottom)},[n.error?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(v).wrapper__errorMessage)},e.toDisplayString(n.error),3)):e.createCommentVNode("",!0),n.counter?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(v).wrapper__counter)},e.toDisplayString(((f=n.modelValue)==null?void 0:f.toString().length)||0),3)):e.createCommentVNode("",!0)],2)],2)}}}),U={mounted(s,l){s.clickOutsideEvent=a=>{[s,...l.value.exclude||[]].some(r=>r&&(r===a.target||r.contains(a.target)))||l.value.handler()},document.addEventListener("click",s.clickOutsideEvent)},unmounted(s){s.clickOutsideEvent&&document.removeEventListener("click",s.clickOutsideEvent)}},A=(s,l)=>{var t;let a=0;for(const r of s)if(r.toLowerCase()===((t=l[a])==null?void 0:t.toLowerCase())&&a++,a===l.length)return!0;return!1},Y=(s,l,a)=>{if(!a.trim())return s;const t=a.toLowerCase();return s.filter(r=>{const i=String(r[l]);return A(i.toLowerCase(),t)}).sort((r,i)=>{const _=String(r[l]).toLowerCase(),n=String(i[l]).toLowerCase();return _===t?-1:n===t?1:_.startsWith(t)&&!n.startsWith(t)?-1:!_.startsWith(t)&&n.startsWith(t)?1:_.length-n.length})},Q="_dropdown_zdj6q_169",X="_dropdown__valueContent_zdj6q_178",Z="_dropdown__label_zdj6q_189",J="_dropdown__value_zdj6q_178",K="_dropdown__placeholder_zdj6q_196",ee="_dropdown__arrowIcon_zdj6q_204",te="_menu_zdj6q_209",ne="_menu__searchContainer_zdj6q_222",oe="_menu__searchInputWrap_zdj6q_226",re="_menu__searchInput_zdj6q_226",le="_menu__errorMessage_zdj6q_247",ae="_menu__addButton_zdj6q_254",se="_menu__itemContainer_zdj6q_262",ue="_menu__item_zdj6q_262",d={dropdown:Q,dropdown__valueContent:X,"dropdown__valueContent--open":"_dropdown__valueContent--open_zdj6q_186",dropdown__label:Z,dropdown__value:J,dropdown__placeholder:K,dropdown__arrowIcon:ee,menu:te,menu__searchContainer:ne,menu__searchInputWrap:oe,menu__searchInput:re,"menu__searchInput--error":"_menu__searchInput--error_zdj6q_244",menu__errorMessage:le,menu__addButton:ae,menu__itemContainer:se,menu__item:ue,"menu__item--active":"_menu__item--active_zdj6q_300"},ie=["for"],ce=["placeholder"],_e=["onClick"],de=e.defineComponent({__name:"DropdownMenu",props:{id:{},label:{},defaultSelected:{default:""},menuHeight:{default:154},placeholder:{},addable:{type:Boolean},addButtonText:{},searchable:{type:Boolean},searchPlaceHolder:{},items:{},validateAddItem:{type:Function,default:()=>null}},emits:["add-error","item-added","select-item"],setup(s,{emit:l}){const a=U,t=s,r=l,i=e.ref(),_=e.ref(),n=e.ref(!0),o=e.ref(null),f=e.ref(""),u=e.ref(null),w=e.ref({x:0,y:0,width:0,shouldOpenUp:!1,height:t.menuHeight}),k=e.ref([...t.items]),g=e.ref([...t.items]),b=()=>{if(!i.value)return;const{offsetTop:c,offsetLeft:p,offsetWidth:m}=i.value,B=window.innerHeight,q=c+i.value.offsetHeight,I=q+t.menuHeight>B;w.value={x:p+window.scrollX,y:I?c+window.scrollY:q+window.scrollY,width:m,shouldOpenUp:I,height:t.menuHeight}},V=()=>{b(),n.value=!n.value},C=()=>{u.value=null,f.value="",k.value=[...g.value]},y=()=>{n.value=!1,C()},$=c=>{o.value=c,f.value="",y(),r("select-item",c)},x=()=>{const c=f.value.trim(),p=t.validateAddItem(c,g.value);if(p){u.value=p,r("add-error",p);return}const m={text:c,value:c};g.value.push(m),C(),r("item-added",m)},M=()=>{k.value=Y(g.value,"text",f.value)},N=()=>{u.value=""},H=e.computed(()=>({top:w.value.shouldOpenUp?`${w.value.y-10}px`:`${w.value.y}px`,left:`${w.value.x}px`,width:`${w.value.width}px`,height:`${t.menuHeight}px`}));e.onMounted(()=>{if(b(),t.defaultSelected){const c=g.value.find(p=>p.value===t.defaultSelected);c&&(o.value=c,r("select-item",c))}});const z=e.computed(()=>o.value?o.value.text:"");return(c,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{ref_key:"dropdownRef",ref:i,class:e.normalizeClass(e.unref(d).dropdown)},[c.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(d).dropdown__label),for:c.id},e.toDisplayString(c.label),11,ie)):e.createCommentVNode("",!0),e.createElementVNode("button",{class:e.normalizeClass([e.unref(d).dropdown__valueContent,{[e.unref(d)["dropdown__valueContent--open"]]:n.value}]),onClick:V},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(d).dropdown__value)},e.toDisplayString(z.value),3),c.placeholder&&!z.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(d).dropdown__placeholder)},e.toDisplayString(c.placeholder),3)):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("svg",{fill:"none",height:"17",viewBox:"0 0 16 17",width:"16",xmlns:"http://www.w3.org/2000/svg",class:e.normalizeClass(e.unref(d).dropdown__arrowIcon)},p[2]||(p[2]=[e.createElementVNode("path",{d:"M8 11.2021L4.5359 6.70215L11.4641 6.70215L8 11.2021Z",fill:"#91949F"},null,-1)]),2))],2)],2),n.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"menuRef",ref:_,class:e.normalizeClass(e.unref(d).menu),style:e.normalizeStyle(H.value),onClick:p[1]||(p[1]=e.withModifiers(()=>{},["prevent"]))},[t.searchable?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(d).menu__searchContainer)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d).menu__searchInputWrap)},[e.withDirectives(e.createElementVNode("input",{type:"text",class:e.normalizeClass([e.unref(d).menu__searchInput,{[e.unref(d)["menu__searchInput--error"]]:u.value}]),placeholder:c.searchPlaceHolder,"onUpdate:modelValue":p[0]||(p[0]=m=>f.value=m),onFocus:N,onInput:M},null,42,ce),[[e.vModelText,f.value]]),u.value?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(e.unref(d).menu__errorMessage)},e.toDisplayString(u.value),3)):e.createCommentVNode("",!0)],2),t.addable?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(d).menu__addButton),onClick:x},e.toDisplayString(c.addButtonText),3)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("ul",{class:e.normalizeClass(e.unref(d).menu__itemContainer)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,m=>(e.openBlock(),e.createElementBlock("li",{key:m.value,class:e.normalizeClass([e.unref(d).menu__item,{[e.unref(d)["menu__item--active"]]:o.value&&m.value===o.value.value}]),onClick:B=>$(m)},e.toDisplayString(m.text),11,_e))),128))],2)],6)),[[e.unref(a),{handler:y,exclude:[i.value,_.value]}]]):e.createCommentVNode("",!0)],64))}}),pe=(s,l,a)=>{const t=s[l];return t?typeof t=="function"?t():Promise.resolve(t):new Promise((r,i)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(i.bind(null,new Error("Unknown variable dynamic import: "+l+(l.split("/").length!==a?". Note that variables only represent file names one level deep.":""))))})},me=e.defineComponent({__name:"Icon",props:{name:{},size:{default:16},color:{}},setup(s){const l=s,a=e.ref(null);e.watch(()=>l.name,async r=>{try{const i=await pe(Object.assign({"./icons/FilledCautionTriangle.vue":()=>Promise.resolve().then(()=>require("./FilledCautionTriangle-DrK0oPPV.cjs")),"./icons/FilledCheckCircle.vue":()=>Promise.resolve().then(()=>require("./FilledCheckCircle-GM-5M2-K.cjs")),"./icons/FilledErrorBox.vue":()=>Promise.resolve().then(()=>require("./FilledErrorBox-AeXz9hB8.cjs")),"./icons/FilledInfoCircle.vue":()=>Promise.resolve().then(()=>require("./FilledInfoCircle-zRwS-Nz9.cjs")),"./icons/LineCheck.vue":()=>Promise.resolve().then(()=>require("./LineCheck-CXDtYarM.cjs")),"./icons/LoadingCircle.vue":()=>Promise.resolve().then(()=>require("./LoadingCircle-B9WqQlA9.cjs")),"./icons/SmartIcon.vue":()=>Promise.resolve().then(()=>require("./SmartIcon-D7zNmV22.cjs"))}),`./icons/${r}.vue`,3);a.value=i.default}catch(i){console.warn(`Icon "${r}" not found.`,i),a.value=null}},{immediate:!0});const t=e.computed(()=>typeof l.size=="number"?`${l.size}px`:l.size);return(r,i)=>a.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),{key:0,class:"icon",style:e.normalizeStyle({width:t.value,height:t.value,fill:l.color||"currentColor"})},null,8,["style"])):e.createCommentVNode("",!0)}}),E=(s,l)=>{const a=s.__vccOpts||s;for(const[t,r]of l)a[t]=r;return a},S=E(me,[["__scopeId","data-v-0439f329"]]),fe="_button__size_default_qxh1r_1",ve="_button__size_small_qxh1r_8",he="_button_qxh1r_1",we="_button__label_qxh1r_191",ge="_button__solid_qxh1r_328",ke="_segmentGroup_qxh1r_335",be="_fill_qxh1r_357",h={button__size_default:fe,button__size_small:ve,button:he,button__label:we,"button--primary":"_button--primary_qxh1r_206","button--selected":"_button--selected_qxh1r_216","button--secondary":"_button--secondary_qxh1r_229","button--danger":"_button--danger_qxh1r_252","button--warning":"_button--warning_qxh1r_275","button--smart":"_button--smart_qxh1r_298",button__solid:ge,segmentGroup:ke,"segmentGroup--vertical":"_segmentGroup--vertical_qxh1r_338","segmentGroup--horizontal":"_segmentGroup--horizontal_qxh1r_347",fill:be},Ce=["disabled","onClick"],ye=e.defineComponent({__name:"SegmentButton",props:{color:{},size:{default:"default"},align:{default:"horizontal"},disabled:{type:Boolean,default:!1},segments:{},fill:{type:Boolean}},emits:["click"],setup(s,{emit:l}){const a=s,t=l,r=e.ref(""),i=_=>{a.disabled||_.disabled||(r.value=_.value,t("click",_.value))};return(_,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(h).segmentGroup,e.unref(h)[`segmentGroup--${_.align}`],{[e.unref(h).fill]:_.fill}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.segments,o=>(e.openBlock(),e.createElementBlock("button",{key:o.value,class:e.normalizeClass([e.unref(h).button,e.unref(h)[`button--${_.color}`],e.unref(h)[`button__size_${_.size}`],e.unref(h).fill,{[e.unref(h)["button--selected"]]:o.value===r.value}]),disabled:o.disabled||a.disabled,onClick:f=>i(o)},[o.icon?(e.openBlock(),e.createBlock(e.unref(S),{key:0,name:o.icon},null,8,["name"])):e.createCommentVNode("",!0),o.label?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(h).button__label)},e.toDisplayString(o.label),3)):e.createCommentVNode("",!0)],10,Ce))),128))],2))}});exports.Icon=S;exports._export_sfc=E;exports._sfc_main=T;exports._sfc_main$1=de;exports._sfc_main$2=ye;
|
|
2
|
+
//# sourceMappingURL=index-DP-lI-oU.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-DP-lI-oU.cjs","sources":["../src/components/TextInput/TextInput.vue","../src/directives/clickOutside.ts","../src/utils/search.ts","../src/components/Dropdown/DropdownMenu.vue","../src/components/Icon/Icon.vue","../src/components/SegmentButton/SegmentButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref } from 'vue';\nimport styles from './TextInput.module.scss';\n\nexport interface Props {\n id: string;\n name: string;\n modelValue: string | number;\n label?: string;\n placeholder?: string;\n maxLength?: number;\n maxHeight?: number;\n error?: string;\n multiline?: boolean;\n autoGrow?: boolean;\n counter?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n label: '',\n placeholder: '',\n maxLength: undefined,\n maxHeight: undefined,\n error: '',\n multiline: false,\n autoGrow: false,\n});\n\nconst emit = defineEmits<{\n input: [event: Event];\n change: [event: Event];\n paste: [event: ClipboardEvent];\n focus: [event: FocusEvent];\n blur: [event: FocusEvent];\n}>();\n\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\n\nconst autoGrow = () => {\n if (props.autoGrow && textareaRef.value) {\n textareaRef.value.style.height = '';\n\n const newHeight = Math.min(textareaRef.value.scrollHeight, props.maxHeight || textareaRef.value.scrollHeight);\n\n textareaRef.value.style.height = `${newHeight}px`;\n }\n};\n\nconst handleInput = (event: Event) => {\n emit('input', event);\n\n autoGrow();\n};\n\nonMounted(() => {\n autoGrow();\n});\n</script>\n\n<template>\n <div :class=\"styles.wrapper\">\n <label\n v-if=\"label\"\n :class=\"styles.wrapper__label\"\n :for=\"id\">\n {{ label }}\n </label>\n <template v-if=\"multiline\">\n <textarea\n :id=\"id\"\n ref=\"textareaRef\"\n :class=\"[\n styles.wrapper__field, {\n [styles['wrapper--error']]: error,\n },\n ]\"\n :maxlength=\"maxLength\"\n :name=\"name\"\n :placeholder=\"placeholder\"\n :style=\"maxHeight ? { maxHeight: `${maxHeight}px` } : undefined\"\n :value=\"modelValue\"\n @blur=\"emit('blur', $event)\"\n @change=\"$emit('change', $event)\"\n @focus=\"emit('focus', $event)\"\n @input=\"handleInput\"\n @paste=\"emit('paste', $event)\" />\n </template>\n <template v-else>\n <input\n :id=\"id\"\n type=\"text\"\n :class=\"[\n styles.wrapper__field, {\n [styles['wrapper--error']]: error,\n },\n ]\"\n :maxlength=\"maxLength\"\n :name=\"name\"\n :placeholder=\"placeholder\"\n :value=\"modelValue\"\n @blur=\"emit('blur', $event)\"\n @change=\"$emit('change', $event)\"\n @focus=\"emit('focus', $event)\"\n @input=\"handleInput\"\n @paste=\"emit('paste', $event)\">\n </template>\n\n <div :class=\"styles.wrapper__bottom\">\n <div\n v-if=\"error\"\n :class=\"styles.wrapper__errorMessage\">\n {{ error }}\n </div>\n <div\n v-if=\"counter\"\n :class=\"styles.wrapper__counter\">\n {{ modelValue?.toString().length || 0 }}\n </div>\n </div>\n </div>\n</template>\n","import type { DirectiveBinding } from 'vue';\n\ninterface ClickOutsideElement extends HTMLElement {\n clickOutsideEvent?: (event: Event) => void;\n}\n\nexport default {\n mounted(el: ClickOutsideElement, binding: DirectiveBinding<{ handler: () => void; exclude?: HTMLElement[] }>) {\n el.clickOutsideEvent = (event: Event) => {\n const isClickInside = [el, ...(binding.value.exclude || [])].some(element => {\n return element && (element === event.target || element.contains(event.target as Node))\n });\n\n if (!isClickInside) {\n binding.value.handler(); // Close handler\n }\n };\n\n document.addEventListener('click', el.clickOutsideEvent);\n },\n unmounted(el: ClickOutsideElement) {\n if (el.clickOutsideEvent) {\n document.removeEventListener('click', el.clickOutsideEvent);\n }\n },\n};","const isFuzzyMatch = (choiceValue: string, searchTerm: string): boolean => {\n let searchIndex = 0;\n for (const char of choiceValue) {\n if (char.toLowerCase() === searchTerm[searchIndex]?.toLowerCase()) {\n searchIndex++;\n }\n if (searchIndex === searchTerm.length) {\n return true;\n }\n }\n return false;\n};\n\n\nexport const fuzzySearch = <T>(\n choices: T[],\n key: keyof T,\n searchTerm: string,\n): T[] => {\n if (!searchTerm.trim()) {\n return choices;\n }\n\n const normalizedSearchTerm = searchTerm.toLowerCase();\n\n return choices\n .filter(choice => {\n const value = String(choice[key]);\n\n return isFuzzyMatch(value.toLowerCase(), normalizedSearchTerm)\n })\n .sort((a, b) => {\n const aValue = String(a[key]).toLowerCase();\n const bValue = String(b[key]).toLowerCase();\n\n if (aValue === normalizedSearchTerm) return -1;\n if (bValue === normalizedSearchTerm) return 1;\n\n if (aValue.startsWith(normalizedSearchTerm) && !bValue.startsWith(normalizedSearchTerm))\n return -1;\n if (!aValue.startsWith(normalizedSearchTerm) && bValue.startsWith(normalizedSearchTerm))\n return 1;\n\n return aValue.length - bValue.length;\n });\n};\n","<script lang=\"ts\" setup>\nimport { ref, computed, type StyleValue, onMounted } from 'vue';\nimport clickOutside from '@/directives/clickOutside';\nimport { fuzzySearch } from '@/utils/search';\nimport styles from './Dropdown.module.scss';\n\nconst vClickOutside = clickOutside;\n\ninterface MenuItem {\n text: string;\n value: string;\n}\n\ninterface DropdownProps {\n id: string;\n label?: string;\n defaultSelected?: string;\n menuHeight?: number;\n placeholder?: string;\n addable?: boolean;\n addButtonText?: string;\n searchable?: boolean;\n searchPlaceHolder?: string;\n items: MenuItem[];\n validateAddItem?: (item: string, items: MenuItem[]) => string | null;\n}\n\ninterface Emits {\n (e: 'add-error', error: string): void;\n (e: 'item-added', item: MenuItem): void;\n (e: 'select-item', item: MenuItem): void;\n}\n\nconst props = withDefaults(defineProps<DropdownProps>(), {\n menuHeight: 154,\n searchBar: false,\n addItem: false,\n defaultSelected: '',\n validateAddItem: () => null,\n});\n\nconst emit = defineEmits<Emits>();\nconst dropdownRef = ref<HTMLDivElement>();\nconst menuRef = ref<HTMLDivElement>();\nconst isOpen = ref(true);\nconst selectedItem = ref<MenuItem | null>(null);\nconst searchQuery = ref('');\nconst errorMessage = ref<string | null>(null);\nconst menuPosition = ref({ x: 0, y: 0, width: 0, shouldOpenUp: false, height: props.menuHeight });\nconst filteredItems = ref([...props.items]);\nconst allItems = ref([...props.items]);\n\nconst calculateMenuPosition = () => {\n if (!dropdownRef.value) {\n return;\n }\n\n const { offsetTop: top, offsetLeft: left, offsetWidth: width } = dropdownRef.value;\n const viewportHeight = window.innerHeight;\n const bottom = top + dropdownRef.value.offsetHeight;\n const shouldOpenUp = bottom + props.menuHeight > viewportHeight;\n\n menuPosition.value = {\n x: left + window.scrollX,\n y: shouldOpenUp ? top + window.scrollY : bottom + window.scrollY,\n width,\n shouldOpenUp,\n height: props.menuHeight,\n };\n};\n\nconst toggleMenu = () => {\n calculateMenuPosition();\n isOpen.value = !isOpen.value;\n};\n\nconst resetSettings = () => {\n errorMessage.value = null;\n searchQuery.value = '';\n filteredItems.value = [...allItems.value];\n};\n\nconst closeMenu = () => {\n isOpen.value = false;\n\n resetSettings();\n};\n\nconst selectItem = (item: MenuItem) => {\n selectedItem.value = item;\n searchQuery.value = '';\n\n closeMenu();\n\n emit('select-item', item);\n};\n\nconst addItem = () => {\n const query = searchQuery.value.trim();\n const error = props.validateAddItem(query, allItems.value);\n\n if (error) {\n errorMessage.value = error;\n\n emit('add-error', error);\n\n return;\n }\n\n const newItem: MenuItem = {\n text: query,\n value: query,\n };\n\n allItems.value.push(newItem);\n resetSettings();\n\n emit('item-added', newItem);\n};\n\nconst onSearch = () => {\n filteredItems.value = fuzzySearch<MenuItem>(allItems.value, 'text', searchQuery.value);\n};\n\nconst onFocusSearch = () => {\n errorMessage.value = '';\n};\n\nconst menuStyle = computed<Partial<StyleValue>>(() => ({\n top: menuPosition.value.shouldOpenUp ? `${menuPosition.value.y - 10}px` : `${menuPosition.value.y}px`,\n left: `${menuPosition.value.x}px`,\n width: `${menuPosition.value.width}px`,\n height: `${props.menuHeight}px`,\n}));\n\nonMounted(() => {\n calculateMenuPosition();\n\n if (props.defaultSelected) {\n const defaultItem = allItems.value.find(item => item.value === props.defaultSelected);\n\n if (defaultItem) {\n selectedItem.value = defaultItem;\n emit('select-item', defaultItem);\n }\n }\n});\n\nconst selectedValue = computed(() => (selectedItem.value ? selectedItem.value.text : ''));\n</script>\n\n<template>\n <div\n ref=\"dropdownRef\"\n :class=\"styles.dropdown\">\n <label\n v-if=\"label\"\n :class=\"styles.dropdown__label\"\n :for=\"id\">\n {{ label }}\n </label>\n <button\n :class=\"[\n styles.dropdown__valueContent, {\n [styles['dropdown__valueContent--open']]: isOpen,\n },\n ]\"\n @click=\"toggleMenu\">\n <span :class=\"styles.dropdown__value\">\n {{ selectedValue }}\n </span>\n <span\n v-if=\"placeholder && !selectedValue\"\n :class=\"styles.dropdown__placeholder\">\n {{ placeholder }}\n </span>\n <svg\n fill=\"none\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n width=\"16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n :class=\"styles.dropdown__arrowIcon\">\n <path\n d=\"M8 11.2021L4.5359 6.70215L11.4641 6.70215L8 11.2021Z\"\n fill=\"#91949F\" />\n </svg>\n </button>\n </div>\n\n <div\n v-if=\"isOpen\"\n ref=\"menuRef\"\n :class=\"styles.menu\"\n :style=\"menuStyle\"\n v-click-outside=\"{ handler: closeMenu, exclude: [dropdownRef, menuRef] }\"\n @click.prevent>\n <div\n v-if=\"props.searchable\"\n :class=\"styles.menu__searchContainer\">\n <div :class=\"styles.menu__searchInputWrap\">\n <input\n type=\"text\"\n :class=\"[\n styles.menu__searchInput, {\n [styles['menu__searchInput--error']]: errorMessage,\n },\n ]\"\n :placeholder=\"searchPlaceHolder\"\n v-model=\"searchQuery\"\n @focus=\"onFocusSearch\"\n @input=\"onSearch\">\n <p\n v-if=\"errorMessage\"\n :class=\"styles.menu__errorMessage\">\n {{ errorMessage }}\n </p>\n </div>\n <button\n v-if=\"props.addable\"\n :class=\"styles.menu__addButton\"\n @click=\"addItem\">\n {{ addButtonText }}\n </button>\n </div>\n <ul :class=\"styles.menu__itemContainer\">\n <li\n v-for=\"(item) in filteredItems\"\n :key=\"item.value\"\n :class=\"[\n styles.menu__item, {\n [styles['menu__item--active']]: selectedItem && item.value === selectedItem.value,\n },\n ]\"\n @click=\"selectItem(item)\">\n {{ item.text }}\n </li>\n </ul>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue';\nimport type { IconNames } from '@/components/Icon/types';\n\ninterface IconProps {\n name: IconNames;\n size?: 16 | 24;\n color?: string;\n}\n\nconst props = withDefaults(defineProps<IconProps>(), {\n size: 16,\n});\n\ntype X = (() => Promise<unknown>);\n\nconst iconComponent = ref<null | X>(null);\n\nwatch(\n () => props.name,\n async newName => {\n try {\n const component = await import(`./icons/${newName}.vue`);\n\n iconComponent.value = component.default;\n } catch (error) {\n // eslint-disable-next-line no-console\n console.warn(`Icon \"${newName}\" not found.`, error);\n iconComponent.value = null;\n }\n },\n { immediate: true }\n);\n\nconst iconSize = computed(() => (typeof props.size === 'number' ? `${props.size}px` : props.size));\n</script>\n\n<template>\n <component\n v-if=\"iconComponent\"\n :is=\"iconComponent\"\n class=\"icon\"\n :style=\"{ width: iconSize, height: iconSize, fill: props.color || 'currentColor' }\" />\n</template>\n\n<style scoped>\n.icon {\n display: inline-block;\n line-height: 0;\n vertical-align: middle;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport type { IconNames } from '@/components/Icon/types';\nimport { Icon } from '@/index';\nimport styles from './SegmentButton.module.scss';\n\ninterface SegmentType {\n value: string;\n label: string;\n disabled?: boolean;\n icon?: IconNames;\n}\n\ninterface SegmentButtonProps {\n color: 'primary' | 'secondary' | 'danger' | 'warning' | 'smart';\n size?: 'default' | 'small';\n align?: 'vertical' | 'horizontal';\n disabled?: boolean;\n segments: SegmentType[];\n fill?: boolean;\n}\n\nconst props = withDefaults(defineProps<SegmentButtonProps>(), {\n loadingStatus: false,\n successStatus: false,\n disabled: false,\n size: 'default',\n align: 'horizontal',\n});\n\nconst emit = defineEmits<{\n click: [event: SegmentType['value']];\n}>();\n\nconst selected = ref<string>('');\n\nconst setSelect = (segment: SegmentType) => {\n if (props.disabled || segment.disabled) {\n return;\n }\n\n selected.value = segment.value;\n\n emit('click', segment.value);\n};\n</script>\n\n<template>\n <div\n :class=\"[\n styles.segmentGroup,\n styles[`segmentGroup--${align}`],\n { [styles.fill]: fill },\n ]\">\n <button\n v-for=\"segment in segments\"\n :key=\"segment.value\"\n :class=\"[\n styles.button,\n styles[`button--${color}`],\n styles[`button__size_${size}`],\n styles.fill,\n {\n [styles[`button--selected`]]: segment.value === selected,\n },\n ]\"\n :disabled=\"segment.disabled || props.disabled\"\n @click=\"setSelect(segment)\">\n <Icon\n v-if=\"segment.icon\"\n :name=\"segment.icon\" />\n <span\n v-if=\"segment.label\"\n :class=\"styles.button__label\">\n {{ segment.label }}\n </span>\n </button>\n </div>\n</template>\n"],"names":["props","__props","emit","__emit","textareaRef","ref","autoGrow","newHeight","handleInput","event","onMounted","clickOutside","el","binding","element","isFuzzyMatch","choiceValue","searchTerm","searchIndex","char","_a","fuzzySearch","choices","key","normalizedSearchTerm","choice","value","a","b","aValue","bValue","vClickOutside","dropdownRef","menuRef","isOpen","selectedItem","searchQuery","errorMessage","menuPosition","filteredItems","allItems","calculateMenuPosition","top","left","width","viewportHeight","bottom","shouldOpenUp","toggleMenu","resetSettings","closeMenu","selectItem","item","addItem","query","error","newItem","onSearch","onFocusSearch","menuStyle","computed","defaultItem","selectedValue","iconComponent","watch","newName","component","__variableDynamicImportRuntimeHelper","iconSize","selected","setSelect","segment"],"mappings":"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"}
|
|
@@ -0,0 +1,432 @@
|
|
|
1
|
+
import { defineComponent as x, ref as f, onMounted as W, openBlock as _, createElementBlock as m, normalizeClass as u, unref as n, toDisplayString as y, createCommentVNode as w, normalizeStyle as H, createElementVNode as z, computed as B, Fragment as M, withDirectives as V, withModifiers as Q, vModelText as X, renderList as P, watch as Z, createBlock as R, resolveDynamicComponent as J } from "vue";
|
|
2
|
+
const K = "_wrapper_1pges_169", ee = "_wrapper__field_1pges_174", te = "_wrapper__label_1pges_208", ne = "_wrapper__bottom_1pges_216", oe = "_wrapper__errorMessage_1pges_220", re = "_wrapper__counter_1pges_225", k = {
|
|
3
|
+
wrapper: K,
|
|
4
|
+
wrapper__field: ee,
|
|
5
|
+
wrapper__label: te,
|
|
6
|
+
wrapper__bottom: ne,
|
|
7
|
+
wrapper__errorMessage: oe,
|
|
8
|
+
wrapper__counter: re,
|
|
9
|
+
"wrapper--error": "_wrapper--error_1pges_231"
|
|
10
|
+
}, le = ["for"], ae = ["id", "maxlength", "name", "placeholder", "value"], se = ["id", "maxlength", "name", "placeholder", "value"], Pe = /* @__PURE__ */ x({
|
|
11
|
+
__name: "TextInput",
|
|
12
|
+
props: {
|
|
13
|
+
id: {},
|
|
14
|
+
name: {},
|
|
15
|
+
modelValue: {},
|
|
16
|
+
label: { default: "" },
|
|
17
|
+
placeholder: { default: "" },
|
|
18
|
+
maxLength: { default: void 0 },
|
|
19
|
+
maxHeight: { default: void 0 },
|
|
20
|
+
error: { default: "" },
|
|
21
|
+
multiline: { type: Boolean, default: !1 },
|
|
22
|
+
autoGrow: { type: Boolean, default: !1 },
|
|
23
|
+
counter: { type: Boolean }
|
|
24
|
+
},
|
|
25
|
+
emits: ["input", "change", "paste", "focus", "blur"],
|
|
26
|
+
setup(s, { emit: l }) {
|
|
27
|
+
const a = s, e = l, r = f(null), d = () => {
|
|
28
|
+
if (a.autoGrow && r.value) {
|
|
29
|
+
r.value.style.height = "";
|
|
30
|
+
const t = Math.min(r.value.scrollHeight, a.maxHeight || r.value.scrollHeight);
|
|
31
|
+
r.value.style.height = `${t}px`;
|
|
32
|
+
}
|
|
33
|
+
}, p = (t) => {
|
|
34
|
+
e("input", t), d();
|
|
35
|
+
};
|
|
36
|
+
return W(() => {
|
|
37
|
+
d();
|
|
38
|
+
}), (t, o) => {
|
|
39
|
+
var g;
|
|
40
|
+
return _(), m("div", {
|
|
41
|
+
class: u(n(k).wrapper)
|
|
42
|
+
}, [
|
|
43
|
+
t.label ? (_(), m("label", {
|
|
44
|
+
key: 0,
|
|
45
|
+
class: u(n(k).wrapper__label),
|
|
46
|
+
for: t.id
|
|
47
|
+
}, y(t.label), 11, le)) : w("", !0),
|
|
48
|
+
t.multiline ? (_(), m("textarea", {
|
|
49
|
+
key: 1,
|
|
50
|
+
id: t.id,
|
|
51
|
+
ref_key: "textareaRef",
|
|
52
|
+
ref: r,
|
|
53
|
+
class: u([
|
|
54
|
+
n(k).wrapper__field,
|
|
55
|
+
{
|
|
56
|
+
[n(k)["wrapper--error"]]: t.error
|
|
57
|
+
}
|
|
58
|
+
]),
|
|
59
|
+
maxlength: t.maxLength,
|
|
60
|
+
name: t.name,
|
|
61
|
+
placeholder: t.placeholder,
|
|
62
|
+
style: H(t.maxHeight ? { maxHeight: `${t.maxHeight}px` } : void 0),
|
|
63
|
+
value: t.modelValue,
|
|
64
|
+
onBlur: o[0] || (o[0] = (i) => e("blur", i)),
|
|
65
|
+
onChange: o[1] || (o[1] = (i) => t.$emit("change", i)),
|
|
66
|
+
onFocus: o[2] || (o[2] = (i) => e("focus", i)),
|
|
67
|
+
onInput: p,
|
|
68
|
+
onPaste: o[3] || (o[3] = (i) => e("paste", i))
|
|
69
|
+
}, null, 46, ae)) : (_(), m("input", {
|
|
70
|
+
key: 2,
|
|
71
|
+
id: t.id,
|
|
72
|
+
type: "text",
|
|
73
|
+
class: u([
|
|
74
|
+
n(k).wrapper__field,
|
|
75
|
+
{
|
|
76
|
+
[n(k)["wrapper--error"]]: t.error
|
|
77
|
+
}
|
|
78
|
+
]),
|
|
79
|
+
maxlength: t.maxLength,
|
|
80
|
+
name: t.name,
|
|
81
|
+
placeholder: t.placeholder,
|
|
82
|
+
value: t.modelValue,
|
|
83
|
+
onBlur: o[4] || (o[4] = (i) => e("blur", i)),
|
|
84
|
+
onChange: o[5] || (o[5] = (i) => t.$emit("change", i)),
|
|
85
|
+
onFocus: o[6] || (o[6] = (i) => e("focus", i)),
|
|
86
|
+
onInput: p,
|
|
87
|
+
onPaste: o[7] || (o[7] = (i) => e("paste", i))
|
|
88
|
+
}, null, 42, se)),
|
|
89
|
+
z("div", {
|
|
90
|
+
class: u(n(k).wrapper__bottom)
|
|
91
|
+
}, [
|
|
92
|
+
t.error ? (_(), m("div", {
|
|
93
|
+
key: 0,
|
|
94
|
+
class: u(n(k).wrapper__errorMessage)
|
|
95
|
+
}, y(t.error), 3)) : w("", !0),
|
|
96
|
+
t.counter ? (_(), m("div", {
|
|
97
|
+
key: 1,
|
|
98
|
+
class: u(n(k).wrapper__counter)
|
|
99
|
+
}, y(((g = t.modelValue) == null ? void 0 : g.toString().length) || 0), 3)) : w("", !0)
|
|
100
|
+
], 2)
|
|
101
|
+
], 2);
|
|
102
|
+
};
|
|
103
|
+
}
|
|
104
|
+
}), ue = {
|
|
105
|
+
mounted(s, l) {
|
|
106
|
+
s.clickOutsideEvent = (a) => {
|
|
107
|
+
[s, ...l.value.exclude || []].some((r) => r && (r === a.target || r.contains(a.target))) || l.value.handler();
|
|
108
|
+
}, document.addEventListener("click", s.clickOutsideEvent);
|
|
109
|
+
},
|
|
110
|
+
unmounted(s) {
|
|
111
|
+
s.clickOutsideEvent && document.removeEventListener("click", s.clickOutsideEvent);
|
|
112
|
+
}
|
|
113
|
+
}, ie = (s, l) => {
|
|
114
|
+
var e;
|
|
115
|
+
let a = 0;
|
|
116
|
+
for (const r of s)
|
|
117
|
+
if (r.toLowerCase() === ((e = l[a]) == null ? void 0 : e.toLowerCase()) && a++, a === l.length)
|
|
118
|
+
return !0;
|
|
119
|
+
return !1;
|
|
120
|
+
}, _e = (s, l, a) => {
|
|
121
|
+
if (!a.trim())
|
|
122
|
+
return s;
|
|
123
|
+
const e = a.toLowerCase();
|
|
124
|
+
return s.filter((r) => {
|
|
125
|
+
const d = String(r[l]);
|
|
126
|
+
return ie(d.toLowerCase(), e);
|
|
127
|
+
}).sort((r, d) => {
|
|
128
|
+
const p = String(r[l]).toLowerCase(), t = String(d[l]).toLowerCase();
|
|
129
|
+
return p === e ? -1 : t === e ? 1 : p.startsWith(e) && !t.startsWith(e) ? -1 : !p.startsWith(e) && t.startsWith(e) ? 1 : p.length - t.length;
|
|
130
|
+
});
|
|
131
|
+
}, de = "_dropdown_zdj6q_169", ce = "_dropdown__valueContent_zdj6q_178", pe = "_dropdown__label_zdj6q_189", me = "_dropdown__value_zdj6q_178", ve = "_dropdown__placeholder_zdj6q_196", he = "_dropdown__arrowIcon_zdj6q_204", fe = "_menu_zdj6q_209", we = "_menu__searchContainer_zdj6q_222", be = "_menu__searchInputWrap_zdj6q_226", ge = "_menu__searchInput_zdj6q_226", ye = "_menu__errorMessage_zdj6q_247", ke = "_menu__addButton_zdj6q_254", Ce = "_menu__itemContainer_zdj6q_262", ze = "_menu__item_zdj6q_262", v = {
|
|
132
|
+
dropdown: de,
|
|
133
|
+
dropdown__valueContent: ce,
|
|
134
|
+
"dropdown__valueContent--open": "_dropdown__valueContent--open_zdj6q_186",
|
|
135
|
+
dropdown__label: pe,
|
|
136
|
+
dropdown__value: me,
|
|
137
|
+
dropdown__placeholder: ve,
|
|
138
|
+
dropdown__arrowIcon: he,
|
|
139
|
+
menu: fe,
|
|
140
|
+
menu__searchContainer: we,
|
|
141
|
+
menu__searchInputWrap: be,
|
|
142
|
+
menu__searchInput: ge,
|
|
143
|
+
"menu__searchInput--error": "_menu__searchInput--error_zdj6q_244",
|
|
144
|
+
menu__errorMessage: ye,
|
|
145
|
+
menu__addButton: ke,
|
|
146
|
+
menu__itemContainer: Ce,
|
|
147
|
+
menu__item: ze,
|
|
148
|
+
"menu__item--active": "_menu__item--active_zdj6q_300"
|
|
149
|
+
}, Ie = ["for"], qe = ["placeholder"], xe = ["onClick"], Re = /* @__PURE__ */ x({
|
|
150
|
+
__name: "DropdownMenu",
|
|
151
|
+
props: {
|
|
152
|
+
id: {},
|
|
153
|
+
label: {},
|
|
154
|
+
defaultSelected: { default: "" },
|
|
155
|
+
menuHeight: { default: 154 },
|
|
156
|
+
placeholder: {},
|
|
157
|
+
addable: { type: Boolean },
|
|
158
|
+
addButtonText: {},
|
|
159
|
+
searchable: { type: Boolean },
|
|
160
|
+
searchPlaceHolder: {},
|
|
161
|
+
items: {},
|
|
162
|
+
validateAddItem: { type: Function, default: () => null }
|
|
163
|
+
},
|
|
164
|
+
emits: ["add-error", "item-added", "select-item"],
|
|
165
|
+
setup(s, { emit: l }) {
|
|
166
|
+
const a = ue, e = s, r = l, d = f(), p = f(), t = f(!0), o = f(null), g = f(""), i = f(null), I = f({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: e.menuHeight }), $ = f([...e.items]), q = f([...e.items]), S = () => {
|
|
167
|
+
if (!d.value)
|
|
168
|
+
return;
|
|
169
|
+
const { offsetTop: c, offsetLeft: h, offsetWidth: b } = d.value, G = window.innerHeight, O = c + d.value.offsetHeight, E = O + e.menuHeight > G;
|
|
170
|
+
I.value = {
|
|
171
|
+
x: h + window.scrollX,
|
|
172
|
+
y: E ? c + window.scrollY : O + window.scrollY,
|
|
173
|
+
width: b,
|
|
174
|
+
shouldOpenUp: E,
|
|
175
|
+
height: e.menuHeight
|
|
176
|
+
};
|
|
177
|
+
}, T = () => {
|
|
178
|
+
S(), t.value = !t.value;
|
|
179
|
+
}, j = () => {
|
|
180
|
+
i.value = null, g.value = "", $.value = [...q.value];
|
|
181
|
+
}, L = () => {
|
|
182
|
+
t.value = !1, j();
|
|
183
|
+
}, D = (c) => {
|
|
184
|
+
o.value = c, g.value = "", L(), r("select-item", c);
|
|
185
|
+
}, U = () => {
|
|
186
|
+
const c = g.value.trim(), h = e.validateAddItem(c, q.value);
|
|
187
|
+
if (h) {
|
|
188
|
+
i.value = h, r("add-error", h);
|
|
189
|
+
return;
|
|
190
|
+
}
|
|
191
|
+
const b = {
|
|
192
|
+
text: c,
|
|
193
|
+
value: c
|
|
194
|
+
};
|
|
195
|
+
q.value.push(b), j(), r("item-added", b);
|
|
196
|
+
}, A = () => {
|
|
197
|
+
$.value = _e(q.value, "text", g.value);
|
|
198
|
+
}, N = () => {
|
|
199
|
+
i.value = "";
|
|
200
|
+
}, Y = B(() => ({
|
|
201
|
+
top: I.value.shouldOpenUp ? `${I.value.y - 10}px` : `${I.value.y}px`,
|
|
202
|
+
left: `${I.value.x}px`,
|
|
203
|
+
width: `${I.value.width}px`,
|
|
204
|
+
height: `${e.menuHeight}px`
|
|
205
|
+
}));
|
|
206
|
+
W(() => {
|
|
207
|
+
if (S(), e.defaultSelected) {
|
|
208
|
+
const c = q.value.find((h) => h.value === e.defaultSelected);
|
|
209
|
+
c && (o.value = c, r("select-item", c));
|
|
210
|
+
}
|
|
211
|
+
});
|
|
212
|
+
const F = B(() => o.value ? o.value.text : "");
|
|
213
|
+
return (c, h) => (_(), m(M, null, [
|
|
214
|
+
z("div", {
|
|
215
|
+
ref_key: "dropdownRef",
|
|
216
|
+
ref: d,
|
|
217
|
+
class: u(n(v).dropdown)
|
|
218
|
+
}, [
|
|
219
|
+
c.label ? (_(), m("label", {
|
|
220
|
+
key: 0,
|
|
221
|
+
class: u(n(v).dropdown__label),
|
|
222
|
+
for: c.id
|
|
223
|
+
}, y(c.label), 11, Ie)) : w("", !0),
|
|
224
|
+
z("button", {
|
|
225
|
+
class: u([
|
|
226
|
+
n(v).dropdown__valueContent,
|
|
227
|
+
{
|
|
228
|
+
[n(v)["dropdown__valueContent--open"]]: t.value
|
|
229
|
+
}
|
|
230
|
+
]),
|
|
231
|
+
onClick: T
|
|
232
|
+
}, [
|
|
233
|
+
z("span", {
|
|
234
|
+
class: u(n(v).dropdown__value)
|
|
235
|
+
}, y(F.value), 3),
|
|
236
|
+
c.placeholder && !F.value ? (_(), m("span", {
|
|
237
|
+
key: 0,
|
|
238
|
+
class: u(n(v).dropdown__placeholder)
|
|
239
|
+
}, y(c.placeholder), 3)) : w("", !0),
|
|
240
|
+
(_(), m("svg", {
|
|
241
|
+
fill: "none",
|
|
242
|
+
height: "17",
|
|
243
|
+
viewBox: "0 0 16 17",
|
|
244
|
+
width: "16",
|
|
245
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
246
|
+
class: u(n(v).dropdown__arrowIcon)
|
|
247
|
+
}, h[2] || (h[2] = [
|
|
248
|
+
z("path", {
|
|
249
|
+
d: "M8 11.2021L4.5359 6.70215L11.4641 6.70215L8 11.2021Z",
|
|
250
|
+
fill: "#91949F"
|
|
251
|
+
}, null, -1)
|
|
252
|
+
]), 2))
|
|
253
|
+
], 2)
|
|
254
|
+
], 2),
|
|
255
|
+
t.value ? V((_(), m("div", {
|
|
256
|
+
key: 0,
|
|
257
|
+
ref_key: "menuRef",
|
|
258
|
+
ref: p,
|
|
259
|
+
class: u(n(v).menu),
|
|
260
|
+
style: H(Y.value),
|
|
261
|
+
onClick: h[1] || (h[1] = Q(() => {
|
|
262
|
+
}, ["prevent"]))
|
|
263
|
+
}, [
|
|
264
|
+
e.searchable ? (_(), m("div", {
|
|
265
|
+
key: 0,
|
|
266
|
+
class: u(n(v).menu__searchContainer)
|
|
267
|
+
}, [
|
|
268
|
+
z("div", {
|
|
269
|
+
class: u(n(v).menu__searchInputWrap)
|
|
270
|
+
}, [
|
|
271
|
+
V(z("input", {
|
|
272
|
+
type: "text",
|
|
273
|
+
class: u([
|
|
274
|
+
n(v).menu__searchInput,
|
|
275
|
+
{
|
|
276
|
+
[n(v)["menu__searchInput--error"]]: i.value
|
|
277
|
+
}
|
|
278
|
+
]),
|
|
279
|
+
placeholder: c.searchPlaceHolder,
|
|
280
|
+
"onUpdate:modelValue": h[0] || (h[0] = (b) => g.value = b),
|
|
281
|
+
onFocus: N,
|
|
282
|
+
onInput: A
|
|
283
|
+
}, null, 42, qe), [
|
|
284
|
+
[X, g.value]
|
|
285
|
+
]),
|
|
286
|
+
i.value ? (_(), m("p", {
|
|
287
|
+
key: 0,
|
|
288
|
+
class: u(n(v).menu__errorMessage)
|
|
289
|
+
}, y(i.value), 3)) : w("", !0)
|
|
290
|
+
], 2),
|
|
291
|
+
e.addable ? (_(), m("button", {
|
|
292
|
+
key: 0,
|
|
293
|
+
class: u(n(v).menu__addButton),
|
|
294
|
+
onClick: U
|
|
295
|
+
}, y(c.addButtonText), 3)) : w("", !0)
|
|
296
|
+
], 2)) : w("", !0),
|
|
297
|
+
z("ul", {
|
|
298
|
+
class: u(n(v).menu__itemContainer)
|
|
299
|
+
}, [
|
|
300
|
+
(_(!0), m(M, null, P($.value, (b) => (_(), m("li", {
|
|
301
|
+
key: b.value,
|
|
302
|
+
class: u([
|
|
303
|
+
n(v).menu__item,
|
|
304
|
+
{
|
|
305
|
+
[n(v)["menu__item--active"]]: o.value && b.value === o.value.value
|
|
306
|
+
}
|
|
307
|
+
]),
|
|
308
|
+
onClick: (G) => D(b)
|
|
309
|
+
}, y(b.text), 11, xe))), 128))
|
|
310
|
+
], 2)
|
|
311
|
+
], 6)), [
|
|
312
|
+
[n(a), { handler: L, exclude: [d.value, p.value] }]
|
|
313
|
+
]) : w("", !0)
|
|
314
|
+
], 64));
|
|
315
|
+
}
|
|
316
|
+
}), $e = (s, l, a) => {
|
|
317
|
+
const e = s[l];
|
|
318
|
+
return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((r, d) => {
|
|
319
|
+
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
|
|
320
|
+
d.bind(
|
|
321
|
+
null,
|
|
322
|
+
new Error(
|
|
323
|
+
"Unknown variable dynamic import: " + l + (l.split("/").length !== a ? ". Note that variables only represent file names one level deep." : "")
|
|
324
|
+
)
|
|
325
|
+
)
|
|
326
|
+
);
|
|
327
|
+
});
|
|
328
|
+
}, Be = /* @__PURE__ */ x({
|
|
329
|
+
__name: "Icon",
|
|
330
|
+
props: {
|
|
331
|
+
name: {},
|
|
332
|
+
size: { default: 16 },
|
|
333
|
+
color: {}
|
|
334
|
+
},
|
|
335
|
+
setup(s) {
|
|
336
|
+
const l = s, a = f(null);
|
|
337
|
+
Z(
|
|
338
|
+
() => l.name,
|
|
339
|
+
async (r) => {
|
|
340
|
+
try {
|
|
341
|
+
const d = await $e(/* @__PURE__ */ Object.assign({ "./icons/FilledCautionTriangle.vue": () => import("./FilledCautionTriangle-cwRIOeCA.js"), "./icons/FilledCheckCircle.vue": () => import("./FilledCheckCircle-C_QbmDt7.js"), "./icons/FilledErrorBox.vue": () => import("./FilledErrorBox-BjD-Fb7J.js"), "./icons/FilledInfoCircle.vue": () => import("./FilledInfoCircle-BIlBGYfB.js"), "./icons/LineCheck.vue": () => import("./LineCheck-BS3C1-Sl.js"), "./icons/LoadingCircle.vue": () => import("./LoadingCircle-BsQ7G2K0.js"), "./icons/SmartIcon.vue": () => import("./SmartIcon-DJGXMv63.js") }), `./icons/${r}.vue`, 3);
|
|
342
|
+
a.value = d.default;
|
|
343
|
+
} catch (d) {
|
|
344
|
+
console.warn(`Icon "${r}" not found.`, d), a.value = null;
|
|
345
|
+
}
|
|
346
|
+
},
|
|
347
|
+
{ immediate: !0 }
|
|
348
|
+
);
|
|
349
|
+
const e = B(() => typeof l.size == "number" ? `${l.size}px` : l.size);
|
|
350
|
+
return (r, d) => a.value ? (_(), R(J(a.value), {
|
|
351
|
+
key: 0,
|
|
352
|
+
class: "icon",
|
|
353
|
+
style: H({ width: e.value, height: e.value, fill: l.color || "currentColor" })
|
|
354
|
+
}, null, 8, ["style"])) : w("", !0);
|
|
355
|
+
}
|
|
356
|
+
}), Me = (s, l) => {
|
|
357
|
+
const a = s.__vccOpts || s;
|
|
358
|
+
for (const [e, r] of l)
|
|
359
|
+
a[e] = r;
|
|
360
|
+
return a;
|
|
361
|
+
}, He = /* @__PURE__ */ Me(Be, [["__scopeId", "data-v-0439f329"]]), Se = "_button__size_default_qxh1r_1", je = "_button__size_small_qxh1r_8", Le = "_button_qxh1r_1", Fe = "_button__label_qxh1r_191", Ge = "_button__solid_qxh1r_328", Oe = "_segmentGroup_qxh1r_335", Ee = "_fill_qxh1r_357", C = {
|
|
362
|
+
button__size_default: Se,
|
|
363
|
+
button__size_small: je,
|
|
364
|
+
button: Le,
|
|
365
|
+
button__label: Fe,
|
|
366
|
+
"button--primary": "_button--primary_qxh1r_206",
|
|
367
|
+
"button--selected": "_button--selected_qxh1r_216",
|
|
368
|
+
"button--secondary": "_button--secondary_qxh1r_229",
|
|
369
|
+
"button--danger": "_button--danger_qxh1r_252",
|
|
370
|
+
"button--warning": "_button--warning_qxh1r_275",
|
|
371
|
+
"button--smart": "_button--smart_qxh1r_298",
|
|
372
|
+
button__solid: Ge,
|
|
373
|
+
segmentGroup: Oe,
|
|
374
|
+
"segmentGroup--vertical": "_segmentGroup--vertical_qxh1r_338",
|
|
375
|
+
"segmentGroup--horizontal": "_segmentGroup--horizontal_qxh1r_347",
|
|
376
|
+
fill: Ee
|
|
377
|
+
}, Ve = ["disabled", "onClick"], Te = /* @__PURE__ */ x({
|
|
378
|
+
__name: "SegmentButton",
|
|
379
|
+
props: {
|
|
380
|
+
color: {},
|
|
381
|
+
size: { default: "default" },
|
|
382
|
+
align: { default: "horizontal" },
|
|
383
|
+
disabled: { type: Boolean, default: !1 },
|
|
384
|
+
segments: {},
|
|
385
|
+
fill: { type: Boolean }
|
|
386
|
+
},
|
|
387
|
+
emits: ["click"],
|
|
388
|
+
setup(s, { emit: l }) {
|
|
389
|
+
const a = s, e = l, r = f(""), d = (p) => {
|
|
390
|
+
a.disabled || p.disabled || (r.value = p.value, e("click", p.value));
|
|
391
|
+
};
|
|
392
|
+
return (p, t) => (_(), m("div", {
|
|
393
|
+
class: u([
|
|
394
|
+
n(C).segmentGroup,
|
|
395
|
+
n(C)[`segmentGroup--${p.align}`],
|
|
396
|
+
{ [n(C).fill]: p.fill }
|
|
397
|
+
])
|
|
398
|
+
}, [
|
|
399
|
+
(_(!0), m(M, null, P(p.segments, (o) => (_(), m("button", {
|
|
400
|
+
key: o.value,
|
|
401
|
+
class: u([
|
|
402
|
+
n(C).button,
|
|
403
|
+
n(C)[`button--${p.color}`],
|
|
404
|
+
n(C)[`button__size_${p.size}`],
|
|
405
|
+
n(C).fill,
|
|
406
|
+
{
|
|
407
|
+
[n(C)["button--selected"]]: o.value === r.value
|
|
408
|
+
}
|
|
409
|
+
]),
|
|
410
|
+
disabled: o.disabled || a.disabled,
|
|
411
|
+
onClick: (g) => d(o)
|
|
412
|
+
}, [
|
|
413
|
+
o.icon ? (_(), R(n(He), {
|
|
414
|
+
key: 0,
|
|
415
|
+
name: o.icon
|
|
416
|
+
}, null, 8, ["name"])) : w("", !0),
|
|
417
|
+
o.label ? (_(), m("span", {
|
|
418
|
+
key: 1,
|
|
419
|
+
class: u(n(C).button__label)
|
|
420
|
+
}, y(o.label), 3)) : w("", !0)
|
|
421
|
+
], 10, Ve))), 128))
|
|
422
|
+
], 2));
|
|
423
|
+
}
|
|
424
|
+
});
|
|
425
|
+
export {
|
|
426
|
+
He as I,
|
|
427
|
+
Me as _,
|
|
428
|
+
Pe as a,
|
|
429
|
+
Re as b,
|
|
430
|
+
Te as c
|
|
431
|
+
};
|
|
432
|
+
//# sourceMappingURL=index-DvF0u09d.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-DvF0u09d.js","sources":["../src/components/TextInput/TextInput.vue","../src/directives/clickOutside.ts","../src/utils/search.ts","../src/components/Dropdown/DropdownMenu.vue","../src/components/Icon/Icon.vue","../src/components/SegmentButton/SegmentButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref } from 'vue';\nimport styles from './TextInput.module.scss';\n\nexport interface Props {\n id: string;\n name: string;\n modelValue: string | number;\n label?: string;\n placeholder?: string;\n maxLength?: number;\n maxHeight?: number;\n error?: string;\n multiline?: boolean;\n autoGrow?: boolean;\n counter?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n label: '',\n placeholder: '',\n maxLength: undefined,\n maxHeight: undefined,\n error: '',\n multiline: false,\n autoGrow: false,\n});\n\nconst emit = defineEmits<{\n input: [event: Event];\n change: [event: Event];\n paste: [event: ClipboardEvent];\n focus: [event: FocusEvent];\n blur: [event: FocusEvent];\n}>();\n\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\n\nconst autoGrow = () => {\n if (props.autoGrow && textareaRef.value) {\n textareaRef.value.style.height = '';\n\n const newHeight = Math.min(textareaRef.value.scrollHeight, props.maxHeight || textareaRef.value.scrollHeight);\n\n textareaRef.value.style.height = `${newHeight}px`;\n }\n};\n\nconst handleInput = (event: Event) => {\n emit('input', event);\n\n autoGrow();\n};\n\nonMounted(() => {\n autoGrow();\n});\n</script>\n\n<template>\n <div :class=\"styles.wrapper\">\n <label\n v-if=\"label\"\n :class=\"styles.wrapper__label\"\n :for=\"id\">\n {{ label }}\n </label>\n <template v-if=\"multiline\">\n <textarea\n :id=\"id\"\n ref=\"textareaRef\"\n :class=\"[\n styles.wrapper__field, {\n [styles['wrapper--error']]: error,\n },\n ]\"\n :maxlength=\"maxLength\"\n :name=\"name\"\n :placeholder=\"placeholder\"\n :style=\"maxHeight ? { maxHeight: `${maxHeight}px` } : undefined\"\n :value=\"modelValue\"\n @blur=\"emit('blur', $event)\"\n @change=\"$emit('change', $event)\"\n @focus=\"emit('focus', $event)\"\n @input=\"handleInput\"\n @paste=\"emit('paste', $event)\" />\n </template>\n <template v-else>\n <input\n :id=\"id\"\n type=\"text\"\n :class=\"[\n styles.wrapper__field, {\n [styles['wrapper--error']]: error,\n },\n ]\"\n :maxlength=\"maxLength\"\n :name=\"name\"\n :placeholder=\"placeholder\"\n :value=\"modelValue\"\n @blur=\"emit('blur', $event)\"\n @change=\"$emit('change', $event)\"\n @focus=\"emit('focus', $event)\"\n @input=\"handleInput\"\n @paste=\"emit('paste', $event)\">\n </template>\n\n <div :class=\"styles.wrapper__bottom\">\n <div\n v-if=\"error\"\n :class=\"styles.wrapper__errorMessage\">\n {{ error }}\n </div>\n <div\n v-if=\"counter\"\n :class=\"styles.wrapper__counter\">\n {{ modelValue?.toString().length || 0 }}\n </div>\n </div>\n </div>\n</template>\n","import type { DirectiveBinding } from 'vue';\n\ninterface ClickOutsideElement extends HTMLElement {\n clickOutsideEvent?: (event: Event) => void;\n}\n\nexport default {\n mounted(el: ClickOutsideElement, binding: DirectiveBinding<{ handler: () => void; exclude?: HTMLElement[] }>) {\n el.clickOutsideEvent = (event: Event) => {\n const isClickInside = [el, ...(binding.value.exclude || [])].some(element => {\n return element && (element === event.target || element.contains(event.target as Node))\n });\n\n if (!isClickInside) {\n binding.value.handler(); // Close handler\n }\n };\n\n document.addEventListener('click', el.clickOutsideEvent);\n },\n unmounted(el: ClickOutsideElement) {\n if (el.clickOutsideEvent) {\n document.removeEventListener('click', el.clickOutsideEvent);\n }\n },\n};","const isFuzzyMatch = (choiceValue: string, searchTerm: string): boolean => {\n let searchIndex = 0;\n for (const char of choiceValue) {\n if (char.toLowerCase() === searchTerm[searchIndex]?.toLowerCase()) {\n searchIndex++;\n }\n if (searchIndex === searchTerm.length) {\n return true;\n }\n }\n return false;\n};\n\n\nexport const fuzzySearch = <T>(\n choices: T[],\n key: keyof T,\n searchTerm: string,\n): T[] => {\n if (!searchTerm.trim()) {\n return choices;\n }\n\n const normalizedSearchTerm = searchTerm.toLowerCase();\n\n return choices\n .filter(choice => {\n const value = String(choice[key]);\n\n return isFuzzyMatch(value.toLowerCase(), normalizedSearchTerm)\n })\n .sort((a, b) => {\n const aValue = String(a[key]).toLowerCase();\n const bValue = String(b[key]).toLowerCase();\n\n if (aValue === normalizedSearchTerm) return -1;\n if (bValue === normalizedSearchTerm) return 1;\n\n if (aValue.startsWith(normalizedSearchTerm) && !bValue.startsWith(normalizedSearchTerm))\n return -1;\n if (!aValue.startsWith(normalizedSearchTerm) && bValue.startsWith(normalizedSearchTerm))\n return 1;\n\n return aValue.length - bValue.length;\n });\n};\n","<script lang=\"ts\" setup>\nimport { ref, computed, type StyleValue, onMounted } from 'vue';\nimport clickOutside from '@/directives/clickOutside';\nimport { fuzzySearch } from '@/utils/search';\nimport styles from './Dropdown.module.scss';\n\nconst vClickOutside = clickOutside;\n\ninterface MenuItem {\n text: string;\n value: string;\n}\n\ninterface DropdownProps {\n id: string;\n label?: string;\n defaultSelected?: string;\n menuHeight?: number;\n placeholder?: string;\n addable?: boolean;\n addButtonText?: string;\n searchable?: boolean;\n searchPlaceHolder?: string;\n items: MenuItem[];\n validateAddItem?: (item: string, items: MenuItem[]) => string | null;\n}\n\ninterface Emits {\n (e: 'add-error', error: string): void;\n (e: 'item-added', item: MenuItem): void;\n (e: 'select-item', item: MenuItem): void;\n}\n\nconst props = withDefaults(defineProps<DropdownProps>(), {\n menuHeight: 154,\n searchBar: false,\n addItem: false,\n defaultSelected: '',\n validateAddItem: () => null,\n});\n\nconst emit = defineEmits<Emits>();\nconst dropdownRef = ref<HTMLDivElement>();\nconst menuRef = ref<HTMLDivElement>();\nconst isOpen = ref(true);\nconst selectedItem = ref<MenuItem | null>(null);\nconst searchQuery = ref('');\nconst errorMessage = ref<string | null>(null);\nconst menuPosition = ref({ x: 0, y: 0, width: 0, shouldOpenUp: false, height: props.menuHeight });\nconst filteredItems = ref([...props.items]);\nconst allItems = ref([...props.items]);\n\nconst calculateMenuPosition = () => {\n if (!dropdownRef.value) {\n return;\n }\n\n const { offsetTop: top, offsetLeft: left, offsetWidth: width } = dropdownRef.value;\n const viewportHeight = window.innerHeight;\n const bottom = top + dropdownRef.value.offsetHeight;\n const shouldOpenUp = bottom + props.menuHeight > viewportHeight;\n\n menuPosition.value = {\n x: left + window.scrollX,\n y: shouldOpenUp ? top + window.scrollY : bottom + window.scrollY,\n width,\n shouldOpenUp,\n height: props.menuHeight,\n };\n};\n\nconst toggleMenu = () => {\n calculateMenuPosition();\n isOpen.value = !isOpen.value;\n};\n\nconst resetSettings = () => {\n errorMessage.value = null;\n searchQuery.value = '';\n filteredItems.value = [...allItems.value];\n};\n\nconst closeMenu = () => {\n isOpen.value = false;\n\n resetSettings();\n};\n\nconst selectItem = (item: MenuItem) => {\n selectedItem.value = item;\n searchQuery.value = '';\n\n closeMenu();\n\n emit('select-item', item);\n};\n\nconst addItem = () => {\n const query = searchQuery.value.trim();\n const error = props.validateAddItem(query, allItems.value);\n\n if (error) {\n errorMessage.value = error;\n\n emit('add-error', error);\n\n return;\n }\n\n const newItem: MenuItem = {\n text: query,\n value: query,\n };\n\n allItems.value.push(newItem);\n resetSettings();\n\n emit('item-added', newItem);\n};\n\nconst onSearch = () => {\n filteredItems.value = fuzzySearch<MenuItem>(allItems.value, 'text', searchQuery.value);\n};\n\nconst onFocusSearch = () => {\n errorMessage.value = '';\n};\n\nconst menuStyle = computed<Partial<StyleValue>>(() => ({\n top: menuPosition.value.shouldOpenUp ? `${menuPosition.value.y - 10}px` : `${menuPosition.value.y}px`,\n left: `${menuPosition.value.x}px`,\n width: `${menuPosition.value.width}px`,\n height: `${props.menuHeight}px`,\n}));\n\nonMounted(() => {\n calculateMenuPosition();\n\n if (props.defaultSelected) {\n const defaultItem = allItems.value.find(item => item.value === props.defaultSelected);\n\n if (defaultItem) {\n selectedItem.value = defaultItem;\n emit('select-item', defaultItem);\n }\n }\n});\n\nconst selectedValue = computed(() => (selectedItem.value ? selectedItem.value.text : ''));\n</script>\n\n<template>\n <div\n ref=\"dropdownRef\"\n :class=\"styles.dropdown\">\n <label\n v-if=\"label\"\n :class=\"styles.dropdown__label\"\n :for=\"id\">\n {{ label }}\n </label>\n <button\n :class=\"[\n styles.dropdown__valueContent, {\n [styles['dropdown__valueContent--open']]: isOpen,\n },\n ]\"\n @click=\"toggleMenu\">\n <span :class=\"styles.dropdown__value\">\n {{ selectedValue }}\n </span>\n <span\n v-if=\"placeholder && !selectedValue\"\n :class=\"styles.dropdown__placeholder\">\n {{ placeholder }}\n </span>\n <svg\n fill=\"none\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n width=\"16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n :class=\"styles.dropdown__arrowIcon\">\n <path\n d=\"M8 11.2021L4.5359 6.70215L11.4641 6.70215L8 11.2021Z\"\n fill=\"#91949F\" />\n </svg>\n </button>\n </div>\n\n <div\n v-if=\"isOpen\"\n ref=\"menuRef\"\n :class=\"styles.menu\"\n :style=\"menuStyle\"\n v-click-outside=\"{ handler: closeMenu, exclude: [dropdownRef, menuRef] }\"\n @click.prevent>\n <div\n v-if=\"props.searchable\"\n :class=\"styles.menu__searchContainer\">\n <div :class=\"styles.menu__searchInputWrap\">\n <input\n type=\"text\"\n :class=\"[\n styles.menu__searchInput, {\n [styles['menu__searchInput--error']]: errorMessage,\n },\n ]\"\n :placeholder=\"searchPlaceHolder\"\n v-model=\"searchQuery\"\n @focus=\"onFocusSearch\"\n @input=\"onSearch\">\n <p\n v-if=\"errorMessage\"\n :class=\"styles.menu__errorMessage\">\n {{ errorMessage }}\n </p>\n </div>\n <button\n v-if=\"props.addable\"\n :class=\"styles.menu__addButton\"\n @click=\"addItem\">\n {{ addButtonText }}\n </button>\n </div>\n <ul :class=\"styles.menu__itemContainer\">\n <li\n v-for=\"(item) in filteredItems\"\n :key=\"item.value\"\n :class=\"[\n styles.menu__item, {\n [styles['menu__item--active']]: selectedItem && item.value === selectedItem.value,\n },\n ]\"\n @click=\"selectItem(item)\">\n {{ item.text }}\n </li>\n </ul>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue';\nimport type { IconNames } from '@/components/Icon/types';\n\ninterface IconProps {\n name: IconNames;\n size?: 16 | 24;\n color?: string;\n}\n\nconst props = withDefaults(defineProps<IconProps>(), {\n size: 16,\n});\n\ntype X = (() => Promise<unknown>);\n\nconst iconComponent = ref<null | X>(null);\n\nwatch(\n () => props.name,\n async newName => {\n try {\n const component = await import(`./icons/${newName}.vue`);\n\n iconComponent.value = component.default;\n } catch (error) {\n // eslint-disable-next-line no-console\n console.warn(`Icon \"${newName}\" not found.`, error);\n iconComponent.value = null;\n }\n },\n { immediate: true }\n);\n\nconst iconSize = computed(() => (typeof props.size === 'number' ? `${props.size}px` : props.size));\n</script>\n\n<template>\n <component\n v-if=\"iconComponent\"\n :is=\"iconComponent\"\n class=\"icon\"\n :style=\"{ width: iconSize, height: iconSize, fill: props.color || 'currentColor' }\" />\n</template>\n\n<style scoped>\n.icon {\n display: inline-block;\n line-height: 0;\n vertical-align: middle;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport type { IconNames } from '@/components/Icon/types';\nimport { Icon } from '@/index';\nimport styles from './SegmentButton.module.scss';\n\ninterface SegmentType {\n value: string;\n label: string;\n disabled?: boolean;\n icon?: IconNames;\n}\n\ninterface SegmentButtonProps {\n color: 'primary' | 'secondary' | 'danger' | 'warning' | 'smart';\n size?: 'default' | 'small';\n align?: 'vertical' | 'horizontal';\n disabled?: boolean;\n segments: SegmentType[];\n fill?: boolean;\n}\n\nconst props = withDefaults(defineProps<SegmentButtonProps>(), {\n loadingStatus: false,\n successStatus: false,\n disabled: false,\n size: 'default',\n align: 'horizontal',\n});\n\nconst emit = defineEmits<{\n click: [event: SegmentType['value']];\n}>();\n\nconst selected = ref<string>('');\n\nconst setSelect = (segment: SegmentType) => {\n if (props.disabled || segment.disabled) {\n return;\n }\n\n selected.value = segment.value;\n\n emit('click', segment.value);\n};\n</script>\n\n<template>\n <div\n :class=\"[\n styles.segmentGroup,\n styles[`segmentGroup--${align}`],\n { [styles.fill]: fill },\n ]\">\n <button\n v-for=\"segment in segments\"\n :key=\"segment.value\"\n :class=\"[\n styles.button,\n styles[`button--${color}`],\n styles[`button__size_${size}`],\n styles.fill,\n {\n [styles[`button--selected`]]: segment.value === selected,\n },\n ]\"\n :disabled=\"segment.disabled || props.disabled\"\n @click=\"setSelect(segment)\">\n <Icon\n v-if=\"segment.icon\"\n :name=\"segment.icon\" />\n <span\n v-if=\"segment.label\"\n :class=\"styles.button__label\">\n {{ segment.label }}\n </span>\n </button>\n </div>\n</template>\n"],"names":["props","__props","emit","__emit","textareaRef","ref","autoGrow","newHeight","handleInput","event","onMounted","clickOutside","el","binding","element","isFuzzyMatch","choiceValue","searchTerm","searchIndex","char","_a","fuzzySearch","choices","key","normalizedSearchTerm","choice","value","a","b","aValue","bValue","vClickOutside","dropdownRef","menuRef","isOpen","selectedItem","searchQuery","errorMessage","menuPosition","filteredItems","allItems","calculateMenuPosition","top","left","width","viewportHeight","bottom","shouldOpenUp","toggleMenu","resetSettings","closeMenu","selectItem","item","addItem","query","error","newItem","onSearch","onFocusSearch","menuStyle","computed","defaultItem","selectedValue","iconComponent","watch","newName","component","__variableDynamicImportRuntimeHelper","iconSize","selected","setSelect","segment"],"mappings":"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"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {}
|
package/package.json
ADDED
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@useinsider/ab-components",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"files": [
|
|
6
|
+
"dist"
|
|
7
|
+
],
|
|
8
|
+
"main": "./dist/ab-components.cjs.js",
|
|
9
|
+
"module": "./dist/ab-components.es.js",
|
|
10
|
+
"sideEffects": [
|
|
11
|
+
"*.css",
|
|
12
|
+
"*.scss"
|
|
13
|
+
],
|
|
14
|
+
"exports": {
|
|
15
|
+
".": {
|
|
16
|
+
"import": "./dist/ab-components.es.js"
|
|
17
|
+
},
|
|
18
|
+
"./style.css": "./dist/ab-components.css"
|
|
19
|
+
},
|
|
20
|
+
"types": "./dist/index.d.ts",
|
|
21
|
+
"scripts": {
|
|
22
|
+
"dev": "vite",
|
|
23
|
+
"build": "run-p type-check \"build-only {@}\" --",
|
|
24
|
+
"preview": "vite preview",
|
|
25
|
+
"test:unit": "vitest",
|
|
26
|
+
"build-only": "vite build",
|
|
27
|
+
"type-check": "vue-tsc --build",
|
|
28
|
+
"lint": "eslint . --fix",
|
|
29
|
+
"storybook": "storybook dev -p 6006",
|
|
30
|
+
"build-storybook": "storybook build"
|
|
31
|
+
},
|
|
32
|
+
"repository": {
|
|
33
|
+
"type": "git",
|
|
34
|
+
"url": "https://github.com/useinsider/ab-components"
|
|
35
|
+
},
|
|
36
|
+
"publishConfig": {
|
|
37
|
+
"access": "restricted",
|
|
38
|
+
"registry": "https://registry.npmjs.org/"
|
|
39
|
+
},
|
|
40
|
+
"release": {
|
|
41
|
+
"branches": [
|
|
42
|
+
"master",
|
|
43
|
+
"next"
|
|
44
|
+
]
|
|
45
|
+
},
|
|
46
|
+
"peerDependencies": {
|
|
47
|
+
"vue": "^3.5.13"
|
|
48
|
+
},
|
|
49
|
+
"devDependencies": {
|
|
50
|
+
"@chromatic-com/storybook": "^3.2.3",
|
|
51
|
+
"@cspell/eslint-plugin": "8.16.0",
|
|
52
|
+
"@eslint/eslintrc": "3.2.0",
|
|
53
|
+
"@eslint/js": "8.57.1",
|
|
54
|
+
"@storybook/addon-docs": "^8.4.7",
|
|
55
|
+
"@storybook/addon-essentials": "^8.4.7",
|
|
56
|
+
"@storybook/addon-interactions": "^8.4.7",
|
|
57
|
+
"@storybook/addon-onboarding": "^8.4.7",
|
|
58
|
+
"@storybook/blocks": "^8.4.7",
|
|
59
|
+
"@storybook/test": "^8.4.7",
|
|
60
|
+
"@storybook/vue3": "^8.4.7",
|
|
61
|
+
"@storybook/vue3-vite": "^8.4.7",
|
|
62
|
+
"@stylistic/eslint-plugin": "2.10.1",
|
|
63
|
+
"@stylistic/eslint-plugin-migrate": "2.10.1",
|
|
64
|
+
"@tsconfig/node22": "^22.0.0",
|
|
65
|
+
"@types/eslint": "8.56.12",
|
|
66
|
+
"@types/eslint__eslintrc": "2.1.2",
|
|
67
|
+
"@types/eslint__js": "8.42.3",
|
|
68
|
+
"@types/jsdom": "^21.1.7",
|
|
69
|
+
"@types/node": "^22.10.2",
|
|
70
|
+
"@typescript-eslint/eslint-plugin": "7.18.0",
|
|
71
|
+
"@typescript-eslint/parser": "7.18.0",
|
|
72
|
+
"@useinsider/eslint-config": "1.3.1",
|
|
73
|
+
"@vitejs/plugin-vue": "^5.2.1",
|
|
74
|
+
"@vitejs/plugin-vue-jsx": "^4.1.1",
|
|
75
|
+
"@vue/eslint-config-typescript": "13.0.0",
|
|
76
|
+
"@vue/test-utils": "^2.4.6",
|
|
77
|
+
"@vue/tsconfig": "^0.7.0",
|
|
78
|
+
"eslint": "8.57.1",
|
|
79
|
+
"eslint-config-airbnb-base": "15.0.0",
|
|
80
|
+
"eslint-config-airbnb-typescript": "18.0.0",
|
|
81
|
+
"eslint-import-resolver-typescript": "3.6.3",
|
|
82
|
+
"eslint-plugin-import": "2.31.0",
|
|
83
|
+
"eslint-plugin-jsdoc": "50.5.0",
|
|
84
|
+
"eslint-plugin-vue": "9.31.0",
|
|
85
|
+
"eslint-plugin-vue-scoped-css": "2.8.1",
|
|
86
|
+
"globals": "15.14.0",
|
|
87
|
+
"jsdom": "^25.0.1",
|
|
88
|
+
"npm-run-all2": "^7.0.2",
|
|
89
|
+
"sass": "^1.83.1",
|
|
90
|
+
"sass-embedded": "^1.83.1",
|
|
91
|
+
"sass-loader": "^16.0.4",
|
|
92
|
+
"storybook": "^8.4.7",
|
|
93
|
+
"ts-deepmerge": "7.0.1",
|
|
94
|
+
"ts-node": "^10.9.2",
|
|
95
|
+
"typescript": "5.6.2",
|
|
96
|
+
"typescript-eslint": "8.14.0",
|
|
97
|
+
"vite": "^6.0.5",
|
|
98
|
+
"vite-plugin-dts": "^4.4.0",
|
|
99
|
+
"vite-plugin-vue-devtools": "^7.6.8",
|
|
100
|
+
"vitest": "^2.1.8",
|
|
101
|
+
"vue-eslint-parser": "9.4.3",
|
|
102
|
+
"vue-tsc": "^2.1.10"
|
|
103
|
+
}
|
|
104
|
+
}
|