@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/CHANGELOG.md +35 -0
- package/README.md +49 -0
- package/dist/esm/components/db-cookie-banner.d.ts +15 -0
- package/dist/esm/components/db-cookie-banner.js +1 -0
- package/dist/esm/components/db-section-faq.js +1 -1
- package/dist/esm/components/db-section-hero.d.ts +13 -0
- package/dist/esm/components/db-section-hero.js +1 -1
- package/dist/esm/components/db-section-testimonials.js +1 -1
- package/dist/esm/components/db-sidebar.d.ts +19 -0
- package/dist/esm/components/db-sidebar.js +1 -1
- package/dist/esm/components/db-signature.d.ts +79 -0
- package/dist/esm/components/db-signature.js +1 -0
- package/dist/esm/components/db-testimonial.d.ts +1 -0
- package/dist/esm/components/db-testimonial.js +1 -1
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +126 -2
- package/dist/index.esm.js +1 -1
- package/dist/react/index.cjs +1 -1
- package/dist/react/index.d.ts +191 -3
- package/dist/react/index.esm.js +1 -1
- package/package.json +5 -4
- /package/dist/chunks/{lottie-35a9b0f5.js → lottie-672879dc.js} +0 -0
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 };
|