@duyluonganduin/acl-web-components 0.0.43 → 0.0.45
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 +189 -0
- package/dist/acl-web-components.iife.js +664 -225
- package/dist/acl-web-components.js +108 -90
- package/dist/{anduin-pagination-Dym6znEk.js → anduin-sidebar-BLBUZYp_.js} +1804 -1139
- package/dist/{anduin-pagination-B-A3Nk_J.cjs → anduin-sidebar-bObs5k3h.cjs} +664 -225
- package/dist/jsx.d.ts +70 -0
- package/dist/react.cjs +1 -1
- package/dist/react.d.ts +225 -0
- package/dist/react.js +179 -156
- package/package.json +1 -1
package/dist/jsx.d.ts
CHANGED
|
@@ -548,6 +548,76 @@ declare module 'react' {
|
|
|
548
548
|
|
|
549
549
|
// ── anduin-pagination-last-page ───────────────────────────────────────
|
|
550
550
|
'anduin-pagination-last-page': Base
|
|
551
|
+
|
|
552
|
+
// ── anduin-sidebar ────────────────────────────────────────────────────
|
|
553
|
+
'anduin-sidebar': Base
|
|
554
|
+
|
|
555
|
+
// ── anduin-sidebar-content ────────────────────────────────────────────
|
|
556
|
+
'anduin-sidebar-content': Base
|
|
557
|
+
|
|
558
|
+
// ── anduin-sidebar-header ─────────────────────────────────────────────
|
|
559
|
+
'anduin-sidebar-header': Base & {
|
|
560
|
+
/** Draw a separating border toward the content */
|
|
561
|
+
divider?: boolean | string
|
|
562
|
+
}
|
|
563
|
+
|
|
564
|
+
// ── anduin-sidebar-footer ─────────────────────────────────────────────
|
|
565
|
+
'anduin-sidebar-footer': Base & {
|
|
566
|
+
/** Draw a separating border toward the content */
|
|
567
|
+
divider?: boolean | string
|
|
568
|
+
}
|
|
569
|
+
|
|
570
|
+
// ── anduin-sidebar-group ──────────────────────────────────────────────
|
|
571
|
+
'anduin-sidebar-group': Base
|
|
572
|
+
|
|
573
|
+
// ── anduin-sidebar-group-label ────────────────────────────────────────
|
|
574
|
+
'anduin-sidebar-group-label': Base
|
|
575
|
+
|
|
576
|
+
// ── anduin-sidebar-menu ───────────────────────────────────────────────
|
|
577
|
+
'anduin-sidebar-menu': Base
|
|
578
|
+
|
|
579
|
+
// ── anduin-sidebar-menu-item ──────────────────────────────────────────
|
|
580
|
+
'anduin-sidebar-menu-item': Base & {
|
|
581
|
+
/** anduin-icon name shown before the label */
|
|
582
|
+
'start-icon'?: string
|
|
583
|
+
/** Highlights the entry as the active one */
|
|
584
|
+
selected?: boolean | string
|
|
585
|
+
/** Mute the entry and prevent interaction */
|
|
586
|
+
disabled?: boolean | string
|
|
587
|
+
/** Renders an <a> instead of a <button> when provided */
|
|
588
|
+
href?: string
|
|
589
|
+
/** Open the link in a new tab (target="_blank" with rel="noreferrer noopener") */
|
|
590
|
+
'open-new-tab'?: boolean | string
|
|
591
|
+
/** Fired when the item is activated — detail: the menu item element */
|
|
592
|
+
onSelect?: (e: CustomEvent<HTMLElement>) => void
|
|
593
|
+
}
|
|
594
|
+
|
|
595
|
+
// ── anduin-sidebar-action ─────────────────────────────────────────────
|
|
596
|
+
'anduin-sidebar-action': Base
|
|
597
|
+
|
|
598
|
+
// ── anduin-sidebar-badge ──────────────────────────────────────────────
|
|
599
|
+
'anduin-sidebar-badge': Base
|
|
600
|
+
|
|
601
|
+
// ── anduin-sidebar-separator ──────────────────────────────────────────
|
|
602
|
+
'anduin-sidebar-separator': Base
|
|
603
|
+
|
|
604
|
+
// ── anduin-timeline ───────────────────────────────────────────────────
|
|
605
|
+
'anduin-timeline': Base
|
|
606
|
+
|
|
607
|
+
// ── anduin-timeline-item ──────────────────────────────────────────────
|
|
608
|
+
'anduin-timeline-item': Base
|
|
609
|
+
|
|
610
|
+
// ── anduin-timeline-date ──────────────────────────────────────────────
|
|
611
|
+
'anduin-timeline-date': Base
|
|
612
|
+
|
|
613
|
+
// ── anduin-timeline-title ─────────────────────────────────────────────
|
|
614
|
+
'anduin-timeline-title': Base
|
|
615
|
+
|
|
616
|
+
// ── anduin-timeline-group ─────────────────────────────────────────────
|
|
617
|
+
'anduin-timeline-group': Base
|
|
618
|
+
|
|
619
|
+
// ── anduin-timeline-label ─────────────────────────────────────────────
|
|
620
|
+
'anduin-timeline-label': Base
|
|
551
621
|
}
|
|
552
622
|
}
|
|
553
623
|
}
|
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-pagination-B-A3Nk_J.cjs"),t=a.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=a.createComponent({react:n,tagName:"anduin-sparkle-spinner",elementClass:e.AnduinSparkleSpinner}),s=a.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),i=a.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),l=a.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),C=a.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),r=a.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),c=a.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),m=a.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),d=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}),g=a.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),A=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}),p=a.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),_=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}}),O=a.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),L=a.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),I=a.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),S=a.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover}),R=a.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),P=a.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),H=a.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),D=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}),h=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}}),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}}),B=a.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),k=a.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),z=a.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),K=a.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),f=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}),q=a.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),Z=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}}),se=a.createComponent({react:n,tagName:"anduin-pagination-first-page",elementClass:e.AnduinPaginationFirstPage}),ie=a.createComponent({react:n,tagName:"anduin-pagination-last-page",elementClass:e.AnduinPaginationLastPage});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.NAVIGATION_CHANGE=e.NAVIGATION_CHANGE;exports.PAGINATION_CHANGE=e.PAGINATION_CHANGE;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_CHANGE;exports.RESIZE_EVENT=e.RESIZE_EVENT;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.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=i;exports.BadgeCount=l;exports.Button=C;exports.Callout=r;exports.Checkbox=O;exports.Divider=c;exports.Dot=m;exports.Drawer=j;exports.DrawerClose=J;exports.Dropdown=y;exports.Field=g;exports.FieldDescription=N;exports.FieldError=T;exports.FieldGroup=p;exports.FieldLabel=A;exports.FileIcon=X;exports.Icon=s;exports.Input=L;exports.LoadingState=u;exports.Menu=P;exports.MenuItem=H;exports.Modal=D;exports.ModalClose=v;exports.Navigation=$;exports.NavigationItem=ee;exports.Pagination=oe;exports.PaginationFirstPage=se;exports.PaginationLastPage=ie;exports.Popover=S;exports.PopoverClose=R;exports.Progress=d;exports.Radio=_;exports.RadioGroup=G;exports.ResizableHandle=te;exports.ResizablePanel=ae;exports.ResizablePanelGroup=ne;exports.Skeleton=E;exports.SparkleSpinner=o;exports.Spinner=t;exports.Suggestion=Y;exports.Switcher=Q;exports.TabContent=F;exports.TabTrigger=U;exports.Tabs=b;exports.TabsList=M;exports.Tag=h;exports.TagClose=W;exports.Textarea=I;exports.Toast=q;exports.Toaster=Z;exports.ToggleGroup=V;exports.ToggleGroupItem=w;exports.Tooltip=B;exports.TooltipContent=z;exports.TooltipTrigger=k;exports.Well=K;exports.WellClose=f;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("@lit/react"),e=require("./anduin-sidebar-bObs5k3h.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}),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}),m=a.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),c=a.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),d=a.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),u=a.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),g=a.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),E=a.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),A=a.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),N=a.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),p=a.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),T=a.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),_=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}}),S=a.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),b=a.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),L=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}),O=a.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),R=a.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),P=a.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),D=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}}),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}),h=a.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),B=a.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),W=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}),z=a.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),f=a.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),K=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}),q=a.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),Z=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}),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}),me=a.createComponent({react:n,tagName:"anduin-sidebar-footer",elementClass:e.AnduinSidebarFooter}),ce=a.createComponent({react:n,tagName:"anduin-sidebar-group",elementClass:e.AnduinSidebarGroup}),de=a.createComponent({react:n,tagName:"anduin-sidebar-group-label",elementClass:e.AnduinSidebarGroupLabel}),ue=a.createComponent({react:n,tagName:"anduin-sidebar-menu",elementClass:e.AnduinSidebarMenu}),ge=a.createComponent({react:n,tagName:"anduin-sidebar-menu-item",elementClass:e.AnduinSidebarMenuItem,events:{onSelect:e.SIDEBAR_SELECT}}),Ee=a.createComponent({react:n,tagName:"anduin-sidebar-action",elementClass:e.AnduinSidebarAction}),Ae=a.createComponent({react:n,tagName:"anduin-sidebar-badge",elementClass:e.AnduinSidebarBadge}),Ne=a.createComponent({react:n,tagName:"anduin-sidebar-separator",elementClass:e.AnduinSidebarSeparator}),pe=a.createComponent({react:n,tagName:"anduin-timeline",elementClass:e.AnduinTimeline}),Te=a.createComponent({react:n,tagName:"anduin-timeline-item",elementClass:e.AnduinTimelineItem}),_e=a.createComponent({react:n,tagName:"anduin-timeline-date",elementClass:e.AnduinTimelineDate}),Ge=a.createComponent({react:n,tagName:"anduin-timeline-title",elementClass:e.AnduinTimelineTitle}),Se=a.createComponent({react:n,tagName:"anduin-timeline-group",elementClass:e.AnduinTimelineGroup}),be=a.createComponent({react:n,tagName:"anduin-timeline-label",elementClass:e.AnduinTimelineLabel});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.NAVIGATION_CHANGE=e.NAVIGATION_CHANGE;exports.PAGINATION_CHANGE=e.PAGINATION_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.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=s;exports.Button=l;exports.Callout=C;exports.Checkbox=S;exports.Divider=m;exports.Dot=c;exports.Drawer=j;exports.DrawerClose=J;exports.Dropdown=y;exports.Field=E;exports.FieldDescription=N;exports.FieldError=p;exports.FieldGroup=T;exports.FieldLabel=A;exports.FileIcon=X;exports.Icon=i;exports.Input=b;exports.LoadingState=g;exports.Menu=R;exports.MenuItem=P;exports.Modal=D;exports.ModalClose=H;exports.Navigation=$;exports.NavigationItem=ee;exports.Pagination=oe;exports.PaginationFirstPage=ie;exports.PaginationLastPage=re;exports.Popover=I;exports.PopoverClose=O;exports.Progress=d;exports.Radio=_;exports.RadioGroup=G;exports.ResizableHandle=te;exports.ResizablePanel=ae;exports.ResizablePanelGroup=ne;exports.Sidebar=se;exports.SidebarAction=Ee;exports.SidebarBadge=Ae;exports.SidebarContent=le;exports.SidebarFooter=me;exports.SidebarGroup=ce;exports.SidebarGroupLabel=de;exports.SidebarHeader=Ce;exports.SidebarMenu=ue;exports.SidebarMenuItem=ge;exports.SidebarSeparator=Ne;exports.Skeleton=u;exports.SparkleSpinner=o;exports.Spinner=t;exports.Suggestion=Y;exports.Switcher=Q;exports.TabContent=F;exports.TabTrigger=U;exports.Tabs=v;exports.TabsList=M;exports.Tag=h;exports.TagClose=B;exports.Textarea=L;exports.Timeline=pe;exports.TimelineDate=_e;exports.TimelineGroup=Se;exports.TimelineItem=Te;exports.TimelineLabel=be;exports.TimelineTitle=Ge;exports.Toast=q;exports.Toaster=Z;exports.ToggleGroup=W;exports.ToggleGroupItem=V;exports.Tooltip=w;exports.TooltipContent=z;exports.TooltipTrigger=k;exports.Well=f;exports.WellClose=K;
|
package/dist/react.d.ts
CHANGED
|
@@ -261,6 +261,7 @@ declare class AnduinModal extends LitElement {
|
|
|
261
261
|
maxWidth: "480" | "600" | "720" | "960" | "1160" | string;
|
|
262
262
|
fullscreen: boolean;
|
|
263
263
|
private _leaving;
|
|
264
|
+
private _holdsScrollLock;
|
|
264
265
|
private static readonly _PRESETS;
|
|
265
266
|
updated(changed: Map<PropertyKey, unknown>): void;
|
|
266
267
|
private dispatch;
|
|
@@ -506,6 +507,136 @@ declare class AnduinResizablePanelGroup extends LitElement {
|
|
|
506
507
|
render(): TemplateResult<1>;
|
|
507
508
|
}
|
|
508
509
|
|
|
510
|
+
/**
|
|
511
|
+
* anduin-sidebar — a vertical navigation region for an application's primary
|
|
512
|
+
* sections. It organises navigable entries into labelled groups, highlights the
|
|
513
|
+
* active entry, and supports both button-style and link-style items.
|
|
514
|
+
*
|
|
515
|
+
* Compose a sidebar from these building blocks:
|
|
516
|
+
* - anduin-sidebar the navigation container
|
|
517
|
+
* - anduin-sidebar-header/footer sticky top / bottom regions (optional divider)
|
|
518
|
+
* - anduin-sidebar-content scrolling region that owns the sidebar's padding
|
|
519
|
+
* - anduin-sidebar-group a section pairing a label with a menu
|
|
520
|
+
* - anduin-sidebar-group-label the heading for a group
|
|
521
|
+
* - anduin-sidebar-menu a vertical list of items
|
|
522
|
+
* - anduin-sidebar-menu-item a single navigable entry
|
|
523
|
+
* - anduin-sidebar-action a control shown on the right of a label/item
|
|
524
|
+
* - anduin-sidebar-badge a count/status badge shown on the right
|
|
525
|
+
* - anduin-sidebar-separator a divider between sections
|
|
526
|
+
*
|
|
527
|
+
* @example
|
|
528
|
+
* <anduin-sidebar aria-label="Fund navigation">
|
|
529
|
+
* <anduin-sidebar-content>
|
|
530
|
+
* <anduin-sidebar-group>
|
|
531
|
+
* <anduin-sidebar-group-label>Fund administration</anduin-sidebar-group-label>
|
|
532
|
+
* <anduin-sidebar-menu>
|
|
533
|
+
* <anduin-sidebar-menu-item start-icon="dashboard" selected>Overview</anduin-sidebar-menu-item>
|
|
534
|
+
* <anduin-sidebar-menu-item start-icon="userInvestor">Investors</anduin-sidebar-menu-item>
|
|
535
|
+
* </anduin-sidebar-menu>
|
|
536
|
+
* </anduin-sidebar-group>
|
|
537
|
+
* </anduin-sidebar-content>
|
|
538
|
+
* </anduin-sidebar>
|
|
539
|
+
*/
|
|
540
|
+
declare class AnduinSidebar extends LitElement {
|
|
541
|
+
static styles: CSSResult;
|
|
542
|
+
connectedCallback(): void;
|
|
543
|
+
render(): TemplateResult<1>;
|
|
544
|
+
}
|
|
545
|
+
|
|
546
|
+
/**
|
|
547
|
+
* A small action control shown on the right of a group label or menu item.
|
|
548
|
+
* Prop-less container: slot in any control (typically an anduin-button). It is
|
|
549
|
+
* pushed to the right of the row, and activating it never triggers the menu
|
|
550
|
+
* item's own click or navigation.
|
|
551
|
+
*/
|
|
552
|
+
declare class AnduinSidebarAction extends LitElement {
|
|
553
|
+
static styles: CSSResult;
|
|
554
|
+
connectedCallback(): void;
|
|
555
|
+
render(): TemplateResult<1>;
|
|
556
|
+
}
|
|
557
|
+
|
|
558
|
+
/**
|
|
559
|
+
* A count or status badge shown on the right of a group label or menu item.
|
|
560
|
+
* Hosts a standard anduin-badge-count (or anduin-badge). Unlike an action, a
|
|
561
|
+
* badge is informational: clicking it does not swallow the item's click.
|
|
562
|
+
*/
|
|
563
|
+
declare class AnduinSidebarBadge extends LitElement {
|
|
564
|
+
static styles: CSSResult;
|
|
565
|
+
connectedCallback(): void;
|
|
566
|
+
render(): TemplateResult<1>;
|
|
567
|
+
}
|
|
568
|
+
|
|
569
|
+
/**
|
|
570
|
+
* The container that holds the groups. It owns the sidebar's padding and, when
|
|
571
|
+
* the sidebar has a bounded height, scrolls between an optional header/footer.
|
|
572
|
+
*/
|
|
573
|
+
declare class AnduinSidebarContent extends LitElement {
|
|
574
|
+
static styles: CSSResult;
|
|
575
|
+
render(): TemplateResult<1>;
|
|
576
|
+
}
|
|
577
|
+
|
|
578
|
+
/** A sticky region pinned to the bottom of the sidebar, below the scrolling content. */
|
|
579
|
+
declare class AnduinSidebarFooter extends LitElement {
|
|
580
|
+
static styles: CSSResult;
|
|
581
|
+
/** Draw a separating border toward the content. */
|
|
582
|
+
divider: boolean;
|
|
583
|
+
render(): TemplateResult<1>;
|
|
584
|
+
}
|
|
585
|
+
|
|
586
|
+
/** A section that pairs a group label with a menu of related entries. */
|
|
587
|
+
declare class AnduinSidebarGroup extends LitElement {
|
|
588
|
+
static styles: CSSResult;
|
|
589
|
+
render(): TemplateResult<1>;
|
|
590
|
+
}
|
|
591
|
+
|
|
592
|
+
/** The heading for a group. Accepts a slotted badge or action on the right. */
|
|
593
|
+
declare class AnduinSidebarGroupLabel extends LitElement {
|
|
594
|
+
static styles: CSSResult;
|
|
595
|
+
render(): TemplateResult<1>;
|
|
596
|
+
}
|
|
597
|
+
|
|
598
|
+
/** A sticky region pinned to the top of the sidebar, above the scrolling content. */
|
|
599
|
+
declare class AnduinSidebarHeader extends LitElement {
|
|
600
|
+
static styles: CSSResult;
|
|
601
|
+
/** Draw a separating border toward the content. */
|
|
602
|
+
divider: boolean;
|
|
603
|
+
render(): TemplateResult<1>;
|
|
604
|
+
}
|
|
605
|
+
|
|
606
|
+
/** A vertical list of menu items. */
|
|
607
|
+
declare class AnduinSidebarMenu extends LitElement {
|
|
608
|
+
static styles: CSSResult;
|
|
609
|
+
render(): TemplateResult<1>;
|
|
610
|
+
}
|
|
611
|
+
|
|
612
|
+
/**
|
|
613
|
+
* A single navigable entry. Renders a native <button> by default, or an <a>
|
|
614
|
+
* when `href` is set. Accepts a leading icon (`start-icon`), a slotted
|
|
615
|
+
* `anduin-sidebar-badge`, and a slotted `anduin-sidebar-action`.
|
|
616
|
+
*/
|
|
617
|
+
declare class AnduinSidebarMenuItem extends LitElement {
|
|
618
|
+
static styles: CSSResult;
|
|
619
|
+
/** anduin-icon name shown before the label. */
|
|
620
|
+
startIcon: string;
|
|
621
|
+
/** Highlights the entry as the active one. Bind to your route/selection state. */
|
|
622
|
+
selected: boolean;
|
|
623
|
+
/** Mute the entry and prevent interaction. */
|
|
624
|
+
disabled: boolean;
|
|
625
|
+
/** Renders an <a> instead of a <button> when provided. */
|
|
626
|
+
href: string;
|
|
627
|
+
/** Open the link in a new tab (target="_blank" with rel="noreferrer noopener"). */
|
|
628
|
+
openNewTab: boolean;
|
|
629
|
+
private onClick;
|
|
630
|
+
render(): TemplateResult<1>;
|
|
631
|
+
}
|
|
632
|
+
|
|
633
|
+
/** A divider between unrelated sections. */
|
|
634
|
+
declare class AnduinSidebarSeparator extends LitElement {
|
|
635
|
+
static styles: CSSResult;
|
|
636
|
+
connectedCallback(): void;
|
|
637
|
+
render(): TemplateResult<1>;
|
|
638
|
+
}
|
|
639
|
+
|
|
509
640
|
declare class AnduinSkeleton extends LitElement {
|
|
510
641
|
static styles: CSSResult;
|
|
511
642
|
effect: string;
|
|
@@ -656,6 +787,52 @@ declare class AnduinTextarea extends LitElement {
|
|
|
656
787
|
render(): TemplateResult<1>;
|
|
657
788
|
}
|
|
658
789
|
|
|
790
|
+
/**
|
|
791
|
+
* anduin-timeline — a vertical list of events in chronological order.
|
|
792
|
+
*
|
|
793
|
+
* Compose a timeline from `anduin-timeline-item` elements, each containing an
|
|
794
|
+
* `anduin-timeline-date` and `anduin-timeline-title` (or any rich content).
|
|
795
|
+
* Use `anduin-timeline-group` + `anduin-timeline-label` to organise events into
|
|
796
|
+
* groups with a sticky label.
|
|
797
|
+
*
|
|
798
|
+
* @example
|
|
799
|
+
* <anduin-timeline>
|
|
800
|
+
* <anduin-timeline-item>
|
|
801
|
+
* <anduin-timeline-date>12:15 PM</anduin-timeline-date>
|
|
802
|
+
* <anduin-timeline-title>Harry Williams accessed the subscription</anduin-timeline-title>
|
|
803
|
+
* </anduin-timeline-item>
|
|
804
|
+
* </anduin-timeline>
|
|
805
|
+
*/
|
|
806
|
+
declare class AnduinTimeline extends LitElement {
|
|
807
|
+
static styles: CSSResult;
|
|
808
|
+
render(): TemplateResult<1>;
|
|
809
|
+
}
|
|
810
|
+
|
|
811
|
+
declare class AnduinTimelineDate extends LitElement {
|
|
812
|
+
static styles: CSSResult;
|
|
813
|
+
render(): TemplateResult<1>;
|
|
814
|
+
}
|
|
815
|
+
|
|
816
|
+
declare class AnduinTimelineGroup extends LitElement {
|
|
817
|
+
static styles: CSSResult;
|
|
818
|
+
render(): TemplateResult<1>;
|
|
819
|
+
}
|
|
820
|
+
|
|
821
|
+
declare class AnduinTimelineItem extends LitElement {
|
|
822
|
+
static styles: CSSResult;
|
|
823
|
+
render(): TemplateResult<1>;
|
|
824
|
+
}
|
|
825
|
+
|
|
826
|
+
declare class AnduinTimelineLabel extends LitElement {
|
|
827
|
+
static styles: CSSResult;
|
|
828
|
+
render(): TemplateResult<1>;
|
|
829
|
+
}
|
|
830
|
+
|
|
831
|
+
declare class AnduinTimelineTitle extends LitElement {
|
|
832
|
+
static styles: CSSResult;
|
|
833
|
+
render(): TemplateResult<1>;
|
|
834
|
+
}
|
|
835
|
+
|
|
659
836
|
declare class AnduinToast extends LitElement {
|
|
660
837
|
static styles: CSSResult;
|
|
661
838
|
variant: ToastVariant;
|
|
@@ -964,6 +1141,42 @@ export declare const RESIZE_EVENT = "anduin-resizable:resize";
|
|
|
964
1141
|
|
|
965
1142
|
declare type ResizeOrientation = 'horizontal' | 'vertical';
|
|
966
1143
|
|
|
1144
|
+
export declare const Sidebar: ReactWebComponent<AnduinSidebar, {}>;
|
|
1145
|
+
|
|
1146
|
+
/**
|
|
1147
|
+
* Fired when a (non-disabled) sidebar menu item is activated by click or
|
|
1148
|
+
* keyboard. `detail` is the activated `anduin-sidebar-menu-item` element.
|
|
1149
|
+
*
|
|
1150
|
+
* Menu items are native buttons (or links when `href` is set), so a native
|
|
1151
|
+
* `click` also bubbles — this event exists as a convenience so consumers can
|
|
1152
|
+
* bind a single `onSelect` handler (and it maps to the React wrapper's
|
|
1153
|
+
* `onSelect` prop). Activating a control slotted into an `anduin-sidebar-action`
|
|
1154
|
+
* never triggers it, because the action sits outside the item's button/link.
|
|
1155
|
+
*/
|
|
1156
|
+
export declare const SIDEBAR_SELECT = "anduin-sidebar:select";
|
|
1157
|
+
|
|
1158
|
+
export declare const SidebarAction: ReactWebComponent<AnduinSidebarAction, {}>;
|
|
1159
|
+
|
|
1160
|
+
export declare const SidebarBadge: ReactWebComponent<AnduinSidebarBadge, {}>;
|
|
1161
|
+
|
|
1162
|
+
export declare const SidebarContent: ReactWebComponent<AnduinSidebarContent, {}>;
|
|
1163
|
+
|
|
1164
|
+
export declare const SidebarFooter: ReactWebComponent<AnduinSidebarFooter, {}>;
|
|
1165
|
+
|
|
1166
|
+
export declare const SidebarGroup: ReactWebComponent<AnduinSidebarGroup, {}>;
|
|
1167
|
+
|
|
1168
|
+
export declare const SidebarGroupLabel: ReactWebComponent<AnduinSidebarGroupLabel, {}>;
|
|
1169
|
+
|
|
1170
|
+
export declare const SidebarHeader: ReactWebComponent<AnduinSidebarHeader, {}>;
|
|
1171
|
+
|
|
1172
|
+
export declare const SidebarMenu: ReactWebComponent<AnduinSidebarMenu, {}>;
|
|
1173
|
+
|
|
1174
|
+
export declare const SidebarMenuItem: ReactWebComponent<AnduinSidebarMenuItem, {
|
|
1175
|
+
onSelect: string;
|
|
1176
|
+
}>;
|
|
1177
|
+
|
|
1178
|
+
export declare const SidebarSeparator: ReactWebComponent<AnduinSidebarSeparator, {}>;
|
|
1179
|
+
|
|
967
1180
|
export declare const Skeleton: ReactWebComponent<AnduinSkeleton, {}>;
|
|
968
1181
|
|
|
969
1182
|
export declare const SparkleSpinner: ReactWebComponent<AnduinSparkleSpinner, {}>;
|
|
@@ -1022,6 +1235,18 @@ onChange: string;
|
|
|
1022
1235
|
|
|
1023
1236
|
export declare const TEXTAREA_CHANGE = "anduin-textarea:change";
|
|
1024
1237
|
|
|
1238
|
+
export declare const Timeline: ReactWebComponent<AnduinTimeline, {}>;
|
|
1239
|
+
|
|
1240
|
+
export declare const TimelineDate: ReactWebComponent<AnduinTimelineDate, {}>;
|
|
1241
|
+
|
|
1242
|
+
export declare const TimelineGroup: ReactWebComponent<AnduinTimelineGroup, {}>;
|
|
1243
|
+
|
|
1244
|
+
export declare const TimelineItem: ReactWebComponent<AnduinTimelineItem, {}>;
|
|
1245
|
+
|
|
1246
|
+
export declare const TimelineLabel: ReactWebComponent<AnduinTimelineLabel, {}>;
|
|
1247
|
+
|
|
1248
|
+
export declare const TimelineTitle: ReactWebComponent<AnduinTimelineTitle, {}>;
|
|
1249
|
+
|
|
1025
1250
|
export declare const Toast: ReactWebComponent<AnduinToast, {}>;
|
|
1026
1251
|
|
|
1027
1252
|
export declare const Toaster: ReactWebComponent<AnduinToaster, {}>;
|