@duyluonganduin/acl-web-components 0.0.80 → 0.0.81
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 +276 -0
- package/dist/acl-web-components.iife.js +684 -385
- package/dist/acl-web-components.js +290 -276
- package/dist/{anduin-breadcrumb-9MMYUsoI.js → anduin-color-picker-parts-CFGNDvN-.js} +4395 -3519
- package/dist/{anduin-breadcrumb-BT4SZD6Y.cjs → anduin-color-picker-parts-CN2ge8bk.cjs} +679 -380
- package/dist/jsx.d.ts +38 -0
- package/dist/react.cjs +1 -1
- package/dist/react.d.ts +289 -0
- package/dist/react.js +370 -349
- package/package.json +1 -1
package/dist/jsx.d.ts
CHANGED
|
@@ -869,6 +869,44 @@ declare module 'react' {
|
|
|
869
869
|
inputid?: string
|
|
870
870
|
}
|
|
871
871
|
|
|
872
|
+
// ── anduin-color-picker (design-repo name) ────────────────────────────
|
|
873
|
+
// Compound: trigger (with a value swatch inside) + content (area, sliders, input, swatches).
|
|
874
|
+
// Events carry the colour string as `detail`.
|
|
875
|
+
'anduin-color-picker': Base & {
|
|
876
|
+
/** Controlled colour: hex / rgb() / hsl() / hsb(). '' clears to "no colour" */
|
|
877
|
+
value?: string
|
|
878
|
+
/** Uncontrolled initial colour, read once */
|
|
879
|
+
'default-value'?: string
|
|
880
|
+
/** 'hex' | 'rgb' | 'hsl' | 'hsb' (default: 'hex'; hex drops alpha) */
|
|
881
|
+
format?: 'hex' | 'rgb' | 'hsl' | 'hsb'
|
|
882
|
+
disabled?: boolean | string
|
|
883
|
+
readonly?: boolean | string
|
|
884
|
+
/** Panel open state; reflects */
|
|
885
|
+
open?: boolean | string
|
|
886
|
+
/** `top|bottom|left|right` × `start|center|end` (default: 'bottom-start') */
|
|
887
|
+
placement?: string
|
|
888
|
+
/** Every step of a drag / key press, and discrete picks. detail = colour string */
|
|
889
|
+
'onanduin-color-picker:value-change'?: (e: CustomEvent<string>) => void
|
|
890
|
+
/** Once on release / key-up, immediately for input Enter and swatch clicks. detail = colour string */
|
|
891
|
+
'onanduin-color-picker:value-commit'?: (e: CustomEvent<string>) => void
|
|
892
|
+
/** detail = new open state */
|
|
893
|
+
'onanduin-color-picker:open-change'?: (e: CustomEvent<boolean>) => void
|
|
894
|
+
}
|
|
895
|
+
'anduin-color-picker-trigger': Base & {
|
|
896
|
+
/** Accessible name (default: 'Choose color') */
|
|
897
|
+
label?: string
|
|
898
|
+
}
|
|
899
|
+
'anduin-color-picker-value': Base
|
|
900
|
+
'anduin-color-picker-content': Base
|
|
901
|
+
'anduin-color-picker-area': Base
|
|
902
|
+
'anduin-color-picker-hue-slider': Base
|
|
903
|
+
'anduin-color-picker-alpha-slider': Base
|
|
904
|
+
'anduin-color-picker-input': Base
|
|
905
|
+
'anduin-color-picker-swatches': Base & {
|
|
906
|
+
/** Comma-separated preset colours, e.g. "#1b2a4e, #0f766e" */
|
|
907
|
+
colors?: string
|
|
908
|
+
}
|
|
909
|
+
|
|
872
910
|
// ── anduin-table ──────────────────────────────────────────────────────
|
|
873
911
|
// `columns`, `data`, and `selectedRows` are structured values — set them
|
|
874
912
|
// as properties (via a ref, or the `Table` React wrapper), not attributes.
|
package/dist/react.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("@lit/react"),e=require("./anduin-breadcrumb-BT4SZD6Y.cjs"),o=t.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),l=t.createComponent({react:n,tagName:"anduin-sparkle-spinner",elementClass:e.AnduinSparkleSpinner}),i=t.createComponent({react:n,tagName:"anduin-ai-spinner",elementClass:e.AnduinAiSpinner}),r=t.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),s=t.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),C=t.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),c=t.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),m=t.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),u=t.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),d=t.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),E=t.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),g=t.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),p=t.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),A=t.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),N=t.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),T=t.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),_=t.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),S=t.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),O=t.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),L=t.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),I=t.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),b=t.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),G=t.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),P=t.createComponent({react:n,tagName:"anduin-inline-edit",elementClass:e.AnduinInlineEdit,events:{onSave:e.INLINE_EDIT_SAVE,onCancel:e.INLINE_EDIT_CANCEL,onEdit:e.INLINE_EDIT_EDIT}}),D=t.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover,events:{onOpenChange:e.POPOVER_OPEN_CHANGE,onOpenChangeRequest:e.POPOVER_DESIGN_OPEN_CHANGE,onOpen:e.POPOVER_ON_OPEN,onClose:e.POPOVER_ON_CLOSE}}),R=t.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),H=t.createComponent({react:n,tagName:"anduin-popover-trigger",elementClass:e.AnduinPopoverTrigger}),M=t.createComponent({react:n,tagName:"anduin-popover-content",elementClass:e.AnduinPopoverContent}),B=t.createComponent({react:n,tagName:"anduin-popover-title",elementClass:e.AnduinPopoverTitle}),U=t.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu,events:{onOpenChange:e.MENU_OPEN_CHANGE}}),v=t.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem,events:{onSelect:e.MENU_ITEM_SELECTED,onItemClick:e.MENU_ITEM_CLICK}}),h=t.createComponent({react:n,tagName:"anduin-menu-trigger",elementClass:e.AnduinMenuTrigger}),V=t.createComponent({react:n,tagName:"anduin-menu-content",elementClass:e.AnduinMenuContent}),x=t.createComponent({react:n,tagName:"anduin-menu-group",elementClass:e.AnduinMenuGroup}),F=t.createComponent({react:n,tagName:"anduin-menu-label",elementClass:e.AnduinMenuLabel}),k=t.createComponent({react:n,tagName:"anduin-menu-separator",elementClass:e.AnduinMenuSeparator}),W=t.createComponent({react:n,tagName:"anduin-menu-sub",elementClass:e.AnduinMenuSub}),K=t.createComponent({react:n,tagName:"anduin-menu-sub-trigger",elementClass:e.AnduinMenuSubTrigger}),f=t.createComponent({react:n,tagName:"anduin-menu-sub-content",elementClass:e.AnduinMenuSubContent}),y=t.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),w=t.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),X=t.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),z=t.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),Z=t.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),q=t.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),j=t.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),J=t.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),Q=t.createComponent({react:n,tagName:"anduin-tags-input",elementClass:e.AnduinTagsInput,events:{onValueChange:e.TAGS_INPUT_VALUE_CHANGE,onBlur:e.TAGS_INPUT_BLUR,onSubmit:e.TAGS_INPUT_SUBMIT}}),Y=t.createComponent({react:n,tagName:"anduin-tags-input-list",elementClass:e.AnduinTagsInputList}),$=t.createComponent({react:n,tagName:"anduin-tags-input-input",elementClass:e.AnduinTagsInputInput}),ee=t.createComponent({react:n,tagName:"anduin-tags-input-clear",elementClass:e.AnduinTagsInputClear}),ne=t.createComponent({react:n,tagName:"anduin-tags-input-suggestions",elementClass:e.AnduinTagsInputSuggestions}),te=t.createComponent({react:n,tagName:"anduin-tags-input-option",elementClass:e.AnduinTagsInputOption}),ae=t.createComponent({react:n,tagName:"anduin-tags-input-group",elementClass:e.AnduinTagsInputGroup}),oe=t.createComponent({react:n,tagName:"anduin-tags-input-label",elementClass:e.AnduinTagsInputLabel}),le=t.createComponent({react:n,tagName:"anduin-tags-input-empty",elementClass:e.AnduinTagsInputEmpty}),ie=t.createComponent({react:n,tagName:"anduin-tags-input-footer",elementClass:e.AnduinTagsInputFooter}),re=t.createComponent({react:n,tagName:"anduin-toggle-group",elementClass:e.AnduinToggleGroup,events:{onChange:e.TOGGLE_GROUP_CHANGE}}),se=t.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}}),Ce=t.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),ce=t.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),me=t.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),ue=t.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),de=t.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),Ee=t.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),ge=t.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),pe=t.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),Ae=t.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),Ne=t.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),Te=t.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),_e=t.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),Se=t.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),Oe=t.createComponent({react:n,tagName:"anduin-switch",elementClass:e.AnduinSwitch,events:{onCheckedChange:e.SWITCH_CHECKED_CHANGE}}),Le=t.createComponent({react:n,tagName:"anduin-suggestion",elementClass:e.AnduinSuggestion,events:{onChange:e.SUGGESTION_CHANGE,onSelect:e.SUGGESTION_SELECT,onClear:e.SUGGESTION_CLEAR}}),Ie=t.createComponent({react:n,tagName:"anduin-navigation",elementClass:e.AnduinNavigation,events:{onChange:e.NAVIGATION_CHANGE}}),be=t.createComponent({react:n,tagName:"anduin-navigation-item",elementClass:e.AnduinNavigationItem}),Ge=t.createComponent({react:n,tagName:"anduin-resizable-panel-group",elementClass:e.AnduinResizablePanelGroup}),Pe=t.createComponent({react:n,tagName:"anduin-resizable-panel",elementClass:e.AnduinResizablePanel}),De=t.createComponent({react:n,tagName:"anduin-resizable-handle",elementClass:e.AnduinResizableHandle,events:{onResize:e.RESIZE_EVENT}}),Re=t.createComponent({react:n,tagName:"anduin-pagination",elementClass:e.AnduinPagination,events:{onValueChange:e.PAGINATION_CHANGE}}),He=t.createComponent({react:n,tagName:"anduin-pagination-first-page",elementClass:e.AnduinPaginationFirstPage}),Me=t.createComponent({react:n,tagName:"anduin-pagination-last-page",elementClass:e.AnduinPaginationLastPage}),Be=t.createComponent({react:n,tagName:"anduin-sidebar",elementClass:e.AnduinSidebar}),Ue=t.createComponent({react:n,tagName:"anduin-sidebar-content",elementClass:e.AnduinSidebarContent}),ve=t.createComponent({react:n,tagName:"anduin-sidebar-header",elementClass:e.AnduinSidebarHeader}),he=t.createComponent({react:n,tagName:"anduin-sidebar-footer",elementClass:e.AnduinSidebarFooter}),Ve=t.createComponent({react:n,tagName:"anduin-sidebar-group",elementClass:e.AnduinSidebarGroup}),xe=t.createComponent({react:n,tagName:"anduin-sidebar-group-label",elementClass:e.AnduinSidebarGroupLabel}),Fe=t.createComponent({react:n,tagName:"anduin-sidebar-menu",elementClass:e.AnduinSidebarMenu}),ke=t.createComponent({react:n,tagName:"anduin-sidebar-menu-item",elementClass:e.AnduinSidebarMenuItem,events:{onSelect:e.SIDEBAR_SELECT}}),We=t.createComponent({react:n,tagName:"anduin-sidebar-action",elementClass:e.AnduinSidebarAction}),Ke=t.createComponent({react:n,tagName:"anduin-sidebar-badge",elementClass:e.AnduinSidebarBadge}),fe=t.createComponent({react:n,tagName:"anduin-sidebar-separator",elementClass:e.AnduinSidebarSeparator}),ye=t.createComponent({react:n,tagName:"anduin-timeline",elementClass:e.AnduinTimeline}),we=t.createComponent({react:n,tagName:"anduin-timeline-item",elementClass:e.AnduinTimelineItem}),Xe=t.createComponent({react:n,tagName:"anduin-timeline-date",elementClass:e.AnduinTimelineDate}),ze=t.createComponent({react:n,tagName:"anduin-timeline-title",elementClass:e.AnduinTimelineTitle}),Ze=t.createComponent({react:n,tagName:"anduin-timeline-group",elementClass:e.AnduinTimelineGroup}),qe=t.createComponent({react:n,tagName:"anduin-timeline-label",elementClass:e.AnduinTimelineLabel}),je=t.createComponent({react:n,tagName:"anduin-calendar",elementClass:e.AnduinCalendar,events:{onValueChange:e.CALENDAR_CHANGE}}),Je=t.createComponent({react:n,tagName:"anduin-date-range",elementClass:e.AnduinDateRange,events:{onChange:e.DATE_RANGE_CHANGE}}),Qe=t.createComponent({react:n,tagName:"anduin-date-range-default",elementClass:e.AnduinDateRangeDefault}),Ye=t.createComponent({react:n,tagName:"anduin-date-range-start",elementClass:e.AnduinDateRangeStart}),$e=t.createComponent({react:n,tagName:"anduin-date-range-end",elementClass:e.AnduinDateRangeEnd}),en=t.createComponent({react:n,tagName:"anduin-date-input",elementClass:e.AnduinDateInput,events:{onValueChange:e.DATE_INPUT_CHANGE}}),nn=t.createComponent({react:n,tagName:"anduin-date-picker",elementClass:e.AnduinDatePicker,events:{onValueChange:e.DATE_PICKER_CHANGE}}),tn=t.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}}),an=t.createComponent({react:n,tagName:"anduin-navigation-bar",elementClass:e.AnduinNavigationBar,events:{onValueChange:e.NAVIGATION_BAR_VALUE_CHANGE}}),on=t.createComponent({react:n,tagName:"anduin-navigation-bar-item",elementClass:e.AnduinNavigationBarItem}),ln=t.createComponent({react:n,tagName:"anduin-clipboard",elementClass:e.AnduinClipboard}),rn=t.createComponent({react:n,tagName:"anduin-clipboard-trigger",elementClass:e.AnduinClipboardTrigger}),sn=t.createComponent({react:n,tagName:"anduin-clipboard-indicator",elementClass:e.AnduinClipboardIndicator}),Cn=t.createComponent({react:n,tagName:"anduin-collapsible",elementClass:e.AnduinCollapsible,events:{onOpenChange:e.COLLAPSIBLE_OPEN_CHANGE}}),cn=t.createComponent({react:n,tagName:"anduin-collapsible-trigger",elementClass:e.AnduinCollapsibleTrigger}),mn=t.createComponent({react:n,tagName:"anduin-collapsible-content",elementClass:e.AnduinCollapsibleContent}),un=t.createComponent({react:n,tagName:"anduin-collapsible-icon",elementClass:e.AnduinCollapsibleIcon}),dn=t.createComponent({react:n,tagName:"anduin-truncated",elementClass:e.AnduinTruncated}),En=t.createComponent({react:n,tagName:"anduin-breadcrumb",elementClass:e.AnduinBreadcrumb}),gn=t.createComponent({react:n,tagName:"anduin-breadcrumb-list",elementClass:e.AnduinBreadcrumbList}),pn=t.createComponent({react:n,tagName:"anduin-breadcrumb-item",elementClass:e.AnduinBreadcrumbItem}),An=t.createComponent({react:n,tagName:"anduin-breadcrumb-link",elementClass:e.AnduinBreadcrumbLink,events:{onNavigate:e.BREADCRUMB_LINK_NAVIGATE}}),Nn=t.createComponent({react:n,tagName:"anduin-breadcrumb-page",elementClass:e.AnduinBreadcrumbPage}),Tn=t.createComponent({react:n,tagName:"anduin-non-ideal-state",elementClass:e.AnduinNonIdealState}),_n=t.createComponent({react:n,tagName:"anduin-non-ideal-state-icon",elementClass:e.AnduinNonIdealStateIcon}),Sn=t.createComponent({react:n,tagName:"anduin-non-ideal-state-title",elementClass:e.AnduinNonIdealStateTitle}),On=t.createComponent({react:n,tagName:"anduin-non-ideal-state-description",elementClass:e.AnduinNonIdealStateDescription}),Ln=t.createComponent({react:n,tagName:"anduin-non-ideal-state-action",elementClass:e.AnduinNonIdealStateAction}),In=t.createComponent({react:n,tagName:"anduin-avatar-block",elementClass:e.AnduinAvatarBlock}),bn=t.createComponent({react:n,tagName:"anduin-dialog",elementClass:e.AnduinDialog,events:{onOpenChange:e.DIALOG_OPEN_CHANGE,onOpen:e.DIALOG_ON_OPEN,onClose:e.DIALOG_ON_CLOSE}}),Gn=t.createComponent({react:n,tagName:"anduin-dialog-trigger",elementClass:e.AnduinDialogTrigger}),Pn=t.createComponent({react:n,tagName:"anduin-dialog-content",elementClass:e.AnduinDialogContent}),Dn=t.createComponent({react:n,tagName:"anduin-dialog-header",elementClass:e.AnduinDialogHeader}),Rn=t.createComponent({react:n,tagName:"anduin-dialog-title",elementClass:e.AnduinDialogTitle}),Hn=t.createComponent({react:n,tagName:"anduin-dialog-description",elementClass:e.AnduinDialogDescription}),Mn=t.createComponent({react:n,tagName:"anduin-dialog-body",elementClass:e.AnduinDialogBody}),Bn=t.createComponent({react:n,tagName:"anduin-dialog-footer",elementClass:e.AnduinDialogFooter}),Un=t.createComponent({react:n,tagName:"anduin-dialog-close",elementClass:e.AnduinDialogClose}),vn=t.createComponent({react:n,tagName:"anduin-dialog-overlay",elementClass:e.AnduinDialogOverlay}),hn=t.createComponent({react:n,tagName:"anduin-select",elementClass:e.AnduinSelect,events:{onValueChange:e.SELECT_CHANGE,onClose:e.SELECT_CLOSE}}),Vn=t.createComponent({react:n,tagName:"anduin-select-trigger",elementClass:e.AnduinSelectTrigger}),xn=t.createComponent({react:n,tagName:"anduin-select-content",elementClass:e.AnduinSelectContent}),Fn=t.createComponent({react:n,tagName:"anduin-select-list",elementClass:e.AnduinSelectList}),kn=t.createComponent({react:n,tagName:"anduin-select-item",elementClass:e.AnduinSelectItem,events:{onClick:e.SELECT_ITEM_SELECTED}}),Wn=t.createComponent({react:n,tagName:"anduin-select-group",elementClass:e.AnduinSelectGroup}),Kn=t.createComponent({react:n,tagName:"anduin-select-label",elementClass:e.AnduinSelectLabel}),fn=t.createComponent({react:n,tagName:"anduin-select-separator",elementClass:e.AnduinSelectSeparator}),yn=t.createComponent({react:n,tagName:"anduin-select-empty",elementClass:e.AnduinSelectEmpty}),wn=t.createComponent({react:n,tagName:"anduin-select-input",elementClass:e.AnduinSelectInput}),Xn=t.createComponent({react:n,tagName:"anduin-select-clear",elementClass:e.AnduinSelectClear}),zn=t.createComponent({react:n,tagName:"anduin-select-selected-label",elementClass:e.AnduinSelectSelectedLabel}),Zn=t.createComponent({react:n,tagName:"anduin-select-header",elementClass:e.AnduinSelectHeader}),qn=t.createComponent({react:n,tagName:"anduin-select-footer",elementClass:e.AnduinSelectFooter}),jn=t.createComponent({react:n,tagName:"anduin-sheet",elementClass:e.AnduinSheet,events:{onOpenChange:e.SHEET_OPEN_CHANGE,onOpen:e.SHEET_ON_OPEN,onClose:e.SHEET_ON_CLOSE}}),Jn=t.createComponent({react:n,tagName:"anduin-sheet-trigger",elementClass:e.AnduinSheetTrigger}),Qn=t.createComponent({react:n,tagName:"anduin-sheet-content",elementClass:e.AnduinSheetContent,events:{onDockChange:e.SHEET_DOCK_CHANGE,onResize:e.SHEET_ON_RESIZE}}),Yn=t.createComponent({react:n,tagName:"anduin-sheet-header",elementClass:e.AnduinSheetHeader}),$n=t.createComponent({react:n,tagName:"anduin-sheet-title",elementClass:e.AnduinSheetTitle}),et=t.createComponent({react:n,tagName:"anduin-sheet-description",elementClass:e.AnduinSheetDescription}),nt=t.createComponent({react:n,tagName:"anduin-sheet-footer",elementClass:e.AnduinSheetFooter}),tt=t.createComponent({react:n,tagName:"anduin-sheet-close",elementClass:e.AnduinSheetClose}),at=t.createComponent({react:n,tagName:"anduin-sheet-dock-toggle",elementClass:e.AnduinSheetDockToggle}),ot=t.createComponent({react:n,tagName:"anduin-sheet-dock-toggle-on",elementClass:e.AnduinSheetDockToggleOn}),lt=t.createComponent({react:n,tagName:"anduin-sheet-dock-toggle-off",elementClass:e.AnduinSheetDockToggleOff}),it=t.createComponent({react:n,tagName:"anduin-combobox",elementClass:e.AnduinCombobox,events:{onValueChange:e.COMBOBOX_CHANGE}}),rt=t.createComponent({react:n,tagName:"anduin-combobox-input",elementClass:e.AnduinComboboxInput}),st=t.createComponent({react:n,tagName:"anduin-combobox-content",elementClass:e.AnduinComboboxContent}),Ct=t.createComponent({react:n,tagName:"anduin-combobox-list",elementClass:e.AnduinComboboxList}),ct=t.createComponent({react:n,tagName:"anduin-combobox-item",elementClass:e.AnduinComboboxItem,events:{onSelect:e.COMBOBOX_ITEM_SELECTED}}),mt=t.createComponent({react:n,tagName:"anduin-combobox-group",elementClass:e.AnduinComboboxGroup}),ut=t.createComponent({react:n,tagName:"anduin-combobox-label",elementClass:e.AnduinComboboxLabel}),dt=t.createComponent({react:n,tagName:"anduin-combobox-separator",elementClass:e.AnduinComboboxSeparator}),Et=t.createComponent({react:n,tagName:"anduin-combobox-empty",elementClass:e.AnduinComboboxEmpty}),gt=t.createComponent({react:n,tagName:"anduin-autocomplete",elementClass:e.AnduinAutocomplete,events:{onValueChange:e.AUTOCOMPLETE_CHANGE,onChoose:e.AUTOCOMPLETE_CHOOSE,onClose:e.AUTOCOMPLETE_CLOSE}}),a={onBlur:e.AUTOCOMPLETE_BLUR,onSubmit:e.AUTOCOMPLETE_SUBMIT,onBeforeInput:e.AUTOCOMPLETE_BEFORE_INPUT},pt=t.createComponent({react:n,tagName:"anduin-autocomplete-input",elementClass:e.AnduinAutocompleteInput,events:a}),At=t.createComponent({react:n,tagName:"anduin-autocomplete-textarea",elementClass:e.AnduinAutocompleteTextarea,events:a}),Nt=t.createComponent({react:n,tagName:"anduin-autocomplete-clear",elementClass:e.AnduinAutocompleteClear}),Tt=t.createComponent({react:n,tagName:"anduin-autocomplete-content",elementClass:e.AnduinAutocompleteContent}),_t=t.createComponent({react:n,tagName:"anduin-autocomplete-list",elementClass:e.AnduinAutocompleteList}),St=t.createComponent({react:n,tagName:"anduin-autocomplete-item",elementClass:e.AnduinAutocompleteItem,events:{onSelect:e.AUTOCOMPLETE_ITEM_SELECTED}}),Ot=t.createComponent({react:n,tagName:"anduin-autocomplete-group",elementClass:e.AnduinAutocompleteGroup}),Lt=t.createComponent({react:n,tagName:"anduin-autocomplete-label",elementClass:e.AnduinAutocompleteLabel}),It=t.createComponent({react:n,tagName:"anduin-autocomplete-separator",elementClass:e.AnduinAutocompleteSeparator}),bt=t.createComponent({react:n,tagName:"anduin-autocomplete-empty",elementClass:e.AnduinAutocompleteEmpty});exports.AUTOCOMPLETE_BEFORE_INPUT=e.AUTOCOMPLETE_BEFORE_INPUT;exports.AUTOCOMPLETE_BLUR=e.AUTOCOMPLETE_BLUR;exports.AUTOCOMPLETE_CHANGE=e.AUTOCOMPLETE_CHANGE;exports.AUTOCOMPLETE_CHOOSE=e.AUTOCOMPLETE_CHOOSE;exports.AUTOCOMPLETE_CLOSE=e.AUTOCOMPLETE_CLOSE;exports.AUTOCOMPLETE_ITEM_SELECTED=e.AUTOCOMPLETE_ITEM_SELECTED;exports.AUTOCOMPLETE_SUBMIT=e.AUTOCOMPLETE_SUBMIT;exports.BREADCRUMB_LINK_NAVIGATE=e.BREADCRUMB_LINK_NAVIGATE;exports.CALENDAR_CHANGE=e.CALENDAR_CHANGE;exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.COLLAPSIBLE_OPEN_CHANGE=e.COLLAPSIBLE_OPEN_CHANGE;exports.COMBOBOX_CHANGE=e.COMBOBOX_CHANGE;exports.COMBOBOX_ITEM_SELECTED=e.COMBOBOX_ITEM_SELECTED;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.DIALOG_ON_CLOSE=e.DIALOG_ON_CLOSE;exports.DIALOG_ON_OPEN=e.DIALOG_ON_OPEN;exports.DIALOG_OPEN_CHANGE=e.DIALOG_OPEN_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.MENU_ITEM_SELECTED=e.MENU_ITEM_SELECTED;exports.MENU_OPEN_CHANGE=e.MENU_OPEN_CHANGE;exports.MODAL_AFTER_CLOSE_EVENT=e.MODAL_AFTER_CLOSE_EVENT;exports.MODAL_CLOSE_EVENT=e.MODAL_CLOSE_EVENT;exports.NAVIGATION_BAR_VALUE_CHANGE=e.NAVIGATION_BAR_VALUE_CHANGE;exports.NAVIGATION_CHANGE=e.NAVIGATION_CHANGE;exports.PAGINATION_CHANGE=e.PAGINATION_CHANGE;exports.POPOVER_DESIGN_OPEN_CHANGE=e.POPOVER_DESIGN_OPEN_CHANGE;exports.POPOVER_ON_CLOSE=e.POPOVER_ON_CLOSE;exports.POPOVER_ON_OPEN=e.POPOVER_ON_OPEN;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.SELECT_CHANGE=e.SELECT_CHANGE;exports.SELECT_CLOSE=e.SELECT_CLOSE;exports.SELECT_ITEM_SELECTED=e.SELECT_ITEM_SELECTED;exports.SHEET_DOCK_CHANGE=e.SHEET_DOCK_CHANGE;exports.SHEET_ON_CLOSE=e.SHEET_ON_CLOSE;exports.SHEET_ON_OPEN=e.SHEET_ON_OPEN;exports.SHEET_ON_RESIZE=e.SHEET_ON_RESIZE;exports.SHEET_OPEN_CHANGE=e.SHEET_OPEN_CHANGE;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.SWITCH_CHECKED_CHANGE=e.SWITCH_CHECKED_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.TAGS_INPUT_BLUR=e.TAGS_INPUT_BLUR;exports.TAGS_INPUT_SUBMIT=e.TAGS_INPUT_SUBMIT;exports.TAGS_INPUT_VALUE_CHANGE=e.TAGS_INPUT_VALUE_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.Autocomplete=gt;exports.AutocompleteClear=Nt;exports.AutocompleteContent=Tt;exports.AutocompleteEmpty=bt;exports.AutocompleteGroup=Ot;exports.AutocompleteInput=pt;exports.AutocompleteItem=St;exports.AutocompleteLabel=Lt;exports.AutocompleteList=_t;exports.AutocompleteSeparator=It;exports.AutocompleteTextarea=At;exports.Avatar=Ee;exports.AvatarBlock=In;exports.Badge=s;exports.BadgeCount=C;exports.Breadcrumb=En;exports.BreadcrumbItem=pn;exports.BreadcrumbLink=An;exports.BreadcrumbList=gn;exports.BreadcrumbPage=Nn;exports.Button=c;exports.Calendar=je;exports.Callout=m;exports.Checkbox=I;exports.Clipboard=ln;exports.ClipboardIndicator=sn;exports.ClipboardTrigger=rn;exports.Collapsible=Cn;exports.CollapsibleContent=mn;exports.CollapsibleIcon=un;exports.CollapsibleTrigger=cn;exports.Combobox=it;exports.ComboboxContent=st;exports.ComboboxEmpty=Et;exports.ComboboxGroup=mt;exports.ComboboxInput=rt;exports.ComboboxItem=ct;exports.ComboboxLabel=ut;exports.ComboboxList=Ct;exports.ComboboxSeparator=dt;exports.DateInput=en;exports.DatePicker=nn;exports.DateRange=Je;exports.DateRangeDefault=Qe;exports.DateRangeEnd=$e;exports.DateRangeStart=Ye;exports.Dialog=bn;exports.DialogBody=Mn;exports.DialogClose=Un;exports.DialogContent=Pn;exports.DialogDescription=Hn;exports.DialogFooter=Bn;exports.DialogHeader=Dn;exports.DialogOverlay=vn;exports.DialogTitle=Rn;exports.DialogTrigger=Gn;exports.Divider=u;exports.Dot=d;exports.Drawer=Te;exports.DrawerClose=_e;exports.Dropdown=Ne;exports.Field=A;exports.FieldDescription=T;exports.FieldError=_;exports.FieldGroup=S;exports.FieldLabel=N;exports.FileIcon=ge;exports.Icon=r;exports.InlineEdit=P;exports.Input=b;exports.LoadingState=p;exports.Menu=U;exports.MenuContent=V;exports.MenuGroup=x;exports.MenuItem=v;exports.MenuLabel=F;exports.MenuSeparator=k;exports.MenuSub=W;exports.MenuSubContent=f;exports.MenuSubTrigger=K;exports.MenuTrigger=h;exports.Modal=y;exports.ModalClose=w;exports.Navigation=Ie;exports.NavigationBar=an;exports.NavigationBarItem=on;exports.NavigationItem=be;exports.NonIdealState=Tn;exports.NonIdealStateAction=Ln;exports.NonIdealStateDescription=On;exports.NonIdealStateIcon=_n;exports.NonIdealStateTitle=Sn;exports.Pagination=Re;exports.PaginationFirstPage=He;exports.PaginationLastPage=Me;exports.Popover=D;exports.PopoverClose=R;exports.PopoverContent=M;exports.PopoverTitle=B;exports.PopoverTrigger=H;exports.Progress=E;exports.Radio=O;exports.RadioGroup=L;exports.ResizableHandle=De;exports.ResizablePanel=Pe;exports.ResizablePanelGroup=Ge;exports.Select=hn;exports.SelectClear=Xn;exports.SelectContent=xn;exports.SelectEmpty=yn;exports.SelectFooter=qn;exports.SelectGroup=Wn;exports.SelectHeader=Zn;exports.SelectInput=wn;exports.SelectItem=kn;exports.SelectLabel=Kn;exports.SelectList=Fn;exports.SelectSelectedLabel=zn;exports.SelectSeparator=fn;exports.SelectTrigger=Vn;exports.Sheet=jn;exports.SheetClose=tt;exports.SheetContent=Qn;exports.SheetDescription=et;exports.SheetDockToggle=at;exports.SheetDockToggleOff=lt;exports.SheetDockToggleOn=ot;exports.SheetFooter=nt;exports.SheetHeader=Yn;exports.SheetTitle=$n;exports.SheetTrigger=Jn;exports.Sidebar=Be;exports.SidebarAction=We;exports.SidebarBadge=Ke;exports.SidebarContent=Ue;exports.SidebarFooter=he;exports.SidebarGroup=Ve;exports.SidebarGroupLabel=xe;exports.SidebarHeader=ve;exports.SidebarMenu=Fe;exports.SidebarMenuItem=ke;exports.SidebarSeparator=fe;exports.Skeleton=g;exports.SparkleSpinner=l;exports.Spinner=o;exports.Suggestion=Le;exports.Switch=Oe;exports.Switcher=Se;exports.TabContent=q;exports.TabTrigger=Z;exports.Table=tn;exports.Tabs=X;exports.TabsList=z;exports.Tag=j;exports.TagClose=J;exports.TagsInput=Q;exports.TagsInputClear=ee;exports.TagsInputEmpty=le;exports.TagsInputFooter=ie;exports.TagsInputGroup=ae;exports.TagsInputInput=$;exports.TagsInputLabel=oe;exports.TagsInputList=Y;exports.TagsInputOption=te;exports.TagsInputSuggestions=ne;exports.Textarea=G;exports.Timeline=ye;exports.TimelineDate=Xe;exports.TimelineGroup=Ze;exports.TimelineItem=we;exports.TimelineLabel=qe;exports.TimelineTitle=ze;exports.Toast=pe;exports.Toaster=Ae;exports.ToggleGroup=re;exports.ToggleGroupItem=se;exports.Tooltip=Ce;exports.TooltipContent=me;exports.TooltipTrigger=ce;exports.Truncated=dn;exports.Well=ue;exports.WellClose=de;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("@lit/react"),e=require("./anduin-color-picker-parts-CN2ge8bk.cjs"),o=t.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),l=t.createComponent({react:n,tagName:"anduin-sparkle-spinner",elementClass:e.AnduinSparkleSpinner}),r=t.createComponent({react:n,tagName:"anduin-ai-spinner",elementClass:e.AnduinAiSpinner}),i=t.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),C=t.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),c=t.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),s=t.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),m=t.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),u=t.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),d=t.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),E=t.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),g=t.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),p=t.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),A=t.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),N=t.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),T=t.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),_=t.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),S=t.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),O=t.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),L=t.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),I=t.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),b=t.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),G=t.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),P=t.createComponent({react:n,tagName:"anduin-inline-edit",elementClass:e.AnduinInlineEdit,events:{onSave:e.INLINE_EDIT_SAVE,onCancel:e.INLINE_EDIT_CANCEL,onEdit:e.INLINE_EDIT_EDIT}}),D=t.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover,events:{onOpenChange:e.POPOVER_OPEN_CHANGE,onOpenChangeRequest:e.POPOVER_DESIGN_OPEN_CHANGE,onOpen:e.POPOVER_ON_OPEN,onClose:e.POPOVER_ON_CLOSE}}),R=t.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),H=t.createComponent({react:n,tagName:"anduin-popover-trigger",elementClass:e.AnduinPopoverTrigger}),M=t.createComponent({react:n,tagName:"anduin-popover-content",elementClass:e.AnduinPopoverContent}),B=t.createComponent({react:n,tagName:"anduin-popover-title",elementClass:e.AnduinPopoverTitle}),U=t.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu,events:{onOpenChange:e.MENU_OPEN_CHANGE}}),h=t.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem,events:{onSelect:e.MENU_ITEM_SELECTED,onItemClick:e.MENU_ITEM_CLICK}}),v=t.createComponent({react:n,tagName:"anduin-menu-trigger",elementClass:e.AnduinMenuTrigger}),k=t.createComponent({react:n,tagName:"anduin-menu-content",elementClass:e.AnduinMenuContent}),V=t.createComponent({react:n,tagName:"anduin-menu-group",elementClass:e.AnduinMenuGroup}),x=t.createComponent({react:n,tagName:"anduin-menu-label",elementClass:e.AnduinMenuLabel}),F=t.createComponent({react:n,tagName:"anduin-menu-separator",elementClass:e.AnduinMenuSeparator}),K=t.createComponent({react:n,tagName:"anduin-menu-sub",elementClass:e.AnduinMenuSub}),W=t.createComponent({react:n,tagName:"anduin-menu-sub-trigger",elementClass:e.AnduinMenuSubTrigger}),w=t.createComponent({react:n,tagName:"anduin-menu-sub-content",elementClass:e.AnduinMenuSubContent}),f=t.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),y=t.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),X=t.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),z=t.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),Z=t.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),q=t.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),j=t.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),J=t.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),Q=t.createComponent({react:n,tagName:"anduin-tags-input",elementClass:e.AnduinTagsInput,events:{onValueChange:e.TAGS_INPUT_VALUE_CHANGE,onBlur:e.TAGS_INPUT_BLUR,onSubmit:e.TAGS_INPUT_SUBMIT}}),Y=t.createComponent({react:n,tagName:"anduin-tags-input-list",elementClass:e.AnduinTagsInputList}),$=t.createComponent({react:n,tagName:"anduin-tags-input-input",elementClass:e.AnduinTagsInputInput}),ee=t.createComponent({react:n,tagName:"anduin-tags-input-clear",elementClass:e.AnduinTagsInputClear}),ne=t.createComponent({react:n,tagName:"anduin-tags-input-suggestions",elementClass:e.AnduinTagsInputSuggestions}),te=t.createComponent({react:n,tagName:"anduin-tags-input-option",elementClass:e.AnduinTagsInputOption}),ae=t.createComponent({react:n,tagName:"anduin-tags-input-group",elementClass:e.AnduinTagsInputGroup}),oe=t.createComponent({react:n,tagName:"anduin-tags-input-label",elementClass:e.AnduinTagsInputLabel}),le=t.createComponent({react:n,tagName:"anduin-tags-input-empty",elementClass:e.AnduinTagsInputEmpty}),re=t.createComponent({react:n,tagName:"anduin-tags-input-footer",elementClass:e.AnduinTagsInputFooter}),ie=t.createComponent({react:n,tagName:"anduin-toggle-group",elementClass:e.AnduinToggleGroup,events:{onChange:e.TOGGLE_GROUP_CHANGE}}),Ce=t.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}}),ce=t.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),se=t.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),me=t.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),ue=t.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),de=t.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),Ee=t.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),ge=t.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),pe=t.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),Ae=t.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),Ne=t.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),Te=t.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),_e=t.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),Se=t.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),Oe=t.createComponent({react:n,tagName:"anduin-switch",elementClass:e.AnduinSwitch,events:{onCheckedChange:e.SWITCH_CHECKED_CHANGE}}),Le=t.createComponent({react:n,tagName:"anduin-suggestion",elementClass:e.AnduinSuggestion,events:{onChange:e.SUGGESTION_CHANGE,onSelect:e.SUGGESTION_SELECT,onClear:e.SUGGESTION_CLEAR}}),Ie=t.createComponent({react:n,tagName:"anduin-navigation",elementClass:e.AnduinNavigation,events:{onChange:e.NAVIGATION_CHANGE}}),be=t.createComponent({react:n,tagName:"anduin-navigation-item",elementClass:e.AnduinNavigationItem}),Ge=t.createComponent({react:n,tagName:"anduin-resizable-panel-group",elementClass:e.AnduinResizablePanelGroup}),Pe=t.createComponent({react:n,tagName:"anduin-resizable-panel",elementClass:e.AnduinResizablePanel}),De=t.createComponent({react:n,tagName:"anduin-resizable-handle",elementClass:e.AnduinResizableHandle,events:{onResize:e.RESIZE_EVENT}}),Re=t.createComponent({react:n,tagName:"anduin-pagination",elementClass:e.AnduinPagination,events:{onValueChange:e.PAGINATION_CHANGE}}),He=t.createComponent({react:n,tagName:"anduin-pagination-first-page",elementClass:e.AnduinPaginationFirstPage}),Me=t.createComponent({react:n,tagName:"anduin-pagination-last-page",elementClass:e.AnduinPaginationLastPage}),Be=t.createComponent({react:n,tagName:"anduin-sidebar",elementClass:e.AnduinSidebar}),Ue=t.createComponent({react:n,tagName:"anduin-sidebar-content",elementClass:e.AnduinSidebarContent}),he=t.createComponent({react:n,tagName:"anduin-sidebar-header",elementClass:e.AnduinSidebarHeader}),ve=t.createComponent({react:n,tagName:"anduin-sidebar-footer",elementClass:e.AnduinSidebarFooter}),ke=t.createComponent({react:n,tagName:"anduin-sidebar-group",elementClass:e.AnduinSidebarGroup}),Ve=t.createComponent({react:n,tagName:"anduin-sidebar-group-label",elementClass:e.AnduinSidebarGroupLabel}),xe=t.createComponent({react:n,tagName:"anduin-sidebar-menu",elementClass:e.AnduinSidebarMenu}),Fe=t.createComponent({react:n,tagName:"anduin-sidebar-menu-item",elementClass:e.AnduinSidebarMenuItem,events:{onSelect:e.SIDEBAR_SELECT}}),Ke=t.createComponent({react:n,tagName:"anduin-sidebar-action",elementClass:e.AnduinSidebarAction}),We=t.createComponent({react:n,tagName:"anduin-sidebar-badge",elementClass:e.AnduinSidebarBadge}),we=t.createComponent({react:n,tagName:"anduin-sidebar-separator",elementClass:e.AnduinSidebarSeparator}),fe=t.createComponent({react:n,tagName:"anduin-timeline",elementClass:e.AnduinTimeline}),ye=t.createComponent({react:n,tagName:"anduin-timeline-item",elementClass:e.AnduinTimelineItem}),Xe=t.createComponent({react:n,tagName:"anduin-timeline-date",elementClass:e.AnduinTimelineDate}),ze=t.createComponent({react:n,tagName:"anduin-timeline-title",elementClass:e.AnduinTimelineTitle}),Ze=t.createComponent({react:n,tagName:"anduin-timeline-group",elementClass:e.AnduinTimelineGroup}),qe=t.createComponent({react:n,tagName:"anduin-timeline-label",elementClass:e.AnduinTimelineLabel}),je=t.createComponent({react:n,tagName:"anduin-calendar",elementClass:e.AnduinCalendar,events:{onValueChange:e.CALENDAR_CHANGE}}),Je=t.createComponent({react:n,tagName:"anduin-date-range",elementClass:e.AnduinDateRange,events:{onChange:e.DATE_RANGE_CHANGE}}),Qe=t.createComponent({react:n,tagName:"anduin-date-range-default",elementClass:e.AnduinDateRangeDefault}),Ye=t.createComponent({react:n,tagName:"anduin-date-range-start",elementClass:e.AnduinDateRangeStart}),$e=t.createComponent({react:n,tagName:"anduin-date-range-end",elementClass:e.AnduinDateRangeEnd}),en=t.createComponent({react:n,tagName:"anduin-date-input",elementClass:e.AnduinDateInput,events:{onValueChange:e.DATE_INPUT_CHANGE}}),nn=t.createComponent({react:n,tagName:"anduin-date-picker",elementClass:e.AnduinDatePicker,events:{onValueChange:e.DATE_PICKER_CHANGE}}),tn=t.createComponent({react:n,tagName:"anduin-color-picker",elementClass:e.AnduinColorPicker,events:{onValueChange:e.COLOR_PICKER_VALUE_CHANGE,onValueCommit:e.COLOR_PICKER_VALUE_COMMIT,onOpenChange:e.COLOR_PICKER_OPEN_CHANGE}}),an=t.createComponent({react:n,tagName:"anduin-color-picker-trigger",elementClass:e.AnduinColorPickerTrigger}),on=t.createComponent({react:n,tagName:"anduin-color-picker-value",elementClass:e.AnduinColorPickerValue}),ln=t.createComponent({react:n,tagName:"anduin-color-picker-content",elementClass:e.AnduinColorPickerContent}),rn=t.createComponent({react:n,tagName:"anduin-color-picker-area",elementClass:e.AnduinColorPickerArea}),Cn=t.createComponent({react:n,tagName:"anduin-color-picker-hue-slider",elementClass:e.AnduinColorPickerHueSlider}),cn=t.createComponent({react:n,tagName:"anduin-color-picker-alpha-slider",elementClass:e.AnduinColorPickerAlphaSlider}),sn=t.createComponent({react:n,tagName:"anduin-color-picker-input",elementClass:e.AnduinColorPickerInput}),mn=t.createComponent({react:n,tagName:"anduin-color-picker-swatches",elementClass:e.AnduinColorPickerSwatches}),un=t.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}}),dn=t.createComponent({react:n,tagName:"anduin-navigation-bar",elementClass:e.AnduinNavigationBar,events:{onValueChange:e.NAVIGATION_BAR_VALUE_CHANGE}}),En=t.createComponent({react:n,tagName:"anduin-navigation-bar-item",elementClass:e.AnduinNavigationBarItem}),gn=t.createComponent({react:n,tagName:"anduin-clipboard",elementClass:e.AnduinClipboard}),pn=t.createComponent({react:n,tagName:"anduin-clipboard-trigger",elementClass:e.AnduinClipboardTrigger}),An=t.createComponent({react:n,tagName:"anduin-clipboard-indicator",elementClass:e.AnduinClipboardIndicator}),Nn=t.createComponent({react:n,tagName:"anduin-collapsible",elementClass:e.AnduinCollapsible,events:{onOpenChange:e.COLLAPSIBLE_OPEN_CHANGE}}),Tn=t.createComponent({react:n,tagName:"anduin-collapsible-trigger",elementClass:e.AnduinCollapsibleTrigger}),_n=t.createComponent({react:n,tagName:"anduin-collapsible-content",elementClass:e.AnduinCollapsibleContent}),Sn=t.createComponent({react:n,tagName:"anduin-collapsible-icon",elementClass:e.AnduinCollapsibleIcon}),On=t.createComponent({react:n,tagName:"anduin-truncated",elementClass:e.AnduinTruncated}),Ln=t.createComponent({react:n,tagName:"anduin-breadcrumb",elementClass:e.AnduinBreadcrumb}),In=t.createComponent({react:n,tagName:"anduin-breadcrumb-list",elementClass:e.AnduinBreadcrumbList}),bn=t.createComponent({react:n,tagName:"anduin-breadcrumb-item",elementClass:e.AnduinBreadcrumbItem}),Gn=t.createComponent({react:n,tagName:"anduin-breadcrumb-link",elementClass:e.AnduinBreadcrumbLink,events:{onNavigate:e.BREADCRUMB_LINK_NAVIGATE}}),Pn=t.createComponent({react:n,tagName:"anduin-breadcrumb-page",elementClass:e.AnduinBreadcrumbPage}),Dn=t.createComponent({react:n,tagName:"anduin-non-ideal-state",elementClass:e.AnduinNonIdealState}),Rn=t.createComponent({react:n,tagName:"anduin-non-ideal-state-icon",elementClass:e.AnduinNonIdealStateIcon}),Hn=t.createComponent({react:n,tagName:"anduin-non-ideal-state-title",elementClass:e.AnduinNonIdealStateTitle}),Mn=t.createComponent({react:n,tagName:"anduin-non-ideal-state-description",elementClass:e.AnduinNonIdealStateDescription}),Bn=t.createComponent({react:n,tagName:"anduin-non-ideal-state-action",elementClass:e.AnduinNonIdealStateAction}),Un=t.createComponent({react:n,tagName:"anduin-avatar-block",elementClass:e.AnduinAvatarBlock}),hn=t.createComponent({react:n,tagName:"anduin-dialog",elementClass:e.AnduinDialog,events:{onOpenChange:e.DIALOG_OPEN_CHANGE,onOpen:e.DIALOG_ON_OPEN,onClose:e.DIALOG_ON_CLOSE}}),vn=t.createComponent({react:n,tagName:"anduin-dialog-trigger",elementClass:e.AnduinDialogTrigger}),kn=t.createComponent({react:n,tagName:"anduin-dialog-content",elementClass:e.AnduinDialogContent}),Vn=t.createComponent({react:n,tagName:"anduin-dialog-header",elementClass:e.AnduinDialogHeader}),xn=t.createComponent({react:n,tagName:"anduin-dialog-title",elementClass:e.AnduinDialogTitle}),Fn=t.createComponent({react:n,tagName:"anduin-dialog-description",elementClass:e.AnduinDialogDescription}),Kn=t.createComponent({react:n,tagName:"anduin-dialog-body",elementClass:e.AnduinDialogBody}),Wn=t.createComponent({react:n,tagName:"anduin-dialog-footer",elementClass:e.AnduinDialogFooter}),wn=t.createComponent({react:n,tagName:"anduin-dialog-close",elementClass:e.AnduinDialogClose}),fn=t.createComponent({react:n,tagName:"anduin-dialog-overlay",elementClass:e.AnduinDialogOverlay}),yn=t.createComponent({react:n,tagName:"anduin-select",elementClass:e.AnduinSelect,events:{onValueChange:e.SELECT_CHANGE,onClose:e.SELECT_CLOSE}}),Xn=t.createComponent({react:n,tagName:"anduin-select-trigger",elementClass:e.AnduinSelectTrigger}),zn=t.createComponent({react:n,tagName:"anduin-select-content",elementClass:e.AnduinSelectContent}),Zn=t.createComponent({react:n,tagName:"anduin-select-list",elementClass:e.AnduinSelectList}),qn=t.createComponent({react:n,tagName:"anduin-select-item",elementClass:e.AnduinSelectItem,events:{onClick:e.SELECT_ITEM_SELECTED}}),jn=t.createComponent({react:n,tagName:"anduin-select-group",elementClass:e.AnduinSelectGroup}),Jn=t.createComponent({react:n,tagName:"anduin-select-label",elementClass:e.AnduinSelectLabel}),Qn=t.createComponent({react:n,tagName:"anduin-select-separator",elementClass:e.AnduinSelectSeparator}),Yn=t.createComponent({react:n,tagName:"anduin-select-empty",elementClass:e.AnduinSelectEmpty}),$n=t.createComponent({react:n,tagName:"anduin-select-input",elementClass:e.AnduinSelectInput}),et=t.createComponent({react:n,tagName:"anduin-select-clear",elementClass:e.AnduinSelectClear}),nt=t.createComponent({react:n,tagName:"anduin-select-selected-label",elementClass:e.AnduinSelectSelectedLabel}),tt=t.createComponent({react:n,tagName:"anduin-select-header",elementClass:e.AnduinSelectHeader}),at=t.createComponent({react:n,tagName:"anduin-select-footer",elementClass:e.AnduinSelectFooter}),ot=t.createComponent({react:n,tagName:"anduin-sheet",elementClass:e.AnduinSheet,events:{onOpenChange:e.SHEET_OPEN_CHANGE,onOpen:e.SHEET_ON_OPEN,onClose:e.SHEET_ON_CLOSE}}),lt=t.createComponent({react:n,tagName:"anduin-sheet-trigger",elementClass:e.AnduinSheetTrigger}),rt=t.createComponent({react:n,tagName:"anduin-sheet-content",elementClass:e.AnduinSheetContent,events:{onDockChange:e.SHEET_DOCK_CHANGE,onResize:e.SHEET_ON_RESIZE}}),it=t.createComponent({react:n,tagName:"anduin-sheet-header",elementClass:e.AnduinSheetHeader}),Ct=t.createComponent({react:n,tagName:"anduin-sheet-title",elementClass:e.AnduinSheetTitle}),ct=t.createComponent({react:n,tagName:"anduin-sheet-description",elementClass:e.AnduinSheetDescription}),st=t.createComponent({react:n,tagName:"anduin-sheet-footer",elementClass:e.AnduinSheetFooter}),mt=t.createComponent({react:n,tagName:"anduin-sheet-close",elementClass:e.AnduinSheetClose}),ut=t.createComponent({react:n,tagName:"anduin-sheet-dock-toggle",elementClass:e.AnduinSheetDockToggle}),dt=t.createComponent({react:n,tagName:"anduin-sheet-dock-toggle-on",elementClass:e.AnduinSheetDockToggleOn}),Et=t.createComponent({react:n,tagName:"anduin-sheet-dock-toggle-off",elementClass:e.AnduinSheetDockToggleOff}),gt=t.createComponent({react:n,tagName:"anduin-combobox",elementClass:e.AnduinCombobox,events:{onValueChange:e.COMBOBOX_CHANGE}}),pt=t.createComponent({react:n,tagName:"anduin-combobox-input",elementClass:e.AnduinComboboxInput}),At=t.createComponent({react:n,tagName:"anduin-combobox-content",elementClass:e.AnduinComboboxContent}),Nt=t.createComponent({react:n,tagName:"anduin-combobox-list",elementClass:e.AnduinComboboxList}),Tt=t.createComponent({react:n,tagName:"anduin-combobox-item",elementClass:e.AnduinComboboxItem,events:{onSelect:e.COMBOBOX_ITEM_SELECTED}}),_t=t.createComponent({react:n,tagName:"anduin-combobox-group",elementClass:e.AnduinComboboxGroup}),St=t.createComponent({react:n,tagName:"anduin-combobox-label",elementClass:e.AnduinComboboxLabel}),Ot=t.createComponent({react:n,tagName:"anduin-combobox-separator",elementClass:e.AnduinComboboxSeparator}),Lt=t.createComponent({react:n,tagName:"anduin-combobox-empty",elementClass:e.AnduinComboboxEmpty}),It=t.createComponent({react:n,tagName:"anduin-autocomplete",elementClass:e.AnduinAutocomplete,events:{onValueChange:e.AUTOCOMPLETE_CHANGE,onChoose:e.AUTOCOMPLETE_CHOOSE,onClose:e.AUTOCOMPLETE_CLOSE}}),a={onBlur:e.AUTOCOMPLETE_BLUR,onSubmit:e.AUTOCOMPLETE_SUBMIT,onBeforeInput:e.AUTOCOMPLETE_BEFORE_INPUT},bt=t.createComponent({react:n,tagName:"anduin-autocomplete-input",elementClass:e.AnduinAutocompleteInput,events:a}),Gt=t.createComponent({react:n,tagName:"anduin-autocomplete-textarea",elementClass:e.AnduinAutocompleteTextarea,events:a}),Pt=t.createComponent({react:n,tagName:"anduin-autocomplete-clear",elementClass:e.AnduinAutocompleteClear}),Dt=t.createComponent({react:n,tagName:"anduin-autocomplete-content",elementClass:e.AnduinAutocompleteContent}),Rt=t.createComponent({react:n,tagName:"anduin-autocomplete-list",elementClass:e.AnduinAutocompleteList}),Ht=t.createComponent({react:n,tagName:"anduin-autocomplete-item",elementClass:e.AnduinAutocompleteItem,events:{onSelect:e.AUTOCOMPLETE_ITEM_SELECTED}}),Mt=t.createComponent({react:n,tagName:"anduin-autocomplete-group",elementClass:e.AnduinAutocompleteGroup}),Bt=t.createComponent({react:n,tagName:"anduin-autocomplete-label",elementClass:e.AnduinAutocompleteLabel}),Ut=t.createComponent({react:n,tagName:"anduin-autocomplete-separator",elementClass:e.AnduinAutocompleteSeparator}),ht=t.createComponent({react:n,tagName:"anduin-autocomplete-empty",elementClass:e.AnduinAutocompleteEmpty});exports.AUTOCOMPLETE_BEFORE_INPUT=e.AUTOCOMPLETE_BEFORE_INPUT;exports.AUTOCOMPLETE_BLUR=e.AUTOCOMPLETE_BLUR;exports.AUTOCOMPLETE_CHANGE=e.AUTOCOMPLETE_CHANGE;exports.AUTOCOMPLETE_CHOOSE=e.AUTOCOMPLETE_CHOOSE;exports.AUTOCOMPLETE_CLOSE=e.AUTOCOMPLETE_CLOSE;exports.AUTOCOMPLETE_ITEM_SELECTED=e.AUTOCOMPLETE_ITEM_SELECTED;exports.AUTOCOMPLETE_SUBMIT=e.AUTOCOMPLETE_SUBMIT;exports.BREADCRUMB_LINK_NAVIGATE=e.BREADCRUMB_LINK_NAVIGATE;exports.CALENDAR_CHANGE=e.CALENDAR_CHANGE;exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.COLLAPSIBLE_OPEN_CHANGE=e.COLLAPSIBLE_OPEN_CHANGE;exports.COLOR_PICKER_OPEN_CHANGE=e.COLOR_PICKER_OPEN_CHANGE;exports.COLOR_PICKER_VALUE_CHANGE=e.COLOR_PICKER_VALUE_CHANGE;exports.COLOR_PICKER_VALUE_COMMIT=e.COLOR_PICKER_VALUE_COMMIT;exports.COMBOBOX_CHANGE=e.COMBOBOX_CHANGE;exports.COMBOBOX_ITEM_SELECTED=e.COMBOBOX_ITEM_SELECTED;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.DIALOG_ON_CLOSE=e.DIALOG_ON_CLOSE;exports.DIALOG_ON_OPEN=e.DIALOG_ON_OPEN;exports.DIALOG_OPEN_CHANGE=e.DIALOG_OPEN_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.MENU_ITEM_SELECTED=e.MENU_ITEM_SELECTED;exports.MENU_OPEN_CHANGE=e.MENU_OPEN_CHANGE;exports.MODAL_AFTER_CLOSE_EVENT=e.MODAL_AFTER_CLOSE_EVENT;exports.MODAL_CLOSE_EVENT=e.MODAL_CLOSE_EVENT;exports.NAVIGATION_BAR_VALUE_CHANGE=e.NAVIGATION_BAR_VALUE_CHANGE;exports.NAVIGATION_CHANGE=e.NAVIGATION_CHANGE;exports.PAGINATION_CHANGE=e.PAGINATION_CHANGE;exports.POPOVER_DESIGN_OPEN_CHANGE=e.POPOVER_DESIGN_OPEN_CHANGE;exports.POPOVER_ON_CLOSE=e.POPOVER_ON_CLOSE;exports.POPOVER_ON_OPEN=e.POPOVER_ON_OPEN;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.SELECT_CHANGE=e.SELECT_CHANGE;exports.SELECT_CLOSE=e.SELECT_CLOSE;exports.SELECT_ITEM_SELECTED=e.SELECT_ITEM_SELECTED;exports.SHEET_DOCK_CHANGE=e.SHEET_DOCK_CHANGE;exports.SHEET_ON_CLOSE=e.SHEET_ON_CLOSE;exports.SHEET_ON_OPEN=e.SHEET_ON_OPEN;exports.SHEET_ON_RESIZE=e.SHEET_ON_RESIZE;exports.SHEET_OPEN_CHANGE=e.SHEET_OPEN_CHANGE;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.SWITCH_CHECKED_CHANGE=e.SWITCH_CHECKED_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.TAGS_INPUT_BLUR=e.TAGS_INPUT_BLUR;exports.TAGS_INPUT_SUBMIT=e.TAGS_INPUT_SUBMIT;exports.TAGS_INPUT_VALUE_CHANGE=e.TAGS_INPUT_VALUE_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=r;exports.Autocomplete=It;exports.AutocompleteClear=Pt;exports.AutocompleteContent=Dt;exports.AutocompleteEmpty=ht;exports.AutocompleteGroup=Mt;exports.AutocompleteInput=bt;exports.AutocompleteItem=Ht;exports.AutocompleteLabel=Bt;exports.AutocompleteList=Rt;exports.AutocompleteSeparator=Ut;exports.AutocompleteTextarea=Gt;exports.Avatar=Ee;exports.AvatarBlock=Un;exports.Badge=C;exports.BadgeCount=c;exports.Breadcrumb=Ln;exports.BreadcrumbItem=bn;exports.BreadcrumbLink=Gn;exports.BreadcrumbList=In;exports.BreadcrumbPage=Pn;exports.Button=s;exports.Calendar=je;exports.Callout=m;exports.Checkbox=I;exports.Clipboard=gn;exports.ClipboardIndicator=An;exports.ClipboardTrigger=pn;exports.Collapsible=Nn;exports.CollapsibleContent=_n;exports.CollapsibleIcon=Sn;exports.CollapsibleTrigger=Tn;exports.ColorPicker=tn;exports.ColorPickerAlphaSlider=cn;exports.ColorPickerArea=rn;exports.ColorPickerContent=ln;exports.ColorPickerHueSlider=Cn;exports.ColorPickerInput=sn;exports.ColorPickerSwatches=mn;exports.ColorPickerTrigger=an;exports.ColorPickerValue=on;exports.Combobox=gt;exports.ComboboxContent=At;exports.ComboboxEmpty=Lt;exports.ComboboxGroup=_t;exports.ComboboxInput=pt;exports.ComboboxItem=Tt;exports.ComboboxLabel=St;exports.ComboboxList=Nt;exports.ComboboxSeparator=Ot;exports.DateInput=en;exports.DatePicker=nn;exports.DateRange=Je;exports.DateRangeDefault=Qe;exports.DateRangeEnd=$e;exports.DateRangeStart=Ye;exports.Dialog=hn;exports.DialogBody=Kn;exports.DialogClose=wn;exports.DialogContent=kn;exports.DialogDescription=Fn;exports.DialogFooter=Wn;exports.DialogHeader=Vn;exports.DialogOverlay=fn;exports.DialogTitle=xn;exports.DialogTrigger=vn;exports.Divider=u;exports.Dot=d;exports.Drawer=Te;exports.DrawerClose=_e;exports.Dropdown=Ne;exports.Field=A;exports.FieldDescription=T;exports.FieldError=_;exports.FieldGroup=S;exports.FieldLabel=N;exports.FileIcon=ge;exports.Icon=i;exports.InlineEdit=P;exports.Input=b;exports.LoadingState=p;exports.Menu=U;exports.MenuContent=k;exports.MenuGroup=V;exports.MenuItem=h;exports.MenuLabel=x;exports.MenuSeparator=F;exports.MenuSub=K;exports.MenuSubContent=w;exports.MenuSubTrigger=W;exports.MenuTrigger=v;exports.Modal=f;exports.ModalClose=y;exports.Navigation=Ie;exports.NavigationBar=dn;exports.NavigationBarItem=En;exports.NavigationItem=be;exports.NonIdealState=Dn;exports.NonIdealStateAction=Bn;exports.NonIdealStateDescription=Mn;exports.NonIdealStateIcon=Rn;exports.NonIdealStateTitle=Hn;exports.Pagination=Re;exports.PaginationFirstPage=He;exports.PaginationLastPage=Me;exports.Popover=D;exports.PopoverClose=R;exports.PopoverContent=M;exports.PopoverTitle=B;exports.PopoverTrigger=H;exports.Progress=E;exports.Radio=O;exports.RadioGroup=L;exports.ResizableHandle=De;exports.ResizablePanel=Pe;exports.ResizablePanelGroup=Ge;exports.Select=yn;exports.SelectClear=et;exports.SelectContent=zn;exports.SelectEmpty=Yn;exports.SelectFooter=at;exports.SelectGroup=jn;exports.SelectHeader=tt;exports.SelectInput=$n;exports.SelectItem=qn;exports.SelectLabel=Jn;exports.SelectList=Zn;exports.SelectSelectedLabel=nt;exports.SelectSeparator=Qn;exports.SelectTrigger=Xn;exports.Sheet=ot;exports.SheetClose=mt;exports.SheetContent=rt;exports.SheetDescription=ct;exports.SheetDockToggle=ut;exports.SheetDockToggleOff=Et;exports.SheetDockToggleOn=dt;exports.SheetFooter=st;exports.SheetHeader=it;exports.SheetTitle=Ct;exports.SheetTrigger=lt;exports.Sidebar=Be;exports.SidebarAction=Ke;exports.SidebarBadge=We;exports.SidebarContent=Ue;exports.SidebarFooter=ve;exports.SidebarGroup=ke;exports.SidebarGroupLabel=Ve;exports.SidebarHeader=he;exports.SidebarMenu=xe;exports.SidebarMenuItem=Fe;exports.SidebarSeparator=we;exports.Skeleton=g;exports.SparkleSpinner=l;exports.Spinner=o;exports.Suggestion=Le;exports.Switch=Oe;exports.Switcher=Se;exports.TabContent=q;exports.TabTrigger=Z;exports.Table=un;exports.Tabs=X;exports.TabsList=z;exports.Tag=j;exports.TagClose=J;exports.TagsInput=Q;exports.TagsInputClear=ee;exports.TagsInputEmpty=le;exports.TagsInputFooter=re;exports.TagsInputGroup=ae;exports.TagsInputInput=$;exports.TagsInputLabel=oe;exports.TagsInputList=Y;exports.TagsInputOption=te;exports.TagsInputSuggestions=ne;exports.Textarea=G;exports.Timeline=fe;exports.TimelineDate=Xe;exports.TimelineGroup=Ze;exports.TimelineItem=ye;exports.TimelineLabel=qe;exports.TimelineTitle=ze;exports.Toast=pe;exports.Toaster=Ae;exports.ToggleGroup=ie;exports.ToggleGroupItem=Ce;exports.Tooltip=ce;exports.TooltipContent=me;exports.TooltipTrigger=se;exports.Truncated=On;exports.Well=ue;exports.WellClose=de;
|
package/dist/react.d.ts
CHANGED
|
@@ -660,6 +660,214 @@ declare class AnduinCollapsibleTrigger extends LitElement {
|
|
|
660
660
|
render(): TemplateResult<1>;
|
|
661
661
|
}
|
|
662
662
|
|
|
663
|
+
/**
|
|
664
|
+
* Root of the compound colour picker, ported from the design repo's `anduin-color-picker`:
|
|
665
|
+
*
|
|
666
|
+
* <anduin-color-picker value="#1b2a4e">
|
|
667
|
+
* <anduin-color-picker-trigger><anduin-color-picker-value></anduin-color-picker-value></anduin-color-picker-trigger>
|
|
668
|
+
* <anduin-color-picker-content>
|
|
669
|
+
* <anduin-color-picker-area></anduin-color-picker-area>
|
|
670
|
+
* <anduin-color-picker-hue-slider></anduin-color-picker-hue-slider>
|
|
671
|
+
* <anduin-color-picker-input></anduin-color-picker-input>
|
|
672
|
+
* </anduin-color-picker-content>
|
|
673
|
+
* </anduin-color-picker>
|
|
674
|
+
*
|
|
675
|
+
* It owns the colour and the open state; the parts find it with `closest()` and subscribe. The design repo passes
|
|
676
|
+
* state through its Context Protocol so parts work through shadow roots and the popover's promoted popup; here every
|
|
677
|
+
* part is a light-DOM descendant of the root (the content's popup slots them rather than moving them), so `closest`
|
|
678
|
+
* reaches it from anywhere a consumer can put one, without a context library.
|
|
679
|
+
*
|
|
680
|
+
* Why not wrap `anduin-popover`: its design parts find their root with `closest('anduin-popover')` and
|
|
681
|
+
* `querySelectorAll`, neither of which crosses a shadow root, so a popover rendered inside this element's shadow
|
|
682
|
+
* could not see a trigger or content slotted into it. The content part reuses the popover's machinery instead —
|
|
683
|
+
* `computePopupPosition`, `trackEveryFrame`, the Escape stack, the top layer — so it places, flips and stacks
|
|
684
|
+
* exactly as `anduin-popover-content` does.
|
|
685
|
+
*
|
|
686
|
+
* Controlled vs uncontrolled: `default-value` seeds once. Setting `value` (attribute or property) makes it
|
|
687
|
+
* controlled: a new `value` re-seeds the picker, except a value the picker itself just emitted — the consumer
|
|
688
|
+
* echoing a drag back — which is ignored so the thumb does not snap to the rounded hex mid-drag.
|
|
689
|
+
*/
|
|
690
|
+
declare class AnduinColorPicker extends LitElement {
|
|
691
|
+
static styles: CSSResult;
|
|
692
|
+
/** Controlled colour (hex / rgb / hsl / hsb). An empty string clears to "no colour". */
|
|
693
|
+
value?: string;
|
|
694
|
+
/** Uncontrolled initial colour. Read once. */
|
|
695
|
+
defaultValue: string;
|
|
696
|
+
/** Output format: `hex` (default), `rgb`, `hsl`, `hsb`. Hex has no alpha channel. */
|
|
697
|
+
format: 'hex' | 'rgb' | 'hsl' | 'hsb';
|
|
698
|
+
disabled: boolean;
|
|
699
|
+
readonly: boolean;
|
|
700
|
+
/** Whether the panel is open. Reflects; set it to open or close from outside. */
|
|
701
|
+
open: boolean;
|
|
702
|
+
/** Where the panel sits against the trigger: any of `top|bottom|left|right` × `start|center|end`. */
|
|
703
|
+
placement: string;
|
|
704
|
+
private _state;
|
|
705
|
+
private _seeded;
|
|
706
|
+
/** Strings emitted since the last commit, so a controlled consumer echoing any of them back is not a re-seed. */
|
|
707
|
+
private _emitted;
|
|
708
|
+
private _subs;
|
|
709
|
+
get state(): ColorPickerState;
|
|
710
|
+
/** The current colour in `format`, or `''` while nothing is picked. */
|
|
711
|
+
get colorString(): string;
|
|
712
|
+
/** Neither disabled nor readonly. */
|
|
713
|
+
get interactive(): boolean;
|
|
714
|
+
private get _safeFormat();
|
|
715
|
+
private get _controlled();
|
|
716
|
+
/* Excluded from this release type: subscribe */
|
|
717
|
+
private _notify;
|
|
718
|
+
/* Excluded from this release type: triggerPart */
|
|
719
|
+
private _ownPart;
|
|
720
|
+
/* Excluded from this release type: setHsv */
|
|
721
|
+
/* Excluded from this release type: setColor */
|
|
722
|
+
/* Excluded from this release type: commit */
|
|
723
|
+
private _emitChange;
|
|
724
|
+
private _emit;
|
|
725
|
+
private _seed;
|
|
726
|
+
private _clear;
|
|
727
|
+
/* Excluded from this release type: toggleFromTrigger */
|
|
728
|
+
private _overlay;
|
|
729
|
+
private _closeAndRefocus;
|
|
730
|
+
/**
|
|
731
|
+
* Escape is taken here, on the way up from the panel or the trigger, and stopped: a document listener (the shared
|
|
732
|
+
* popup stack, or an `anduin-dialog` the picker sits in) would otherwise see it too, and the dialog's was
|
|
733
|
+
* registered first, so it would shut the whole dialog along with the picker. The stack entry still covers an
|
|
734
|
+
* Escape pressed with focus outside the picker.
|
|
735
|
+
*/
|
|
736
|
+
private _onKeyDown;
|
|
737
|
+
/** The panel is a light-DOM child, so a press inside its top-layer popup still has this host on its path. */
|
|
738
|
+
private _onDocPointerDown;
|
|
739
|
+
connectedCallback(): void;
|
|
740
|
+
disconnectedCallback(): void;
|
|
741
|
+
willUpdate(changed: Map<string, unknown>): void;
|
|
742
|
+
updated(changed: Map<string, unknown>): void;
|
|
743
|
+
render(): TemplateResult<1>;
|
|
744
|
+
}
|
|
745
|
+
|
|
746
|
+
/**
|
|
747
|
+
* Opacity, counted in whole percent rather than the 0–1 alpha: a listener is told "40% opaque", not "0.4". Use with
|
|
748
|
+
* `format="rgb"`, `"hsl"` or `"hsb"` — hex has no alpha channel and drops it.
|
|
749
|
+
*/
|
|
750
|
+
declare class AnduinColorPickerAlphaSlider extends ColorPickerPart {
|
|
751
|
+
static styles: CSSResult[];
|
|
752
|
+
private _track;
|
|
753
|
+
private _apply;
|
|
754
|
+
private _drag;
|
|
755
|
+
private _onKeyDown;
|
|
756
|
+
private _onKeyUp;
|
|
757
|
+
render(): TemplateResult<1>;
|
|
758
|
+
}
|
|
759
|
+
|
|
760
|
+
/**
|
|
761
|
+
* The 2D saturation/brightness area: the pure hue underneath, white fading in left→right, black top→bottom.
|
|
762
|
+
*
|
|
763
|
+
* Two values on one surface is a shape ARIA has no role for. It is announced as one slider rather than two because
|
|
764
|
+
* it has one thumb and one focus ring: left/right move saturation, up/down brightness, exactly as the thumb moves
|
|
765
|
+
* under a pointer. `aria-valuenow` carries saturation and `aria-valuetext` says both plus the colour's name —
|
|
766
|
+
* "Saturation 60%, brightness 40%, dark blue" — because the number pair means nothing without seeing it. Home/End
|
|
767
|
+
* cross saturation and Page Up/Down brightness, so each axis can be crossed in one key press.
|
|
768
|
+
*/
|
|
769
|
+
declare class AnduinColorPickerArea extends ColorPickerPart {
|
|
770
|
+
static styles: CSSResult;
|
|
771
|
+
private _track;
|
|
772
|
+
private _apply;
|
|
773
|
+
private _drag;
|
|
774
|
+
private _onKeyDown;
|
|
775
|
+
/** A held arrow repeats, so the value settles when the key comes back up: the keyboard's pointer-up. */
|
|
776
|
+
private _onKeyUp;
|
|
777
|
+
render(): TemplateResult<1>;
|
|
778
|
+
}
|
|
779
|
+
|
|
780
|
+
/**
|
|
781
|
+
* The floating panel. Promoted to the top layer (Popover API) like `anduin-popover-content`, so it draws above
|
|
782
|
+
* `anduin-modal` (z-index 1000), table cells and any `overflow` clip; placed against the trigger every frame with
|
|
783
|
+
* the popover's own `computePopupPosition`, flipping when there is no room. Moves focus to the first control on
|
|
784
|
+
* open and keeps Tab inside. Children stack in a 240px column with a 12px gap.
|
|
785
|
+
*/
|
|
786
|
+
declare class AnduinColorPickerContent extends ColorPickerPart {
|
|
787
|
+
static styles: CSSResult;
|
|
788
|
+
private _popup;
|
|
789
|
+
private _shown;
|
|
790
|
+
private _stopTracking;
|
|
791
|
+
private _focusFrame;
|
|
792
|
+
connectedCallback(): void;
|
|
793
|
+
disconnectedCallback(): void;
|
|
794
|
+
private _onKeyDown;
|
|
795
|
+
updated(): void;
|
|
796
|
+
private _show;
|
|
797
|
+
private _hide;
|
|
798
|
+
private _position;
|
|
799
|
+
render(): TemplateResult<1>;
|
|
800
|
+
}
|
|
801
|
+
|
|
802
|
+
/**
|
|
803
|
+
* Hue, 0–360°. The track is the slider and carries the focus ring; the thumb is decoration that follows. Clamped,
|
|
804
|
+
* not wrapped: the ends of the track are the ends of the range a screen reader was told about. Announced as the
|
|
805
|
+
* angle and the colour it lands on ("210 degrees, blue"), because "210" names nothing.
|
|
806
|
+
*/
|
|
807
|
+
declare class AnduinColorPickerHueSlider extends ColorPickerPart {
|
|
808
|
+
static styles: CSSResult[];
|
|
809
|
+
private _track;
|
|
810
|
+
private _apply;
|
|
811
|
+
private _drag;
|
|
812
|
+
private _onKeyDown;
|
|
813
|
+
private _onKeyUp;
|
|
814
|
+
render(): TemplateResult<1>;
|
|
815
|
+
}
|
|
816
|
+
|
|
817
|
+
/**
|
|
818
|
+
* Shows and edits the colour string in the picker's format. Enter (or leaving the field) parses it and commits; text
|
|
819
|
+
* that is not a colour reverts to the current one. Named "Color value" rather than for one format, since the text
|
|
820
|
+
* follows `format`. Leaving the field with the text unchanged commits nothing, so tabbing through does not save.
|
|
821
|
+
*/
|
|
822
|
+
declare class AnduinColorPickerInput extends ColorPickerPart {
|
|
823
|
+
static styles: CSSResult;
|
|
824
|
+
private _input;
|
|
825
|
+
private _commit;
|
|
826
|
+
private _onKeyDown;
|
|
827
|
+
render(): TemplateResult<1>;
|
|
828
|
+
}
|
|
829
|
+
|
|
830
|
+
/**
|
|
831
|
+
* Preset colours from `colors` (comma-separated attribute, or an array property). A click picks and commits. Each
|
|
832
|
+
* square is named by what it looks like then its hex ("dark green, #2f6f4f"), and is a toggle button: the one
|
|
833
|
+
* matching the current colour is pressed and ringed. A preset that does not parse keeps the author's spelling as
|
|
834
|
+
* its name and does nothing on click.
|
|
835
|
+
*/
|
|
836
|
+
declare class AnduinColorPickerSwatches extends ColorPickerPart {
|
|
837
|
+
static styles: CSSResult;
|
|
838
|
+
/** Preset colours: `"#fff, #000"` as an attribute, or a `string[]` as a property. */
|
|
839
|
+
colors: string[] | string;
|
|
840
|
+
private get _list();
|
|
841
|
+
render(): TemplateResult<1>;
|
|
842
|
+
}
|
|
843
|
+
|
|
844
|
+
/**
|
|
845
|
+
* Opens the panel. The swatch inside is a picture, not a control, so the trigger supplies the control: a focusable
|
|
846
|
+
* `role="button"` around the slot with `aria-haspopup="dialog"` and `aria-expanded`, opened by click, Enter and
|
|
847
|
+
* Space. Named by `label` (default "Choose color") and described by the colour — "dark blue, #1b2a4e", or "No color"
|
|
848
|
+
* — which the swatch only shows. Put non-interactive content inside: a slotted button would nest one in another.
|
|
849
|
+
*/
|
|
850
|
+
declare class AnduinColorPickerTrigger extends ColorPickerPart {
|
|
851
|
+
static styles: CSSResult;
|
|
852
|
+
/** Accessible name. */
|
|
853
|
+
label: string;
|
|
854
|
+
private _control;
|
|
855
|
+
/* Excluded from this release type: focusControl */
|
|
856
|
+
private _onClick;
|
|
857
|
+
private _onKeyDown;
|
|
858
|
+
private _description;
|
|
859
|
+
render(): TemplateResult<1>;
|
|
860
|
+
}
|
|
861
|
+
|
|
862
|
+
/**
|
|
863
|
+
* Previews the current colour over a checkerboard, so a translucent colour reads as translucent. With nothing
|
|
864
|
+
* picked it shows a diagonal red line. Size with `--anduin-color-picker-value-size` (default 24px).
|
|
865
|
+
*/
|
|
866
|
+
declare class AnduinColorPickerValue extends ColorPickerPart {
|
|
867
|
+
static styles: CSSResult;
|
|
868
|
+
render(): TemplateResult<1>;
|
|
869
|
+
}
|
|
870
|
+
|
|
663
871
|
/**
|
|
664
872
|
* `<anduin-combobox>` — the design repo's pick-from-list field: a text input that filters a list
|
|
665
873
|
* of predefined options. The value is always one of the items; typed text is only a filter, and
|
|
@@ -4067,6 +4275,61 @@ export declare const CollapsibleIcon: ReactWebComponent<AnduinCollapsibleIcon, {
|
|
|
4067
4275
|
|
|
4068
4276
|
export declare const CollapsibleTrigger: ReactWebComponent<AnduinCollapsibleTrigger, {}>;
|
|
4069
4277
|
|
|
4278
|
+
/** Fired when the panel opens or closes, however that happened. `event.detail` is the new open state. */
|
|
4279
|
+
export declare const COLOR_PICKER_OPEN_CHANGE = "anduin-color-picker:open-change";
|
|
4280
|
+
|
|
4281
|
+
/**
|
|
4282
|
+
* Fired on every step of a change: each pointer move of a drag, each key press (held keys repeat), and once for a
|
|
4283
|
+
* discrete pick. `event.detail` is the colour string in the picker's `format`. Use it for a live preview.
|
|
4284
|
+
*/
|
|
4285
|
+
export declare const COLOR_PICKER_VALUE_CHANGE = "anduin-color-picker:value-change";
|
|
4286
|
+
|
|
4287
|
+
/**
|
|
4288
|
+
* Fired once the colour is settled: pointer-up after a drag, key-up after arrow keys, and straight away for a
|
|
4289
|
+
* discrete pick (input Enter, swatch click). `event.detail` is the colour string. Persist on this one, so a drag
|
|
4290
|
+
* saves once instead of sixty times.
|
|
4291
|
+
*/
|
|
4292
|
+
export declare const COLOR_PICKER_VALUE_COMMIT = "anduin-color-picker:value-commit";
|
|
4293
|
+
|
|
4294
|
+
export declare const ColorPicker: ReactWebComponent<AnduinColorPicker, {
|
|
4295
|
+
onValueChange: EventName<CustomEvent<string>>;
|
|
4296
|
+
onValueCommit: EventName<CustomEvent<string>>;
|
|
4297
|
+
onOpenChange: EventName<CustomEvent<boolean>>;
|
|
4298
|
+
}>;
|
|
4299
|
+
|
|
4300
|
+
export declare const ColorPickerAlphaSlider: ReactWebComponent<AnduinColorPickerAlphaSlider, {}>;
|
|
4301
|
+
|
|
4302
|
+
export declare const ColorPickerArea: ReactWebComponent<AnduinColorPickerArea, {}>;
|
|
4303
|
+
|
|
4304
|
+
export declare const ColorPickerContent: ReactWebComponent<AnduinColorPickerContent, {}>;
|
|
4305
|
+
|
|
4306
|
+
export declare const ColorPickerHueSlider: ReactWebComponent<AnduinColorPickerHueSlider, {}>;
|
|
4307
|
+
|
|
4308
|
+
export declare const ColorPickerInput: ReactWebComponent<AnduinColorPickerInput, {}>;
|
|
4309
|
+
|
|
4310
|
+
/** Base for the parts: finds the root and re-renders on its changes. */
|
|
4311
|
+
declare class ColorPickerPart extends LitElement {
|
|
4312
|
+
protected picker: AnduinColorPicker | null;
|
|
4313
|
+
private _unsubscribe;
|
|
4314
|
+
connectedCallback(): void;
|
|
4315
|
+
disconnectedCallback(): void;
|
|
4316
|
+
private _attach;
|
|
4317
|
+
}
|
|
4318
|
+
|
|
4319
|
+
/** What every part reads. HSV drives the area and sliders; RGBA is the exact value strings are made from. */
|
|
4320
|
+
declare interface ColorPickerState {
|
|
4321
|
+
rgba: Rgba;
|
|
4322
|
+
hsv: Hsva;
|
|
4323
|
+
/** False until a colour is chosen, so "picked black" and "nothing picked" are different states. */
|
|
4324
|
+
hasValue: boolean;
|
|
4325
|
+
}
|
|
4326
|
+
|
|
4327
|
+
export declare const ColorPickerSwatches: ReactWebComponent<AnduinColorPickerSwatches, {}>;
|
|
4328
|
+
|
|
4329
|
+
export declare const ColorPickerTrigger: ReactWebComponent<AnduinColorPickerTrigger, {}>;
|
|
4330
|
+
|
|
4331
|
+
export declare const ColorPickerValue: ReactWebComponent<AnduinColorPickerValue, {}>;
|
|
4332
|
+
|
|
4070
4333
|
export declare const Combobox: ReactWebComponent<AnduinCombobox, {
|
|
4071
4334
|
onValueChange: ValueEvent;
|
|
4072
4335
|
}>;
|
|
@@ -4252,6 +4515,14 @@ export declare const FileIcon: ReactWebComponent<AnduinFileIcon, {}>;
|
|
|
4252
4515
|
|
|
4253
4516
|
declare type FileIconSize = 16 | 24 | 32;
|
|
4254
4517
|
|
|
4518
|
+
/** Hue 0–360, saturation 0–100, value (brightness) 0–100, alpha 0–1. All whole numbers but alpha. */
|
|
4519
|
+
declare interface Hsva {
|
|
4520
|
+
h: number;
|
|
4521
|
+
s: number;
|
|
4522
|
+
v: number;
|
|
4523
|
+
a: number;
|
|
4524
|
+
}
|
|
4525
|
+
|
|
4255
4526
|
export declare const Icon: ReactWebComponent<AnduinIcon, {}>;
|
|
4256
4527
|
|
|
4257
4528
|
export declare const InlineEdit: ReactWebComponent<AnduinInlineEdit, {
|
|
@@ -4718,6 +4989,24 @@ export declare const RESIZE_EVENT = "anduin-resizable:resize";
|
|
|
4718
4989
|
|
|
4719
4990
|
declare type ResizeOrientation = 'horizontal' | 'vertical';
|
|
4720
4991
|
|
|
4992
|
+
/**
|
|
4993
|
+
* Pure colour maths for `anduin-color-picker`, ported from the design repo's `ColorConversions` and `ColorNames`
|
|
4994
|
+
* (anduin.design, `webcomponents/colorpicker`).
|
|
4995
|
+
*
|
|
4996
|
+
* The picker works in HSV because that is what the 2D saturation/brightness area and the hue slider map onto, and
|
|
4997
|
+
* because HSV keeps the hue when brightness or saturation is dragged to zero — black and grays have no recoverable
|
|
4998
|
+
* hue in RGB, so a picker that stored RGB would snap its hue back to red every time the thumb touched an edge.
|
|
4999
|
+
* Everything the outside world sees is a string (hex / rgb / hsl / hsb), so these are the conversions between them.
|
|
5000
|
+
* No DOM here, so all of it is testable without a browser.
|
|
5001
|
+
*/
|
|
5002
|
+
/** Red/green/blue 0–255, alpha 0–1. */
|
|
5003
|
+
declare interface Rgba {
|
|
5004
|
+
r: number;
|
|
5005
|
+
g: number;
|
|
5006
|
+
b: number;
|
|
5007
|
+
a: number;
|
|
5008
|
+
}
|
|
5009
|
+
|
|
4721
5010
|
export declare const Select: ReactWebComponent<AnduinSelect, {
|
|
4722
5011
|
onValueChange: EventName<CustomEvent<{
|
|
4723
5012
|
value: string;
|