@designbasekorea/ui-wc 0.3.0 → 0.5.0

package/dist/index.d.ts

@@ -528,6 +528,8 @@ declare global {
 interface AccordionItemConfig {
     id?: string;
     title: string;
+    /** 슬롯(content-N)이 없을 때 본문으로 렌더되는 텍스트 */
+    content?: string;
     disabled?: boolean;
     itemType?: 'icon' | 'number' | 'question' | 'none';
     icon?: string;
@@ -769,6 +771,14 @@ declare global {
     }
 }
 
+interface BreadcrumbMenuItem {
+    id?: string;
+    label: string;
+    href?: string;
+    active?: boolean;
+    disabled?: boolean;
+    icon?: string;
+}
 interface BreadcrumbItem {
     id?: string;
     label: string;
@@ -776,14 +786,35 @@ interface BreadcrumbItem {
     active?: boolean;
     disabled?: boolean;
     icon?: string;
+    menu?: BreadcrumbMenuItem[];
 }
 declare class DbBreadcrumbs extends HTMLElement {
     static get observedAttributes(): string[];
+    private openMenuId;
+    private onDocumentMouseDown;
+    private onDocumentKeyDown;
     get items(): BreadcrumbItem[] | string;
     set items(value: BreadcrumbItem[] | string);
     connectedCallback(): void;
+    disconnectedCallback(): void;
     attributeChangedCallback(): void;
+    private get menuDropdown();
+    private get maxLabelLength();
+    private get resolvedVariant();
+    private itemId;
+    private menuItemId;
     private visibleItems;
+    private shouldUseDropdown;
+    private closeMenu;
+    private openMenu;
+    private toggleMenu;
+    private addGlobalListeners;
+    private removeGlobalListeners;
+    private updateDropdownStates;
+    private createLabel;
+    private createMenuItem;
+    private createDropdownItem;
+    private createStandardItem;
     private render;
 }
 declare global {
@@ -1192,9 +1223,10 @@ declare class DbMenuItem extends HTMLElement {
     get expanded(): boolean;
     set expanded(value: boolean);
     connectedCallback(): void;
-    attributeChangedCallback(): void;
     private iconSize;
     private render;
+    attributeChangedCallback(name: string): void;
+    private syncExpandedState;
 }
 declare global {
     interface HTMLElementTagNameMap {
@@ -1678,9 +1710,26 @@ interface DbSidebarUserProfile {
     email?: string;
     avatar?: string;
 }
+interface DbSidebarProject {
+    id: string;
+    label: string;
+    icon?: string;
+    color?: string;
+    href?: string;
+}
+interface DbSidebarPromoBanner {
+    title: string;
+    description?: string;
+    ctaLabel?: string;
+    ctaHref?: string;
+    icon?: string;
+}
 declare class DbSidebar extends HTMLElement {
     private expandedItems;
     private userMenuOpen;
+    private projectMenuOpen;
+    private flyoutItemId;
+    private flyoutCloseTimer;
     private outsideHandler;
     static get observedAttributes(): string[];
     connectedCallback(): void;
@@ -1695,17 +1744,52 @@ declare class DbSidebar extends HTMLElement {
     set userMenuItems(value: DbSidebarItem[] | string);
     get userProfile(): DbSidebarUserProfile | null;
     set userProfile(value: DbSidebarUserProfile | string | null);
+    get projects(): DbSidebarProject[];
+    set projects(value: DbSidebarProject[] | string);
+    get selectedProjectId(): string;
+    set selectedProjectId(value: string);
+    get projectManageLabel(): string;
+    set projectManageLabel(value: string);
+    get projectManageHref(): string;
+    set projectManageHref(value: string);
+    get projectSectionLabel(): string;
+    set projectSectionLabel(value: string);
+    get bottomItems(): DbSidebarItem[];
+    set bottomItems(value: DbSidebarItem[] | string);
+    get bottomSections(): DbSidebarSection[];
+    set bottomSections(value: DbSidebarSection[] | string);
+    get promoBanner(): DbSidebarPromoBanner | null;
+    set promoBanner(value: DbSidebarPromoBanner | string | null);
     private parseSections;
     private parseUserMenuItems;
     private parseUserProfile;
+    private parseProjects;
+    private parseBottomItems;
+    private parseBottomSections;
+    private parsePromoBanner;
+    private getSelectedProject;
     private bindOutsideClick;
+    private closeOverlayMenus;
+    private syncExclusiveAccordion;
     private unbindOutsideClick;
+    private cancelFlyoutClose;
+    private showFlyout;
+    private scheduleFlyoutClose;
     private syncHostClasses;
     private dispatchItemClick;
     private dispatchUserMenuItemClick;
-    private updateUserMenuVisibility;
+    private dispatchProjectChange;
+    private dispatchProjectManage;
+    private dispatchPromoCtaClick;
+    private createProjectAvatar;
+    private createProjectSelector;
+    private createFlyout;
     private createSidebarMenuItem;
+    private renderSectionList;
     private renderNav;
+    private renderBottomNav;
+    private createUserDropdown;
+    private createPromoBanner;
     private render;
 }
 declare global {
@@ -2849,6 +2933,168 @@ declare global {
     }
 }
 
+type DbKanbanPriority = 'low' | 'medium' | 'high' | 'urgent';
+type DbKanbanTag = {
+    label: string;
+    variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+};
+type DbKanbanAssignee = {
+    name: string;
+    initials?: string;
+    avatar?: string;
+};
+type DbKanbanCard = {
+    id: string;
+    title: string;
+    description?: string;
+    tags?: DbKanbanTag[];
+    assignee?: DbKanbanAssignee;
+    priority?: DbKanbanPriority;
+    dueDate?: string;
+    disabled?: boolean;
+};
+type DbKanbanColumn = {
+    id: string;
+    title: string;
+    cards: DbKanbanCard[];
+    limit?: number;
+    color?: string;
+};
+declare class DbKanban extends HTMLElement {
+    private dragState;
+    private dropTarget;
+    static get observedAttributes(): string[];
+    get columns(): DbKanbanColumn[];
+    set columns(value: DbKanbanColumn[] | string);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private getBool;
+    private getOption;
+    private emitChange;
+    private emitCardMove;
+    private findCardLocation;
+    private getAdjustedDropIndex;
+    private isValidDropTarget;
+    private moveCard;
+    private setDropTarget;
+    private resetDragState;
+    private updateDragClasses;
+    private getDropIndexFromPointer;
+    private getDropIndexFromColumnPointer;
+    private commitDrop;
+    private handleBoardDragOver;
+    private handleBoardDrop;
+    private formatDueDate;
+    private getInitials;
+    private createTag;
+    private createPriorityBadge;
+    private createAssignee;
+    private bindCardDrag;
+    private createCard;
+    private createColumn;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-kanban': DbKanban;
+    }
+}
+
+type DbGanttAssignee = {
+    name: string;
+    initials?: string;
+    avatar?: string;
+};
+type DbGanttItemStatus = 'on-track' | 'at-risk' | 'delayed' | 'completed';
+type DbGanttItem = {
+    id: string;
+    rowId: string;
+    title: string;
+    startDate: string;
+    endDate: string;
+    color?: string;
+    assignee?: DbGanttAssignee;
+    progress?: number;
+    status?: DbGanttItemStatus;
+    disabled?: boolean;
+};
+type DbGanttRow = {
+    id: string;
+    label: string;
+    groupId?: string;
+};
+type DbGanttGroup = {
+    id: string;
+    title: string;
+    color?: string;
+};
+declare class DbGantt extends HTMLElement {
+    private collapsedGroups;
+    private dragState;
+    private reorderState;
+    private reorderDropIndex;
+    private suppressRender;
+    private didDrag;
+    static get observedAttributes(): string[];
+    get groups(): DbGanttGroup[];
+    set groups(value: DbGanttGroup[] | string);
+    get rows(): DbGanttRow[];
+    set rows(value: DbGanttRow[] | string);
+    get items(): DbGanttItem[];
+    set items(value: DbGanttItem[] | string);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseJson;
+    private getBool;
+    private getNumber;
+    private getOption;
+    private getLocale;
+    private getWeekdays;
+    private getViewRange;
+    private getTodayDate;
+    private getDateColumns;
+    private getVisibleRows;
+    private getMonthSegments;
+    private getInitials;
+    private updateItem;
+    private emitItemsChange;
+    private applyBarGeometry;
+    private handlePointerMove;
+    private handlePointerUp;
+    private startBarDrag;
+    private canReorder;
+    private createDragHandle;
+    private getGroupIndex;
+    private getRowScope;
+    private getRowIndexInScope;
+    private getReorderTargets;
+    private startReorderDrag;
+    private updateReorderDropTarget;
+    private clearReorderIndicators;
+    private finishReorderDrag;
+    private emitStructureChange;
+    private reorderGroups;
+    private reorderRows;
+    private createGroupBadge;
+    private createGroupChevron;
+    private createAssignee;
+    private createStatusIcon;
+    private deriveSummaryColor;
+    private getGroupSummary;
+    private applyBarTone;
+    private createGroupSummaryBar;
+    private createBar;
+    private toggleGroup;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-gantt': DbGantt;
+    }
+}
+
 declare class DbResizablePanels extends HTMLElement {
     private container?;
     private contentEl?;
@@ -3205,8 +3451,8 @@ interface FeatureAction {
 declare class DbSectionFeature extends HTMLElement {
     static get observedAttributes(): string[];
     private built;
-    private sectionEl?;
-    private featureWrapEl?;
+    private innerEl?;
+    private contentEl?;
     private badgeEl?;
     private headlineEl?;
     private subtitleEl?;
@@ -3251,9 +3497,7 @@ declare global {
 declare class DbSectionContact extends HTMLElement {
     static get observedAttributes(): string[];
     private built;
-    private sectionEl?;
-    private wrapEl?;
-    private contactWrapEl?;
+    private innerEl?;
     private titleEl?;
     private descriptionEl?;
     private actionEl?;
@@ -3280,8 +3524,6 @@ interface DownloadStore {
 declare class DbSectionAppDownload extends HTMLElement {
     static get observedAttributes(): string[];
     private built;
-    private sectionEl?;
-    private wrapEl?;
     private innerEl?;
     private titleEl?;
     private descriptionEl?;
@@ -3300,6 +3542,157 @@ declare global {
     }
 }
 
+declare class DbSectionCta extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private wrapEl?;
+    private headerEl?;
+    private badgeEl?;
+    private headlineEl?;
+    private subtitleEl?;
+    private descriptionEl?;
+    private actionsEl?;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseBadge;
+    private parseButtons;
+    private build;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section-cta': DbSectionCta;
+    }
+}
+
+declare class DbSectionTestimonials extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private carouselIndex;
+    private innerEl?;
+    private headerEl?;
+    private contentEl?;
+    private carouselViewport?;
+    private carouselTrack?;
+    private carouselIndicator?;
+    private resizeObserver?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseItems;
+    private parseBadge;
+    private buildHeader;
+    private build;
+    private createTestimonialEl;
+    private updateHeader;
+    private clampCarouselIndex;
+    private updateCarouselTransform;
+    private goToCarouselSlide;
+    private renderGrid;
+    private renderCarousel;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section-testimonials': DbSectionTestimonials;
+    }
+}
+
+declare class DbSectionFeatureGrid extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private innerEl?;
+    private headerEl?;
+    private gridEl?;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseItems;
+    private parseBadge;
+    private build;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section-feature-grid': DbSectionFeatureGrid;
+    }
+}
+
+declare class DbSectionLogoCloud extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private innerEl?;
+    private headerEl?;
+    private contentEl?;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseLogos;
+    private parseBadge;
+    private build;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section-logo-cloud': DbSectionLogoCloud;
+    }
+}
+
+declare class DbSectionStats extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private innerEl?;
+    private headerEl?;
+    private gridEl?;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseItems;
+    private parseBadge;
+    private build;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section-stats': DbSectionStats;
+    }
+}
+
+declare class DbSectionFaq extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private innerEl?;
+    private headerEl?;
+    private accordionEl?;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseItems;
+    private parseBadge;
+    private build;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section-faq': DbSectionFaq;
+    }
+}
+
+declare class DbSectionPricing extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private innerEl?;
+    private headerEl?;
+    private gridEl?;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parsePlans;
+    private parseBadge;
+    private build;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section-pricing': DbSectionPricing;
+    }
+}
+
 declare class DbMarquee extends HTMLElement {
     static get observedAttributes(): string[];
     private built;
@@ -3851,5 +4244,5 @@ interface DbConfirmOptions {
 /** 확인 대화상자를 띄우고, 확인 시 true / 취소(ESC·배경 포함) 시 false 로 resolve 합니다. */
 declare function confirm(options: DbConfirmOptions): Promise<boolean>;
 
-export { DbAccordion, DbAdBanner, DbAlert, DbAnimationBackground, DbAnimationText, DbAppBadge, DbAudioPlayer, DbAvatar, DbBackdrop, DbBadge, DbBanner, DbBottomNavigation, DbBottomSheet, DbBreadcrumbs, DbButton, DbCalendar, DbCard, DbCarousel, DbCheckbox, DbChip, DbCodeBlock, DbColorPicker, DbConfirm, DbContainer, DbContextMenu, DbCountdown, DbCursorFollower, DbDatePicker, DbDivider, DbDrawer, DbDropdown, DbDropzone, DbEmptyState, DbFileUploader, DbFloatingActionButton, DbFooter, DbForm, DbGradient, DbGrid, DbGridBackground, DbGridItem, DbImage, DbImageList, DbImagePlaceholder, DbIndicator, DbInput, DbLabel, DbLightbox, DbList, DbLogo, DbLottie, DbMarkdownEditor, DbMarquee, DbMasonry, DbMenuItem, DbModal, DbNavbar, DbOnboardingModal, DbPageHeader, DbPagination, DbPopover, DbProgress, DbProgressStep, DbProgressbar, DbRadio, DbRandomGradient, DbRangeSlider, DbRating, DbReorder, DbResizablePanels, DbScrollArea, DbSearchBar, DbSection, DbSectionAppDownload, DbSectionContact, DbSectionFeature, DbSectionHero, DbSegmentControl, DbSelect, DbShare, DbSidebar, DbSkeleton, DbSpinner, DbSplitView, DbStack, DbStat, DbStepper, DbTable, DbTabs, DbTestimonial, DbTextarea, DbTimePicker, DbTimeline, DbToast, DbToggle, DbToolbar, DbTooltip, DbTopBanner, DbTutorial, DbVideoPlayer, DbYouTubePlayer, confirm, confirm as dbConfirm, toast as dbToast, showToast, toast };
-export type { CalendarEventData, CalendarEventType, DbAlertAction, DbBannerAction, DbBottomNavigationItem, DbConfirmOptions, DbConfirmVariant, DbFooterCompanyInfo, DbFooterFamilySite, DbFooterLink, DbFooterLinkColumn, DbFooterSocialLink, DbFormFieldData, DbImageListItem, DbLightboxImage, DbNavbarItem, DbNavbarUserProfile, DbPageHeaderTabItem, DbSharePlatform, DbShareVariant, DbSidebarItem, DbSidebarSection, DbSidebarUserProfile, DbStatChange, DbTimelineItem, DbToastApi, DbToastHandle, DbToastOptions, DbToastPosition, DbToastStatus };
+export { DbAccordion, DbAdBanner, DbAlert, DbAnimationBackground, DbAnimationText, DbAppBadge, DbAudioPlayer, DbAvatar, DbBackdrop, DbBadge, DbBanner, DbBottomNavigation, DbBottomSheet, DbBreadcrumbs, DbButton, DbCalendar, DbCard, DbCarousel, DbCheckbox, DbChip, DbCodeBlock, DbColorPicker, DbConfirm, DbContainer, DbContextMenu, DbCountdown, DbCursorFollower, DbDatePicker, DbDivider, DbDrawer, DbDropdown, DbDropzone, 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, DbPageHeader, DbPagination, 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, DbVideoPlayer, DbYouTubePlayer, confirm, confirm as dbConfirm, toast as dbToast, showToast, toast };
+export type { CalendarEventData, CalendarEventType, DbAlertAction, DbBannerAction, DbBottomNavigationItem, 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 };