@designbasekorea/ui-wc 0.6.1 → 0.7.0

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/index.d.ts CHANGED
@@ -1348,6 +1348,20 @@ declare global {
1348
1348
  }
1349
1349
  }
1350
1350
 
1351
+ declare class DbCookieBanner extends HTMLElement {
1352
+ static get observedAttributes(): string[];
1353
+ connectedCallback(): void;
1354
+ attributeChangedCallback(): void;
1355
+ private isEnabled;
1356
+ private createButton;
1357
+ private render;
1358
+ }
1359
+ declare global {
1360
+ interface HTMLElementTagNameMap {
1361
+ 'db-cookie-banner': DbCookieBanner;
1362
+ }
1363
+ }
1364
+
1351
1365
  interface DbStatChange {
1352
1366
  value: number;
1353
1367
  type: 'increase' | 'decrease';
@@ -1704,6 +1718,8 @@ interface DbSidebarItem {
1704
1718
  selected?: boolean;
1705
1719
  /** 프로필 메뉴에서 이 항목 앞에 구분선을 표시합니다. */
1706
1720
  dividerBefore?: boolean;
1721
+ /** 클릭 시 이동할 사이드바 패널 id (예: settings) */
1722
+ openPanel?: string;
1707
1723
  children?: DbSidebarItem[];
1708
1724
  }
1709
1725
  interface DbSidebarSection {
@@ -1784,6 +1800,12 @@ declare class DbSidebar extends HTMLElement {
1784
1800
  set backLabel(value: string);
1785
1801
  get backHref(): string;
1786
1802
  set backHref(value: string);
1803
+ get settingsSections(): DbSidebarSection[];
1804
+ set settingsSections(value: DbSidebarSection[] | string);
1805
+ get activePanel(): string;
1806
+ set activePanel(value: string);
1807
+ private parseSettingsSections;
1808
+ private hasSettingsPanel;
1787
1809
  private parseSections;
1788
1810
  private parseUserMenuItems;
1789
1811
  private parseUserProfile;
@@ -1803,6 +1825,8 @@ declare class DbSidebar extends HTMLElement {
1803
1825
  private setUserFlyout;
1804
1826
  private scheduleUserFlyoutClose;
1805
1827
  private syncHostClasses;
1828
+ private syncActivePanelTrack;
1829
+ private navigateToPanel;
1806
1830
  private dispatchItemClick;
1807
1831
  private dispatchUserMenuItemClick;
1808
1832
  private dispatchBackClick;
@@ -1820,6 +1844,8 @@ declare class DbSidebar extends HTMLElement {
1820
1844
  private renderBottomNav;
1821
1845
  private createUserDropdown;
1822
1846
  private createPromoBanner;
1847
+ private createHeader;
1848
+ private createNavWrapper;
1823
1849
  private render;
1824
1850
  }
1825
1851
  declare global {
@@ -2772,6 +2798,83 @@ declare global {
2772
2798
  }
2773
2799
  }
2774
2800
 
2801
+ type DbSignatureVariant = 'dashed' | 'outlined';
2802
+ interface DbSignaturePoint {
2803
+ x: number;
2804
+ y: number;
2805
+ t: number;
2806
+ }
2807
+ /**
2808
+ * db-signature — 마우스·터치·펜으로 서명을 그리는 컴포넌트
2809
+ *
2810
+ * 중점 이차 곡선 + coalesced pointer 로 자연스럽게 이어지며,
2811
+ * ⌘Z / ⌘⇧Z (Ctrl+Z / Ctrl+⇧Z) 로 되돌리기·다시 실행을 지원합니다.
2812
+ *
2813
+ * 속성: height, variant, pen-color, background-color, min-width, max-width,
2814
+ * placeholder, show-clear, clear-label, disabled, readonly, value
2815
+ * 메서드: clear(), undo(), redo(), isEmpty(), toDataURL(), fromDataURL()
2816
+ * 이벤트: db-begin, db-end, db-change(detail.value), db-clear
2817
+ */
2818
+ declare class DbSignature extends HTMLElement {
2819
+ private canvas;
2820
+ private placeholderEl;
2821
+ private clearButton;
2822
+ private resizeObserver;
2823
+ private themeObserver;
2824
+ private strokes;
2825
+ private redoStack;
2826
+ private currentStroke;
2827
+ private lastMid;
2828
+ private lastWidth;
2829
+ private lastVelocity;
2830
+ private backgroundImage;
2831
+ private activePointerId;
2832
+ static get observedAttributes(): string[];
2833
+ connectedCallback(): void;
2834
+ disconnectedCallback(): void;
2835
+ attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
2836
+ get value(): string | null;
2837
+ set value(next: string | null);
2838
+ private getNumberAttr;
2839
+ private getBooleanAttr;
2840
+ private getVariant;
2841
+ private get minWidth();
2842
+ private get maxWidth();
2843
+ private get interactive();
2844
+ private getPenColor;
2845
+ private render;
2846
+ private updateState;
2847
+ private syncCanvasSize;
2848
+ private resetCanvas;
2849
+ private resolveWidth;
2850
+ private drawCurveSegment;
2851
+ private drawDot;
2852
+ private drawStroke;
2853
+ private redraw;
2854
+ private getPoint;
2855
+ private appendPoint;
2856
+ private handlePointerDown;
2857
+ private handlePointerMove;
2858
+ private handlePointerUp;
2859
+ private handleClearClick;
2860
+ private handleKeyDown;
2861
+ private emitChange;
2862
+ isEmpty(): boolean;
2863
+ clear(): void;
2864
+ /** 마지막 획을 되돌립니다 */
2865
+ undo(): void;
2866
+ /** 되돌린 획을 다시 적용합니다 */
2867
+ redo(): void;
2868
+ toDataURL(type?: string, quality?: number): string | null;
2869
+ fromDataURL(dataUrl: string): void;
2870
+ getCanvas(): HTMLCanvasElement | null;
2871
+ }
2872
+ declare global {
2873
+ interface HTMLElementTagNameMap {
2874
+ 'db-signature': DbSignature;
2875
+ }
2876
+ }
2877
+
2775
2878
  declare class DbCountdown extends HTMLElement {
2776
2879
  private timer;
2777
2880
  private targetTime;
@@ -3426,6 +3529,7 @@ declare class DbTestimonial extends HTMLElement {
3426
3529
  private innerEl?;
3427
3530
  private quoteEl?;
3428
3531
  private backgroundEl?;
3532
+ private logoWrapEl?;
3429
3533
  private logoEl?;
3430
3534
  private footerEl?;
3431
3535
  private extraEl?;
@@ -3463,16 +3567,29 @@ declare class DbSectionHero extends HTMLElement {
3463
3567
  private backgroundVideoEl?;
3464
3568
  private backgroundImageEl?;
3465
3569
  private overlayEl?;
3570
+ private defaultContainerEl?;
3571
+ private splitContainerEl?;
3572
+ private stageEl?;
3573
+ private floatsEl?;
3574
+ private contentEl?;
3575
+ private badgeEl?;
3466
3576
  private titleEl?;
3467
3577
  private subtitleEl?;
3468
3578
  private descriptionEl?;
3469
3579
  private buttonsEl?;
3580
+ private visualMainEl?;
3581
+ private visualSideEl?;
3582
+ private visualTlEl?;
3583
+ private visualTrEl?;
3470
3584
  connectedCallback(): void;
3471
3585
  attributeChangedCallback(): void;
3472
3586
  get buttons(): HeroButton[];
3473
3587
  set buttons(value: HeroButton[] | string);
3474
3588
  private parseButtons;
3589
+ private createContent;
3590
+ private createVisual;
3475
3591
  private build;
3592
+ private mountLayout;
3476
3593
  private updateUI;
3477
3594
  }
3478
3595
  declare global {
@@ -5384,5 +5501,5 @@ interface DbConfirmOptions {
5384
5501
  /** 확인 대화상자를 띄우고, 확인 시 true / 취소(ESC·배경 포함) 시 false 로 resolve 합니다. */
5385
5502
  declare function confirm(options: DbConfirmOptions): Promise<boolean>;
5386
5503
 
5387
- 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 };
5388
- 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 };
5504
+ 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 };
5505
+ 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 };