@designbasekorea/ui-wc 0.14.0 → 0.15.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 +7 -0
- package/README.md +2 -0
- package/dist/esm/components/db-layer-list.d.ts +71 -0
- package/dist/esm/components/db-layer-list.js +1 -0
- package/dist/esm/core/i18n-en.js +1 -1
- package/dist/esm/core/i18n.d.ts +7 -0
- package/dist/esm/core/i18n.js +1 -1
- package/dist/esm/index.d.ts +1 -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 +74 -2
- package/dist/index.esm.js +1 -1
- package/dist/react/index.cjs +1 -1
- package/dist/react/index.d.ts +46 -2
- package/dist/react/index.esm.js +1 -1
- package/docs/LAYER-LIST.md +31 -0
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -369,6 +369,13 @@ declare function activateOnKey(el: HTMLElement, options?: {
|
|
|
369
369
|
*/
|
|
370
370
|
/** 컴포넌트가 쓰는 문자열 키 → 기본(한국어) 값 */
|
|
371
371
|
declare const DEFAULT_STRINGS: {
|
|
372
|
+
readonly "layerList.label": "레이어 목록";
|
|
373
|
+
readonly "layerList.delete": "{name} 삭제";
|
|
374
|
+
readonly "layerList.lock": "{name} 잠금";
|
|
375
|
+
readonly "layerList.unlock": "{name} 잠금 해제";
|
|
376
|
+
readonly "layerList.show": "{name} 표시";
|
|
377
|
+
readonly "layerList.hide": "{name} 숨기기";
|
|
378
|
+
readonly "layerList.empty": "레이어가 없습니다.";
|
|
372
379
|
readonly "appUpdate.notice": "업데이트 안내";
|
|
373
380
|
readonly "appUpdate.changes": "주요 변경 내용";
|
|
374
381
|
readonly "appUpdate.automatic": "완료 후 자동으로 다시 시작됩니다.";
|
|
@@ -9707,5 +9714,70 @@ declare global {
|
|
|
9707
9714
|
}
|
|
9708
9715
|
}
|
|
9709
9716
|
|
|
9710
|
-
|
|
9711
|
-
|
|
9717
|
+
interface LayerListAction {
|
|
9718
|
+
id: string;
|
|
9719
|
+
label: string;
|
|
9720
|
+
icon: DbIconName;
|
|
9721
|
+
disabled?: boolean;
|
|
9722
|
+
}
|
|
9723
|
+
interface LayerListItem {
|
|
9724
|
+
id: string;
|
|
9725
|
+
label: string;
|
|
9726
|
+
description?: string;
|
|
9727
|
+
icon?: DbIconName;
|
|
9728
|
+
visible?: boolean;
|
|
9729
|
+
locked?: boolean;
|
|
9730
|
+
removable?: boolean;
|
|
9731
|
+
actions?: LayerListAction[];
|
|
9732
|
+
}
|
|
9733
|
+
interface LayerListChangeDetail {
|
|
9734
|
+
items: LayerListItem[];
|
|
9735
|
+
itemId: string;
|
|
9736
|
+
action: 'reorder' | 'visibility' | 'lock' | 'delete';
|
|
9737
|
+
fromIndex?: number;
|
|
9738
|
+
toIndex?: number;
|
|
9739
|
+
}
|
|
9740
|
+
/** Stateful UI. Persist db-change.items in the owning document; IDs are stable across reorder. */
|
|
9741
|
+
declare class DbLayerList extends DbElement {
|
|
9742
|
+
private data;
|
|
9743
|
+
private selected;
|
|
9744
|
+
private defaultLabel;
|
|
9745
|
+
private drag?;
|
|
9746
|
+
private raf;
|
|
9747
|
+
private unsubscribe?;
|
|
9748
|
+
static get observedAttributes(): string[];
|
|
9749
|
+
get items(): LayerListItem[];
|
|
9750
|
+
set items(value: LayerListItem[] | string);
|
|
9751
|
+
get selectedId(): string;
|
|
9752
|
+
set selectedId(value: string);
|
|
9753
|
+
connectedCallback(): void;
|
|
9754
|
+
disconnectedCallback(): void;
|
|
9755
|
+
attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
|
|
9756
|
+
private get disabled();
|
|
9757
|
+
private rows;
|
|
9758
|
+
private select;
|
|
9759
|
+
private syncSelection;
|
|
9760
|
+
private emitChange;
|
|
9761
|
+
private handleClick;
|
|
9762
|
+
private action;
|
|
9763
|
+
private focusControl;
|
|
9764
|
+
private down;
|
|
9765
|
+
private move;
|
|
9766
|
+
private preview;
|
|
9767
|
+
private autoScroll;
|
|
9768
|
+
private up;
|
|
9769
|
+
private cancel;
|
|
9770
|
+
private cancelDrag;
|
|
9771
|
+
private reorder;
|
|
9772
|
+
private key;
|
|
9773
|
+
private button;
|
|
9774
|
+
private render;
|
|
9775
|
+
}
|
|
9776
|
+
declare global {
|
|
9777
|
+
interface HTMLElementTagNameMap {
|
|
9778
|
+
'db-layer-list': DbLayerList;
|
|
9779
|
+
}
|
|
9780
|
+
}
|
|
9781
|
+
|
|
9782
|
+
export { APP_UPDATE_STATUSES, CleanupBag, DEVICE_MOCKUP_SCREENS, DbAccordion, DbAchievementList, DbAchievementModal, DbActivityHeatmap, DbAdBanner, DbAiChainOfThought, DbAiChat, DbAiChatList, DbAiCheckpoint, DbAiConfirmation, DbAiContext, DbAiConversation, DbAiExecutionQuote, DbAiFileTree, DbAiGlow, DbAiInlineCitation, DbAiMessage, DbAiModelSelect, DbAiPlan, DbAiQueue, DbAiReasoning, DbAiSources, DbAiStackTrace, DbAiSubagent, DbAiTask, DbAiTaskStatus, DbAiTerminal, DbAiTestResults, DbAiTool, DbAlert, DbAndroidMockup, DbAnimationBackground, DbAnimationText, DbAppBadge, DbAppUpdate, DbAppleWatchMockup, DbAttachmentList, DbAudioPlayer, DbAvatar, DbBackdrop, DbBadge, DbBanner, DbBentoCard, DbBentoGrid, DbBoardingPass, DbBoardingPassStack, DbBorderBeam, DbBottomNavigation, DbBottomSheet, DbBreadcrumbs, DbBrowserMockup, DbButton, DbCalendar, DbCard, DbCarousel, DbChatComposer, DbChatList, DbChatMessage, DbChatOrb, DbChatRoom, DbChatSuggestions, DbChatTyping, DbChatWelcome, DbChatWidget, DbCheckbox, DbChip, DbCodeBlock, DbColorPicker, DbColorSwatch, DbConfetti, DbConfirm, DbContainer, DbContextBar, DbContextMenu, DbCookieBanner, DbCountdown, DbCreditBalance, DbCreditCard, DbCreditDropdown, DbCreditHistory, DbCreditRecharge, DbCreditRechargeModal, DbCursorFollower, DbDatePicker, DbDesignCanvas, DbDesignToolbar, DbDivider, DbDownloadProgress, DbDrawer, DbDropdown, DbDropzone, DbDuoMockup, DbEasingEditor, DbElement, DbEmailVerify, DbEmptyState, DbFileUploader, DbFilterBar, DbFlightStatus, DbFlipMockup, DbFloatingActionButton, DbFoldMockup, DbFooter, DbForm, DbGantt, DbGlyphMatrix, DbGradient, DbGrid, DbGridBackground, DbGridItem, DbImage, DbImageList, DbImagePlaceholder, DbIndicator, DbInput, DbInputGroup, DbIosMockup, DbKanban, DbKeyframeEditor, DbLabel, DbLayerList, DbLightbox, DbList, DbLogo, DbMarkdownEditor, DbMarquee, DbMasonry, DbMenuItem, DbMobileMockup, DbModal, DbNavbar, DbNavigationRail, DbNode, DbNotificationDropdown, DbNotificationInbox, DbOnboardingModal, DbOtpInput, DbPageHeader, DbPagination, DbPhoneVerify, DbPlanOverview, DbPopover, DbProgress, DbProgressStep, DbProgressbar, DbProgressiveBlur, DbRadio, DbRandomGradient, DbRangeSlider, DbRating, DbReceipt, DbReorder, DbResizablePanels, DbScrollArea, DbSearchBar, DbSection, DbSectionAppDownload, DbSectionContact, DbSectionCta, DbSectionFaq, DbSectionFeature, DbSectionFeatureGrid, DbSectionHero, DbSectionLogoCloud, DbSectionPricing, DbSectionStats, DbSectionTestimonials, DbSegmentControl, DbSelect, DbSelectionBar, DbShare, DbSidebar, DbSignature, DbSkeleton, DbSpinner, DbSplitView, DbStack, DbStat, DbStepper, DbTable, DbTabletMockup, DbTabs, DbTestimonial, DbTextarea, DbTicket, DbTimePicker, DbTimeline, DbToast, DbToggle, DbToolButton, DbToolLayout, DbToolPanel, DbToolbar, DbTooltip, DbTopBanner, DbTutorial, DbTweetCard, DbTwoFactor, DbVideoPlayer, DbVideoTimeline, DbVoiceControl, DbWorkspaceInviteModal, DbWorkspaceMembers, DbWorldMap, DbYouTubePlayer, DbZoomControl, EASING_PRESETS, NODE_STATUSES, NODE_VARIANTS, PAYMENT_BRANDS, TOOL_LAYOUT_VARIANTS, activateOnKey, announce, applyKeyframeEasing, confetti, confirm, createFocusTrap, createSrOnly, confirm as dbConfirm, dbResetLocale, dbSetLocale, dbText, toast as dbToast, dbUid, dbUseLocale, easingCss, editorTimecode, ensureId, evaluateEasing, evaluateEasingVelocity, evaluateKeyframes, frameTime, getPaymentBrand, getTabbables, keyframeEasingCurve, labelFrom, lockScroll, politenessForTone, rafThrottle, sanitizeHref, sanitizeHtmlFragment, scrollLockDepth, setAccessibleName, showToast, t, toast, unlockScroll };
|
|
9783
|
+
export type { AppUpdateEventDetail, AppUpdateStatus, CalendarEventData, CalendarEventType, Cleanup, ConfettiFireworkOptions, ConfettiFunction, ConfettiParticleOptions, DbAchievementItem, DbActivityHeatmapCellDetail, DbActivityHeatmapItem, DbAiAction, DbAiChatItem, DbAiItem, DbAiModelOption, DbAiModelSelection, DbAiQuoteExecution, DbAiQuoteView, DbAiStatus, DbAiTaskAction, DbAiTaskState, DbAlertAction, DbArtifactOptions, DbAttachment, DbAttachmentAction, DbAttachmentState, DbBannerAction, DbBoardingPassLabels, DbBottomNavigationItem, DbChatArtifactRef, DbChatAttachOption, DbChatListItem, DbChatMessageAttachment, DbChatMessageData, DbChatRoomMessage, DbChatSuggestion, DbChatTool, DbChatWidgetArticle, DbChatWidgetConversation, DbChatWidgetMenuAction, DbChatWidgetMenuItem, DbChatWidgetMessage, DbColorSwatchCustomType, DbColorSwatchItem, DbColorSwatchShape, DbColorSwatchSize, DbConfirmOptions, DbConfirmVariant, DbCreditCardFlip, DbCreditCardOrientation, DbCreditCardVariant, DbCreditEntry, DbCreditEntryKind, DbCreditPlan, DbCreditPlanSelection, DbFlightStatusValue, DbFooterCompanyInfo, DbFooterFamilySite, DbFooterLink, DbFooterLinkColumn, DbFooterSocialLink, DbFormFieldData, DbGanttAssignee, DbGanttGroup, DbGanttItem, DbGanttItemStatus, DbGanttRow, DbImageListItem, DbKanbanAssignee, DbKanbanCard, DbKanbanColumn, DbKanbanPriority, DbKanbanTag, DbLightboxImage, DbNavbarItem, DbNavbarUserProfile, DbNavigationRailItem, DbNodeMove, DbNodePort, DbNodePortDrag, DbNodePortSelect, DbNodePortType, DbNotificationAction, DbNotificationItem, DbNotificationReadAll, DbPageHeaderTabItem, DbPaperAction, DbPaperField, DbPlanFeature, DbReceiptItem, DbReceiptLabels, DbSharePlatform, DbShareVariant, DbSidebarItem, DbSidebarProject, DbSidebarPromoBanner, DbSidebarSection, DbSidebarUserProfile, DbSignaturePoint, DbSignatureVariant, DbStatChange, DbStringKey, DbStrings, DbTimelineItem, DbToastApi, DbToastHandle, DbToastOptions, ToastPosition as DbToastPosition, ToastVariant as DbToastVariant, DbTravelPass, DbTravelPassChange, DbTweetData, DbVoiceState, DbWorkspaceInviteDraft, DbWorkspaceInviteRole, DbWorkspaceMember, DbWorkspaceMemberAction, DbWorkspaceMemberState, DesignCanvasChange, DesignCanvasNode, DesignCanvasViewport, DesignToolAction, DesignToolOption, DesignToolbarItem, EasingChangeDetail, EasingCurve, EasingPreset, EditorKeyframe, FileStatus, FilterBarAlign, FilterBarSize, FilterBarVariant, FocusTrap, FocusTrapOptions, GradientScheme, GradientTone, KeyframeEasing, KeyframeEditDetail, KeyframeTangent, LayerListAction, LayerListChangeDetail, LayerListItem, TimelineEditDetail, TimelineMarker, ToolLayoutPanel, ToolLayoutResizeDetail, ToolLayoutSizes, ToolLayoutVariant, ToolPanelTab, UploadFile, VideoClip, VideoClipEffect, VideoEffectProperty, VideoTrack, WorldMapConnection, WorldMapLocation, WorldMapVariant, ZoomChangeDetail, ZoomControlAction, ZoomSource };
|