@designbasekorea/ui-wc 0.13.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 +16 -0
- package/LICENSE +21 -0
- package/README.en.md +45 -0
- package/README.md +13 -5
- package/THIRD-PARTY-NOTICES.md +5 -0
- package/dist/esm/components/db-ad-banner.d.ts +6 -0
- package/dist/esm/components/db-ad-banner.js +1 -1
- package/dist/esm/components/db-animation-background.d.ts +7 -0
- package/dist/esm/components/db-animation-background.js +1 -1
- package/dist/esm/components/db-avatar.d.ts +2 -0
- package/dist/esm/components/db-avatar.js +1 -1
- package/dist/esm/components/db-banner.d.ts +2 -0
- package/dist/esm/components/db-banner.js +1 -1
- package/dist/esm/components/db-bottom-navigation.d.ts +2 -0
- package/dist/esm/components/db-bottom-navigation.js +1 -1
- package/dist/esm/components/db-card.d.ts +2 -0
- package/dist/esm/components/db-card.js +1 -1
- package/dist/esm/components/db-carousel.d.ts +2 -0
- package/dist/esm/components/db-carousel.js +1 -1
- package/dist/esm/components/db-code-block.d.ts +3 -0
- package/dist/esm/components/db-code-block.js +1 -1
- package/dist/esm/components/db-color-picker.d.ts +5 -0
- package/dist/esm/components/db-color-picker.js +1 -1
- package/dist/esm/components/db-color-swatch.d.ts +2 -0
- package/dist/esm/components/db-color-swatch.js +1 -1
- package/dist/esm/components/db-confirm.d.ts +2 -0
- package/dist/esm/components/db-confirm.js +1 -1
- package/dist/esm/components/db-context-menu.d.ts +6 -2
- package/dist/esm/components/db-context-menu.js +1 -1
- package/dist/esm/components/db-cookie-banner.d.ts +2 -0
- package/dist/esm/components/db-cookie-banner.js +1 -1
- package/dist/esm/components/db-drawer.d.ts +2 -0
- package/dist/esm/components/db-drawer.js +1 -1
- package/dist/esm/components/db-dropdown.d.ts +2 -0
- package/dist/esm/components/db-dropdown.js +1 -1
- package/dist/esm/components/db-easing-editor.d.ts +5 -0
- package/dist/esm/components/db-empty-state.d.ts +2 -0
- package/dist/esm/components/db-empty-state.js +1 -1
- package/dist/esm/components/db-file-uploader.d.ts +4 -0
- package/dist/esm/components/db-file-uploader.js +1 -1
- package/dist/esm/components/db-footer.d.ts +2 -0
- package/dist/esm/components/db-footer.js +1 -1
- package/dist/esm/components/db-gantt.d.ts +2 -0
- package/dist/esm/components/db-gantt.js +1 -1
- package/dist/esm/components/db-image-list.d.ts +3 -0
- package/dist/esm/components/db-image-list.js +1 -1
- package/dist/esm/components/db-keyframe-editor.d.ts +5 -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/components/db-lightbox.d.ts +4 -0
- package/dist/esm/components/db-lightbox.js +1 -1
- package/dist/esm/components/db-list.d.ts +2 -0
- package/dist/esm/components/db-list.js +1 -1
- package/dist/esm/components/db-menu-item.d.ts +2 -0
- package/dist/esm/components/db-menu-item.js +1 -1
- package/dist/esm/components/db-modal.d.ts +3 -0
- package/dist/esm/components/db-modal.js +1 -1
- package/dist/esm/components/db-navbar.d.ts +5 -0
- package/dist/esm/components/db-navbar.js +1 -1
- package/dist/esm/components/db-onboarding-modal.d.ts +3 -0
- package/dist/esm/components/db-onboarding-modal.js +1 -1
- package/dist/esm/components/db-page-header.d.ts +3 -0
- package/dist/esm/components/db-page-header.js +1 -1
- package/dist/esm/components/db-pagination.d.ts +2 -0
- package/dist/esm/components/db-pagination.js +1 -1
- package/dist/esm/components/db-popover.d.ts +2 -0
- package/dist/esm/components/db-popover.js +1 -1
- package/dist/esm/components/db-search-bar.d.ts +3 -0
- package/dist/esm/components/db-search-bar.js +1 -1
- package/dist/esm/components/db-section-app-download.d.ts +2 -0
- package/dist/esm/components/db-section-app-download.js +1 -1
- package/dist/esm/components/db-section-contact.d.ts +2 -0
- package/dist/esm/components/db-section-contact.js +1 -1
- package/dist/esm/components/db-section-cta.d.ts +3 -0
- package/dist/esm/components/db-section-cta.js +1 -1
- package/dist/esm/components/db-section-faq.d.ts +2 -0
- package/dist/esm/components/db-section-faq.js +1 -1
- package/dist/esm/components/db-section-feature.d.ts +3 -0
- package/dist/esm/components/db-section-feature.js +1 -1
- package/dist/esm/components/db-section-hero.d.ts +2 -0
- package/dist/esm/components/db-section-hero.js +1 -1
- package/dist/esm/components/db-section-logo-cloud.d.ts +2 -0
- package/dist/esm/components/db-section-logo-cloud.js +1 -1
- package/dist/esm/components/db-section-pricing.d.ts +3 -0
- package/dist/esm/components/db-section-pricing.js +1 -1
- package/dist/esm/components/db-section-stats.d.ts +2 -0
- package/dist/esm/components/db-section-stats.js +1 -1
- package/dist/esm/components/db-section-testimonials.d.ts +4 -0
- package/dist/esm/components/db-section-testimonials.js +1 -1
- package/dist/esm/components/db-section.d.ts +2 -0
- package/dist/esm/components/db-section.js +1 -1
- package/dist/esm/components/db-share.d.ts +5 -0
- package/dist/esm/components/db-share.js +1 -1
- package/dist/esm/components/db-sidebar.d.ts +7 -0
- package/dist/esm/components/db-sidebar.js +1 -1
- package/dist/esm/components/db-stat.d.ts +2 -0
- package/dist/esm/components/db-stat.js +1 -1
- package/dist/esm/components/db-table.d.ts +5 -0
- package/dist/esm/components/db-table.js +1 -1
- package/dist/esm/components/db-testimonial.d.ts +3 -0
- package/dist/esm/components/db-testimonial.js +1 -1
- package/dist/esm/components/db-time-picker.d.ts +1 -0
- package/dist/esm/components/db-time-picker.js +1 -1
- package/dist/esm/components/db-top-banner.d.ts +3 -0
- package/dist/esm/components/db-top-banner.js +1 -1
- package/dist/esm/components/db-tutorial.d.ts +3 -0
- package/dist/esm/components/db-tutorial.js +1 -1
- package/dist/esm/components/db-video-timeline.d.ts +34 -2
- package/dist/esm/components/db-video-timeline.js +1 -1
- package/dist/esm/components/db-world-map.d.ts +5 -0
- package/dist/esm/components/media-editor-model.d.ts +10 -1
- package/dist/esm/core/i18n-en.js +1 -1
- package/dist/esm/core/i18n.d.ts +11 -0
- package/dist/esm/core/i18n.js +1 -1
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +619 -486
- package/dist/index.esm.js +1 -1
- package/dist/react/index.cjs +1 -1
- package/dist/react/index.d.ts +47 -3
- package/dist/react/index.esm.js +1 -1
- package/docs/ACCORDION.md +17 -0
- package/docs/ACHIEVEMENTS.md +15 -0
- package/docs/AI-ELEMENTS.md +86 -0
- package/docs/APP-UPDATE.md +60 -0
- package/docs/ATTACHMENTS.md +32 -0
- package/docs/BUTTON.md +17 -0
- package/docs/CDN-GUIDE.md +82 -0
- package/docs/COMPONENT-CHECKLIST.md +98 -0
- package/docs/CONTEXT-MENU.md +22 -0
- package/docs/CREDIT-AI.md +136 -0
- package/docs/CREDIT-CARD.md +52 -0
- package/docs/CROSS_PLATFORM_COMPONENT_STRATEGY.md +81 -0
- package/docs/EASING-EDITOR.md +42 -0
- package/docs/EFFECT-KEYFRAMES.md +60 -0
- package/docs/LAYER-LIST.md +31 -0
- package/docs/MEDIA-EDITORS.md +63 -0
- package/docs/MODULE-REUSE.md +43 -0
- package/docs/MULTI-PLATFORM-GUIDE.md +246 -0
- package/docs/NOTIFICATIONS.md +23 -0
- package/docs/PAPER-CARDS.md +61 -0
- package/docs/QUALITY-GUIDELINES.md +196 -0
- package/docs/RANGE-SLIDER.md +29 -0
- package/docs/REACT-WC-INTEGRATION.md +96 -0
- package/docs/RECENT-COMPONENTS-QUALITY.md +96 -0
- package/docs/SELECT.md +26 -0
- package/docs/SELECTION-CONTROLS.md +33 -0
- package/docs/SITE-SHELL.md +37 -0
- package/docs/STYLING.md +60 -0
- package/docs/SUPPORT.md +39 -0
- package/docs/TABS.md +19 -0
- package/docs/TEXT-FIELDS.md +28 -0
- package/docs/TIME-PICKER-DEVELOPMENT.md +115 -0
- package/docs/TOGGLE.md +40 -0
- package/docs/TRAVEL.md +30 -0
- package/docs/UI-NATIVE.md +90 -0
- package/docs/VIDEO-EXPORT.md +12 -0
- package/docs/VOICE-INPUT.md +24 -0
- package/docs/VUE-ANGULAR-INTEGRATION.md +197 -0
- package/docs/WORDPRESS-INTEGRATION.md +250 -0
- package/docs/WORKSPACE.md +27 -0
- package/docs/quality/AXE-REPORT.md +35 -0
- package/docs/quality/CREDIT-AI-RELEASE-2026-10-18.md +34 -0
- package/docs/quality/ENUM-MIGRATION-WORKSHEET.md +288 -0
- package/docs/quality/SCORECARD.md +389 -0
- package/package.json +136 -130
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": "완료 후 자동으로 다시 시작됩니다.";
|
|
@@ -437,6 +444,10 @@ declare const DEFAULT_STRINGS: {
|
|
|
437
444
|
readonly "media.trimEnd": "끝 트림";
|
|
438
445
|
readonly "media.fadeIn": "페이드 인";
|
|
439
446
|
readonly "media.fadeOut": "페이드 아웃";
|
|
447
|
+
readonly "media.duplicateKeys": "키프레임 복제";
|
|
448
|
+
readonly "media.undo": "실행 취소";
|
|
449
|
+
readonly "media.selectedKeys": "개 선택됨";
|
|
450
|
+
readonly "media.keyEasing": "선택 키 이징";
|
|
440
451
|
readonly "media.effects": "적용 효과";
|
|
441
452
|
readonly "media.timeline": "영상 타임라인";
|
|
442
453
|
readonly "media.tracks": "트랙";
|
|
@@ -1400,6 +1411,41 @@ declare global {
|
|
|
1400
1411
|
}
|
|
1401
1412
|
}
|
|
1402
1413
|
|
|
1414
|
+
interface DbSegmentOptionData {
|
|
1415
|
+
value: string;
|
|
1416
|
+
label: string;
|
|
1417
|
+
disabled?: boolean;
|
|
1418
|
+
icon?: string;
|
|
1419
|
+
}
|
|
1420
|
+
declare class DbSegmentControl extends HTMLElement {
|
|
1421
|
+
static get observedAttributes(): string[];
|
|
1422
|
+
private built;
|
|
1423
|
+
private indicatorEl;
|
|
1424
|
+
private segmentButtons;
|
|
1425
|
+
private focusedIndex;
|
|
1426
|
+
private boundKeyDown;
|
|
1427
|
+
private boundResize;
|
|
1428
|
+
private resizeObserver;
|
|
1429
|
+
connectedCallback(): void;
|
|
1430
|
+
disconnectedCallback(): void;
|
|
1431
|
+
attributeChangedCallback(name: string): void;
|
|
1432
|
+
get options(): DbSegmentOptionData[];
|
|
1433
|
+
set options(value: DbSegmentOptionData[] | string);
|
|
1434
|
+
get value(): string;
|
|
1435
|
+
set value(value: string);
|
|
1436
|
+
private parseOptions;
|
|
1437
|
+
private render;
|
|
1438
|
+
private updateSelection;
|
|
1439
|
+
private updateIndicator;
|
|
1440
|
+
private select;
|
|
1441
|
+
private handleKeyDown;
|
|
1442
|
+
}
|
|
1443
|
+
declare global {
|
|
1444
|
+
interface HTMLElementTagNameMap {
|
|
1445
|
+
'db-segment-control': DbSegmentControl;
|
|
1446
|
+
}
|
|
1447
|
+
}
|
|
1448
|
+
|
|
1403
1449
|
declare class DbModal extends HTMLElement {
|
|
1404
1450
|
static get observedAttributes(): string[];
|
|
1405
1451
|
private root?;
|
|
@@ -1934,6 +1980,19 @@ declare global {
|
|
|
1934
1980
|
}
|
|
1935
1981
|
}
|
|
1936
1982
|
|
|
1983
|
+
declare class DbEmptyState extends HTMLElement {
|
|
1984
|
+
static get observedAttributes(): string[];
|
|
1985
|
+
connectedCallback(): void;
|
|
1986
|
+
attributeChangedCallback(): void;
|
|
1987
|
+
private getIconName;
|
|
1988
|
+
private render;
|
|
1989
|
+
}
|
|
1990
|
+
declare global {
|
|
1991
|
+
interface HTMLElementTagNameMap {
|
|
1992
|
+
'db-empty-state': DbEmptyState;
|
|
1993
|
+
}
|
|
1994
|
+
}
|
|
1995
|
+
|
|
1937
1996
|
interface TableColumn {
|
|
1938
1997
|
key: string;
|
|
1939
1998
|
header: string;
|
|
@@ -2060,19 +2119,6 @@ declare global {
|
|
|
2060
2119
|
}
|
|
2061
2120
|
}
|
|
2062
2121
|
|
|
2063
|
-
declare class DbEmptyState extends HTMLElement {
|
|
2064
|
-
static get observedAttributes(): string[];
|
|
2065
|
-
connectedCallback(): void;
|
|
2066
|
-
attributeChangedCallback(): void;
|
|
2067
|
-
private getIconName;
|
|
2068
|
-
private render;
|
|
2069
|
-
}
|
|
2070
|
-
declare global {
|
|
2071
|
-
interface HTMLElementTagNameMap {
|
|
2072
|
-
'db-empty-state': DbEmptyState;
|
|
2073
|
-
}
|
|
2074
|
-
}
|
|
2075
|
-
|
|
2076
2122
|
declare class DbBackdrop extends HTMLElement {
|
|
2077
2123
|
static get observedAttributes(): string[];
|
|
2078
2124
|
private portal?;
|
|
@@ -2646,44 +2692,6 @@ declare global {
|
|
|
2646
2692
|
}
|
|
2647
2693
|
}
|
|
2648
2694
|
|
|
2649
|
-
interface DbImageListItem {
|
|
2650
|
-
id?: string;
|
|
2651
|
-
src: string;
|
|
2652
|
-
alt?: string;
|
|
2653
|
-
title?: string;
|
|
2654
|
-
description?: string;
|
|
2655
|
-
thumbnail?: string;
|
|
2656
|
-
metadata?: {
|
|
2657
|
-
width?: number;
|
|
2658
|
-
height?: number;
|
|
2659
|
-
size?: string;
|
|
2660
|
-
date?: string;
|
|
2661
|
-
tags?: string[];
|
|
2662
|
-
};
|
|
2663
|
-
}
|
|
2664
|
-
declare class DbImageList extends HTMLElement {
|
|
2665
|
-
private unsubscribeLocale?;
|
|
2666
|
-
private autoCarouselLabel?;
|
|
2667
|
-
private lightboxEl;
|
|
2668
|
-
private selectedIndex;
|
|
2669
|
-
private carouselEngine?;
|
|
2670
|
-
static get observedAttributes(): string[];
|
|
2671
|
-
connectedCallback(): void;
|
|
2672
|
-
disconnectedCallback(): void;
|
|
2673
|
-
attributeChangedCallback(): void;
|
|
2674
|
-
private syncLocale;
|
|
2675
|
-
private parseImages;
|
|
2676
|
-
private mapRoundedAttr;
|
|
2677
|
-
private createImageItem;
|
|
2678
|
-
private openLightbox;
|
|
2679
|
-
private render;
|
|
2680
|
-
}
|
|
2681
|
-
declare global {
|
|
2682
|
-
interface HTMLElementTagNameMap {
|
|
2683
|
-
'db-image-list': DbImageList;
|
|
2684
|
-
}
|
|
2685
|
-
}
|
|
2686
|
-
|
|
2687
2695
|
interface DbLightboxImage {
|
|
2688
2696
|
id: string;
|
|
2689
2697
|
src: string;
|
|
@@ -2745,6 +2753,44 @@ declare global {
|
|
|
2745
2753
|
}
|
|
2746
2754
|
}
|
|
2747
2755
|
|
|
2756
|
+
interface DbImageListItem {
|
|
2757
|
+
id?: string;
|
|
2758
|
+
src: string;
|
|
2759
|
+
alt?: string;
|
|
2760
|
+
title?: string;
|
|
2761
|
+
description?: string;
|
|
2762
|
+
thumbnail?: string;
|
|
2763
|
+
metadata?: {
|
|
2764
|
+
width?: number;
|
|
2765
|
+
height?: number;
|
|
2766
|
+
size?: string;
|
|
2767
|
+
date?: string;
|
|
2768
|
+
tags?: string[];
|
|
2769
|
+
};
|
|
2770
|
+
}
|
|
2771
|
+
declare class DbImageList extends HTMLElement {
|
|
2772
|
+
private unsubscribeLocale?;
|
|
2773
|
+
private autoCarouselLabel?;
|
|
2774
|
+
private lightboxEl;
|
|
2775
|
+
private selectedIndex;
|
|
2776
|
+
private carouselEngine?;
|
|
2777
|
+
static get observedAttributes(): string[];
|
|
2778
|
+
connectedCallback(): void;
|
|
2779
|
+
disconnectedCallback(): void;
|
|
2780
|
+
attributeChangedCallback(): void;
|
|
2781
|
+
private syncLocale;
|
|
2782
|
+
private parseImages;
|
|
2783
|
+
private mapRoundedAttr;
|
|
2784
|
+
private createImageItem;
|
|
2785
|
+
private openLightbox;
|
|
2786
|
+
private render;
|
|
2787
|
+
}
|
|
2788
|
+
declare global {
|
|
2789
|
+
interface HTMLElementTagNameMap {
|
|
2790
|
+
'db-image-list': DbImageList;
|
|
2791
|
+
}
|
|
2792
|
+
}
|
|
2793
|
+
|
|
2748
2794
|
interface DbBottomNavigationItem {
|
|
2749
2795
|
id: string;
|
|
2750
2796
|
icon: string;
|
|
@@ -2941,6 +2987,239 @@ declare global {
|
|
|
2941
2987
|
}
|
|
2942
2988
|
}
|
|
2943
2989
|
|
|
2990
|
+
declare class DbRangeSlider extends HTMLElement {
|
|
2991
|
+
private unsubscribeLocale?;
|
|
2992
|
+
static get observedAttributes(): string[];
|
|
2993
|
+
private built;
|
|
2994
|
+
private headerEl;
|
|
2995
|
+
private labelEl;
|
|
2996
|
+
private valuesEl;
|
|
2997
|
+
private containerEl;
|
|
2998
|
+
private trackEl;
|
|
2999
|
+
private fillEl;
|
|
3000
|
+
private thumbEls;
|
|
3001
|
+
private initialized;
|
|
3002
|
+
private reflecting;
|
|
3003
|
+
private pointerId;
|
|
3004
|
+
private pointerThumb;
|
|
3005
|
+
private tooltipResize?;
|
|
3006
|
+
private currentValue;
|
|
3007
|
+
private currentRange;
|
|
3008
|
+
private isDragging;
|
|
3009
|
+
private activeThumb;
|
|
3010
|
+
private boundTrackClick;
|
|
3011
|
+
private boundPointerMove;
|
|
3012
|
+
private boundPointerUp;
|
|
3013
|
+
private boundPointerCancel;
|
|
3014
|
+
private eventsBound;
|
|
3015
|
+
connectedCallback(): void;
|
|
3016
|
+
disconnectedCallback(): void;
|
|
3017
|
+
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
|
|
3018
|
+
private isStructuralAttribute;
|
|
3019
|
+
get value(): number;
|
|
3020
|
+
set value(v: number);
|
|
3021
|
+
get range(): [number, number] | undefined;
|
|
3022
|
+
set range(v: [number, number] | string | undefined);
|
|
3023
|
+
get min(): number;
|
|
3024
|
+
set min(value: number);
|
|
3025
|
+
get max(): number;
|
|
3026
|
+
set max(value: number);
|
|
3027
|
+
get step(): number;
|
|
3028
|
+
set step(value: number);
|
|
3029
|
+
get size(): string;
|
|
3030
|
+
set size(value: string);
|
|
3031
|
+
get variant(): string;
|
|
3032
|
+
set variant(value: string);
|
|
3033
|
+
get disabled(): boolean;
|
|
3034
|
+
set disabled(value: boolean);
|
|
3035
|
+
get readOnly(): boolean;
|
|
3036
|
+
set readOnly(value: boolean);
|
|
3037
|
+
get vertical(): boolean;
|
|
3038
|
+
set vertical(value: boolean);
|
|
3039
|
+
focus(options?: FocusOptions): void;
|
|
3040
|
+
private get bounds();
|
|
3041
|
+
private normalizeValues;
|
|
3042
|
+
private build;
|
|
3043
|
+
private getValuePosition;
|
|
3044
|
+
private shouldShowLabel;
|
|
3045
|
+
private formatValue;
|
|
3046
|
+
private syncDomOrder;
|
|
3047
|
+
private bindEvents;
|
|
3048
|
+
private unbindEvents;
|
|
3049
|
+
private readAttributeValues;
|
|
3050
|
+
private syncClasses;
|
|
3051
|
+
private syncStructure;
|
|
3052
|
+
private isMarkActive;
|
|
3053
|
+
private syncVisuals;
|
|
3054
|
+
private syncThumbTooltips;
|
|
3055
|
+
private fitFloatingText;
|
|
3056
|
+
private syncMarkLabelBounds;
|
|
3057
|
+
private syncA11y;
|
|
3058
|
+
private setThumbPosition;
|
|
3059
|
+
private valueToPercent;
|
|
3060
|
+
private percentToValue;
|
|
3061
|
+
private clamp;
|
|
3062
|
+
/** snap-marks: the marks are the only selectable values. */
|
|
3063
|
+
private snapStops;
|
|
3064
|
+
private adjacentStop;
|
|
3065
|
+
private getNumberAttr;
|
|
3066
|
+
private normalizeRangeInput;
|
|
3067
|
+
private parseRangeAttr;
|
|
3068
|
+
private parseMarks;
|
|
3069
|
+
private readMarks;
|
|
3070
|
+
private parseMarkLabels;
|
|
3071
|
+
private isInteractive;
|
|
3072
|
+
private getTrackPercent;
|
|
3073
|
+
private handleThumbPointerDown;
|
|
3074
|
+
private handleTrackClick;
|
|
3075
|
+
private handlePointerMove;
|
|
3076
|
+
private handlePointerUp;
|
|
3077
|
+
private cancelDrag;
|
|
3078
|
+
private setThumbActive;
|
|
3079
|
+
private reflectCurrent;
|
|
3080
|
+
private applyDragValue;
|
|
3081
|
+
private applyValue;
|
|
3082
|
+
private commitValueAtPosition;
|
|
3083
|
+
private handleKeyDown;
|
|
3084
|
+
private dispatchValueChange;
|
|
3085
|
+
private dispatchRangeChange;
|
|
3086
|
+
}
|
|
3087
|
+
declare global {
|
|
3088
|
+
interface HTMLElementTagNameMap {
|
|
3089
|
+
'db-range-slider': DbRangeSlider;
|
|
3090
|
+
}
|
|
3091
|
+
}
|
|
3092
|
+
|
|
3093
|
+
declare class DbColorPicker extends HTMLElement {
|
|
3094
|
+
private unsubscribeLocale?;
|
|
3095
|
+
private cancelButton?;
|
|
3096
|
+
private applyButton?;
|
|
3097
|
+
private h;
|
|
3098
|
+
private s;
|
|
3099
|
+
private v;
|
|
3100
|
+
private a;
|
|
3101
|
+
private open;
|
|
3102
|
+
private format;
|
|
3103
|
+
private colorInput;
|
|
3104
|
+
private alphaInput;
|
|
3105
|
+
private isCopied;
|
|
3106
|
+
private tempColor;
|
|
3107
|
+
private dragging;
|
|
3108
|
+
private mounted;
|
|
3109
|
+
private copiedTimer;
|
|
3110
|
+
private debounceTimer;
|
|
3111
|
+
private lastEmittedHex;
|
|
3112
|
+
private suppressNextValueSync;
|
|
3113
|
+
private didMount;
|
|
3114
|
+
private triggerInputFocused;
|
|
3115
|
+
private panelInputFocused;
|
|
3116
|
+
private panelAlphaInputFocused;
|
|
3117
|
+
private triggerEl?;
|
|
3118
|
+
private colorBoxEl?;
|
|
3119
|
+
private triggerInputEl?;
|
|
3120
|
+
private triggerCopyBtn?;
|
|
3121
|
+
private toggleBtn?;
|
|
3122
|
+
private dropdownEl?;
|
|
3123
|
+
private colorFieldEl?;
|
|
3124
|
+
private colorPointerEl?;
|
|
3125
|
+
private hueSliderEl?;
|
|
3126
|
+
private alphaSliderEl?;
|
|
3127
|
+
private alphaSliderWrapEl?;
|
|
3128
|
+
private eyedropperBtnEl?;
|
|
3129
|
+
private formatSelectEl?;
|
|
3130
|
+
private panelValueInputEl?;
|
|
3131
|
+
private panelAlphaWrapEl?;
|
|
3132
|
+
private panelAlphaInputEl?;
|
|
3133
|
+
private panelCopyBtnEl?;
|
|
3134
|
+
private modalEl?;
|
|
3135
|
+
private modalBodyEl?;
|
|
3136
|
+
private selectorEl?;
|
|
3137
|
+
static get observedAttributes(): string[];
|
|
3138
|
+
connectedCallback(): void;
|
|
3139
|
+
disconnectedCallback(): void;
|
|
3140
|
+
private updateLocale;
|
|
3141
|
+
attributeChangedCallback(name: string): void;
|
|
3142
|
+
private getBool;
|
|
3143
|
+
private getOption;
|
|
3144
|
+
private getIconSize;
|
|
3145
|
+
private getRgb;
|
|
3146
|
+
private getHex;
|
|
3147
|
+
private getHsl;
|
|
3148
|
+
private getUiFormatted;
|
|
3149
|
+
private getOutward;
|
|
3150
|
+
private syncFromValueAttr;
|
|
3151
|
+
private actuallyEmit;
|
|
3152
|
+
private scheduleEmit;
|
|
3153
|
+
private onColorStateChanged;
|
|
3154
|
+
private updateFromArea;
|
|
3155
|
+
private getInputValue;
|
|
3156
|
+
private setInputValue;
|
|
3157
|
+
private getPanelControlSize;
|
|
3158
|
+
private commitColorInput;
|
|
3159
|
+
private commitAlphaInput;
|
|
3160
|
+
private onCopy;
|
|
3161
|
+
private onEyedrop;
|
|
3162
|
+
private handleEscape;
|
|
3163
|
+
private handleOutsideClick;
|
|
3164
|
+
private handleDocumentMouseMove;
|
|
3165
|
+
private handleDocumentMouseUp;
|
|
3166
|
+
private toggleOpen;
|
|
3167
|
+
close(): void;
|
|
3168
|
+
private handleModalCancel;
|
|
3169
|
+
private handleModalApply;
|
|
3170
|
+
private mount;
|
|
3171
|
+
private updateCopyButtons;
|
|
3172
|
+
private updateVisuals;
|
|
3173
|
+
private update;
|
|
3174
|
+
}
|
|
3175
|
+
declare global {
|
|
3176
|
+
interface HTMLElementTagNameMap {
|
|
3177
|
+
'db-color-picker': DbColorPicker;
|
|
3178
|
+
}
|
|
3179
|
+
}
|
|
3180
|
+
|
|
3181
|
+
declare class DbAnimationBackground extends HTMLElement {
|
|
3182
|
+
private layersEl?;
|
|
3183
|
+
private contentEl?;
|
|
3184
|
+
private controlsRootEl?;
|
|
3185
|
+
private panelEl?;
|
|
3186
|
+
private panelOpen;
|
|
3187
|
+
private layerHandle?;
|
|
3188
|
+
private clickHandler?;
|
|
3189
|
+
private mountedType?;
|
|
3190
|
+
private controlInputs;
|
|
3191
|
+
private syncingControls;
|
|
3192
|
+
static get observedAttributes(): string[];
|
|
3193
|
+
connectedCallback(): void;
|
|
3194
|
+
/** 열린 설정 패널은 Escape 로 닫힌다 (A11Y-ESCAPE) */
|
|
3195
|
+
private handleDocumentKeyDown;
|
|
3196
|
+
disconnectedCallback(): void;
|
|
3197
|
+
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
|
|
3198
|
+
private getBool;
|
|
3199
|
+
private getSizeStyle;
|
|
3200
|
+
private getConfig;
|
|
3201
|
+
private teardownLayers;
|
|
3202
|
+
private remountLayers;
|
|
3203
|
+
private canLiveUpdate;
|
|
3204
|
+
private applyConfig;
|
|
3205
|
+
private syncClickable;
|
|
3206
|
+
private render;
|
|
3207
|
+
private ensureControlsShell;
|
|
3208
|
+
private syncControlsVisibility;
|
|
3209
|
+
private syncPanelState;
|
|
3210
|
+
private createIconButton;
|
|
3211
|
+
private rebuildControlInputs;
|
|
3212
|
+
private createControlField;
|
|
3213
|
+
private commitControlValue;
|
|
3214
|
+
private syncControlInputs;
|
|
3215
|
+
private renderColorInputs;
|
|
3216
|
+
}
|
|
3217
|
+
declare global {
|
|
3218
|
+
interface HTMLElementTagNameMap {
|
|
3219
|
+
'db-animation-background': DbAnimationBackground;
|
|
3220
|
+
}
|
|
3221
|
+
}
|
|
3222
|
+
|
|
2944
3223
|
interface DbSidebarItem {
|
|
2945
3224
|
id: string;
|
|
2946
3225
|
label: string;
|
|
@@ -3174,6 +3453,7 @@ interface DbContextMenuItemData {
|
|
|
3174
3453
|
}
|
|
3175
3454
|
declare class DbContextMenu extends HTMLElement {
|
|
3176
3455
|
static get observedAttributes(): string[];
|
|
3456
|
+
private returnFocus;
|
|
3177
3457
|
private targetWrap?;
|
|
3178
3458
|
private menuEl?;
|
|
3179
3459
|
private externalTarget;
|
|
@@ -3189,8 +3469,8 @@ declare class DbContextMenu extends HTMLElement {
|
|
|
3189
3469
|
connectedCallback(): void;
|
|
3190
3470
|
disconnectedCallback(): void;
|
|
3191
3471
|
attributeChangedCallback(name: string): void;
|
|
3192
|
-
|
|
3193
|
-
|
|
3472
|
+
openAt(x: number, y: number): void;
|
|
3473
|
+
close(): void;
|
|
3194
3474
|
private collectTargetChildren;
|
|
3195
3475
|
private bindExternalTarget;
|
|
3196
3476
|
private unbindExternalTarget;
|
|
@@ -3213,162 +3493,24 @@ interface DbProgressStepItemData {
|
|
|
3213
3493
|
status?: 'pending' | 'active' | 'completed' | 'error';
|
|
3214
3494
|
timestamp?: string;
|
|
3215
3495
|
disabled?: boolean;
|
|
3216
|
-
}
|
|
3217
|
-
declare class DbProgressStep extends HTMLElement {
|
|
3218
|
-
private unsubscribeLocale?;
|
|
3219
|
-
static get observedAttributes(): string[];
|
|
3220
|
-
get items(): DbProgressStepItemData[];
|
|
3221
|
-
set items(value: DbProgressStepItemData[] | string);
|
|
3222
|
-
connectedCallback(): void;
|
|
3223
|
-
disconnectedCallback(): void;
|
|
3224
|
-
attributeChangedCallback(): void;
|
|
3225
|
-
private resolveStatus;
|
|
3226
|
-
private iconSize;
|
|
3227
|
-
private renderIndicatorContent;
|
|
3228
|
-
private handleStepClick;
|
|
3229
|
-
private render;
|
|
3230
|
-
}
|
|
3231
|
-
declare global {
|
|
3232
|
-
interface HTMLElementTagNameMap {
|
|
3233
|
-
'db-progress-step': DbProgressStep;
|
|
3234
|
-
}
|
|
3235
|
-
}
|
|
3236
|
-
|
|
3237
|
-
declare class DbRangeSlider extends HTMLElement {
|
|
3238
|
-
private unsubscribeLocale?;
|
|
3239
|
-
static get observedAttributes(): string[];
|
|
3240
|
-
private built;
|
|
3241
|
-
private headerEl;
|
|
3242
|
-
private labelEl;
|
|
3243
|
-
private valuesEl;
|
|
3244
|
-
private containerEl;
|
|
3245
|
-
private trackEl;
|
|
3246
|
-
private fillEl;
|
|
3247
|
-
private thumbEls;
|
|
3248
|
-
private initialized;
|
|
3249
|
-
private reflecting;
|
|
3250
|
-
private pointerId;
|
|
3251
|
-
private pointerThumb;
|
|
3252
|
-
private tooltipResize?;
|
|
3253
|
-
private currentValue;
|
|
3254
|
-
private currentRange;
|
|
3255
|
-
private isDragging;
|
|
3256
|
-
private activeThumb;
|
|
3257
|
-
private boundTrackClick;
|
|
3258
|
-
private boundPointerMove;
|
|
3259
|
-
private boundPointerUp;
|
|
3260
|
-
private boundPointerCancel;
|
|
3261
|
-
private eventsBound;
|
|
3262
|
-
connectedCallback(): void;
|
|
3263
|
-
disconnectedCallback(): void;
|
|
3264
|
-
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
|
|
3265
|
-
private isStructuralAttribute;
|
|
3266
|
-
get value(): number;
|
|
3267
|
-
set value(v: number);
|
|
3268
|
-
get range(): [number, number] | undefined;
|
|
3269
|
-
set range(v: [number, number] | string | undefined);
|
|
3270
|
-
get min(): number;
|
|
3271
|
-
set min(value: number);
|
|
3272
|
-
get max(): number;
|
|
3273
|
-
set max(value: number);
|
|
3274
|
-
get step(): number;
|
|
3275
|
-
set step(value: number);
|
|
3276
|
-
get size(): string;
|
|
3277
|
-
set size(value: string);
|
|
3278
|
-
get variant(): string;
|
|
3279
|
-
set variant(value: string);
|
|
3280
|
-
get disabled(): boolean;
|
|
3281
|
-
set disabled(value: boolean);
|
|
3282
|
-
get readOnly(): boolean;
|
|
3283
|
-
set readOnly(value: boolean);
|
|
3284
|
-
get vertical(): boolean;
|
|
3285
|
-
set vertical(value: boolean);
|
|
3286
|
-
focus(options?: FocusOptions): void;
|
|
3287
|
-
private get bounds();
|
|
3288
|
-
private normalizeValues;
|
|
3289
|
-
private build;
|
|
3290
|
-
private getValuePosition;
|
|
3291
|
-
private shouldShowLabel;
|
|
3292
|
-
private formatValue;
|
|
3293
|
-
private syncDomOrder;
|
|
3294
|
-
private bindEvents;
|
|
3295
|
-
private unbindEvents;
|
|
3296
|
-
private readAttributeValues;
|
|
3297
|
-
private syncClasses;
|
|
3298
|
-
private syncStructure;
|
|
3299
|
-
private isMarkActive;
|
|
3300
|
-
private syncVisuals;
|
|
3301
|
-
private syncThumbTooltips;
|
|
3302
|
-
private fitFloatingText;
|
|
3303
|
-
private syncMarkLabelBounds;
|
|
3304
|
-
private syncA11y;
|
|
3305
|
-
private setThumbPosition;
|
|
3306
|
-
private valueToPercent;
|
|
3307
|
-
private percentToValue;
|
|
3308
|
-
private clamp;
|
|
3309
|
-
/** snap-marks: the marks are the only selectable values. */
|
|
3310
|
-
private snapStops;
|
|
3311
|
-
private adjacentStop;
|
|
3312
|
-
private getNumberAttr;
|
|
3313
|
-
private normalizeRangeInput;
|
|
3314
|
-
private parseRangeAttr;
|
|
3315
|
-
private parseMarks;
|
|
3316
|
-
private readMarks;
|
|
3317
|
-
private parseMarkLabels;
|
|
3318
|
-
private isInteractive;
|
|
3319
|
-
private getTrackPercent;
|
|
3320
|
-
private handleThumbPointerDown;
|
|
3321
|
-
private handleTrackClick;
|
|
3322
|
-
private handlePointerMove;
|
|
3323
|
-
private handlePointerUp;
|
|
3324
|
-
private cancelDrag;
|
|
3325
|
-
private setThumbActive;
|
|
3326
|
-
private reflectCurrent;
|
|
3327
|
-
private applyDragValue;
|
|
3328
|
-
private applyValue;
|
|
3329
|
-
private commitValueAtPosition;
|
|
3330
|
-
private handleKeyDown;
|
|
3331
|
-
private dispatchValueChange;
|
|
3332
|
-
private dispatchRangeChange;
|
|
3333
|
-
}
|
|
3334
|
-
declare global {
|
|
3335
|
-
interface HTMLElementTagNameMap {
|
|
3336
|
-
'db-range-slider': DbRangeSlider;
|
|
3337
|
-
}
|
|
3338
|
-
}
|
|
3339
|
-
|
|
3340
|
-
interface DbSegmentOptionData {
|
|
3341
|
-
value: string;
|
|
3342
|
-
label: string;
|
|
3343
|
-
disabled?: boolean;
|
|
3344
|
-
icon?: string;
|
|
3345
|
-
}
|
|
3346
|
-
declare class DbSegmentControl extends HTMLElement {
|
|
3347
|
-
static get observedAttributes(): string[];
|
|
3348
|
-
private built;
|
|
3349
|
-
private indicatorEl;
|
|
3350
|
-
private segmentButtons;
|
|
3351
|
-
private focusedIndex;
|
|
3352
|
-
private boundKeyDown;
|
|
3353
|
-
private boundResize;
|
|
3354
|
-
private resizeObserver;
|
|
3496
|
+
}
|
|
3497
|
+
declare class DbProgressStep extends HTMLElement {
|
|
3498
|
+
private unsubscribeLocale?;
|
|
3499
|
+
static get observedAttributes(): string[];
|
|
3500
|
+
get items(): DbProgressStepItemData[];
|
|
3501
|
+
set items(value: DbProgressStepItemData[] | string);
|
|
3355
3502
|
connectedCallback(): void;
|
|
3356
3503
|
disconnectedCallback(): void;
|
|
3357
|
-
attributeChangedCallback(
|
|
3358
|
-
|
|
3359
|
-
|
|
3360
|
-
|
|
3361
|
-
|
|
3362
|
-
private parseOptions;
|
|
3504
|
+
attributeChangedCallback(): void;
|
|
3505
|
+
private resolveStatus;
|
|
3506
|
+
private iconSize;
|
|
3507
|
+
private renderIndicatorContent;
|
|
3508
|
+
private handleStepClick;
|
|
3363
3509
|
private render;
|
|
3364
|
-
private updateSelection;
|
|
3365
|
-
private updateIndicator;
|
|
3366
|
-
private select;
|
|
3367
|
-
private handleKeyDown;
|
|
3368
3510
|
}
|
|
3369
3511
|
declare global {
|
|
3370
3512
|
interface HTMLElementTagNameMap {
|
|
3371
|
-
'db-
|
|
3513
|
+
'db-progress-step': DbProgressStep;
|
|
3372
3514
|
}
|
|
3373
3515
|
}
|
|
3374
3516
|
|
|
@@ -4401,94 +4543,6 @@ declare global {
|
|
|
4401
4543
|
}
|
|
4402
4544
|
}
|
|
4403
4545
|
|
|
4404
|
-
declare class DbColorPicker extends HTMLElement {
|
|
4405
|
-
private unsubscribeLocale?;
|
|
4406
|
-
private cancelButton?;
|
|
4407
|
-
private applyButton?;
|
|
4408
|
-
private h;
|
|
4409
|
-
private s;
|
|
4410
|
-
private v;
|
|
4411
|
-
private a;
|
|
4412
|
-
private open;
|
|
4413
|
-
private format;
|
|
4414
|
-
private colorInput;
|
|
4415
|
-
private alphaInput;
|
|
4416
|
-
private isCopied;
|
|
4417
|
-
private tempColor;
|
|
4418
|
-
private dragging;
|
|
4419
|
-
private mounted;
|
|
4420
|
-
private copiedTimer;
|
|
4421
|
-
private debounceTimer;
|
|
4422
|
-
private lastEmittedHex;
|
|
4423
|
-
private suppressNextValueSync;
|
|
4424
|
-
private didMount;
|
|
4425
|
-
private triggerInputFocused;
|
|
4426
|
-
private panelInputFocused;
|
|
4427
|
-
private panelAlphaInputFocused;
|
|
4428
|
-
private triggerEl?;
|
|
4429
|
-
private colorBoxEl?;
|
|
4430
|
-
private triggerInputEl?;
|
|
4431
|
-
private triggerCopyBtn?;
|
|
4432
|
-
private toggleBtn?;
|
|
4433
|
-
private dropdownEl?;
|
|
4434
|
-
private colorFieldEl?;
|
|
4435
|
-
private colorPointerEl?;
|
|
4436
|
-
private hueSliderEl?;
|
|
4437
|
-
private alphaSliderEl?;
|
|
4438
|
-
private alphaSliderWrapEl?;
|
|
4439
|
-
private eyedropperBtnEl?;
|
|
4440
|
-
private formatSelectEl?;
|
|
4441
|
-
private panelValueInputEl?;
|
|
4442
|
-
private panelAlphaWrapEl?;
|
|
4443
|
-
private panelAlphaInputEl?;
|
|
4444
|
-
private panelCopyBtnEl?;
|
|
4445
|
-
private modalEl?;
|
|
4446
|
-
private modalBodyEl?;
|
|
4447
|
-
private selectorEl?;
|
|
4448
|
-
static get observedAttributes(): string[];
|
|
4449
|
-
connectedCallback(): void;
|
|
4450
|
-
disconnectedCallback(): void;
|
|
4451
|
-
private updateLocale;
|
|
4452
|
-
attributeChangedCallback(name: string): void;
|
|
4453
|
-
private getBool;
|
|
4454
|
-
private getOption;
|
|
4455
|
-
private getIconSize;
|
|
4456
|
-
private getRgb;
|
|
4457
|
-
private getHex;
|
|
4458
|
-
private getHsl;
|
|
4459
|
-
private getUiFormatted;
|
|
4460
|
-
private getOutward;
|
|
4461
|
-
private syncFromValueAttr;
|
|
4462
|
-
private actuallyEmit;
|
|
4463
|
-
private scheduleEmit;
|
|
4464
|
-
private onColorStateChanged;
|
|
4465
|
-
private updateFromArea;
|
|
4466
|
-
private getInputValue;
|
|
4467
|
-
private setInputValue;
|
|
4468
|
-
private getPanelControlSize;
|
|
4469
|
-
private commitColorInput;
|
|
4470
|
-
private commitAlphaInput;
|
|
4471
|
-
private onCopy;
|
|
4472
|
-
private onEyedrop;
|
|
4473
|
-
private handleEscape;
|
|
4474
|
-
private handleOutsideClick;
|
|
4475
|
-
private handleDocumentMouseMove;
|
|
4476
|
-
private handleDocumentMouseUp;
|
|
4477
|
-
private toggleOpen;
|
|
4478
|
-
close(): void;
|
|
4479
|
-
private handleModalCancel;
|
|
4480
|
-
private handleModalApply;
|
|
4481
|
-
private mount;
|
|
4482
|
-
private updateCopyButtons;
|
|
4483
|
-
private updateVisuals;
|
|
4484
|
-
private update;
|
|
4485
|
-
}
|
|
4486
|
-
declare global {
|
|
4487
|
-
interface HTMLElementTagNameMap {
|
|
4488
|
-
'db-color-picker': DbColorPicker;
|
|
4489
|
-
}
|
|
4490
|
-
}
|
|
4491
|
-
|
|
4492
4546
|
type DbColorSwatchShape = 'rounded' | 'circle';
|
|
4493
4547
|
type DbColorSwatchSize = 's' | 'm' | 'l';
|
|
4494
4548
|
type DbColorSwatchCustomType = 'dropdown' | 'modal';
|
|
@@ -5304,6 +5358,53 @@ declare global {
|
|
|
5304
5358
|
}
|
|
5305
5359
|
}
|
|
5306
5360
|
|
|
5361
|
+
declare class DbMarquee extends HTMLElement {
|
|
5362
|
+
static get observedAttributes(): string[];
|
|
5363
|
+
private built;
|
|
5364
|
+
private containerEl?;
|
|
5365
|
+
private rowsEl?;
|
|
5366
|
+
private srOnlyEl?;
|
|
5367
|
+
private rows;
|
|
5368
|
+
private rowCount;
|
|
5369
|
+
private resizeObserver?;
|
|
5370
|
+
private containerWidth;
|
|
5371
|
+
private gap;
|
|
5372
|
+
private baseDurationSec;
|
|
5373
|
+
private boundMeasure;
|
|
5374
|
+
connectedCallback(): void;
|
|
5375
|
+
disconnectedCallback(): void;
|
|
5376
|
+
attributeChangedCallback(): void;
|
|
5377
|
+
private getBool;
|
|
5378
|
+
private parseItems;
|
|
5379
|
+
private itemToText;
|
|
5380
|
+
private build;
|
|
5381
|
+
private bindResize;
|
|
5382
|
+
/** rows 개수에 맞춰 행 DOM을 만들거나 제거한다. */
|
|
5383
|
+
private reconcileRows;
|
|
5384
|
+
private measure;
|
|
5385
|
+
private unbindImageListeners;
|
|
5386
|
+
private bindImageListeners;
|
|
5387
|
+
private renderItem;
|
|
5388
|
+
private renderGroup;
|
|
5389
|
+
/**
|
|
5390
|
+
* 각 행의 base 그룹을 items로 다시 만든다 — items/attributes 변경 시에만 실행.
|
|
5391
|
+
* 이미지 노드 재생성으로 인한 재로딩을 막기 위해 measure() 중에는 건드리지 않는다.
|
|
5392
|
+
*/
|
|
5393
|
+
private buildBase;
|
|
5394
|
+
private baseImagesReady;
|
|
5395
|
+
/** 트랙을 채울 만큼의 복제 그룹 개수를 델타만 조정한다. */
|
|
5396
|
+
private reconcileDuplicates;
|
|
5397
|
+
private syncReadyState;
|
|
5398
|
+
private stopEngines;
|
|
5399
|
+
private syncEngines;
|
|
5400
|
+
private updateUI;
|
|
5401
|
+
}
|
|
5402
|
+
declare global {
|
|
5403
|
+
interface HTMLElementTagNameMap {
|
|
5404
|
+
'db-marquee': DbMarquee;
|
|
5405
|
+
}
|
|
5406
|
+
}
|
|
5407
|
+
|
|
5307
5408
|
declare class DbSectionLogoCloud extends HTMLElement {
|
|
5308
5409
|
static get observedAttributes(): string[];
|
|
5309
5410
|
private built;
|
|
@@ -5380,53 +5481,6 @@ declare global {
|
|
|
5380
5481
|
}
|
|
5381
5482
|
}
|
|
5382
5483
|
|
|
5383
|
-
declare class DbMarquee extends HTMLElement {
|
|
5384
|
-
static get observedAttributes(): string[];
|
|
5385
|
-
private built;
|
|
5386
|
-
private containerEl?;
|
|
5387
|
-
private rowsEl?;
|
|
5388
|
-
private srOnlyEl?;
|
|
5389
|
-
private rows;
|
|
5390
|
-
private rowCount;
|
|
5391
|
-
private resizeObserver?;
|
|
5392
|
-
private containerWidth;
|
|
5393
|
-
private gap;
|
|
5394
|
-
private baseDurationSec;
|
|
5395
|
-
private boundMeasure;
|
|
5396
|
-
connectedCallback(): void;
|
|
5397
|
-
disconnectedCallback(): void;
|
|
5398
|
-
attributeChangedCallback(): void;
|
|
5399
|
-
private getBool;
|
|
5400
|
-
private parseItems;
|
|
5401
|
-
private itemToText;
|
|
5402
|
-
private build;
|
|
5403
|
-
private bindResize;
|
|
5404
|
-
/** rows 개수에 맞춰 행 DOM을 만들거나 제거한다. */
|
|
5405
|
-
private reconcileRows;
|
|
5406
|
-
private measure;
|
|
5407
|
-
private unbindImageListeners;
|
|
5408
|
-
private bindImageListeners;
|
|
5409
|
-
private renderItem;
|
|
5410
|
-
private renderGroup;
|
|
5411
|
-
/**
|
|
5412
|
-
* 각 행의 base 그룹을 items로 다시 만든다 — items/attributes 변경 시에만 실행.
|
|
5413
|
-
* 이미지 노드 재생성으로 인한 재로딩을 막기 위해 measure() 중에는 건드리지 않는다.
|
|
5414
|
-
*/
|
|
5415
|
-
private buildBase;
|
|
5416
|
-
private baseImagesReady;
|
|
5417
|
-
/** 트랙을 채울 만큼의 복제 그룹 개수를 델타만 조정한다. */
|
|
5418
|
-
private reconcileDuplicates;
|
|
5419
|
-
private syncReadyState;
|
|
5420
|
-
private stopEngines;
|
|
5421
|
-
private syncEngines;
|
|
5422
|
-
private updateUI;
|
|
5423
|
-
}
|
|
5424
|
-
declare global {
|
|
5425
|
-
interface HTMLElementTagNameMap {
|
|
5426
|
-
'db-marquee': DbMarquee;
|
|
5427
|
-
}
|
|
5428
|
-
}
|
|
5429
|
-
|
|
5430
5484
|
interface GradientColor {
|
|
5431
5485
|
color: string;
|
|
5432
5486
|
position?: number;
|
|
@@ -5454,24 +5508,116 @@ declare global {
|
|
|
5454
5508
|
|
|
5455
5509
|
declare class DbRandomGradient extends HTMLElement {
|
|
5456
5510
|
static get observedAttributes(): string[];
|
|
5457
|
-
private built;
|
|
5458
|
-
private backgroundEl?;
|
|
5459
|
-
private overlayEl?;
|
|
5460
|
-
private contentEl?;
|
|
5461
|
-
private animationTimer?;
|
|
5511
|
+
private built;
|
|
5512
|
+
private backgroundEl?;
|
|
5513
|
+
private overlayEl?;
|
|
5514
|
+
private contentEl?;
|
|
5515
|
+
private animationTimer?;
|
|
5516
|
+
connectedCallback(): void;
|
|
5517
|
+
disconnectedCallback(): void;
|
|
5518
|
+
attributeChangedCallback(): void;
|
|
5519
|
+
private getBool;
|
|
5520
|
+
private build;
|
|
5521
|
+
private stopAnimation;
|
|
5522
|
+
private applyGradient;
|
|
5523
|
+
private syncContent;
|
|
5524
|
+
private updateUI;
|
|
5525
|
+
}
|
|
5526
|
+
declare global {
|
|
5527
|
+
interface HTMLElementTagNameMap {
|
|
5528
|
+
'db-random-gradient': DbRandomGradient;
|
|
5529
|
+
}
|
|
5530
|
+
}
|
|
5531
|
+
|
|
5532
|
+
/**
|
|
5533
|
+
* db-grid-background — 캔버스 기반 그리드 배경.
|
|
5534
|
+
*
|
|
5535
|
+
* 패턴은 항상 중앙을 기준으로 대칭 배치되며(가장자리 라인 없음),
|
|
5536
|
+
* 단독 배경으로도, 다른 배경 위 데코 레이어(overlay)로도 쓸 수 있다.
|
|
5537
|
+
* interactive/animate 로 마우스 인터랙션과 앰비언트 애니메이션을 켤 수 있다.
|
|
5538
|
+
*
|
|
5539
|
+
* @example
|
|
5540
|
+
* <db-grid-background type="lines" size="32" fade="all"
|
|
5541
|
+
* interactive animate height="240"></db-grid-background>
|
|
5542
|
+
*/
|
|
5543
|
+
declare class DbGridBackground extends HTMLElement {
|
|
5544
|
+
private canvas?;
|
|
5545
|
+
private ctx?;
|
|
5546
|
+
private hlCanvas?;
|
|
5547
|
+
private maskCanvas?;
|
|
5548
|
+
private ro?;
|
|
5549
|
+
private rafId?;
|
|
5550
|
+
private lastTime;
|
|
5551
|
+
private lastPointerMove;
|
|
5552
|
+
private bandAngle;
|
|
5553
|
+
private pointer;
|
|
5554
|
+
private cssW;
|
|
5555
|
+
private cssH;
|
|
5556
|
+
private colorProbe?;
|
|
5557
|
+
private themeObserver?;
|
|
5558
|
+
private themeMedia?;
|
|
5559
|
+
private tracePulses;
|
|
5560
|
+
private traceSpawnAccumulator;
|
|
5561
|
+
private onThemeMediaChange;
|
|
5562
|
+
private onPointerMove;
|
|
5563
|
+
static get observedAttributes(): string[];
|
|
5462
5564
|
connectedCallback(): void;
|
|
5463
5565
|
disconnectedCallback(): void;
|
|
5464
5566
|
attributeChangedCallback(): void;
|
|
5465
5567
|
private getBool;
|
|
5466
|
-
private
|
|
5467
|
-
private
|
|
5468
|
-
private
|
|
5469
|
-
private
|
|
5470
|
-
private
|
|
5568
|
+
private getNumber;
|
|
5569
|
+
private getSizeStyle;
|
|
5570
|
+
private getColorProbe;
|
|
5571
|
+
private resolveCssColor;
|
|
5572
|
+
private isDarkContext;
|
|
5573
|
+
private resolveThemeColor;
|
|
5574
|
+
private effectiveOpacity;
|
|
5575
|
+
private effectiveColor;
|
|
5576
|
+
private effectiveInterColor;
|
|
5577
|
+
private traceDrawColor;
|
|
5578
|
+
private traceDrawOpacity;
|
|
5579
|
+
private parseColorRgb;
|
|
5580
|
+
private crossArm;
|
|
5581
|
+
private interactionMode;
|
|
5582
|
+
private animationStyle;
|
|
5583
|
+
private traceDirection;
|
|
5584
|
+
private linesLayout;
|
|
5585
|
+
private crossStyle;
|
|
5586
|
+
private parseGuideEdges;
|
|
5587
|
+
private guideFraction;
|
|
5588
|
+
private isGridLines;
|
|
5589
|
+
private isTraceableLines;
|
|
5590
|
+
private get cfg();
|
|
5591
|
+
private ensureCanvas;
|
|
5592
|
+
private applyHostStyles;
|
|
5593
|
+
private startObserving;
|
|
5594
|
+
private observeDocumentTheme;
|
|
5595
|
+
private bindPointer;
|
|
5596
|
+
private handlePointerMove;
|
|
5597
|
+
private measure;
|
|
5598
|
+
/** 중앙을 기준으로 대칭 배치되며 (0, extent) 내부 좌표만 반환 → 가장자리 라인 없음 */
|
|
5599
|
+
private axis;
|
|
5600
|
+
private scheduleDraw;
|
|
5601
|
+
private ensureLoop;
|
|
5602
|
+
private drawFrame;
|
|
5603
|
+
private easeInOutCubic;
|
|
5604
|
+
private traceSegmentLength;
|
|
5605
|
+
private pulseHead;
|
|
5606
|
+
private updateTracePulses;
|
|
5607
|
+
private traceLinePositions;
|
|
5608
|
+
private spawnTracePulse;
|
|
5609
|
+
private drawTracePulseSegment;
|
|
5610
|
+
private drawTraceHighlight;
|
|
5611
|
+
private drawPattern;
|
|
5612
|
+
private drawGridLines;
|
|
5613
|
+
private drawFrameGuides;
|
|
5614
|
+
private drawCenterGuides;
|
|
5615
|
+
private buildEnergyMask;
|
|
5616
|
+
private applyFade;
|
|
5471
5617
|
}
|
|
5472
5618
|
declare global {
|
|
5473
5619
|
interface HTMLElementTagNameMap {
|
|
5474
|
-
'db-
|
|
5620
|
+
'db-grid-background': DbGridBackground;
|
|
5475
5621
|
}
|
|
5476
5622
|
}
|
|
5477
5623
|
|
|
@@ -5669,140 +5815,6 @@ declare global {
|
|
|
5669
5815
|
}
|
|
5670
5816
|
}
|
|
5671
5817
|
|
|
5672
|
-
declare class DbAnimationBackground extends HTMLElement {
|
|
5673
|
-
private layersEl?;
|
|
5674
|
-
private contentEl?;
|
|
5675
|
-
private controlsRootEl?;
|
|
5676
|
-
private panelEl?;
|
|
5677
|
-
private panelOpen;
|
|
5678
|
-
private layerHandle?;
|
|
5679
|
-
private clickHandler?;
|
|
5680
|
-
private mountedType?;
|
|
5681
|
-
private controlInputs;
|
|
5682
|
-
private syncingControls;
|
|
5683
|
-
static get observedAttributes(): string[];
|
|
5684
|
-
connectedCallback(): void;
|
|
5685
|
-
/** 열린 설정 패널은 Escape 로 닫힌다 (A11Y-ESCAPE) */
|
|
5686
|
-
private handleDocumentKeyDown;
|
|
5687
|
-
disconnectedCallback(): void;
|
|
5688
|
-
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
|
|
5689
|
-
private getBool;
|
|
5690
|
-
private getSizeStyle;
|
|
5691
|
-
private getConfig;
|
|
5692
|
-
private teardownLayers;
|
|
5693
|
-
private remountLayers;
|
|
5694
|
-
private canLiveUpdate;
|
|
5695
|
-
private applyConfig;
|
|
5696
|
-
private syncClickable;
|
|
5697
|
-
private render;
|
|
5698
|
-
private ensureControlsShell;
|
|
5699
|
-
private syncControlsVisibility;
|
|
5700
|
-
private syncPanelState;
|
|
5701
|
-
private createIconButton;
|
|
5702
|
-
private rebuildControlInputs;
|
|
5703
|
-
private createControlField;
|
|
5704
|
-
private commitControlValue;
|
|
5705
|
-
private syncControlInputs;
|
|
5706
|
-
private renderColorInputs;
|
|
5707
|
-
}
|
|
5708
|
-
declare global {
|
|
5709
|
-
interface HTMLElementTagNameMap {
|
|
5710
|
-
'db-animation-background': DbAnimationBackground;
|
|
5711
|
-
}
|
|
5712
|
-
}
|
|
5713
|
-
|
|
5714
|
-
/**
|
|
5715
|
-
* db-grid-background — 캔버스 기반 그리드 배경.
|
|
5716
|
-
*
|
|
5717
|
-
* 패턴은 항상 중앙을 기준으로 대칭 배치되며(가장자리 라인 없음),
|
|
5718
|
-
* 단독 배경으로도, 다른 배경 위 데코 레이어(overlay)로도 쓸 수 있다.
|
|
5719
|
-
* interactive/animate 로 마우스 인터랙션과 앰비언트 애니메이션을 켤 수 있다.
|
|
5720
|
-
*
|
|
5721
|
-
* @example
|
|
5722
|
-
* <db-grid-background type="lines" size="32" fade="all"
|
|
5723
|
-
* interactive animate height="240"></db-grid-background>
|
|
5724
|
-
*/
|
|
5725
|
-
declare class DbGridBackground extends HTMLElement {
|
|
5726
|
-
private canvas?;
|
|
5727
|
-
private ctx?;
|
|
5728
|
-
private hlCanvas?;
|
|
5729
|
-
private maskCanvas?;
|
|
5730
|
-
private ro?;
|
|
5731
|
-
private rafId?;
|
|
5732
|
-
private lastTime;
|
|
5733
|
-
private lastPointerMove;
|
|
5734
|
-
private bandAngle;
|
|
5735
|
-
private pointer;
|
|
5736
|
-
private cssW;
|
|
5737
|
-
private cssH;
|
|
5738
|
-
private colorProbe?;
|
|
5739
|
-
private themeObserver?;
|
|
5740
|
-
private themeMedia?;
|
|
5741
|
-
private tracePulses;
|
|
5742
|
-
private traceSpawnAccumulator;
|
|
5743
|
-
private onThemeMediaChange;
|
|
5744
|
-
private onPointerMove;
|
|
5745
|
-
static get observedAttributes(): string[];
|
|
5746
|
-
connectedCallback(): void;
|
|
5747
|
-
disconnectedCallback(): void;
|
|
5748
|
-
attributeChangedCallback(): void;
|
|
5749
|
-
private getBool;
|
|
5750
|
-
private getNumber;
|
|
5751
|
-
private getSizeStyle;
|
|
5752
|
-
private getColorProbe;
|
|
5753
|
-
private resolveCssColor;
|
|
5754
|
-
private isDarkContext;
|
|
5755
|
-
private resolveThemeColor;
|
|
5756
|
-
private effectiveOpacity;
|
|
5757
|
-
private effectiveColor;
|
|
5758
|
-
private effectiveInterColor;
|
|
5759
|
-
private traceDrawColor;
|
|
5760
|
-
private traceDrawOpacity;
|
|
5761
|
-
private parseColorRgb;
|
|
5762
|
-
private crossArm;
|
|
5763
|
-
private interactionMode;
|
|
5764
|
-
private animationStyle;
|
|
5765
|
-
private traceDirection;
|
|
5766
|
-
private linesLayout;
|
|
5767
|
-
private crossStyle;
|
|
5768
|
-
private parseGuideEdges;
|
|
5769
|
-
private guideFraction;
|
|
5770
|
-
private isGridLines;
|
|
5771
|
-
private isTraceableLines;
|
|
5772
|
-
private get cfg();
|
|
5773
|
-
private ensureCanvas;
|
|
5774
|
-
private applyHostStyles;
|
|
5775
|
-
private startObserving;
|
|
5776
|
-
private observeDocumentTheme;
|
|
5777
|
-
private bindPointer;
|
|
5778
|
-
private handlePointerMove;
|
|
5779
|
-
private measure;
|
|
5780
|
-
/** 중앙을 기준으로 대칭 배치되며 (0, extent) 내부 좌표만 반환 → 가장자리 라인 없음 */
|
|
5781
|
-
private axis;
|
|
5782
|
-
private scheduleDraw;
|
|
5783
|
-
private ensureLoop;
|
|
5784
|
-
private drawFrame;
|
|
5785
|
-
private easeInOutCubic;
|
|
5786
|
-
private traceSegmentLength;
|
|
5787
|
-
private pulseHead;
|
|
5788
|
-
private updateTracePulses;
|
|
5789
|
-
private traceLinePositions;
|
|
5790
|
-
private spawnTracePulse;
|
|
5791
|
-
private drawTracePulseSegment;
|
|
5792
|
-
private drawTraceHighlight;
|
|
5793
|
-
private drawPattern;
|
|
5794
|
-
private drawGridLines;
|
|
5795
|
-
private drawFrameGuides;
|
|
5796
|
-
private drawCenterGuides;
|
|
5797
|
-
private buildEnergyMask;
|
|
5798
|
-
private applyFade;
|
|
5799
|
-
}
|
|
5800
|
-
declare global {
|
|
5801
|
-
interface HTMLElementTagNameMap {
|
|
5802
|
-
'db-grid-background': DbGridBackground;
|
|
5803
|
-
}
|
|
5804
|
-
}
|
|
5805
|
-
|
|
5806
5818
|
declare class DbCursorFollower extends HTMLElement {
|
|
5807
5819
|
private portalRoot?;
|
|
5808
5820
|
private pillEl?;
|
|
@@ -9260,6 +9272,11 @@ declare class DbWorldMap extends HTMLElement {
|
|
|
9260
9272
|
private drawSolid;
|
|
9261
9273
|
private line;
|
|
9262
9274
|
}
|
|
9275
|
+
declare global {
|
|
9276
|
+
interface HTMLElementTagNameMap {
|
|
9277
|
+
'db-world-map': DbWorldMap;
|
|
9278
|
+
}
|
|
9279
|
+
}
|
|
9263
9280
|
|
|
9264
9281
|
type ZoomControlAction = 'out' | 'value' | 'in' | 'fit' | 'fullscreen';
|
|
9265
9282
|
type ZoomSource = 'button' | 'menu' | 'shortcut' | 'fit';
|
|
@@ -9383,7 +9400,16 @@ interface VideoTrack {
|
|
|
9383
9400
|
muted?: boolean;
|
|
9384
9401
|
height?: number;
|
|
9385
9402
|
}
|
|
9403
|
+
interface VideoEffectProperty {
|
|
9404
|
+
id: string;
|
|
9405
|
+
label: string;
|
|
9406
|
+
min: number;
|
|
9407
|
+
max: number;
|
|
9408
|
+
/** Clip-local seconds, independent of sequence placement. */
|
|
9409
|
+
keyframes: EditorKeyframe[];
|
|
9410
|
+
}
|
|
9386
9411
|
interface VideoClipEffect {
|
|
9412
|
+
properties?: VideoEffectProperty[];
|
|
9387
9413
|
id: string;
|
|
9388
9414
|
label: string;
|
|
9389
9415
|
kind: 'color' | 'blur' | 'transform' | 'opacity' | 'speed';
|
|
@@ -9432,11 +9458,25 @@ declare function applyKeyframeEasing(keys: EditorKeyframe[], id: string, easing:
|
|
|
9432
9458
|
|
|
9433
9459
|
interface TimelineEditDetail {
|
|
9434
9460
|
clips: VideoClip[];
|
|
9435
|
-
action: 'move' | 'trim-start' | 'trim-end' | 'fade-in' | 'fade-out' | 'delete' | 'split';
|
|
9461
|
+
action: 'undo' | 'redo' | 'keyframe' | 'move' | 'trim-start' | 'trim-end' | 'fade-in' | 'fade-out' | 'delete' | 'split';
|
|
9436
9462
|
clipId: string;
|
|
9463
|
+
effectId?: string;
|
|
9464
|
+
propertyId?: string;
|
|
9437
9465
|
}
|
|
9438
9466
|
/** Non-overlapping tracks; optimistic drag feedback emits input, one change per committed transaction. */
|
|
9439
9467
|
declare class DbVideoTimeline extends HTMLElement {
|
|
9468
|
+
private effectTreeId;
|
|
9469
|
+
private effectKeySelection;
|
|
9470
|
+
private expandedEffects;
|
|
9471
|
+
private activeProperty;
|
|
9472
|
+
private effectEditing;
|
|
9473
|
+
private keyMenu?;
|
|
9474
|
+
private undoClips;
|
|
9475
|
+
private redoClips;
|
|
9476
|
+
private committedClips;
|
|
9477
|
+
private selectedEffectKeys;
|
|
9478
|
+
private marquee?;
|
|
9479
|
+
private effectDrag?;
|
|
9440
9480
|
static get observedAttributes(): string[];
|
|
9441
9481
|
private _tracks;
|
|
9442
9482
|
private _clips;
|
|
@@ -9492,6 +9532,7 @@ declare class DbVideoTimeline extends HTMLElement {
|
|
|
9492
9532
|
setZoom(value: number): void;
|
|
9493
9533
|
private node;
|
|
9494
9534
|
private render;
|
|
9535
|
+
private renderEffects;
|
|
9495
9536
|
private select;
|
|
9496
9537
|
private timeAt;
|
|
9497
9538
|
private down;
|
|
@@ -9499,6 +9540,18 @@ declare class DbVideoTimeline extends HTMLElement {
|
|
|
9499
9540
|
private snapped;
|
|
9500
9541
|
private updateDrag;
|
|
9501
9542
|
private autoScroll;
|
|
9543
|
+
private recordTimelineHistory;
|
|
9544
|
+
private restoreTimelineHistory;
|
|
9545
|
+
private makeKeyCopyIds;
|
|
9546
|
+
private copyKeyData;
|
|
9547
|
+
private duplicateSelectedKeys;
|
|
9548
|
+
private effectContextMenu;
|
|
9549
|
+
private keyMenuSelect;
|
|
9550
|
+
private effectToken;
|
|
9551
|
+
private syncEffectSelection;
|
|
9552
|
+
private finishMarquee;
|
|
9553
|
+
private editSelectedKeys;
|
|
9554
|
+
private finishEffectDrag;
|
|
9502
9555
|
private finish;
|
|
9503
9556
|
private up;
|
|
9504
9557
|
private cancel;
|
|
@@ -9512,6 +9565,11 @@ declare class DbVideoTimeline extends HTMLElement {
|
|
|
9512
9565
|
private wheel;
|
|
9513
9566
|
private key;
|
|
9514
9567
|
}
|
|
9568
|
+
declare global {
|
|
9569
|
+
interface HTMLElementTagNameMap {
|
|
9570
|
+
'db-video-timeline': DbVideoTimeline;
|
|
9571
|
+
}
|
|
9572
|
+
}
|
|
9515
9573
|
|
|
9516
9574
|
interface KeyframeEditDetail {
|
|
9517
9575
|
keyframes: EditorKeyframe[];
|
|
@@ -9580,6 +9638,11 @@ declare class DbKeyframeEditor extends HTMLElement {
|
|
|
9580
9638
|
private cancel;
|
|
9581
9639
|
private key;
|
|
9582
9640
|
}
|
|
9641
|
+
declare global {
|
|
9642
|
+
interface HTMLElementTagNameMap {
|
|
9643
|
+
'db-keyframe-editor': DbKeyframeEditor;
|
|
9644
|
+
}
|
|
9645
|
+
}
|
|
9583
9646
|
|
|
9584
9647
|
type EasingCurve = [number, number, number, number];
|
|
9585
9648
|
interface EasingPreset {
|
|
@@ -9645,6 +9708,76 @@ declare class DbEasingEditor extends HTMLElement {
|
|
|
9645
9708
|
private stop;
|
|
9646
9709
|
private play;
|
|
9647
9710
|
}
|
|
9711
|
+
declare global {
|
|
9712
|
+
interface HTMLElementTagNameMap {
|
|
9713
|
+
'db-easing-editor': DbEasingEditor;
|
|
9714
|
+
}
|
|
9715
|
+
}
|
|
9716
|
+
|
|
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
|
+
}
|
|
9648
9781
|
|
|
9649
|
-
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, 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 };
|
|
9650
|
-
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, TimelineEditDetail, TimelineMarker, ToolLayoutPanel, ToolLayoutResizeDetail, ToolLayoutSizes, ToolLayoutVariant, ToolPanelTab, UploadFile, VideoClip, VideoClipEffect, VideoTrack, WorldMapConnection, WorldMapLocation, WorldMapVariant, ZoomChangeDetail, ZoomControlAction, ZoomSource };
|
|
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 };
|