@duyluonganduin/acl-web-components 0.0.54 → 0.0.55

package/dist/jsx.d.ts

@@ -441,6 +441,9 @@ declare module 'react' {
         'hide-footer'?: boolean | string
         /** When true, clicks outside the drawer pass through to underlying elements instead of dismissing (default: false) */
         'allow-interact-outside'?: boolean | string
+        /** Edge the drawer is anchored to and slides in from: 'right' | 'left'  (default: 'right').
+         *  'left' also casts the shadow rightward and puts the resize handle on the right edge. */
+        placement?: 'right' | 'left'
       }
 
       // ── anduin-drawer-close ───────────────────────────────────────────────

package/dist/react.cjs

@@ -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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("@lit/react"),e=require("./anduin-table-7Z4ank66.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;

package/dist/react.d.ts

@@ -402,6 +402,14 @@ declare class AnduinDrawer extends LitElement {
     hideHeader: boolean;
     hideFooter: boolean;
     defaultWidth: DrawerWidth | string;
+    /**
+     * Edge the drawer is anchored to. `"left"` mirrors everything that faces the
+     * right edge: position, slide direction, shadow, and which side the resize
+     * handle sits on (drag it right to widen). Anything other than `"left"`
+     * behaves as `"right"`. Reflected so styles can key off
+     * `:host([placement="left"])`.
+     */
+    placement: DrawerPlacement;
     /** When true, clicks outside the drawer pass through to underlying elements instead of dismissing */
     allowInteractOutside: boolean;
     private _leaving;
@@ -412,6 +420,25 @@ declare class AnduinDrawer extends LitElement {
     willUpdate(changed: Map<PropertyKey, unknown>): void;
     updated(changed: Map<PropertyKey, unknown>): void;
     private _dispatch;
+    /**
+     * Keeps `anduin-close` / `anduin-after-close` from travelling past this
+     * drawer. The name is shared with `anduin-modal` and both helpers, and it has
+     * to bubble so `anduin-drawer-close` can reach the drawer it sits in — but
+     * without a stop here a drawer rendered inside a modal (or another drawer)
+     * carried its own close up to that ancestor, whose consumer heard it as its
+     * own and closed too.
+     *
+     * Unconditional, and on the drawer itself, because that is the only place
+     * the stop works: `stopPropagation` never silences other listeners on the
+     * element it is called on. So every listener on this drawer — the `Drawer`
+     * wrapper's `onClose`, an `@anduin-close` — still hears the drawer's own
+     * close and every close requested from inside it; nothing above the drawer
+     * does. (A guard on the ancestor instead, as `anduin-modal` used to have,
+     * cannot keep the event from that ancestor's own listeners.)
+     */
+    private _stopAtSelf;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     private _onClose;
     private _onBackdropClick;
     private _onResizeStart;
@@ -504,6 +531,18 @@ declare class AnduinIcon extends LitElement {
 }
 
 declare class AnduinInput extends LitElement {
+    /**
+     * Focus belongs to the inner `<input>`, not the host. Without this,
+     * `host.focus()` moved focus nowhere and a click on the host's own box
+     * (padding, border, anywhere outside the text) focused nothing, so a
+     * consumer could neither focus the field from script nor select its value
+     * on focus. With it, all of those land on the `<input>` while
+     * `document.activeElement` is still the host. `focus`/`blur`/`focusin`/
+     * `focusout` reach host listeners exactly as before — they were already
+     * retargeted to the host; this changes where focus goes, not what hears it.
+     * `anduin-date-input` sets the same option.
+     */
+    static shadowRootOptions: ShadowRootInit;
     static styles: CSSResult;
     value: string;
     size: 'small' | 'default' | 'large';
@@ -518,6 +557,25 @@ declare class AnduinInput extends LitElement {
     private inputEl;
     connectedCallback(): void;
     updated(): void;
+    /**
+     * Runs `fn` against the inner `<input>` now, or once the first render has
+     * made it. A wrapper's ref is live before Lit's first render (a microtask
+     * after connection), and a call made then would otherwise find no input and
+     * do nothing — the "open focused, value selected" case is exactly that.
+     */
+    private _withInput;
+    /**
+     * Focuses the inner `<input>` (via `delegatesFocus`). A disabled input stays
+     * unfocusable, as a native one is.
+     */
+    focus(options?: FocusOptions): void;
+    /**
+     * Selects the whole value so the next keystroke replaces it — e.g. from an
+     * `onFocus` handler. Like the native `select()`, it also focuses the field.
+     */
+    select(): void;
+    /** Forwards to the inner `<input>`'s `setSelectionRange`. */
+    setSelectionRange(start: number | null, end: number | null, direction?: 'forward' | 'backward' | 'none'): void;
     private onInput;
     private onClear;
     render(): TemplateResult<1>;
@@ -570,6 +628,23 @@ declare class AnduinModal extends LitElement {
     private dispatch;
     private onOverlayClick;
     private onClose;
+    /**
+     * Keeps `anduin-close` / `anduin-after-close` from travelling past this
+     * modal, so a modal or drawer nested inside it can never close it.
+     *
+     * This used to be `if (e.target !== this) e.stopPropagation()`, meant to stop
+     * closes "bubbling in from slotted content" before they reached a parent
+     * modal's listener. It could not: `stopPropagation` never silences other
+     * listeners on the element it is called on, so a nested overlay's close
+     * still reached this modal's own `onClose` — a drawer's × inside a modal
+     * closed the modal as well — and the modal's own close (target === this)
+     * went on up to any modal around it.
+     *
+     * Stopping unconditionally, at the modal itself, fixes both: every listener
+     * on this element — the `Modal` wrapper's `onClose` among them — still
+     * hears this modal's own close and every close requested from inside it by
+     * `anduin-modal-close`, and nothing above the modal hears either.
+     */
     private onAnduinClose;
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -1318,6 +1393,14 @@ declare class AnduinTagClose extends LitElement {
 }
 
 declare class AnduinTextarea extends LitElement {
+    /**
+     * Focus belongs to the inner `<textarea>`, not the host — the same reasoning
+     * as `anduin-input`: without it `host.focus()` went nowhere and a box that
+     * should open focused, with its wording selected, could not be built on this
+     * element. `focus`/`blur`/`focusin`/`focusout` reach host listeners exactly
+     * as before; they were already retargeted to the host.
+     */
+    static shadowRootOptions: ShadowRootInit;
     static styles: CSSResult;
     value: string;
     disabled: boolean;
@@ -1329,6 +1412,14 @@ declare class AnduinTextarea extends LitElement {
     private textareaEl;
     connectedCallback(): void;
     updated(): void;
+    /** Runs `fn` against the inner `<textarea>` now, or once the first render has made it (see `anduin-input`). */
+    private _withTextarea;
+    /** Focuses the inner `<textarea>` (via `delegatesFocus`). A disabled one stays unfocusable. */
+    focus(options?: FocusOptions): void;
+    /** Selects the whole value so typing replaces it. Like the native `select()`, it also focuses the field. */
+    select(): void;
+    /** Forwards to the inner `<textarea>`'s `setSelectionRange`. */
+    setSelectionRange(start: number | null, end: number | null, direction?: 'forward' | 'backward' | 'none'): void;
     private onInput;
     render(): TemplateResult<1>;
 }
@@ -1594,12 +1685,19 @@ onClose: string;
 onAfterClose: string;
 }>;
 
+/** Fired once the exit animation has finished. Stops at the drawer element too. */
 export declare const DRAWER_AFTER_CLOSE_EVENT = "anduin-after-close";
 
+/** Fired when the drawer requests to close (its ×, a backdrop click, or an
+ *  `anduin-drawer-close` inside it). Respond by setting open=false. Listen on the
+ *  drawer element itself: the event stops there and never reaches an ancestor. */
 export declare const DRAWER_CLOSE_EVENT = "anduin-close";
 
 export declare const DrawerClose: ReactWebComponent<AnduinDrawerClose, {}>;
 
+/** Which viewport edge the drawer is anchored to and slides in from. */
+declare type DrawerPlacement = "right" | "left";
+
 declare type DrawerWidth = "320" | "360" | "400" | "640";
 
 export declare const Dropdown: ReactWebComponent<AnduinDropdown, {
@@ -1658,6 +1756,7 @@ onAfterClose: string;
 
 /** Event fired after the exit animation finishes and the modal is fully hidden.
  *  Use this to safely unmount / clear data when using conditional rendering.
+ *  Like MODAL_CLOSE_EVENT, it stops at the modal element.
  *  @example
  *  // Separate open state from data state so the modal stays mounted during exit animation:
  *  const [open, setOpen] = useState(false)
@@ -1669,6 +1768,8 @@ export declare const MODAL_AFTER_CLOSE_EVENT = "anduin-after-close";
 
 /** Event fired when the modal requests to close (user clicked X, overlay, or anduin-modal-close).
  *  Respond by setting open=false. The exit animation then plays automatically.
+ *  Listen on the modal element itself: the event stops there and never reaches
+ *  an ancestor, so a modal or drawer nested inside another cannot close it.
  */
 export declare const MODAL_CLOSE_EVENT = "anduin-close";
 

package/dist/react.js

@@ -1,7 +1,7 @@
 import a from "react";
 import { createComponent as e } from "@lit/react";
-import { a4 as n, a3 as t, y as s, a as i, b as l, c as o, e as d, n as r, o as u, N as m, a2 as c, B as g, s as C, w as A, t as N, u as E, v as T, aS as b, O as p, aT as _, P as S, ax as G, f as L, aI as R, aH as I, z as D, bb as v, ae as O, aR as P, L as h, M as H, C as M, D as B, aK as f, aL as F, E as k, F as w, b7 as U, aa as W, ab as z, a8 as V, a7 as x, ac as K, ba as X, ad as Z, bc as j, an as q, bf as y, bg as J, bd as Y, ao as $, ap as Q, ar as aa, aq as ea, as as na, bn as ta, at as sa, A as ia, x as la, al as oa, am as da, aD as ra, r as ua, aB as ma, aC as ca, p as ga, q as Ca, aZ as Aa, a6 as Na, aX as Ea, aY as Ta, aW as ba, a5 as pa, aM as _a, G as Sa, H as Ga, S as La, R as Ra, aU as Ia, Q as Da, aO as va, I as Oa, J as Pa, K as ha, T as Ha, W as Ma, _ as Ba, X as fa, Y as Fa, Z as ka, $ as wa, aV as Ua, a0 as Wa, U as za, V as Va, a1 as xa, af as Ka, ai as Xa, ag as Za, ak as ja, ah as qa, aj as ya, av as Ja, d as Ya, aA as $a, i as Qa, j as ae, m as ee, k as ne, ay as te, g as se, az as ie, h as le, b0 as oe, b1 as de, b3 as re, b4 as ue, a_ as me, b5 as ce, b2 as ge, a$ as Ce, b6 as Ae, a9 as Ne } from "./anduin-table-BSCDZ052.js";
-import { aJ as $n } from "./anduin-table-BSCDZ052.js";
+import { a4 as n, a3 as t, y as s, a as i, b as l, c as o, e as d, n as r, o as u, N as m, a2 as c, B as g, s as C, w as A, t as N, u as E, v as T, aS as b, O as p, aT as _, P as S, ax as G, f as L, aI as R, aH as I, z as D, bb as v, ae as O, aR as P, L as h, M as H, C as M, D as B, aK as f, aL as F, E as k, F as w, b7 as U, aa as W, ab as z, a8 as V, a7 as x, ac as K, ba as X, ad as Z, bc as j, an as q, bf as y, bg as J, bd as Y, ao as $, ap as Q, ar as aa, aq as ea, as as na, bn as ta, at as sa, A as ia, x as la, al as oa, am as da, aD as ra, r as ua, aB as ma, aC as ca, p as ga, q as Ca, aZ as Aa, a6 as Na, aX as Ea, aY as Ta, aW as ba, a5 as pa, aM as _a, G as Sa, H as Ga, S as La, R as Ra, aU as Ia, Q as Da, aO as va, I as Oa, J as Pa, K as ha, T as Ha, W as Ma, _ as Ba, X as fa, Y as Fa, Z as ka, $ as wa, aV as Ua, a0 as Wa, U as za, V as Va, a1 as xa, af as Ka, ai as Xa, ag as Za, ak as ja, ah as qa, aj as ya, av as Ja, d as Ya, aA as $a, i as Qa, j as ae, m as ee, k as ne, ay as te, g as se, az as ie, h as le, b0 as oe, b1 as de, b3 as re, b4 as ue, a_ as me, b5 as ce, b2 as ge, a$ as Ce, b6 as Ae, a9 as Ne } from "./anduin-table-s1dOpgPU.js";
+import { aJ as $n } from "./anduin-table-s1dOpgPU.js";
 const pe = e({ react: a, tagName: "anduin-spinner", elementClass: n }), _e = e({ react: a, tagName: "anduin-sparkle-spinner", elementClass: t }), Se = e({ react: a, tagName: "anduin-icon", elementClass: s }), Ge = e({ react: a, tagName: "anduin-badge", elementClass: i }), Le = e({ react: a, tagName: "anduin-badge-count", elementClass: l }), Re = e({ react: a, tagName: "anduin-button", elementClass: o }), Ie = e({ react: a, tagName: "anduin-callout", elementClass: d }), De = e({ react: a, tagName: "anduin-divider", elementClass: r }), ve = e({ react: a, tagName: "anduin-dot", elementClass: u }), Oe = e({ react: a, tagName: "anduin-progress", elementClass: m }), Pe = e({ react: a, tagName: "anduin-skeleton", elementClass: c }), he = e({ react: a, tagName: "anduin-loading-state", elementClass: g }), He = e({ react: a, tagName: "anduin-field", elementClass: C }), Me = e({ react: a, tagName: "anduin-field-label", elementClass: A }), Be = e({ react: a, tagName: "anduin-field-description", elementClass: N }), fe = e({ react: a, tagName: "anduin-field-error", elementClass: E }), Fe = e({ react: a, tagName: "anduin-field-group", elementClass: T }), ke = e({
   react: a,
   tagName: "anduin-radio",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duyluonganduin/acl-web-components",
-  "version": "0.0.54",
+  "version": "0.0.55",
   "type": "module",
   "repository": {
     "type": "git",