@duyluonganduin/acl-web-components 0.0.54 → 0.0.56
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 +1 -0
- package/dist/acl-web-components.cjs +1 -1
- package/dist/acl-web-components.d.ts +156 -2
- package/dist/acl-web-components.iife.js +406 -259
- package/dist/acl-web-components.js +148 -147
- package/dist/anduin-table-BCgVIfkl.cjs +4213 -0
- package/dist/{anduin-table-BSCDZ052.js → anduin-table-BQzxNe9V.js} +2084 -1734
- package/dist/jsx.d.ts +11 -0
- package/dist/react.cjs +1 -1
- package/dist/react.d.ts +158 -2
- package/dist/react.js +212 -211
- package/package.json +1 -1
- package/dist/anduin-table-BBX4cI0Y.cjs +0 -4066
package/dist/jsx.d.ts
CHANGED
|
@@ -25,6 +25,14 @@ declare module 'react' {
|
|
|
25
25
|
percent?: string
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
+
// ── anduin-ai-spinner ──────────────────────────────────────────────────
|
|
29
|
+
'anduin-ai-spinner': Base & {
|
|
30
|
+
/** 'loading' (animated) | 'still' (static mark) (default: 'loading') */
|
|
31
|
+
state?: 'loading' | 'still'
|
|
32
|
+
/** Size in pixels; 12 / 16 / 20 / 24 are the blessed values (default: 20) */
|
|
33
|
+
size?: number | string
|
|
34
|
+
}
|
|
35
|
+
|
|
28
36
|
// ── anduin-sparkle-spinner ────────────────────────────────────────────
|
|
29
37
|
'anduin-sparkle-spinner': Base & {
|
|
30
38
|
/** 'small' (16px) | 'medium' (24px) | 'large' (32px) (default: 'small') */
|
|
@@ -441,6 +449,9 @@ declare module 'react' {
|
|
|
441
449
|
'hide-footer'?: boolean | string
|
|
442
450
|
/** When true, clicks outside the drawer pass through to underlying elements instead of dismissing (default: false) */
|
|
443
451
|
'allow-interact-outside'?: boolean | string
|
|
452
|
+
/** Edge the drawer is anchored to and slides in from: 'right' | 'left' (default: 'right').
|
|
453
|
+
* 'left' also casts the shadow rightward and puts the resize handle on the right edge. */
|
|
454
|
+
placement?: 'right' | 'left'
|
|
444
455
|
}
|
|
445
456
|
|
|
446
457
|
// ── anduin-drawer-close ───────────────────────────────────────────────
|
package/dist/react.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("@lit/react"),e=require("./anduin-table-BBX4cI0Y.cjs"),t=a.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=a.createComponent({react:n,tagName:"anduin-sparkle-spinner",elementClass:e.AnduinSparkleSpinner}),i=a.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),r=a.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),C=a.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),s=a.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),l=a.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),c=a.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),d=a.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),m=a.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),E=a.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),u=a.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),A=a.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),g=a.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),N=a.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),T=a.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),_=a.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),p=a.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),G=a.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),L=a.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),S=a.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),O=a.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),R=a.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover,events:{onOpenChange:e.POPOVER_OPEN_CHANGE}}),I=a.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),b=a.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),D=a.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),P=a.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),H=a.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),v=a.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),B=a.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),M=a.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),U=a.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),F=a.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),W=a.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),h=a.createComponent({react:n,tagName:"anduin-toggle-group",elementClass:e.AnduinToggleGroup,events:{onChange:e.TOGGLE_GROUP_CHANGE}}),V=a.createComponent({react:n,tagName:"anduin-toggle-group-item",elementClass:e.AnduinToggleGroupItem,events:{onChange:e.TOGGLE_GROUP_ITEM_CHANGE,onSelect:e.TOGGLE_GROUP_ITEM_SELECT,onDeselect:e.TOGGLE_GROUP_ITEM_DESELECT}}),w=a.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),k=a.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),K=a.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),f=a.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),z=a.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),X=a.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),x=a.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),Z=a.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),q=a.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),y=a.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),j=a.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),J=a.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),Q=a.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),Y=a.createComponent({react:n,tagName:"anduin-suggestion",elementClass:e.AnduinSuggestion,events:{onChange:e.SUGGESTION_CHANGE,onSelect:e.SUGGESTION_SELECT,onClear:e.SUGGESTION_CLEAR}}),$=a.createComponent({react:n,tagName:"anduin-navigation",elementClass:e.AnduinNavigation,events:{onChange:e.NAVIGATION_CHANGE}}),ee=a.createComponent({react:n,tagName:"anduin-navigation-item",elementClass:e.AnduinNavigationItem}),ne=a.createComponent({react:n,tagName:"anduin-resizable-panel-group",elementClass:e.AnduinResizablePanelGroup}),ae=a.createComponent({react:n,tagName:"anduin-resizable-panel",elementClass:e.AnduinResizablePanel}),te=a.createComponent({react:n,tagName:"anduin-resizable-handle",elementClass:e.AnduinResizableHandle,events:{onResize:e.RESIZE_EVENT}}),oe=a.createComponent({react:n,tagName:"anduin-pagination",elementClass:e.AnduinPagination,events:{onValueChange:e.PAGINATION_CHANGE}}),ie=a.createComponent({react:n,tagName:"anduin-pagination-first-page",elementClass:e.AnduinPaginationFirstPage}),re=a.createComponent({react:n,tagName:"anduin-pagination-last-page",elementClass:e.AnduinPaginationLastPage}),Ce=a.createComponent({react:n,tagName:"anduin-sidebar",elementClass:e.AnduinSidebar}),se=a.createComponent({react:n,tagName:"anduin-sidebar-content",elementClass:e.AnduinSidebarContent}),le=a.createComponent({react:n,tagName:"anduin-sidebar-header",elementClass:e.AnduinSidebarHeader}),ce=a.createComponent({react:n,tagName:"anduin-sidebar-footer",elementClass:e.AnduinSidebarFooter}),de=a.createComponent({react:n,tagName:"anduin-sidebar-group",elementClass:e.AnduinSidebarGroup}),me=a.createComponent({react:n,tagName:"anduin-sidebar-group-label",elementClass:e.AnduinSidebarGroupLabel}),Ee=a.createComponent({react:n,tagName:"anduin-sidebar-menu",elementClass:e.AnduinSidebarMenu}),ue=a.createComponent({react:n,tagName:"anduin-sidebar-menu-item",elementClass:e.AnduinSidebarMenuItem,events:{onSelect:e.SIDEBAR_SELECT}}),Ae=a.createComponent({react:n,tagName:"anduin-sidebar-action",elementClass:e.AnduinSidebarAction}),ge=a.createComponent({react:n,tagName:"anduin-sidebar-badge",elementClass:e.AnduinSidebarBadge}),Ne=a.createComponent({react:n,tagName:"anduin-sidebar-separator",elementClass:e.AnduinSidebarSeparator}),Te=a.createComponent({react:n,tagName:"anduin-timeline",elementClass:e.AnduinTimeline}),_e=a.createComponent({react:n,tagName:"anduin-timeline-item",elementClass:e.AnduinTimelineItem}),pe=a.createComponent({react:n,tagName:"anduin-timeline-date",elementClass:e.AnduinTimelineDate}),Ge=a.createComponent({react:n,tagName:"anduin-timeline-title",elementClass:e.AnduinTimelineTitle}),Le=a.createComponent({react:n,tagName:"anduin-timeline-group",elementClass:e.AnduinTimelineGroup}),Se=a.createComponent({react:n,tagName:"anduin-timeline-label",elementClass:e.AnduinTimelineLabel}),Oe=a.createComponent({react:n,tagName:"anduin-calendar",elementClass:e.AnduinCalendar,events:{onValueChange:e.CALENDAR_CHANGE}}),Re=a.createComponent({react:n,tagName:"anduin-date-range",elementClass:e.AnduinDateRange,events:{onChange:e.DATE_RANGE_CHANGE}}),Ie=a.createComponent({react:n,tagName:"anduin-date-range-default",elementClass:e.AnduinDateRangeDefault}),be=a.createComponent({react:n,tagName:"anduin-date-range-start",elementClass:e.AnduinDateRangeStart}),De=a.createComponent({react:n,tagName:"anduin-date-range-end",elementClass:e.AnduinDateRangeEnd}),Pe=a.createComponent({react:n,tagName:"anduin-date-input",elementClass:e.AnduinDateInput,events:{onValueChange:e.DATE_INPUT_CHANGE}}),He=a.createComponent({react:n,tagName:"anduin-date-picker",elementClass:e.AnduinDatePicker,events:{onValueChange:e.DATE_PICKER_CHANGE}}),ve=a.createComponent({react:n,tagName:"anduin-table",elementClass:e.AnduinTable,events:{onSort:e.TABLE_SORT,onColumnClick:e.TABLE_COLUMN_CLICK,onRowClick:e.TABLE_ROW_CLICK,onSelectionChange:e.TABLE_SELECTION_CHANGE,onCellContextMenu:e.TABLE_CELL_CONTEXT_MENU,onRowExpand:e.TABLE_ROW_EXPAND,onRowCollapse:e.TABLE_ROW_COLLAPSE,onGroupToggle:e.TABLE_GROUP_TOGGLE,onColumnResize:e.TABLE_COLUMN_RESIZE}});exports.CALENDAR_CHANGE=e.CALENDAR_CHANGE;exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.DATE_INPUT_CHANGE=e.DATE_INPUT_CHANGE;exports.DATE_PICKER_CHANGE=e.DATE_PICKER_CHANGE;exports.DATE_RANGE_CHANGE=e.DATE_RANGE_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.NAVIGATION_CHANGE=e.NAVIGATION_CHANGE;exports.PAGINATION_CHANGE=e.PAGINATION_CHANGE;exports.POPOVER_OPEN_CHANGE=e.POPOVER_OPEN_CHANGE;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_CHANGE;exports.RESIZE_EVENT=e.RESIZE_EVENT;exports.SIDEBAR_SELECT=e.SIDEBAR_SELECT;exports.SUGGESTION_CHANGE=e.SUGGESTION_CHANGE;exports.SUGGESTION_CLEAR=e.SUGGESTION_CLEAR;exports.SUGGESTION_SELECT=e.SUGGESTION_SELECT;exports.SWITCHER_CHANGE=e.SWITCHER_CHANGE;exports.TABLE_CELL_CONTEXT_MENU=e.TABLE_CELL_CONTEXT_MENU;exports.TABLE_COLUMN_CLICK=e.TABLE_COLUMN_CLICK;exports.TABLE_COLUMN_RESIZE=e.TABLE_COLUMN_RESIZE;exports.TABLE_GROUP_TOGGLE=e.TABLE_GROUP_TOGGLE;exports.TABLE_ROW_CLICK=e.TABLE_ROW_CLICK;exports.TABLE_ROW_COLLAPSE=e.TABLE_ROW_COLLAPSE;exports.TABLE_ROW_EXPAND=e.TABLE_ROW_EXPAND;exports.TABLE_SELECTION_CHANGE=e.TABLE_SELECTION_CHANGE;exports.TABLE_SORT=e.TABLE_SORT;exports.TAB_CHANGE=e.TAB_CHANGE;exports.TAG_CLOSE_CLICK=e.TAG_CLOSE_CLICK;exports.TEXTAREA_CHANGE=e.TEXTAREA_CHANGE;exports.TOGGLE_GROUP_CHANGE=e.TOGGLE_GROUP_CHANGE;exports.TOGGLE_GROUP_ITEM_CHANGE=e.TOGGLE_GROUP_ITEM_CHANGE;exports.TOGGLE_GROUP_ITEM_DESELECT=e.TOGGLE_GROUP_ITEM_DESELECT;exports.TOGGLE_GROUP_ITEM_SELECT=e.TOGGLE_GROUP_ITEM_SELECT;exports.WELL_CLOSE_CLICK=e.WELL_CLOSE_CLICK;exports.Avatar=X;exports.Badge=r;exports.BadgeCount=C;exports.Button=s;exports.Calendar=Oe;exports.Callout=l;exports.Checkbox=L;exports.DateInput=Pe;exports.DatePicker=He;exports.DateRange=Re;exports.DateRangeDefault=Ie;exports.DateRangeEnd=De;exports.DateRangeStart=be;exports.Divider=c;exports.Dot=d;exports.Drawer=j;exports.DrawerClose=J;exports.Dropdown=y;exports.Field=A;exports.FieldDescription=N;exports.FieldError=T;exports.FieldGroup=_;exports.FieldLabel=g;exports.FileIcon=x;exports.Icon=i;exports.Input=S;exports.LoadingState=u;exports.Menu=b;exports.MenuItem=D;exports.Modal=P;exports.ModalClose=H;exports.Navigation=$;exports.NavigationItem=ee;exports.Pagination=oe;exports.PaginationFirstPage=ie;exports.PaginationLastPage=re;exports.Popover=R;exports.PopoverClose=I;exports.Progress=m;exports.Radio=p;exports.RadioGroup=G;exports.ResizableHandle=te;exports.ResizablePanel=ae;exports.ResizablePanelGroup=ne;exports.Sidebar=Ce;exports.SidebarAction=Ae;exports.SidebarBadge=ge;exports.SidebarContent=se;exports.SidebarFooter=ce;exports.SidebarGroup=de;exports.SidebarGroupLabel=me;exports.SidebarHeader=le;exports.SidebarMenu=Ee;exports.SidebarMenuItem=ue;exports.SidebarSeparator=Ne;exports.Skeleton=E;exports.SparkleSpinner=o;exports.Spinner=t;exports.Suggestion=Y;exports.Switcher=Q;exports.TabContent=U;exports.TabTrigger=M;exports.Table=ve;exports.Tabs=v;exports.TabsList=B;exports.Tag=F;exports.TagClose=W;exports.Textarea=O;exports.Timeline=Te;exports.TimelineDate=pe;exports.TimelineGroup=Le;exports.TimelineItem=_e;exports.TimelineLabel=Se;exports.TimelineTitle=Ge;exports.Toast=Z;exports.Toaster=q;exports.ToggleGroup=h;exports.ToggleGroupItem=V;exports.Tooltip=w;exports.TooltipContent=K;exports.TooltipTrigger=k;exports.Well=f;exports.WellClose=z;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("@lit/react"),e=require("./anduin-table-BCgVIfkl.cjs"),t=a.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=a.createComponent({react:n,tagName:"anduin-sparkle-spinner",elementClass:e.AnduinSparkleSpinner}),i=a.createComponent({react:n,tagName:"anduin-ai-spinner",elementClass:e.AnduinAiSpinner}),r=a.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),C=a.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),s=a.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),l=a.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),c=a.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),d=a.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),m=a.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),E=a.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),A=a.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),u=a.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),g=a.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),N=a.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),T=a.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),_=a.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),p=a.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),G=a.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),L=a.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),S=a.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),O=a.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),R=a.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),I=a.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover,events:{onOpenChange:e.POPOVER_OPEN_CHANGE}}),b=a.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),D=a.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),P=a.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),H=a.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),v=a.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),B=a.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),M=a.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),U=a.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),F=a.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),W=a.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),h=a.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),V=a.createComponent({react:n,tagName:"anduin-toggle-group",elementClass:e.AnduinToggleGroup,events:{onChange:e.TOGGLE_GROUP_CHANGE}}),w=a.createComponent({react:n,tagName:"anduin-toggle-group-item",elementClass:e.AnduinToggleGroupItem,events:{onChange:e.TOGGLE_GROUP_ITEM_CHANGE,onSelect:e.TOGGLE_GROUP_ITEM_SELECT,onDeselect:e.TOGGLE_GROUP_ITEM_DESELECT}}),k=a.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),K=a.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),f=a.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),z=a.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),X=a.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),x=a.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),Z=a.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),q=a.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),y=a.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),j=a.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),J=a.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),Q=a.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),Y=a.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),$=a.createComponent({react:n,tagName:"anduin-suggestion",elementClass:e.AnduinSuggestion,events:{onChange:e.SUGGESTION_CHANGE,onSelect:e.SUGGESTION_SELECT,onClear:e.SUGGESTION_CLEAR}}),ee=a.createComponent({react:n,tagName:"anduin-navigation",elementClass:e.AnduinNavigation,events:{onChange:e.NAVIGATION_CHANGE}}),ne=a.createComponent({react:n,tagName:"anduin-navigation-item",elementClass:e.AnduinNavigationItem}),ae=a.createComponent({react:n,tagName:"anduin-resizable-panel-group",elementClass:e.AnduinResizablePanelGroup}),te=a.createComponent({react:n,tagName:"anduin-resizable-panel",elementClass:e.AnduinResizablePanel}),oe=a.createComponent({react:n,tagName:"anduin-resizable-handle",elementClass:e.AnduinResizableHandle,events:{onResize:e.RESIZE_EVENT}}),ie=a.createComponent({react:n,tagName:"anduin-pagination",elementClass:e.AnduinPagination,events:{onValueChange:e.PAGINATION_CHANGE}}),re=a.createComponent({react:n,tagName:"anduin-pagination-first-page",elementClass:e.AnduinPaginationFirstPage}),Ce=a.createComponent({react:n,tagName:"anduin-pagination-last-page",elementClass:e.AnduinPaginationLastPage}),se=a.createComponent({react:n,tagName:"anduin-sidebar",elementClass:e.AnduinSidebar}),le=a.createComponent({react:n,tagName:"anduin-sidebar-content",elementClass:e.AnduinSidebarContent}),ce=a.createComponent({react:n,tagName:"anduin-sidebar-header",elementClass:e.AnduinSidebarHeader}),de=a.createComponent({react:n,tagName:"anduin-sidebar-footer",elementClass:e.AnduinSidebarFooter}),me=a.createComponent({react:n,tagName:"anduin-sidebar-group",elementClass:e.AnduinSidebarGroup}),Ee=a.createComponent({react:n,tagName:"anduin-sidebar-group-label",elementClass:e.AnduinSidebarGroupLabel}),Ae=a.createComponent({react:n,tagName:"anduin-sidebar-menu",elementClass:e.AnduinSidebarMenu}),ue=a.createComponent({react:n,tagName:"anduin-sidebar-menu-item",elementClass:e.AnduinSidebarMenuItem,events:{onSelect:e.SIDEBAR_SELECT}}),ge=a.createComponent({react:n,tagName:"anduin-sidebar-action",elementClass:e.AnduinSidebarAction}),Ne=a.createComponent({react:n,tagName:"anduin-sidebar-badge",elementClass:e.AnduinSidebarBadge}),Te=a.createComponent({react:n,tagName:"anduin-sidebar-separator",elementClass:e.AnduinSidebarSeparator}),_e=a.createComponent({react:n,tagName:"anduin-timeline",elementClass:e.AnduinTimeline}),pe=a.createComponent({react:n,tagName:"anduin-timeline-item",elementClass:e.AnduinTimelineItem}),Ge=a.createComponent({react:n,tagName:"anduin-timeline-date",elementClass:e.AnduinTimelineDate}),Le=a.createComponent({react:n,tagName:"anduin-timeline-title",elementClass:e.AnduinTimelineTitle}),Se=a.createComponent({react:n,tagName:"anduin-timeline-group",elementClass:e.AnduinTimelineGroup}),Oe=a.createComponent({react:n,tagName:"anduin-timeline-label",elementClass:e.AnduinTimelineLabel}),Re=a.createComponent({react:n,tagName:"anduin-calendar",elementClass:e.AnduinCalendar,events:{onValueChange:e.CALENDAR_CHANGE}}),Ie=a.createComponent({react:n,tagName:"anduin-date-range",elementClass:e.AnduinDateRange,events:{onChange:e.DATE_RANGE_CHANGE}}),be=a.createComponent({react:n,tagName:"anduin-date-range-default",elementClass:e.AnduinDateRangeDefault}),De=a.createComponent({react:n,tagName:"anduin-date-range-start",elementClass:e.AnduinDateRangeStart}),Pe=a.createComponent({react:n,tagName:"anduin-date-range-end",elementClass:e.AnduinDateRangeEnd}),He=a.createComponent({react:n,tagName:"anduin-date-input",elementClass:e.AnduinDateInput,events:{onValueChange:e.DATE_INPUT_CHANGE}}),ve=a.createComponent({react:n,tagName:"anduin-date-picker",elementClass:e.AnduinDatePicker,events:{onValueChange:e.DATE_PICKER_CHANGE}}),Be=a.createComponent({react:n,tagName:"anduin-table",elementClass:e.AnduinTable,events:{onSort:e.TABLE_SORT,onColumnClick:e.TABLE_COLUMN_CLICK,onRowClick:e.TABLE_ROW_CLICK,onSelectionChange:e.TABLE_SELECTION_CHANGE,onCellContextMenu:e.TABLE_CELL_CONTEXT_MENU,onRowExpand:e.TABLE_ROW_EXPAND,onRowCollapse:e.TABLE_ROW_COLLAPSE,onGroupToggle:e.TABLE_GROUP_TOGGLE,onColumnResize:e.TABLE_COLUMN_RESIZE}});exports.CALENDAR_CHANGE=e.CALENDAR_CHANGE;exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.DATE_INPUT_CHANGE=e.DATE_INPUT_CHANGE;exports.DATE_PICKER_CHANGE=e.DATE_PICKER_CHANGE;exports.DATE_RANGE_CHANGE=e.DATE_RANGE_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.NAVIGATION_CHANGE=e.NAVIGATION_CHANGE;exports.PAGINATION_CHANGE=e.PAGINATION_CHANGE;exports.POPOVER_OPEN_CHANGE=e.POPOVER_OPEN_CHANGE;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_CHANGE;exports.RESIZE_EVENT=e.RESIZE_EVENT;exports.SIDEBAR_SELECT=e.SIDEBAR_SELECT;exports.SUGGESTION_CHANGE=e.SUGGESTION_CHANGE;exports.SUGGESTION_CLEAR=e.SUGGESTION_CLEAR;exports.SUGGESTION_SELECT=e.SUGGESTION_SELECT;exports.SWITCHER_CHANGE=e.SWITCHER_CHANGE;exports.TABLE_CELL_CONTEXT_MENU=e.TABLE_CELL_CONTEXT_MENU;exports.TABLE_COLUMN_CLICK=e.TABLE_COLUMN_CLICK;exports.TABLE_COLUMN_RESIZE=e.TABLE_COLUMN_RESIZE;exports.TABLE_GROUP_TOGGLE=e.TABLE_GROUP_TOGGLE;exports.TABLE_ROW_CLICK=e.TABLE_ROW_CLICK;exports.TABLE_ROW_COLLAPSE=e.TABLE_ROW_COLLAPSE;exports.TABLE_ROW_EXPAND=e.TABLE_ROW_EXPAND;exports.TABLE_SELECTION_CHANGE=e.TABLE_SELECTION_CHANGE;exports.TABLE_SORT=e.TABLE_SORT;exports.TAB_CHANGE=e.TAB_CHANGE;exports.TAG_CLOSE_CLICK=e.TAG_CLOSE_CLICK;exports.TEXTAREA_CHANGE=e.TEXTAREA_CHANGE;exports.TOGGLE_GROUP_CHANGE=e.TOGGLE_GROUP_CHANGE;exports.TOGGLE_GROUP_ITEM_CHANGE=e.TOGGLE_GROUP_ITEM_CHANGE;exports.TOGGLE_GROUP_ITEM_DESELECT=e.TOGGLE_GROUP_ITEM_DESELECT;exports.TOGGLE_GROUP_ITEM_SELECT=e.TOGGLE_GROUP_ITEM_SELECT;exports.WELL_CLOSE_CLICK=e.WELL_CLOSE_CLICK;exports.AiSpinner=i;exports.Avatar=x;exports.Badge=C;exports.BadgeCount=s;exports.Button=l;exports.Calendar=Re;exports.Callout=c;exports.Checkbox=S;exports.DateInput=He;exports.DatePicker=ve;exports.DateRange=Ie;exports.DateRangeDefault=be;exports.DateRangeEnd=Pe;exports.DateRangeStart=De;exports.Divider=d;exports.Dot=m;exports.Drawer=J;exports.DrawerClose=Q;exports.Dropdown=j;exports.Field=g;exports.FieldDescription=T;exports.FieldError=_;exports.FieldGroup=p;exports.FieldLabel=N;exports.FileIcon=Z;exports.Icon=r;exports.Input=O;exports.LoadingState=u;exports.Menu=D;exports.MenuItem=P;exports.Modal=H;exports.ModalClose=v;exports.Navigation=ee;exports.NavigationItem=ne;exports.Pagination=ie;exports.PaginationFirstPage=re;exports.PaginationLastPage=Ce;exports.Popover=I;exports.PopoverClose=b;exports.Progress=E;exports.Radio=G;exports.RadioGroup=L;exports.ResizableHandle=oe;exports.ResizablePanel=te;exports.ResizablePanelGroup=ae;exports.Sidebar=se;exports.SidebarAction=ge;exports.SidebarBadge=Ne;exports.SidebarContent=le;exports.SidebarFooter=de;exports.SidebarGroup=me;exports.SidebarGroupLabel=Ee;exports.SidebarHeader=ce;exports.SidebarMenu=Ae;exports.SidebarMenuItem=ue;exports.SidebarSeparator=Te;exports.Skeleton=A;exports.SparkleSpinner=o;exports.Spinner=t;exports.Suggestion=$;exports.Switcher=Y;exports.TabContent=F;exports.TabTrigger=U;exports.Table=Be;exports.Tabs=B;exports.TabsList=M;exports.Tag=W;exports.TagClose=h;exports.Textarea=R;exports.Timeline=_e;exports.TimelineDate=Ge;exports.TimelineGroup=Se;exports.TimelineItem=pe;exports.TimelineLabel=Oe;exports.TimelineTitle=Le;exports.Toast=q;exports.Toaster=y;exports.ToggleGroup=V;exports.ToggleGroupItem=w;exports.Tooltip=k;exports.TooltipContent=f;exports.TooltipTrigger=K;exports.Well=z;exports.WellClose=X;
|
package/dist/react.d.ts
CHANGED
|
@@ -5,6 +5,61 @@ import { PropertyValues } from 'lit';
|
|
|
5
5
|
import { ReactWebComponent } from '@lit/react';
|
|
6
6
|
import { TemplateResult } from 'lit-html';
|
|
7
7
|
|
|
8
|
+
export declare const AiSpinner: ReactWebComponent<AnduinAiSpinner, {}>;
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* The Anduin Intelligence mark as an activity indicator for AI-assisted work — extracting terms from a
|
|
12
|
+
* subscription document, categorizing documents, mapping investors.
|
|
13
|
+
*
|
|
14
|
+
* Use it where the work is being done *for* the user by the assistant. For ordinary data fetching, use
|
|
15
|
+
* `anduin-spinner`.
|
|
16
|
+
*
|
|
17
|
+
* The mark is built from the six logo segments in a single SVG: each pulses around its own viewBox origin
|
|
18
|
+
* on a staggered delay while the whole mark rotates. Pure CSS, no JavaScript timer.
|
|
19
|
+
*
|
|
20
|
+
* Stopping winds the rotation down to the next whole turn rather than snapping back to 0deg, and a segment
|
|
21
|
+
* caught mid-pulse is eased to rest rather than cut.
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* ```html
|
|
25
|
+
* <anduin-ai-spinner></anduin-ai-spinner>
|
|
26
|
+
* <anduin-ai-spinner state="still"></anduin-ai-spinner>
|
|
27
|
+
* <anduin-ai-spinner size="32"></anduin-ai-spinner>
|
|
28
|
+
* ```
|
|
29
|
+
*/
|
|
30
|
+
declare class AnduinAiSpinner extends LitElement {
|
|
31
|
+
static styles: CSSResult;
|
|
32
|
+
/** `loading` animates the mark; `still` renders it static. */
|
|
33
|
+
state: 'loading' | 'still';
|
|
34
|
+
/** Rendered size in pixels. 12 / 16 / 20 / 24 are the blessed values; any positive number works. */
|
|
35
|
+
size: number;
|
|
36
|
+
private wrapper;
|
|
37
|
+
/** Listener that ends the wind-down, kept so a restart can cancel it. */
|
|
38
|
+
private settleListener?;
|
|
39
|
+
/** Timer that strips the inline pose once the segments have eased back to rest. */
|
|
40
|
+
private segmentRestTimer?;
|
|
41
|
+
private appliedLoading?;
|
|
42
|
+
render(): TemplateResult<1>;
|
|
43
|
+
updated(): void;
|
|
44
|
+
disconnectedCallback(): void;
|
|
45
|
+
private applyPhase;
|
|
46
|
+
/** The mark's current rotation in [0, 360), or null when it is not rotating (static, or reduced motion). */
|
|
47
|
+
private currentRotationDegrees;
|
|
48
|
+
private startSettle;
|
|
49
|
+
private cancelSettle;
|
|
50
|
+
private detachSettleListener;
|
|
51
|
+
/**
|
|
52
|
+
* Ease the segments back to rest and drop the pulse.
|
|
53
|
+
*
|
|
54
|
+
* Removing a CSS animation does not itself start a transition — the browser jumps straight to the base
|
|
55
|
+
* value — so a segment caught mid-pulse would snap. The animated values are captured and pinned inline
|
|
56
|
+
* first, the animation is removed under them, and only then are they transitioned to rest.
|
|
57
|
+
*/
|
|
58
|
+
private restSegments;
|
|
59
|
+
private cancelSegmentRest;
|
|
60
|
+
private dropPhaseClasses;
|
|
61
|
+
}
|
|
62
|
+
|
|
8
63
|
declare class AnduinAvatar extends LitElement {
|
|
9
64
|
static styles: CSSResult;
|
|
10
65
|
src: string;
|
|
@@ -402,6 +457,14 @@ declare class AnduinDrawer extends LitElement {
|
|
|
402
457
|
hideHeader: boolean;
|
|
403
458
|
hideFooter: boolean;
|
|
404
459
|
defaultWidth: DrawerWidth | string;
|
|
460
|
+
/**
|
|
461
|
+
* Edge the drawer is anchored to. `"left"` mirrors everything that faces the
|
|
462
|
+
* right edge: position, slide direction, shadow, and which side the resize
|
|
463
|
+
* handle sits on (drag it right to widen). Anything other than `"left"`
|
|
464
|
+
* behaves as `"right"`. Reflected so styles can key off
|
|
465
|
+
* `:host([placement="left"])`.
|
|
466
|
+
*/
|
|
467
|
+
placement: DrawerPlacement;
|
|
405
468
|
/** When true, clicks outside the drawer pass through to underlying elements instead of dismissing */
|
|
406
469
|
allowInteractOutside: boolean;
|
|
407
470
|
private _leaving;
|
|
@@ -412,6 +475,25 @@ declare class AnduinDrawer extends LitElement {
|
|
|
412
475
|
willUpdate(changed: Map<PropertyKey, unknown>): void;
|
|
413
476
|
updated(changed: Map<PropertyKey, unknown>): void;
|
|
414
477
|
private _dispatch;
|
|
478
|
+
/**
|
|
479
|
+
* Keeps `anduin-close` / `anduin-after-close` from travelling past this
|
|
480
|
+
* drawer. The name is shared with `anduin-modal` and both helpers, and it has
|
|
481
|
+
* to bubble so `anduin-drawer-close` can reach the drawer it sits in — but
|
|
482
|
+
* without a stop here a drawer rendered inside a modal (or another drawer)
|
|
483
|
+
* carried its own close up to that ancestor, whose consumer heard it as its
|
|
484
|
+
* own and closed too.
|
|
485
|
+
*
|
|
486
|
+
* Unconditional, and on the drawer itself, because that is the only place
|
|
487
|
+
* the stop works: `stopPropagation` never silences other listeners on the
|
|
488
|
+
* element it is called on. So every listener on this drawer — the `Drawer`
|
|
489
|
+
* wrapper's `onClose`, an `@anduin-close` — still hears the drawer's own
|
|
490
|
+
* close and every close requested from inside it; nothing above the drawer
|
|
491
|
+
* does. (A guard on the ancestor instead, as `anduin-modal` used to have,
|
|
492
|
+
* cannot keep the event from that ancestor's own listeners.)
|
|
493
|
+
*/
|
|
494
|
+
private _stopAtSelf;
|
|
495
|
+
connectedCallback(): void;
|
|
496
|
+
disconnectedCallback(): void;
|
|
415
497
|
private _onClose;
|
|
416
498
|
private _onBackdropClick;
|
|
417
499
|
private _onResizeStart;
|
|
@@ -493,7 +575,7 @@ declare class AnduinFileIcon extends LitElement {
|
|
|
493
575
|
static styles: CSSResult;
|
|
494
576
|
type: string;
|
|
495
577
|
size: FileIconSize;
|
|
496
|
-
render(): typeof nothing
|
|
578
|
+
render(): TemplateResult<1> | typeof nothing;
|
|
497
579
|
}
|
|
498
580
|
|
|
499
581
|
declare class AnduinIcon extends LitElement {
|
|
@@ -504,6 +586,18 @@ declare class AnduinIcon extends LitElement {
|
|
|
504
586
|
}
|
|
505
587
|
|
|
506
588
|
declare class AnduinInput extends LitElement {
|
|
589
|
+
/**
|
|
590
|
+
* Focus belongs to the inner `<input>`, not the host. Without this,
|
|
591
|
+
* `host.focus()` moved focus nowhere and a click on the host's own box
|
|
592
|
+
* (padding, border, anywhere outside the text) focused nothing, so a
|
|
593
|
+
* consumer could neither focus the field from script nor select its value
|
|
594
|
+
* on focus. With it, all of those land on the `<input>` while
|
|
595
|
+
* `document.activeElement` is still the host. `focus`/`blur`/`focusin`/
|
|
596
|
+
* `focusout` reach host listeners exactly as before — they were already
|
|
597
|
+
* retargeted to the host; this changes where focus goes, not what hears it.
|
|
598
|
+
* `anduin-date-input` sets the same option.
|
|
599
|
+
*/
|
|
600
|
+
static shadowRootOptions: ShadowRootInit;
|
|
507
601
|
static styles: CSSResult;
|
|
508
602
|
value: string;
|
|
509
603
|
size: 'small' | 'default' | 'large';
|
|
@@ -518,6 +612,25 @@ declare class AnduinInput extends LitElement {
|
|
|
518
612
|
private inputEl;
|
|
519
613
|
connectedCallback(): void;
|
|
520
614
|
updated(): void;
|
|
615
|
+
/**
|
|
616
|
+
* Runs `fn` against the inner `<input>` now, or once the first render has
|
|
617
|
+
* made it. A wrapper's ref is live before Lit's first render (a microtask
|
|
618
|
+
* after connection), and a call made then would otherwise find no input and
|
|
619
|
+
* do nothing — the "open focused, value selected" case is exactly that.
|
|
620
|
+
*/
|
|
621
|
+
private _withInput;
|
|
622
|
+
/**
|
|
623
|
+
* Focuses the inner `<input>` (via `delegatesFocus`). A disabled input stays
|
|
624
|
+
* unfocusable, as a native one is.
|
|
625
|
+
*/
|
|
626
|
+
focus(options?: FocusOptions): void;
|
|
627
|
+
/**
|
|
628
|
+
* Selects the whole value so the next keystroke replaces it — e.g. from an
|
|
629
|
+
* `onFocus` handler. Like the native `select()`, it also focuses the field.
|
|
630
|
+
*/
|
|
631
|
+
select(): void;
|
|
632
|
+
/** Forwards to the inner `<input>`'s `setSelectionRange`. */
|
|
633
|
+
setSelectionRange(start: number | null, end: number | null, direction?: 'forward' | 'backward' | 'none'): void;
|
|
521
634
|
private onInput;
|
|
522
635
|
private onClear;
|
|
523
636
|
render(): TemplateResult<1>;
|
|
@@ -570,6 +683,23 @@ declare class AnduinModal extends LitElement {
|
|
|
570
683
|
private dispatch;
|
|
571
684
|
private onOverlayClick;
|
|
572
685
|
private onClose;
|
|
686
|
+
/**
|
|
687
|
+
* Keeps `anduin-close` / `anduin-after-close` from travelling past this
|
|
688
|
+
* modal, so a modal or drawer nested inside it can never close it.
|
|
689
|
+
*
|
|
690
|
+
* This used to be `if (e.target !== this) e.stopPropagation()`, meant to stop
|
|
691
|
+
* closes "bubbling in from slotted content" before they reached a parent
|
|
692
|
+
* modal's listener. It could not: `stopPropagation` never silences other
|
|
693
|
+
* listeners on the element it is called on, so a nested overlay's close
|
|
694
|
+
* still reached this modal's own `onClose` — a drawer's × inside a modal
|
|
695
|
+
* closed the modal as well — and the modal's own close (target === this)
|
|
696
|
+
* went on up to any modal around it.
|
|
697
|
+
*
|
|
698
|
+
* Stopping unconditionally, at the modal itself, fixes both: every listener
|
|
699
|
+
* on this element — the `Modal` wrapper's `onClose` among them — still
|
|
700
|
+
* hears this modal's own close and every close requested from inside it by
|
|
701
|
+
* `anduin-modal-close`, and nothing above the modal hears either.
|
|
702
|
+
*/
|
|
573
703
|
private onAnduinClose;
|
|
574
704
|
connectedCallback(): void;
|
|
575
705
|
disconnectedCallback(): void;
|
|
@@ -664,7 +794,7 @@ declare class AnduinPagination extends LitElement {
|
|
|
664
794
|
private syncBoundaryButtons;
|
|
665
795
|
private positionIndicator;
|
|
666
796
|
private onSlotChange;
|
|
667
|
-
render(): typeof nothing
|
|
797
|
+
render(): TemplateResult<1> | typeof nothing;
|
|
668
798
|
private renderItem;
|
|
669
799
|
}
|
|
670
800
|
|
|
@@ -1318,6 +1448,14 @@ declare class AnduinTagClose extends LitElement {
|
|
|
1318
1448
|
}
|
|
1319
1449
|
|
|
1320
1450
|
declare class AnduinTextarea extends LitElement {
|
|
1451
|
+
/**
|
|
1452
|
+
* Focus belongs to the inner `<textarea>`, not the host — the same reasoning
|
|
1453
|
+
* as `anduin-input`: without it `host.focus()` went nowhere and a box that
|
|
1454
|
+
* should open focused, with its wording selected, could not be built on this
|
|
1455
|
+
* element. `focus`/`blur`/`focusin`/`focusout` reach host listeners exactly
|
|
1456
|
+
* as before; they were already retargeted to the host.
|
|
1457
|
+
*/
|
|
1458
|
+
static shadowRootOptions: ShadowRootInit;
|
|
1321
1459
|
static styles: CSSResult;
|
|
1322
1460
|
value: string;
|
|
1323
1461
|
disabled: boolean;
|
|
@@ -1329,6 +1467,14 @@ declare class AnduinTextarea extends LitElement {
|
|
|
1329
1467
|
private textareaEl;
|
|
1330
1468
|
connectedCallback(): void;
|
|
1331
1469
|
updated(): void;
|
|
1470
|
+
/** Runs `fn` against the inner `<textarea>` now, or once the first render has made it (see `anduin-input`). */
|
|
1471
|
+
private _withTextarea;
|
|
1472
|
+
/** Focuses the inner `<textarea>` (via `delegatesFocus`). A disabled one stays unfocusable. */
|
|
1473
|
+
focus(options?: FocusOptions): void;
|
|
1474
|
+
/** Selects the whole value so typing replaces it. Like the native `select()`, it also focuses the field. */
|
|
1475
|
+
select(): void;
|
|
1476
|
+
/** Forwards to the inner `<textarea>`'s `setSelectionRange`. */
|
|
1477
|
+
setSelectionRange(start: number | null, end: number | null, direction?: 'forward' | 'backward' | 'none'): void;
|
|
1332
1478
|
private onInput;
|
|
1333
1479
|
render(): TemplateResult<1>;
|
|
1334
1480
|
}
|
|
@@ -1594,12 +1740,19 @@ onClose: string;
|
|
|
1594
1740
|
onAfterClose: string;
|
|
1595
1741
|
}>;
|
|
1596
1742
|
|
|
1743
|
+
/** Fired once the exit animation has finished. Stops at the drawer element too. */
|
|
1597
1744
|
export declare const DRAWER_AFTER_CLOSE_EVENT = "anduin-after-close";
|
|
1598
1745
|
|
|
1746
|
+
/** Fired when the drawer requests to close (its ×, a backdrop click, or an
|
|
1747
|
+
* `anduin-drawer-close` inside it). Respond by setting open=false. Listen on the
|
|
1748
|
+
* drawer element itself: the event stops there and never reaches an ancestor. */
|
|
1599
1749
|
export declare const DRAWER_CLOSE_EVENT = "anduin-close";
|
|
1600
1750
|
|
|
1601
1751
|
export declare const DrawerClose: ReactWebComponent<AnduinDrawerClose, {}>;
|
|
1602
1752
|
|
|
1753
|
+
/** Which viewport edge the drawer is anchored to and slides in from. */
|
|
1754
|
+
declare type DrawerPlacement = "right" | "left";
|
|
1755
|
+
|
|
1603
1756
|
declare type DrawerWidth = "320" | "360" | "400" | "640";
|
|
1604
1757
|
|
|
1605
1758
|
export declare const Dropdown: ReactWebComponent<AnduinDropdown, {
|
|
@@ -1658,6 +1811,7 @@ onAfterClose: string;
|
|
|
1658
1811
|
|
|
1659
1812
|
/** Event fired after the exit animation finishes and the modal is fully hidden.
|
|
1660
1813
|
* Use this to safely unmount / clear data when using conditional rendering.
|
|
1814
|
+
* Like MODAL_CLOSE_EVENT, it stops at the modal element.
|
|
1661
1815
|
* @example
|
|
1662
1816
|
* // Separate open state from data state so the modal stays mounted during exit animation:
|
|
1663
1817
|
* const [open, setOpen] = useState(false)
|
|
@@ -1669,6 +1823,8 @@ export declare const MODAL_AFTER_CLOSE_EVENT = "anduin-after-close";
|
|
|
1669
1823
|
|
|
1670
1824
|
/** Event fired when the modal requests to close (user clicked X, overlay, or anduin-modal-close).
|
|
1671
1825
|
* Respond by setting open=false. The exit animation then plays automatically.
|
|
1826
|
+
* Listen on the modal element itself: the event stops there and never reaches
|
|
1827
|
+
* an ancestor, so a modal or drawer nested inside another cannot close it.
|
|
1672
1828
|
*/
|
|
1673
1829
|
export declare const MODAL_CLOSE_EVENT = "anduin-close";
|
|
1674
1830
|
|