@designbasekorea/ui-wc 0.6.1 → 0.7.1

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 {
@@ -1745,6 +1761,13 @@ declare class DbSidebar extends HTMLElement {
1745
1761
  private flyoutCloseTimer;
1746
1762
  private userFlyoutCloseTimer;
1747
1763
  private outsideHandler;
1764
+ /**
1765
+ * db-sidebar는 Light DOM으로 렌더링하므로 이름 있는 자식 요소를 직접 보존하고
1766
+ * 해당 내비게이션 영역으로 이동해 슬롯처럼 투영합니다.
1767
+ */
1768
+ private collectCustomNavSlots;
1769
+ private createCustomNavSlot;
1770
+ private projectCustomNavSlots;
1748
1771
  static get observedAttributes(): string[];
1749
1772
  connectedCallback(): void;
1750
1773
  disconnectedCallback(): void;
@@ -1784,6 +1807,12 @@ declare class DbSidebar extends HTMLElement {
1784
1807
  set backLabel(value: string);
1785
1808
  get backHref(): string;
1786
1809
  set backHref(value: string);
1810
+ get settingsSections(): DbSidebarSection[];
1811
+ set settingsSections(value: DbSidebarSection[] | string);
1812
+ get activePanel(): string;
1813
+ set activePanel(value: string);
1814
+ private parseSettingsSections;
1815
+ private hasSettingsPanel;
1787
1816
  private parseSections;
1788
1817
  private parseUserMenuItems;
1789
1818
  private parseUserProfile;
@@ -1803,6 +1832,8 @@ declare class DbSidebar extends HTMLElement {
1803
1832
  private setUserFlyout;
1804
1833
  private scheduleUserFlyoutClose;
1805
1834
  private syncHostClasses;
1835
+ private syncActivePanelTrack;
1836
+ private navigateToPanel;
1806
1837
  private dispatchItemClick;
1807
1838
  private dispatchUserMenuItemClick;
1808
1839
  private dispatchBackClick;
@@ -1820,6 +1851,8 @@ declare class DbSidebar extends HTMLElement {
1820
1851
  private renderBottomNav;
1821
1852
  private createUserDropdown;
1822
1853
  private createPromoBanner;
1854
+ private createHeader;
1855
+ private createNavWrapper;
1823
1856
  private render;
1824
1857
  }
1825
1858
  declare global {
@@ -2772,6 +2805,83 @@ declare global {
2772
2805
  }
2773
2806
  }
2774
2807
 
2808
+ type DbSignatureVariant = 'dashed' | 'outlined';
2809
+ interface DbSignaturePoint {
2810
+ x: number;
2811
+ y: number;
2812
+ t: number;
2813
+ }
2814
+ /**
2815
+ * db-signature — 마우스·터치·펜으로 서명을 그리는 컴포넌트
2816
+ *
2817
+ * 중점 이차 곡선 + coalesced pointer 로 자연스럽게 이어지며,
2818
+ * ⌘Z / ⌘⇧Z (Ctrl+Z / Ctrl+⇧Z) 로 되돌리기·다시 실행을 지원합니다.
2819
+ *
2820
+ * 속성: height, variant, pen-color, background-color, min-width, max-width,
2821
+ * placeholder, show-clear, clear-label, disabled, readonly, value
2822
+ * 메서드: clear(), undo(), redo(), isEmpty(), toDataURL(), fromDataURL()
2823
+ * 이벤트: db-begin, db-end, db-change(detail.value), db-clear
2824
+ */
2825
+ declare class DbSignature extends HTMLElement {
2826
+ private canvas;
2827
+ private placeholderEl;
2828
+ private clearButton;
2829
+ private resizeObserver;
2830
+ private themeObserver;
2831
+ private strokes;
2832
+ private redoStack;
2833
+ private currentStroke;
2834
+ private lastMid;
2835
+ private lastWidth;
2836
+ private lastVelocity;
2837
+ private backgroundImage;
2838
+ private activePointerId;
2839
+ static get observedAttributes(): string[];
2840
+ connectedCallback(): void;
2841
+ disconnectedCallback(): void;
2842
+ attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
2843
+ get value(): string | null;
2844
+ set value(next: string | null);
2845
+ private getNumberAttr;
2846
+ private getBooleanAttr;
2847
+ private getVariant;
2848
+ private get minWidth();
2849
+ private get maxWidth();
2850
+ private get interactive();
2851
+ private getPenColor;
2852
+ private render;
2853
+ private updateState;
2854
+ private syncCanvasSize;
2855
+ private resetCanvas;
2856
+ private resolveWidth;
2857
+ private drawCurveSegment;
2858
+ private drawDot;
2859
+ private drawStroke;
2860
+ private redraw;
2861
+ private getPoint;
2862
+ private appendPoint;
2863
+ private handlePointerDown;
2864
+ private handlePointerMove;
2865
+ private handlePointerUp;
2866
+ private handleClearClick;
2867
+ private handleKeyDown;
2868
+ private emitChange;
2869
+ isEmpty(): boolean;
2870
+ clear(): void;
2871
+ /** 마지막 획을 되돌립니다 */
2872
+ undo(): void;
2873
+ /** 되돌린 획을 다시 적용합니다 */
2874
+ redo(): void;
2875
+ toDataURL(type?: string, quality?: number): string | null;
2876
+ fromDataURL(dataUrl: string): void;
2877
+ getCanvas(): HTMLCanvasElement | null;
2878
+ }
2879
+ declare global {
2880
+ interface HTMLElementTagNameMap {
2881
+ 'db-signature': DbSignature;
2882
+ }
2883
+ }
2884
+
2775
2885
  declare class DbCountdown extends HTMLElement {
2776
2886
  private timer;
2777
2887
  private targetTime;
@@ -3426,6 +3536,7 @@ declare class DbTestimonial extends HTMLElement {
3426
3536
  private innerEl?;
3427
3537
  private quoteEl?;
3428
3538
  private backgroundEl?;
3539
+ private logoWrapEl?;
3429
3540
  private logoEl?;
3430
3541
  private footerEl?;
3431
3542
  private extraEl?;
@@ -3463,16 +3574,29 @@ declare class DbSectionHero extends HTMLElement {
3463
3574
  private backgroundVideoEl?;
3464
3575
  private backgroundImageEl?;
3465
3576
  private overlayEl?;
3577
+ private defaultContainerEl?;
3578
+ private splitContainerEl?;
3579
+ private stageEl?;
3580
+ private floatsEl?;
3581
+ private contentEl?;
3582
+ private badgeEl?;
3466
3583
  private titleEl?;
3467
3584
  private subtitleEl?;
3468
3585
  private descriptionEl?;
3469
3586
  private buttonsEl?;
3587
+ private visualMainEl?;
3588
+ private visualSideEl?;
3589
+ private visualTlEl?;
3590
+ private visualTrEl?;
3470
3591
  connectedCallback(): void;
3471
3592
  attributeChangedCallback(): void;
3472
3593
  get buttons(): HeroButton[];
3473
3594
  set buttons(value: HeroButton[] | string);
3474
3595
  private parseButtons;
3596
+ private createContent;
3597
+ private createVisual;
3475
3598
  private build;
3599
+ private mountLayout;
3476
3600
  private updateUI;
3477
3601
  }
3478
3602
  declare global {
@@ -5384,5 +5508,5 @@ interface DbConfirmOptions {
5384
5508
  /** 확인 대화상자를 띄우고, 확인 시 true / 취소(ESC·배경 포함) 시 false 로 resolve 합니다. */
5385
5509
  declare function confirm(options: DbConfirmOptions): Promise<boolean>;
5386
5510
 
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 };
5511
+ 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 };
5512
+ 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 };