@useinsider/ab-components 0.0.1 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{FilledCautionTriangle-cwRIOeCA.js → FilledCautionTriangle-Dxi1xHHx.js} +2 -2
- package/dist/{FilledCautionTriangle-cwRIOeCA.js.map → FilledCautionTriangle-Dxi1xHHx.js.map} +1 -1
- package/dist/{FilledCheckCircle-C_QbmDt7.js → FilledCheckCircle-BZblXEJF.js} +2 -2
- package/dist/{FilledCheckCircle-C_QbmDt7.js.map → FilledCheckCircle-BZblXEJF.js.map} +1 -1
- package/dist/{FilledErrorBox-BjD-Fb7J.js → FilledErrorBox-Czq7e64W.js} +2 -2
- package/dist/{FilledErrorBox-BjD-Fb7J.js.map → FilledErrorBox-Czq7e64W.js.map} +1 -1
- package/dist/{FilledInfoCircle-BIlBGYfB.js → FilledInfoCircle-BC2xa2R2.js} +2 -2
- package/dist/{FilledInfoCircle-BIlBGYfB.js.map → FilledInfoCircle-BC2xa2R2.js.map} +1 -1
- package/dist/{LineCheck-BS3C1-Sl.js → LineCheck-dIF58UgU.js} +2 -2
- package/dist/{LineCheck-BS3C1-Sl.js.map → LineCheck-dIF58UgU.js.map} +1 -1
- package/dist/{LoadingCircle-BsQ7G2K0.js → LoadingCircle-CoRfnES9.js} +2 -2
- package/dist/{LoadingCircle-BsQ7G2K0.js.map → LoadingCircle-CoRfnES9.js.map} +1 -1
- package/dist/{SmartIcon-DJGXMv63.js → SmartIcon-m_MkAWvM.js} +2 -2
- package/dist/{SmartIcon-DJGXMv63.js.map → SmartIcon-m_MkAWvM.js.map} +1 -1
- package/dist/ab-components.cjs.js +1 -1
- package/dist/ab-components.cjs.js.map +1 -1
- package/dist/ab-components.css +1 -1
- package/dist/ab-components.es.js +7 -5
- package/dist/ab-components.iife.js +2 -0
- package/dist/ab-components.iife.js.map +1 -0
- package/dist/ab-components.umd.js +2 -0
- package/dist/ab-components.umd.js.map +1 -0
- package/dist/index-BfxawNec.js +535 -0
- package/dist/index-BfxawNec.js.map +1 -0
- package/dist/index.d.ts +162 -1
- package/package.json +3 -2
- package/dist/FilledCautionTriangle-DrK0oPPV.cjs +0 -2
- package/dist/FilledCautionTriangle-DrK0oPPV.cjs.map +0 -1
- package/dist/FilledCheckCircle-GM-5M2-K.cjs +0 -2
- package/dist/FilledCheckCircle-GM-5M2-K.cjs.map +0 -1
- package/dist/FilledErrorBox-AeXz9hB8.cjs +0 -2
- package/dist/FilledErrorBox-AeXz9hB8.cjs.map +0 -1
- package/dist/FilledInfoCircle-zRwS-Nz9.cjs +0 -2
- package/dist/FilledInfoCircle-zRwS-Nz9.cjs.map +0 -1
- package/dist/LineCheck-CXDtYarM.cjs +0 -2
- package/dist/LineCheck-CXDtYarM.cjs.map +0 -1
- package/dist/LoadingCircle-B9WqQlA9.cjs +0 -2
- package/dist/LoadingCircle-B9WqQlA9.cjs.map +0 -1
- package/dist/SmartIcon-D7zNmV22.cjs +0 -2
- package/dist/SmartIcon-D7zNmV22.cjs.map +0 -1
- package/dist/index-DP-lI-oU.cjs +0 -2
- package/dist/index-DP-lI-oU.cjs.map +0 -1
- package/dist/index-DvF0u09d.js +0 -432
- package/dist/index-DvF0u09d.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -1 +1,162 @@
|
|
|
1
|
-
|
|
1
|
+
import { ComponentOptionsMixin } from 'vue';
|
|
2
|
+
import { ComponentProvideOptions } from 'vue';
|
|
3
|
+
import { DefineComponent } from 'vue';
|
|
4
|
+
import { PublicProps } from 'vue';
|
|
5
|
+
|
|
6
|
+
export declare const Button: DefineComponent<ButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
7
|
+
click: (event: MouseEvent) => any;
|
|
8
|
+
}, string, PublicProps, Readonly<ButtonProps> & Readonly<{
|
|
9
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
10
|
+
}>, {
|
|
11
|
+
fill: boolean;
|
|
12
|
+
size: "default" | "small";
|
|
13
|
+
loadingStatus: boolean;
|
|
14
|
+
successStatus: boolean;
|
|
15
|
+
disabled: boolean;
|
|
16
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
|
|
17
|
+
|
|
18
|
+
declare interface ButtonProps {
|
|
19
|
+
variant: 'solid' | 'ghost' | 'text' | 'outline';
|
|
20
|
+
color: 'primary' | 'subtle-primary' | 'secondary' | 'danger' | 'warning' | 'smart';
|
|
21
|
+
size?: 'default' | 'small';
|
|
22
|
+
leftIconName?: IconNames;
|
|
23
|
+
rightIconName?: IconNames;
|
|
24
|
+
loadingStatus?: boolean;
|
|
25
|
+
successStatus?: boolean;
|
|
26
|
+
label?: string;
|
|
27
|
+
disabled?: boolean;
|
|
28
|
+
fill?: boolean;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export declare const DropdownMenu: DefineComponent<DropdownProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
32
|
+
"add-error": (error: string) => any;
|
|
33
|
+
"item-added": (item: MenuItem) => any;
|
|
34
|
+
"select-item": (item: MenuItem) => any;
|
|
35
|
+
}, string, PublicProps, Readonly<DropdownProps> & Readonly<{
|
|
36
|
+
"onAdd-error"?: ((error: string) => any) | undefined;
|
|
37
|
+
"onItem-added"?: ((item: MenuItem) => any) | undefined;
|
|
38
|
+
"onSelect-item"?: ((item: MenuItem) => any) | undefined;
|
|
39
|
+
}>, {
|
|
40
|
+
defaultSelected: string;
|
|
41
|
+
menuHeight: number;
|
|
42
|
+
validateAddItem: (item: string, items: MenuItem[]) => string | null;
|
|
43
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
44
|
+
dropdownRef: HTMLDivElement;
|
|
45
|
+
menuRef: HTMLDivElement;
|
|
46
|
+
}, any>;
|
|
47
|
+
|
|
48
|
+
declare interface DropdownProps {
|
|
49
|
+
id: string;
|
|
50
|
+
label?: string;
|
|
51
|
+
defaultSelected?: string;
|
|
52
|
+
menuHeight?: number;
|
|
53
|
+
placeholder?: string;
|
|
54
|
+
addable?: boolean;
|
|
55
|
+
addButtonText?: string;
|
|
56
|
+
searchable?: boolean;
|
|
57
|
+
searchPlaceHolder?: string;
|
|
58
|
+
items: MenuItem[];
|
|
59
|
+
validateAddItem?: (item: string, items: MenuItem[]) => string | null;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
export declare const Icon: DefineComponent<IconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IconProps> & Readonly<{}>, {
|
|
63
|
+
size: 16 | 24;
|
|
64
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
|
|
65
|
+
|
|
66
|
+
declare const iconMap: {
|
|
67
|
+
FilledErrorBox: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
68
|
+
LineCheck: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
69
|
+
FilledCheckCircle: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
70
|
+
LoadingCircle: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
71
|
+
FilledInfoCircle: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
72
|
+
SmartIcon: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
73
|
+
FilledCautionTriangle: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
declare type IconNames = keyof typeof iconMap;
|
|
77
|
+
|
|
78
|
+
declare interface IconProps {
|
|
79
|
+
name: IconNames;
|
|
80
|
+
size?: 16 | 24;
|
|
81
|
+
color?: string;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
declare interface MenuItem {
|
|
85
|
+
text: string;
|
|
86
|
+
value: string;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
export declare const OnPageMessage: DefineComponent<OnPageMessageProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<OnPageMessageProps> & Readonly<{}>, {
|
|
90
|
+
variant: "default" | "warning" | "alert" | "success";
|
|
91
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
92
|
+
|
|
93
|
+
declare interface OnPageMessageProps {
|
|
94
|
+
variant?: 'default' | 'warning' | 'alert' | 'success';
|
|
95
|
+
text: string;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
declare interface Props {
|
|
99
|
+
id: string;
|
|
100
|
+
name: string;
|
|
101
|
+
modelValue: string | number;
|
|
102
|
+
label?: string;
|
|
103
|
+
placeholder?: string;
|
|
104
|
+
maxLength?: number;
|
|
105
|
+
maxHeight?: number;
|
|
106
|
+
error?: string;
|
|
107
|
+
multiline?: boolean;
|
|
108
|
+
autoGrow?: boolean;
|
|
109
|
+
counter?: boolean;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
export declare const SegmentButton: DefineComponent<SegmentButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
113
|
+
click: (event: string) => any;
|
|
114
|
+
}, string, PublicProps, Readonly<SegmentButtonProps> & Readonly<{
|
|
115
|
+
onClick?: ((event: string) => any) | undefined;
|
|
116
|
+
}>, {
|
|
117
|
+
size: "default" | "small";
|
|
118
|
+
disabled: boolean;
|
|
119
|
+
align: "vertical" | "horizontal";
|
|
120
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
121
|
+
|
|
122
|
+
declare interface SegmentButtonProps {
|
|
123
|
+
color: 'primary' | 'secondary' | 'danger' | 'warning' | 'smart';
|
|
124
|
+
size?: 'default' | 'small';
|
|
125
|
+
align?: 'vertical' | 'horizontal';
|
|
126
|
+
disabled?: boolean;
|
|
127
|
+
segments: SegmentType[];
|
|
128
|
+
fill?: boolean;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
declare interface SegmentType {
|
|
132
|
+
value: string;
|
|
133
|
+
label: string;
|
|
134
|
+
disabled?: boolean;
|
|
135
|
+
icon?: IconNames;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
export declare const TextInput: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
139
|
+
input: (event: Event) => any;
|
|
140
|
+
blur: (event: FocusEvent) => any;
|
|
141
|
+
change: (event: Event) => any;
|
|
142
|
+
focus: (event: FocusEvent) => any;
|
|
143
|
+
paste: (event: ClipboardEvent) => any;
|
|
144
|
+
}, string, PublicProps, Readonly<Props> & Readonly<{
|
|
145
|
+
onInput?: ((event: Event) => any) | undefined;
|
|
146
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
147
|
+
onChange?: ((event: Event) => any) | undefined;
|
|
148
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
149
|
+
onPaste?: ((event: ClipboardEvent) => any) | undefined;
|
|
150
|
+
}>, {
|
|
151
|
+
label: string;
|
|
152
|
+
error: string;
|
|
153
|
+
placeholder: string;
|
|
154
|
+
maxHeight: number;
|
|
155
|
+
maxLength: number;
|
|
156
|
+
multiline: boolean;
|
|
157
|
+
autoGrow: boolean;
|
|
158
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
159
|
+
textareaRef: HTMLTextAreaElement;
|
|
160
|
+
}, HTMLDivElement>;
|
|
161
|
+
|
|
162
|
+
export { }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@useinsider/ab-components",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist"
|
|
@@ -12,7 +12,8 @@
|
|
|
12
12
|
"*.scss"
|
|
13
13
|
],
|
|
14
14
|
"exports": {
|
|
15
|
-
|
|
15
|
+
".": {
|
|
16
|
+
"require": "./dist/ab-components.cjs.js",
|
|
16
17
|
"import": "./dist/ab-components.es.js"
|
|
17
18
|
},
|
|
18
19
|
"./style.css": "./dist/ab-components.css"
|
|
@@ -1,2 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
package/dist/index-DP-lI-oU.cjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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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"}
|