@designbasekorea/ui-wc 0.1.0 → 0.1.4

package/dist/react/index.d.ts

@@ -32,6 +32,9 @@ declare class DbButton extends HTMLElement {
     attributeChangedCallback(): void;
     private handleClick;
     private handleKeyDown;
+    private handleKeyUp;
+    private handlePointerDown;
+    private handlePointerUp;
     private syncAttributes;
     private getIconSize;
     private resolveIconName;
@@ -413,7 +416,6 @@ declare class DbDropdown extends HTMLElement {
     attributeChangedCallback(name: string): void;
     private resolvedSize;
     private resolvedPlacement;
-    private triggerButtonIconSize;
     private menuItemIconSize;
     private triggerLabel;
     private enabledItems;
@@ -655,6 +657,7 @@ declare class DbTextarea extends HTMLElement {
     private get characterCountPosition();
     private build;
     private handleInput;
+    private handleChange;
     private syncState;
     private updateCharacterCount;
     private escape;
@@ -707,6 +710,9 @@ declare class DbPagination extends HTMLElement {
     attributeChangedCallback(): void;
     private iconSize;
     private render;
+    private getPageSizeOptions;
+    private getTotalLabel;
+    private createPageSizeSelector;
     private getPageNumbers;
     private createPageButton;
     private createIconButton;
@@ -1788,12 +1794,18 @@ declare class DbSection extends HTMLElement {
     private contentEl?;
     private footerEl?;
     private actionsHostEl?;
+    private tabsEl?;
     private contentId;
     private internalExpanded;
+    private internalTabId;
     private observer?;
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string): void;
+    private syncDefaultTab;
+    private parseTabs;
+    private getActiveTabId;
+    private hasHeaderTabs;
     private isCollapsible;
     private isExpanded;
     private isUserNode;
@@ -1805,6 +1817,7 @@ declare class DbSection extends HTMLElement {
     private createTitleArea;
     private createChevron;
     private handleToggle;
+    private handleTabChange;
     private renderHeader;
     private syncHostClasses;
     private syncCollapsibleState;
@@ -2245,14 +2258,26 @@ declare global {
 
 declare class DbRating extends HTMLElement {
     private hoverValue;
+    private starsEl;
     static get observedAttributes(): string[];
     connectedCallback(): void;
+    disconnectedCallback(): void;
     attributeChangedCallback(): void;
     private getNumberAttr;
     private getBooleanAttr;
     private getOption;
+    private normalizeSize;
+    private getStarIconSize;
+    private supportsHalfSteps;
+    private isInteractive;
+    private getStarFill;
+    private getPointerValue;
     private formatRating;
-    private createStar;
+    private updateStarElement;
+    private refreshStars;
+    private handlePointerMove;
+    private handlePointerLeave;
+    private handleClick;
     private render;
 }
 declare global {
@@ -2347,17 +2372,74 @@ declare class DbColorPicker extends HTMLElement {
     private a;
     private open;
     private format;
+    private colorInput;
+    private alphaInput;
+    private isCopied;
+    private tempColor;
+    private dragging;
+    private mounted;
+    private copiedTimer;
+    private debounceTimer;
+    private lastEmittedHex;
+    private suppressNextValueSync;
+    private didMount;
+    private triggerInputFocused;
+    private panelInputFocused;
+    private panelAlphaInputFocused;
+    private triggerEl?;
+    private colorBoxEl?;
+    private triggerInputEl?;
+    private triggerCopyBtn?;
+    private toggleBtn?;
+    private dropdownEl?;
+    private colorFieldEl?;
+    private colorPointerEl?;
+    private hueSliderEl?;
+    private alphaSliderEl?;
+    private alphaSliderWrapEl?;
+    private eyedropperBtnEl?;
+    private formatSelectEl?;
+    private panelValueInputEl?;
+    private panelAlphaWrapEl?;
+    private panelAlphaInputEl?;
+    private panelCopyBtnEl?;
+    private modalEl?;
+    private modalBodyEl?;
+    private selectorEl?;
     static get observedAttributes(): string[];
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string): void;
-    private handleOutsideClick;
     private getBool;
     private getOption;
-    private syncFromValue;
-    private emitChange;
-    private getUiText;
-    private render;
+    private getIconSize;
+    private getRgb;
+    private getHex;
+    private getHsl;
+    private getUiFormatted;
+    private getOutward;
+    private syncFromValueAttr;
+    private actuallyEmit;
+    private scheduleEmit;
+    private onColorStateChanged;
+    private updateFromArea;
+    private getInputValue;
+    private setInputValue;
+    private getPanelControlSize;
+    private commitColorInput;
+    private commitAlphaInput;
+    private onCopy;
+    private onEyedrop;
+    private handleOutsideClick;
+    private handleDocumentMouseMove;
+    private handleDocumentMouseUp;
+    private toggleOpen;
+    private handleModalCancel;
+    private handleModalApply;
+    private mount;
+    private updateCopyButtons;
+    private updateVisuals;
+    private update;
 }
 declare global {
     interface HTMLElementTagNameMap {
@@ -2618,7 +2700,7 @@ declare class DbCodeBlock extends HTMLElement {
     private toCssSize;
     private handleCopy;
     private render;
-    private renderAsync;
+    private renderNow;
 }
 declare global {
     interface HTMLElementTagNameMap {
@@ -3987,6 +4069,20 @@ type InputProps = WebComponentProps & {
         value: string;
     }>;
 };
+type TextareaProps = WebComponentProps & {
+    onChange?: DbEventHandler<{
+        value: string;
+    }>;
+    onInput?: DbEventHandler<{
+        value: string;
+    }>;
+    onDbInput?: DbEventHandler<{
+        value: string;
+    }>;
+    onDbChange?: DbEventHandler<{
+        value: string;
+    }>;
+};
 type ToggleProps = WebComponentProps & {
     onChange?: DbEventHandler<{
         checked: boolean;
@@ -4349,12 +4445,25 @@ type SectionProps = WebComponentProps & {
     fullWidth?: boolean;
     fullHeight?: boolean;
     overflowVisible?: boolean;
+    tabs?: Array<{
+        id: string;
+        label: string;
+        disabled?: boolean;
+    }> | string;
+    selectedTabId?: string;
+    defaultSelectedTabId?: string;
     onExpandedChange?: DbEventHandler<{
         expanded: boolean;
     }>;
     onDbExpandedChange?: DbEventHandler<{
         expanded: boolean;
     }>;
+    onTabChange?: DbEventHandler<{
+        tabId: string;
+    }>;
+    onDbTabChange?: DbEventHandler<{
+        tabId: string;
+    }>;
 };
 type FloatingActionButtonProps = WebComponentProps & {
     size?: 's' | 'm' | 'l';
@@ -5082,11 +5191,16 @@ type BreadcrumbsProps = WebComponentProps & {
 type PaginationProps = WebComponentProps & {
     currentPage?: number;
     totalPages?: number;
+    totalItems?: number;
+    pageSize?: number;
+    pageSizeOptions?: number[] | string;
     size?: 's' | 'm' | 'l';
     variant?: 'default' | 'outlined' | 'minimal';
     alignment?: 'left' | 'center' | 'right';
     showFirstLast?: boolean;
     showPreviousNext?: boolean;
+    showPageSizeSelector?: boolean;
+    showTotal?: boolean;
     siblingCount?: number;
     boundaryCount?: number;
     disabled?: boolean;
@@ -5100,6 +5214,12 @@ type PaginationProps = WebComponentProps & {
     onDbChange?: DbEventHandler<{
         page: number;
     }>;
+    onPageSizeChange?: DbEventHandler<{
+        pageSize: number;
+    }>;
+    onDbPageSizeChange?: DbEventHandler<{
+        pageSize: number;
+    }>;
 };
 type ListItemConfig = {
     id: string;
@@ -6305,7 +6425,7 @@ declare const Stack: react.ForwardRefExoticComponent<Omit<WebComponentProps, "re
 declare const Stepper: react.ForwardRefExoticComponent<Omit<StepperProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Table: react.ForwardRefExoticComponent<Omit<TableProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Tabs: react.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & react.RefAttributes<HTMLElement>>;
-declare const Textarea: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Textarea: react.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Toast: react.ForwardRefExoticComponent<Omit<ToastProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Toggle: react.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Toolbar: react.ForwardRefExoticComponent<Omit<WebComponentProps, "ref"> & react.RefAttributes<HTMLElement>>;
@@ -6352,4 +6472,4 @@ declare const TimePicker: react.ForwardRefExoticComponent<Omit<TimePickerProps,
 declare const Calendar: react.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & react.RefAttributes<HTMLElement>>;
 
 export { Accordion, AdBanner, Alert, AnimationBackground, AnimationText, AppBadge, AudioPlayer, Avatar, Backdrop, Badge, Banner, BottomNavigation, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, Checkbox, Chip, CodeBlock, ColorPicker, Confirm, Container, ContextMenu, Countdown, CursorFollower, DatePicker, Divider, Drawer, Dropdown, Dropzone, EmptyState, FileUploader, FloatingActionButton, Form, Gradient, Grid, GridItem, Image, ImageList, ImagePlaceholder, Indicator, Input, Label, Lightbox, List, Logo, Lottie, MarkdownEditor, Marquee, Masonry, MenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, OnboardingModal, PageHeader, Pagination, Popover, Progress, ProgressStep, Progressbar, Radio, RandomGradient, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SectionAppDownload, SectionContact, SectionFeature, SectionHero, SegmentControl, Select, Share, Sidebar, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Testimonial, Textarea, TimePicker, Timeline, Toast, Toggle, Toolbar, Tooltip, TopBanner, Tutorial, VideoPlayer, YouTubePlayer, useContextMenu };
-export type { AccordionItemConfig, AccordionProps, AdBannerProps, AlertAction, AlertProps, AnimationBackgroundProps, AnimationTextProps, AppBadgeProps, AudioPlayerProps, AvatarProps, BackdropProps, BadgeProps, BannerAction, BannerProps, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BreadcrumbItemConfig, BreadcrumbsProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CarouselItem, CarouselProps, ChipProps, CodeBlockItem, CodeBlockProps, ColorPickerProps, ConfirmProps, ContextMenuItemConfig, ContextMenuProps, CountdownProps, CursorFollowerProps, DatePickerProps, DbEventHandler, DividerProps, DrawerProps, DropdownItemConfig, DropdownProps, DropzoneProps, EmptyStateProps, FileUploaderProps, FloatingActionButtonProps, FormFieldData, FormProps, GradientColor, GradientProps, ImageListItem, ImageListProps, ImagePlaceholderProps, ImageProps, IndicatorProps, InputProps, LabelProps, LightboxImage, LightboxProps, ListItemConfig, ListProps, LogoProps, LottieProps, MarkdownEditorProps, MarqueeProps, MasonryItem, MasonryProps, MenuItemChildConfig, MenuItemProps, ModalProps, ModalSegmentItem, ModalTabItem, NavbarItem, NavbarProps, NavbarUserProfile, OnboardingModalProps, OnboardingStep, PageHeaderProps, PageHeaderTabItem, PaginationProps, PopoverProps, ProgressProps, ProgressStepItem, ProgressStepProps, RadioProps, RandomGradientProps, RangeSliderProps, RatingProps, ReorderItem, ReorderProps, ResizablePanelsProps, ScrollAreaProps, SearchBarProps, SectionAppDownloadProps, SectionAppDownloadStore, SectionContactAction, SectionContactProps, SectionFeatureAction, SectionFeatureBadge, SectionFeatureProps, SectionHeroButton, SectionHeroProps, SectionProps, SegmentControlProps, SelectProps, SelectionProps, SharePlatform, ShareProps, SidebarItem, SidebarProps, SidebarSection, SidebarUserProfile, SkeletonProps, SpinnerProps, SplitViewProps, StatChange, StatProps, StepperProps, TabItemConfig, TableColumn, TableProps, TabsProps, TestimonialProps, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToggleProps, TooltipProps, TopBannerProps, TutorialProps, TutorialStep, UseContextMenuReturn, VideoPlayerProps, WebComponentProps, YouTubePlayerProps };
+export type { AccordionItemConfig, AccordionProps, AdBannerProps, AlertAction, AlertProps, AnimationBackgroundProps, AnimationTextProps, AppBadgeProps, AudioPlayerProps, AvatarProps, BackdropProps, BadgeProps, BannerAction, BannerProps, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BreadcrumbItemConfig, BreadcrumbsProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CarouselItem, CarouselProps, ChipProps, CodeBlockItem, CodeBlockProps, ColorPickerProps, ConfirmProps, ContextMenuItemConfig, ContextMenuProps, CountdownProps, CursorFollowerProps, DatePickerProps, DbEventHandler, DividerProps, DrawerProps, DropdownItemConfig, DropdownProps, DropzoneProps, EmptyStateProps, FileUploaderProps, FloatingActionButtonProps, FormFieldData, FormProps, GradientColor, GradientProps, ImageListItem, ImageListProps, ImagePlaceholderProps, ImageProps, IndicatorProps, InputProps, LabelProps, LightboxImage, LightboxProps, ListItemConfig, ListProps, LogoProps, LottieProps, MarkdownEditorProps, MarqueeProps, MasonryItem, MasonryProps, MenuItemChildConfig, MenuItemProps, ModalProps, ModalSegmentItem, ModalTabItem, NavbarItem, NavbarProps, NavbarUserProfile, OnboardingModalProps, OnboardingStep, PageHeaderProps, PageHeaderTabItem, PaginationProps, PopoverProps, ProgressProps, ProgressStepItem, ProgressStepProps, RadioProps, RandomGradientProps, RangeSliderProps, RatingProps, ReorderItem, ReorderProps, ResizablePanelsProps, ScrollAreaProps, SearchBarProps, SectionAppDownloadProps, SectionAppDownloadStore, SectionContactAction, SectionContactProps, SectionFeatureAction, SectionFeatureBadge, SectionFeatureProps, SectionHeroButton, SectionHeroProps, SectionProps, SegmentControlProps, SelectProps, SelectionProps, SharePlatform, ShareProps, SidebarItem, SidebarProps, SidebarSection, SidebarUserProfile, SkeletonProps, SpinnerProps, SplitViewProps, StatChange, StatProps, StepperProps, TabItemConfig, TableColumn, TableProps, TabsProps, TestimonialProps, TextareaProps, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToggleProps, TooltipProps, TopBannerProps, TutorialProps, TutorialStep, UseContextMenuReturn, VideoPlayerProps, WebComponentProps, YouTubePlayerProps };