@duyluonganduin/acl-web-components 0.0.15 → 0.0.16
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/acl-web-components.cjs +1 -1
- package/dist/acl-web-components.d.ts +1 -0
- package/dist/acl-web-components.js +1 -1
- package/dist/{anduin-drawer-DSyr65l3.js → anduin-drawer-Bpsl7Cgo.js} +130 -125
- package/dist/{anduin-drawer-BwC5mziU.cjs → anduin-drawer-Cn01TrhD.cjs} +40 -38
- package/dist/jsx.d.ts +2 -0
- package/dist/react.cjs +1 -1
- package/dist/react.d.ts +2 -3
- package/dist/react.js +82 -82
- package/package.json +1 -1
package/dist/jsx.d.ts
CHANGED
|
@@ -210,6 +210,8 @@ declare module 'react' {
|
|
|
210
210
|
open?: boolean | string
|
|
211
211
|
/** 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end' (default: 'bottom-start') */
|
|
212
212
|
placement?: string
|
|
213
|
+
/** Make trigger span the host's full width (default: false). Panel width is independent — customize via `--popover-min-width`, `--popover-max-width`, `--popover-max-height` */
|
|
214
|
+
'full-width'?: boolean | string
|
|
213
215
|
}
|
|
214
216
|
|
|
215
217
|
// ── anduin-menu ───────────────────────────────────────────────────────
|
package/dist/react.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("@lit/react"),e=require("./anduin-drawer-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("@lit/react"),e=require("./anduin-drawer-Cn01TrhD.cjs"),a=t.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=t.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),s=t.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),r=t.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),C=t.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),l=t.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),i=t.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),c=t.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),d=t.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),m=t.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),u=t.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),A=t.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),E=t.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),g=t.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),p=t.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),N=t.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),T=t.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),_=t.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),L=t.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),R=t.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),D=t.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),O=t.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover}),I=t.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),G=t.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),S=t.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),H=t.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),b=t.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),v=t.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),F=t.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),M=t.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),P=t.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),W=t.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),w=t.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),h=t.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),B=t.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),V=t.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),K=t.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),U=t.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),k=t.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),f=t.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),x=t.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),X=t.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),q=t.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),y=t.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),j=t.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),z=t.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}});exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.DRAWER_AFTER_CLOSE_EVENT=e.DRAWER_AFTER_CLOSE_EVENT;exports.DRAWER_CLOSE_EVENT=e.DRAWER_CLOSE_EVENT;exports.DROPDOWN_CHANGE=e.DROPDOWN_CHANGE;exports.INPUT_CHANGE=e.INPUT_CHANGE;exports.INPUT_CLEAR=e.INPUT_CLEAR;exports.MENU_ITEM_CLICK=e.MENU_ITEM_CLICK;exports.MODAL_AFTER_CLOSE_EVENT=e.MODAL_AFTER_CLOSE_EVENT;exports.MODAL_CLOSE_EVENT=e.MODAL_CLOSE_EVENT;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_CHANGE;exports.SWITCHER_CHANGE=e.SWITCHER_CHANGE;exports.TAB_CHANGE=e.TAB_CHANGE;exports.TAG_CLOSE_CLICK=e.TAG_CLOSE_CLICK;exports.TEXTAREA_CHANGE=e.TEXTAREA_CHANGE;exports.WELL_CLOSE_CLICK=e.WELL_CLOSE_CLICK;exports.Avatar=k;exports.Badge=s;exports.BadgeCount=r;exports.Button=C;exports.Callout=l;exports.Checkbox=L;exports.Divider=i;exports.Dot=c;exports.Drawer=y;exports.DrawerClose=j;exports.Dropdown=q;exports.Field=A;exports.FieldDescription=g;exports.FieldError=p;exports.FieldGroup=N;exports.FieldLabel=E;exports.FileIcon=f;exports.Icon=o;exports.Input=R;exports.LoadingState=u;exports.Menu=G;exports.MenuItem=S;exports.Modal=H;exports.ModalClose=b;exports.Popover=O;exports.PopoverClose=I;exports.Progress=d;exports.Radio=T;exports.RadioGroup=_;exports.Skeleton=m;exports.Spinner=a;exports.Switcher=z;exports.TabContent=P;exports.TabTrigger=M;exports.Tabs=v;exports.TabsList=F;exports.Tag=W;exports.TagClose=w;exports.Textarea=D;exports.Toast=x;exports.Toaster=X;exports.Tooltip=h;exports.TooltipContent=V;exports.TooltipTrigger=B;exports.Well=K;exports.WellClose=U;
|
package/dist/react.d.ts
CHANGED
|
@@ -282,6 +282,7 @@ declare class AnduinPopover extends LitElement {
|
|
|
282
282
|
static styles: CSSResult;
|
|
283
283
|
open: boolean;
|
|
284
284
|
placement: 'bottom-start' | 'bottom-end' | 'bottom' | 'top-start' | 'top-end' | 'top';
|
|
285
|
+
fullWidth: boolean;
|
|
285
286
|
private _visible;
|
|
286
287
|
private _closing;
|
|
287
288
|
private _triggerEl;
|
|
@@ -616,9 +617,7 @@ export declare const Menu: ReactWebComponent<AnduinMenu, {}>;
|
|
|
616
617
|
|
|
617
618
|
export declare const MENU_ITEM_CLICK = "anduin-menu-item:click";
|
|
618
619
|
|
|
619
|
-
export declare const MenuItem: ReactWebComponent<AnduinMenuItem, {
|
|
620
|
-
onClick: string;
|
|
621
|
-
}>;
|
|
620
|
+
export declare const MenuItem: ReactWebComponent<AnduinMenuItem, {}>;
|
|
622
621
|
|
|
623
622
|
export declare const Modal: ReactWebComponent<AnduinModal, {
|
|
624
623
|
onClose: string;
|
package/dist/react.js
CHANGED
|
@@ -1,133 +1,133 @@
|
|
|
1
1
|
import e from "react";
|
|
2
2
|
import { createComponent as a } from "@lit/react";
|
|
3
|
-
import { E as n, q as t, a as s, b as o, c as l, d as i, f as d, g as r, z as c, D as u, s as
|
|
4
|
-
|
|
3
|
+
import { E as n, q as t, a as s, b as o, c as l, d as i, f as d, g as r, z as c, D as u, s as m, k as C, o as g, l as A, m as N, n as p, a6 as T, B as E, a7 as _, C as v, V as b, e as D, a1 as L, a0 as R, r as I, ad as S, M as h, x as w, y as F, t as G, u as O, a3 as f, a4 as M, v as H, w as P, a9 as k, I as W, J as x, H as B, G as K, K as V, ac as U, L as X, P as j, R as q, Q as y, S as z, ak as J, T as Q, A as Y, p as Z, N as $, O as ee, Y as ae, j as ne, W as te, X as se, h as oe, i as le, a8 as ie, F as de } from "./anduin-drawer-Bpsl7Cgo.js";
|
|
4
|
+
import { a2 as la } from "./anduin-drawer-Bpsl7Cgo.js";
|
|
5
|
+
const me = a({ react: e, tagName: "anduin-spinner", elementClass: n }), Ce = a({ react: e, tagName: "anduin-icon", elementClass: t }), ge = a({ react: e, tagName: "anduin-badge", elementClass: s }), Ae = a({ react: e, tagName: "anduin-badge-count", elementClass: o }), Ne = a({ react: e, tagName: "anduin-button", elementClass: l }), pe = a({ react: e, tagName: "anduin-callout", elementClass: i }), Te = a({ react: e, tagName: "anduin-divider", elementClass: d }), Ee = a({ react: e, tagName: "anduin-dot", elementClass: r }), _e = a({ react: e, tagName: "anduin-progress", elementClass: c }), ve = a({ react: e, tagName: "anduin-skeleton", elementClass: u }), be = a({ react: e, tagName: "anduin-loading-state", elementClass: m }), De = a({ react: e, tagName: "anduin-field", elementClass: C }), Le = a({ react: e, tagName: "anduin-field-label", elementClass: g }), Re = a({ react: e, tagName: "anduin-field-description", elementClass: A }), Ie = a({ react: e, tagName: "anduin-field-error", elementClass: N }), Se = a({ react: e, tagName: "anduin-field-group", elementClass: p }), he = a({
|
|
5
6
|
react: e,
|
|
6
7
|
tagName: "anduin-radio",
|
|
7
8
|
elementClass: E,
|
|
8
|
-
events: { onChange:
|
|
9
|
-
}),
|
|
9
|
+
events: { onChange: T }
|
|
10
|
+
}), we = a({
|
|
10
11
|
react: e,
|
|
11
12
|
tagName: "anduin-radio-group",
|
|
12
|
-
elementClass:
|
|
13
|
-
events: { onChange:
|
|
14
|
-
}),
|
|
13
|
+
elementClass: v,
|
|
14
|
+
events: { onChange: _ }
|
|
15
|
+
}), Fe = a({
|
|
15
16
|
react: e,
|
|
16
17
|
tagName: "anduin-checkbox",
|
|
17
18
|
elementClass: D,
|
|
18
19
|
events: { onChange: b }
|
|
19
|
-
}),
|
|
20
|
+
}), Ge = a({
|
|
20
21
|
react: e,
|
|
21
22
|
tagName: "anduin-input",
|
|
22
23
|
elementClass: I,
|
|
23
24
|
events: { onChange: R, onClear: L }
|
|
24
|
-
}),
|
|
25
|
+
}), Oe = a({
|
|
25
26
|
react: e,
|
|
26
27
|
tagName: "anduin-textarea",
|
|
27
28
|
elementClass: h,
|
|
28
29
|
events: { onChange: S }
|
|
29
|
-
}), fe = a({ react: e, tagName: "anduin-popover", elementClass: w }),
|
|
30
|
+
}), fe = a({ react: e, tagName: "anduin-popover", elementClass: w }), Me = a({ react: e, tagName: "anduin-popover-close", elementClass: F }), He = a({ react: e, tagName: "anduin-menu", elementClass: G }), Pe = a({
|
|
30
31
|
react: e,
|
|
31
32
|
tagName: "anduin-menu-item",
|
|
32
|
-
elementClass:
|
|
33
|
-
|
|
34
|
-
}), We = a({
|
|
33
|
+
elementClass: O
|
|
34
|
+
}), ke = a({
|
|
35
35
|
react: e,
|
|
36
36
|
tagName: "anduin-modal",
|
|
37
37
|
elementClass: H,
|
|
38
|
-
events: { onClose:
|
|
39
|
-
}),
|
|
38
|
+
events: { onClose: M, onAfterClose: f }
|
|
39
|
+
}), We = a({ react: e, tagName: "anduin-modal-close", elementClass: P }), xe = a({
|
|
40
40
|
react: e,
|
|
41
41
|
tagName: "anduin-tabs",
|
|
42
|
-
elementClass:
|
|
43
|
-
events: { onChange:
|
|
44
|
-
}),
|
|
42
|
+
elementClass: W,
|
|
43
|
+
events: { onChange: k }
|
|
44
|
+
}), Be = a({ react: e, tagName: "anduin-tabs-list", elementClass: x }), Ke = a({ react: e, tagName: "anduin-tab-trigger", elementClass: B }), Ve = a({ react: e, tagName: "anduin-tab-content", elementClass: K }), Ue = a({ react: e, tagName: "anduin-tag", elementClass: V }), Xe = a({
|
|
45
45
|
react: e,
|
|
46
46
|
tagName: "anduin-tag-close",
|
|
47
|
-
elementClass:
|
|
48
|
-
events: { onClick:
|
|
49
|
-
}),
|
|
47
|
+
elementClass: X,
|
|
48
|
+
events: { onClick: U }
|
|
49
|
+
}), je = a({ react: e, tagName: "anduin-tooltip", elementClass: j }), qe = a({ react: e, tagName: "anduin-tooltip-trigger", elementClass: q }), ye = a({ react: e, tagName: "anduin-tooltip-content", elementClass: y }), ze = a({ react: e, tagName: "anduin-well", elementClass: z }), Je = a({
|
|
50
50
|
react: e,
|
|
51
51
|
tagName: "anduin-well-close",
|
|
52
|
-
elementClass:
|
|
53
|
-
events: { onClick:
|
|
54
|
-
}),
|
|
52
|
+
elementClass: Q,
|
|
53
|
+
events: { onClick: J }
|
|
54
|
+
}), Qe = a({ react: e, tagName: "anduin-avatar", elementClass: Y }), Ye = a({ react: e, tagName: "anduin-file-icon", elementClass: Z }), Ze = a({ react: e, tagName: "anduin-toast", elementClass: $ }), $e = a({ react: e, tagName: "anduin-toaster", elementClass: ee }), ea = a({
|
|
55
55
|
react: e,
|
|
56
56
|
tagName: "anduin-dropdown",
|
|
57
|
-
elementClass:
|
|
58
|
-
events: { onChange:
|
|
59
|
-
}),
|
|
57
|
+
elementClass: ne,
|
|
58
|
+
events: { onChange: ae }
|
|
59
|
+
}), aa = a({
|
|
60
60
|
react: e,
|
|
61
61
|
tagName: "anduin-drawer",
|
|
62
|
-
elementClass:
|
|
63
|
-
events: { onClose:
|
|
64
|
-
}),
|
|
62
|
+
elementClass: oe,
|
|
63
|
+
events: { onClose: se, onAfterClose: te }
|
|
64
|
+
}), na = a({ react: e, tagName: "anduin-drawer-close", elementClass: le }), ta = a({
|
|
65
65
|
react: e,
|
|
66
66
|
tagName: "anduin-switcher",
|
|
67
|
-
elementClass:
|
|
68
|
-
events: { onChange:
|
|
67
|
+
elementClass: de,
|
|
68
|
+
events: { onChange: ie }
|
|
69
69
|
});
|
|
70
70
|
export {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
71
|
+
Qe as Avatar,
|
|
72
|
+
ge as Badge,
|
|
73
|
+
Ae as BadgeCount,
|
|
74
|
+
Ne as Button,
|
|
75
75
|
b as CHECKBOX_CHANGE,
|
|
76
76
|
pe as Callout,
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
77
|
+
Fe as Checkbox,
|
|
78
|
+
te as DRAWER_AFTER_CLOSE_EVENT,
|
|
79
|
+
se as DRAWER_CLOSE_EVENT,
|
|
80
|
+
ae as DROPDOWN_CHANGE,
|
|
81
|
+
Te as Divider,
|
|
82
|
+
Ee as Dot,
|
|
83
|
+
aa as Drawer,
|
|
84
|
+
na as DrawerClose,
|
|
85
|
+
ea as Dropdown,
|
|
86
|
+
De as Field,
|
|
87
|
+
Re as FieldDescription,
|
|
88
|
+
Ie as FieldError,
|
|
89
|
+
Se as FieldGroup,
|
|
90
|
+
Le as FieldLabel,
|
|
91
|
+
Ye as FileIcon,
|
|
92
92
|
R as INPUT_CHANGE,
|
|
93
93
|
L as INPUT_CLEAR,
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
94
|
+
Ce as Icon,
|
|
95
|
+
Ge as Input,
|
|
96
|
+
be as LoadingState,
|
|
97
|
+
la as MENU_ITEM_CLICK,
|
|
98
98
|
f as MODAL_AFTER_CLOSE_EVENT,
|
|
99
|
-
|
|
99
|
+
M as MODAL_CLOSE_EVENT,
|
|
100
100
|
He as Menu,
|
|
101
101
|
Pe as MenuItem,
|
|
102
|
-
|
|
103
|
-
|
|
102
|
+
ke as Modal,
|
|
103
|
+
We as ModalClose,
|
|
104
104
|
fe as Popover,
|
|
105
|
-
|
|
105
|
+
Me as PopoverClose,
|
|
106
106
|
_e as Progress,
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
107
|
+
T as RADIO_CHANGE,
|
|
108
|
+
_ as RADIO_GROUP_CHANGE,
|
|
109
|
+
he as Radio,
|
|
110
|
+
we as RadioGroup,
|
|
111
|
+
ie as SWITCHER_CHANGE,
|
|
112
|
+
ve as Skeleton,
|
|
113
113
|
me as Spinner,
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
114
|
+
ta as Switcher,
|
|
115
|
+
k as TAB_CHANGE,
|
|
116
|
+
U as TAG_CLOSE_CLICK,
|
|
117
117
|
S as TEXTAREA_CHANGE,
|
|
118
|
-
|
|
119
|
-
|
|
118
|
+
Ve as TabContent,
|
|
119
|
+
Ke as TabTrigger,
|
|
120
120
|
xe as Tabs,
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
121
|
+
Be as TabsList,
|
|
122
|
+
Ue as Tag,
|
|
123
|
+
Xe as TagClose,
|
|
124
|
+
Oe as Textarea,
|
|
125
|
+
Ze as Toast,
|
|
126
|
+
$e as Toaster,
|
|
127
|
+
je as Tooltip,
|
|
128
|
+
ye as TooltipContent,
|
|
129
|
+
qe as TooltipTrigger,
|
|
130
|
+
J as WELL_CLOSE_CLICK,
|
|
131
|
+
ze as Well,
|
|
132
|
+
Je as WellClose
|
|
133
133
|
};
|