@designbasekorea/ui-wc 0.6.0 → 0.7.0

package/dist/index.d.ts

@@ -1348,6 +1348,20 @@ declare global {
     }
 }
 
+declare class DbCookieBanner extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private isEnabled;
+    private createButton;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-cookie-banner': DbCookieBanner;
+    }
+}
+
 interface DbStatChange {
     value: number;
     type: 'increase' | 'decrease';
@@ -1698,11 +1712,21 @@ interface DbSidebarItem {
     disabled?: boolean;
     badge?: string | number;
     badgeColor?: string;
+    /** 프로필 메뉴 우측에 표시할 현재 값 (예: "System", "한국어") */
+    value?: string;
+    /** 2depth 선택 상태. 선택된 항목에는 체크 아이콘이 표시됩니다. */
+    selected?: boolean;
+    /** 프로필 메뉴에서 이 항목 앞에 구분선을 표시합니다. */
+    dividerBefore?: boolean;
+    /** 클릭 시 이동할 사이드바 패널 id (예: settings) */
+    openPanel?: string;
     children?: DbSidebarItem[];
 }
 interface DbSidebarSection {
     id: string;
     title?: string;
+    /** 이전 섹션과의 간격 */
+    gap?: 'none' | 's' | 'm' | 'l';
     items: DbSidebarItem[];
 }
 interface DbSidebarUserProfile {
@@ -1733,7 +1757,9 @@ declare class DbSidebar extends HTMLElement {
     private userMenuOpen;
     private projectMenuOpen;
     private flyoutItemId;
+    private userFlyoutItemId;
     private flyoutCloseTimer;
+    private userFlyoutCloseTimer;
     private outsideHandler;
     static get observedAttributes(): string[];
     connectedCallback(): void;
@@ -1768,6 +1794,18 @@ declare class DbSidebar extends HTMLElement {
     set bottomSections(value: DbSidebarSection[] | string);
     get promoBanner(): DbSidebarPromoBanner | null;
     set promoBanner(value: DbSidebarPromoBanner | string | null);
+    get headerType(): 'default' | 'back';
+    set headerType(value: 'default' | 'back');
+    get backLabel(): string;
+    set backLabel(value: string);
+    get backHref(): string;
+    set backHref(value: string);
+    get settingsSections(): DbSidebarSection[];
+    set settingsSections(value: DbSidebarSection[] | string);
+    get activePanel(): string;
+    set activePanel(value: string);
+    private parseSettingsSections;
+    private hasSettingsPanel;
     private parseSections;
     private parseUserMenuItems;
     private parseUserProfile;
@@ -1783,9 +1821,15 @@ declare class DbSidebar extends HTMLElement {
     private cancelFlyoutClose;
     private showFlyout;
     private scheduleFlyoutClose;
+    private cancelUserFlyoutClose;
+    private setUserFlyout;
+    private scheduleUserFlyoutClose;
     private syncHostClasses;
+    private syncActivePanelTrack;
+    private navigateToPanel;
     private dispatchItemClick;
     private dispatchUserMenuItemClick;
+    private dispatchBackClick;
     private dispatchProjectChange;
     private dispatchProjectManage;
     private dispatchPromoCtaClick;
@@ -1800,6 +1844,8 @@ declare class DbSidebar extends HTMLElement {
     private renderBottomNav;
     private createUserDropdown;
     private createPromoBanner;
+    private createHeader;
+    private createNavWrapper;
     private render;
 }
 declare global {
@@ -2752,6 +2798,83 @@ declare global {
     }
 }
 
+type DbSignatureVariant = 'dashed' | 'outlined';
+interface DbSignaturePoint {
+    x: number;
+    y: number;
+    t: number;
+}
+/**
+ * db-signature — 마우스·터치·펜으로 서명을 그리는 컴포넌트
+ *
+ * 중점 이차 곡선 + coalesced pointer 로 자연스럽게 이어지며,
+ * ⌘Z / ⌘⇧Z (Ctrl+Z / Ctrl+⇧Z) 로 되돌리기·다시 실행을 지원합니다.
+ *
+ * 속성: height, variant, pen-color, background-color, min-width, max-width,
+ *      placeholder, show-clear, clear-label, disabled, readonly, value
+ * 메서드: clear(), undo(), redo(), isEmpty(), toDataURL(), fromDataURL()
+ * 이벤트: db-begin, db-end, db-change(detail.value), db-clear
+ */
+declare class DbSignature extends HTMLElement {
+    private canvas;
+    private placeholderEl;
+    private clearButton;
+    private resizeObserver;
+    private themeObserver;
+    private strokes;
+    private redoStack;
+    private currentStroke;
+    private lastMid;
+    private lastWidth;
+    private lastVelocity;
+    private backgroundImage;
+    private activePointerId;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    get value(): string | null;
+    set value(next: string | null);
+    private getNumberAttr;
+    private getBooleanAttr;
+    private getVariant;
+    private get minWidth();
+    private get maxWidth();
+    private get interactive();
+    private getPenColor;
+    private render;
+    private updateState;
+    private syncCanvasSize;
+    private resetCanvas;
+    private resolveWidth;
+    private drawCurveSegment;
+    private drawDot;
+    private drawStroke;
+    private redraw;
+    private getPoint;
+    private appendPoint;
+    private handlePointerDown;
+    private handlePointerMove;
+    private handlePointerUp;
+    private handleClearClick;
+    private handleKeyDown;
+    private emitChange;
+    isEmpty(): boolean;
+    clear(): void;
+    /** 마지막 획을 되돌립니다 */
+    undo(): void;
+    /** 되돌린 획을 다시 적용합니다 */
+    redo(): void;
+    toDataURL(type?: string, quality?: number): string | null;
+    fromDataURL(dataUrl: string): void;
+    getCanvas(): HTMLCanvasElement | null;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-signature': DbSignature;
+    }
+}
+
 declare class DbCountdown extends HTMLElement {
     private timer;
     private targetTime;
@@ -3406,6 +3529,7 @@ declare class DbTestimonial extends HTMLElement {
     private innerEl?;
     private quoteEl?;
     private backgroundEl?;
+    private logoWrapEl?;
     private logoEl?;
     private footerEl?;
     private extraEl?;
@@ -3443,16 +3567,29 @@ declare class DbSectionHero extends HTMLElement {
     private backgroundVideoEl?;
     private backgroundImageEl?;
     private overlayEl?;
+    private defaultContainerEl?;
+    private splitContainerEl?;
+    private stageEl?;
+    private floatsEl?;
+    private contentEl?;
+    private badgeEl?;
     private titleEl?;
     private subtitleEl?;
     private descriptionEl?;
     private buttonsEl?;
+    private visualMainEl?;
+    private visualSideEl?;
+    private visualTlEl?;
+    private visualTrEl?;
     connectedCallback(): void;
     attributeChangedCallback(): void;
     get buttons(): HeroButton[];
     set buttons(value: HeroButton[] | string);
     private parseButtons;
+    private createContent;
+    private createVisual;
     private build;
+    private mountLayout;
     private updateUI;
 }
 declare global {
@@ -4343,6 +4480,7 @@ declare class DbPhoneVerify extends HTMLElement {
     private codeBlock;
     private errorEl;
     get size(): Size$2;
+    set size(v: Size$2);
     get step(): 'phone' | 'code' | 'verified';
     set step(v: 'phone' | 'code' | 'verified');
     get phone(): string;
@@ -4352,6 +4490,7 @@ declare class DbPhoneVerify extends HTMLElement {
     get code(): string;
     set code(v: string);
     get countdown(): number;
+    set countdown(v: number);
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
@@ -4404,11 +4543,13 @@ declare class DbEmailVerify extends HTMLElement {
     get mode(): 'code' | 'confirm';
     set mode(v: 'code' | 'confirm');
     get size(): Size$1;
+    set size(v: Size$1);
     get step(): 'email' | 'code' | 'sent' | 'verified';
     set step(v: 'email' | 'code' | 'sent' | 'verified');
     get email(): string;
     set email(v: string);
     get countdown(): number;
+    set countdown(v: number);
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
@@ -4460,15 +4601,25 @@ declare class DbTwoFactor extends HTMLElement {
     private otpInput;
     private hintEl;
     private timerEl;
+    private codeHead;
     private resendBtn;
     private verifyBtn;
     private backupBtn;
     private errorEl;
     private channelActions;
+    private resendStatus;
+    private backupBlock;
+    private backupInput;
+    private backupCancelBtn;
+    private backupMode;
+    private resendCount;
     get method(): Method;
     set method(v: Method);
     get size(): Size;
+    set size(v: Size);
     get countdown(): number;
+    set countdown(v: number);
+    get maxResends(): number;
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
@@ -5350,5 +5501,5 @@ interface DbConfirmOptions {
 /** 확인 대화상자를 띄우고, 확인 시 true / 취소(ESC·배경 포함) 시 false 로 resolve 합니다. */
 declare function confirm(options: DbConfirmOptions): Promise<boolean>;
 
-export { DbAccordion, DbAdBanner, DbAiChat, DbAiChatList, DbAlert, DbAnimationBackground, DbAnimationText, DbAppBadge, DbAudioPlayer, DbAvatar, DbBackdrop, DbBadge, DbBanner, DbBottomNavigation, DbBottomSheet, DbBreadcrumbs, DbButton, DbCalendar, DbCard, DbCarousel, DbChatComposer, DbChatList, DbChatMessage, DbChatOrb, DbChatRoom, DbChatSuggestions, DbChatTyping, DbChatWelcome, DbChatWidget, DbCheckbox, DbChip, DbCodeBlock, DbColorPicker, DbConfirm, DbContainer, DbContextMenu, DbCountdown, DbCursorFollower, DbDatePicker, DbDivider, DbDownloadProgress, DbDrawer, DbDropdown, DbDropzone, DbEmailVerify, DbEmptyState, DbFileUploader, DbFloatingActionButton, DbFooter, DbForm, DbGantt, DbGradient, DbGrid, DbGridBackground, DbGridItem, DbImage, DbImageList, DbImagePlaceholder, DbIndicator, DbInput, DbKanban, DbLabel, DbLightbox, DbList, DbLogo, DbLottie, DbMarkdownEditor, DbMarquee, DbMasonry, DbMenuItem, DbModal, DbNavbar, DbOnboardingModal, DbOtpInput, DbPageHeader, DbPagination, DbPhoneVerify, DbPopover, DbProgress, DbProgressStep, DbProgressbar, DbRadio, DbRandomGradient, DbRangeSlider, DbRating, DbReorder, DbResizablePanels, DbScrollArea, DbSearchBar, DbSection, DbSectionAppDownload, DbSectionContact, DbSectionCta, DbSectionFaq, DbSectionFeature, DbSectionFeatureGrid, DbSectionHero, DbSectionLogoCloud, DbSectionPricing, DbSectionStats, DbSectionTestimonials, DbSegmentControl, DbSelect, DbShare, DbSidebar, DbSkeleton, DbSpinner, DbSplitView, DbStack, DbStat, DbStepper, DbTable, DbTabs, DbTestimonial, DbTextarea, DbTimePicker, DbTimeline, DbToast, DbToggle, DbToolbar, DbTooltip, DbTopBanner, DbTutorial, DbTwoFactor, DbVideoPlayer, DbYouTubePlayer, confirm, confirm as dbConfirm, toast as dbToast, showToast, toast };
-export type { CalendarEventData, CalendarEventType, DbAiChatItem, DbAlertAction, DbArtifactOptions, DbBannerAction, DbBottomNavigationItem, DbChatArtifactRef, DbChatAttachOption, DbChatListItem, DbChatMessageData, DbChatRoomMessage, DbChatSuggestion, DbChatTool, DbChatWidgetConversation, DbChatWidgetMessage, DbConfirmOptions, DbConfirmVariant, DbFooterCompanyInfo, DbFooterFamilySite, DbFooterLink, DbFooterLinkColumn, DbFooterSocialLink, DbFormFieldData, DbGanttAssignee, DbGanttGroup, DbGanttItem, DbGanttItemStatus, DbGanttRow, DbImageListItem, DbKanbanAssignee, DbKanbanCard, DbKanbanColumn, DbKanbanPriority, DbKanbanTag, DbLightboxImage, DbNavbarItem, DbNavbarUserProfile, DbPageHeaderTabItem, DbSharePlatform, DbShareVariant, DbSidebarItem, DbSidebarProject, DbSidebarPromoBanner, DbSidebarSection, DbSidebarUserProfile, DbStatChange, DbTimelineItem, DbToastApi, DbToastHandle, DbToastOptions, DbToastPosition, DbToastStatus };
+export { DbAccordion, DbAdBanner, DbAiChat, DbAiChatList, DbAlert, DbAnimationBackground, DbAnimationText, DbAppBadge, DbAudioPlayer, DbAvatar, DbBackdrop, DbBadge, DbBanner, DbBottomNavigation, DbBottomSheet, DbBreadcrumbs, DbButton, DbCalendar, DbCard, DbCarousel, DbChatComposer, DbChatList, DbChatMessage, DbChatOrb, DbChatRoom, DbChatSuggestions, DbChatTyping, DbChatWelcome, DbChatWidget, DbCheckbox, DbChip, DbCodeBlock, DbColorPicker, DbConfirm, DbContainer, DbContextMenu, DbCookieBanner, DbCountdown, DbCursorFollower, DbDatePicker, DbDivider, DbDownloadProgress, DbDrawer, DbDropdown, DbDropzone, DbEmailVerify, DbEmptyState, DbFileUploader, DbFloatingActionButton, DbFooter, DbForm, DbGantt, DbGradient, DbGrid, DbGridBackground, DbGridItem, DbImage, DbImageList, DbImagePlaceholder, DbIndicator, DbInput, DbKanban, DbLabel, DbLightbox, DbList, DbLogo, DbLottie, DbMarkdownEditor, DbMarquee, DbMasonry, DbMenuItem, DbModal, DbNavbar, DbOnboardingModal, DbOtpInput, DbPageHeader, DbPagination, DbPhoneVerify, DbPopover, DbProgress, DbProgressStep, DbProgressbar, DbRadio, DbRandomGradient, DbRangeSlider, DbRating, DbReorder, DbResizablePanels, DbScrollArea, DbSearchBar, DbSection, DbSectionAppDownload, DbSectionContact, DbSectionCta, DbSectionFaq, DbSectionFeature, DbSectionFeatureGrid, DbSectionHero, DbSectionLogoCloud, DbSectionPricing, DbSectionStats, DbSectionTestimonials, DbSegmentControl, DbSelect, DbShare, DbSidebar, DbSignature, DbSkeleton, DbSpinner, DbSplitView, DbStack, DbStat, DbStepper, DbTable, DbTabs, DbTestimonial, DbTextarea, DbTimePicker, DbTimeline, DbToast, DbToggle, DbToolbar, DbTooltip, DbTopBanner, DbTutorial, DbTwoFactor, DbVideoPlayer, DbYouTubePlayer, confirm, confirm as dbConfirm, toast as dbToast, showToast, toast };
+export type { CalendarEventData, CalendarEventType, DbAiChatItem, DbAlertAction, DbArtifactOptions, DbBannerAction, DbBottomNavigationItem, DbChatArtifactRef, DbChatAttachOption, DbChatListItem, DbChatMessageData, DbChatRoomMessage, DbChatSuggestion, DbChatTool, DbChatWidgetConversation, DbChatWidgetMessage, DbConfirmOptions, DbConfirmVariant, DbFooterCompanyInfo, DbFooterFamilySite, DbFooterLink, DbFooterLinkColumn, DbFooterSocialLink, DbFormFieldData, DbGanttAssignee, DbGanttGroup, DbGanttItem, DbGanttItemStatus, DbGanttRow, DbImageListItem, DbKanbanAssignee, DbKanbanCard, DbKanbanColumn, DbKanbanPriority, DbKanbanTag, DbLightboxImage, DbNavbarItem, DbNavbarUserProfile, DbPageHeaderTabItem, DbSharePlatform, DbShareVariant, DbSidebarItem, DbSidebarProject, DbSidebarPromoBanner, DbSidebarSection, DbSidebarUserProfile, DbSignaturePoint, DbSignatureVariant, DbStatChange, DbTimelineItem, DbToastApi, DbToastHandle, DbToastOptions, DbToastPosition, DbToastStatus };