@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/CHANGELOG.md +23 -0
- package/README.md +9 -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 +12 -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 +119 -2
- package/dist/index.esm.js +1 -1
- package/dist/react/index.cjs +1 -1
- package/dist/react/index.d.ts +179 -3
- package/dist/react/index.esm.js +1 -1
- package/package.json +5 -4
- /package/dist/chunks/{lottie-35a9b0f5.js → lottie-bfc2216c.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 {
|
|
@@ -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 };
|