@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.
Files changed (168) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/LICENSE +21 -0
  3. package/README.en.md +45 -0
  4. package/README.md +13 -5
  5. package/THIRD-PARTY-NOTICES.md +5 -0
  6. package/dist/esm/components/db-ad-banner.d.ts +6 -0
  7. package/dist/esm/components/db-ad-banner.js +1 -1
  8. package/dist/esm/components/db-animation-background.d.ts +7 -0
  9. package/dist/esm/components/db-animation-background.js +1 -1
  10. package/dist/esm/components/db-avatar.d.ts +2 -0
  11. package/dist/esm/components/db-avatar.js +1 -1
  12. package/dist/esm/components/db-banner.d.ts +2 -0
  13. package/dist/esm/components/db-banner.js +1 -1
  14. package/dist/esm/components/db-bottom-navigation.d.ts +2 -0
  15. package/dist/esm/components/db-bottom-navigation.js +1 -1
  16. package/dist/esm/components/db-card.d.ts +2 -0
  17. package/dist/esm/components/db-card.js +1 -1
  18. package/dist/esm/components/db-carousel.d.ts +2 -0
  19. package/dist/esm/components/db-carousel.js +1 -1
  20. package/dist/esm/components/db-code-block.d.ts +3 -0
  21. package/dist/esm/components/db-code-block.js +1 -1
  22. package/dist/esm/components/db-color-picker.d.ts +5 -0
  23. package/dist/esm/components/db-color-picker.js +1 -1
  24. package/dist/esm/components/db-color-swatch.d.ts +2 -0
  25. package/dist/esm/components/db-color-swatch.js +1 -1
  26. package/dist/esm/components/db-confirm.d.ts +2 -0
  27. package/dist/esm/components/db-confirm.js +1 -1
  28. package/dist/esm/components/db-context-menu.d.ts +6 -2
  29. package/dist/esm/components/db-context-menu.js +1 -1
  30. package/dist/esm/components/db-cookie-banner.d.ts +2 -0
  31. package/dist/esm/components/db-cookie-banner.js +1 -1
  32. package/dist/esm/components/db-drawer.d.ts +2 -0
  33. package/dist/esm/components/db-drawer.js +1 -1
  34. package/dist/esm/components/db-dropdown.d.ts +2 -0
  35. package/dist/esm/components/db-dropdown.js +1 -1
  36. package/dist/esm/components/db-easing-editor.d.ts +5 -0
  37. package/dist/esm/components/db-empty-state.d.ts +2 -0
  38. package/dist/esm/components/db-empty-state.js +1 -1
  39. package/dist/esm/components/db-file-uploader.d.ts +4 -0
  40. package/dist/esm/components/db-file-uploader.js +1 -1
  41. package/dist/esm/components/db-footer.d.ts +2 -0
  42. package/dist/esm/components/db-footer.js +1 -1
  43. package/dist/esm/components/db-gantt.d.ts +2 -0
  44. package/dist/esm/components/db-gantt.js +1 -1
  45. package/dist/esm/components/db-image-list.d.ts +3 -0
  46. package/dist/esm/components/db-image-list.js +1 -1
  47. package/dist/esm/components/db-keyframe-editor.d.ts +5 -0
  48. package/dist/esm/components/db-layer-list.d.ts +71 -0
  49. package/dist/esm/components/db-layer-list.js +1 -0
  50. package/dist/esm/components/db-lightbox.d.ts +4 -0
  51. package/dist/esm/components/db-lightbox.js +1 -1
  52. package/dist/esm/components/db-list.d.ts +2 -0
  53. package/dist/esm/components/db-list.js +1 -1
  54. package/dist/esm/components/db-menu-item.d.ts +2 -0
  55. package/dist/esm/components/db-menu-item.js +1 -1
  56. package/dist/esm/components/db-modal.d.ts +3 -0
  57. package/dist/esm/components/db-modal.js +1 -1
  58. package/dist/esm/components/db-navbar.d.ts +5 -0
  59. package/dist/esm/components/db-navbar.js +1 -1
  60. package/dist/esm/components/db-onboarding-modal.d.ts +3 -0
  61. package/dist/esm/components/db-onboarding-modal.js +1 -1
  62. package/dist/esm/components/db-page-header.d.ts +3 -0
  63. package/dist/esm/components/db-page-header.js +1 -1
  64. package/dist/esm/components/db-pagination.d.ts +2 -0
  65. package/dist/esm/components/db-pagination.js +1 -1
  66. package/dist/esm/components/db-popover.d.ts +2 -0
  67. package/dist/esm/components/db-popover.js +1 -1
  68. package/dist/esm/components/db-search-bar.d.ts +3 -0
  69. package/dist/esm/components/db-search-bar.js +1 -1
  70. package/dist/esm/components/db-section-app-download.d.ts +2 -0
  71. package/dist/esm/components/db-section-app-download.js +1 -1
  72. package/dist/esm/components/db-section-contact.d.ts +2 -0
  73. package/dist/esm/components/db-section-contact.js +1 -1
  74. package/dist/esm/components/db-section-cta.d.ts +3 -0
  75. package/dist/esm/components/db-section-cta.js +1 -1
  76. package/dist/esm/components/db-section-faq.d.ts +2 -0
  77. package/dist/esm/components/db-section-faq.js +1 -1
  78. package/dist/esm/components/db-section-feature.d.ts +3 -0
  79. package/dist/esm/components/db-section-feature.js +1 -1
  80. package/dist/esm/components/db-section-hero.d.ts +2 -0
  81. package/dist/esm/components/db-section-hero.js +1 -1
  82. package/dist/esm/components/db-section-logo-cloud.d.ts +2 -0
  83. package/dist/esm/components/db-section-logo-cloud.js +1 -1
  84. package/dist/esm/components/db-section-pricing.d.ts +3 -0
  85. package/dist/esm/components/db-section-pricing.js +1 -1
  86. package/dist/esm/components/db-section-stats.d.ts +2 -0
  87. package/dist/esm/components/db-section-stats.js +1 -1
  88. package/dist/esm/components/db-section-testimonials.d.ts +4 -0
  89. package/dist/esm/components/db-section-testimonials.js +1 -1
  90. package/dist/esm/components/db-section.d.ts +2 -0
  91. package/dist/esm/components/db-section.js +1 -1
  92. package/dist/esm/components/db-share.d.ts +5 -0
  93. package/dist/esm/components/db-share.js +1 -1
  94. package/dist/esm/components/db-sidebar.d.ts +7 -0
  95. package/dist/esm/components/db-sidebar.js +1 -1
  96. package/dist/esm/components/db-stat.d.ts +2 -0
  97. package/dist/esm/components/db-stat.js +1 -1
  98. package/dist/esm/components/db-table.d.ts +5 -0
  99. package/dist/esm/components/db-table.js +1 -1
  100. package/dist/esm/components/db-testimonial.d.ts +3 -0
  101. package/dist/esm/components/db-testimonial.js +1 -1
  102. package/dist/esm/components/db-time-picker.d.ts +1 -0
  103. package/dist/esm/components/db-time-picker.js +1 -1
  104. package/dist/esm/components/db-top-banner.d.ts +3 -0
  105. package/dist/esm/components/db-top-banner.js +1 -1
  106. package/dist/esm/components/db-tutorial.d.ts +3 -0
  107. package/dist/esm/components/db-tutorial.js +1 -1
  108. package/dist/esm/components/db-video-timeline.d.ts +34 -2
  109. package/dist/esm/components/db-video-timeline.js +1 -1
  110. package/dist/esm/components/db-world-map.d.ts +5 -0
  111. package/dist/esm/components/media-editor-model.d.ts +10 -1
  112. package/dist/esm/core/i18n-en.js +1 -1
  113. package/dist/esm/core/i18n.d.ts +11 -0
  114. package/dist/esm/core/i18n.js +1 -1
  115. package/dist/esm/index.d.ts +2 -1
  116. package/dist/esm/index.js +1 -1
  117. package/dist/index.cjs +1 -1
  118. package/dist/index.css +1 -1
  119. package/dist/index.d.ts +619 -486
  120. package/dist/index.esm.js +1 -1
  121. package/dist/react/index.cjs +1 -1
  122. package/dist/react/index.d.ts +47 -3
  123. package/dist/react/index.esm.js +1 -1
  124. package/docs/ACCORDION.md +17 -0
  125. package/docs/ACHIEVEMENTS.md +15 -0
  126. package/docs/AI-ELEMENTS.md +86 -0
  127. package/docs/APP-UPDATE.md +60 -0
  128. package/docs/ATTACHMENTS.md +32 -0
  129. package/docs/BUTTON.md +17 -0
  130. package/docs/CDN-GUIDE.md +82 -0
  131. package/docs/COMPONENT-CHECKLIST.md +98 -0
  132. package/docs/CONTEXT-MENU.md +22 -0
  133. package/docs/CREDIT-AI.md +136 -0
  134. package/docs/CREDIT-CARD.md +52 -0
  135. package/docs/CROSS_PLATFORM_COMPONENT_STRATEGY.md +81 -0
  136. package/docs/EASING-EDITOR.md +42 -0
  137. package/docs/EFFECT-KEYFRAMES.md +60 -0
  138. package/docs/LAYER-LIST.md +31 -0
  139. package/docs/MEDIA-EDITORS.md +63 -0
  140. package/docs/MODULE-REUSE.md +43 -0
  141. package/docs/MULTI-PLATFORM-GUIDE.md +246 -0
  142. package/docs/NOTIFICATIONS.md +23 -0
  143. package/docs/PAPER-CARDS.md +61 -0
  144. package/docs/QUALITY-GUIDELINES.md +196 -0
  145. package/docs/RANGE-SLIDER.md +29 -0
  146. package/docs/REACT-WC-INTEGRATION.md +96 -0
  147. package/docs/RECENT-COMPONENTS-QUALITY.md +96 -0
  148. package/docs/SELECT.md +26 -0
  149. package/docs/SELECTION-CONTROLS.md +33 -0
  150. package/docs/SITE-SHELL.md +37 -0
  151. package/docs/STYLING.md +60 -0
  152. package/docs/SUPPORT.md +39 -0
  153. package/docs/TABS.md +19 -0
  154. package/docs/TEXT-FIELDS.md +28 -0
  155. package/docs/TIME-PICKER-DEVELOPMENT.md +115 -0
  156. package/docs/TOGGLE.md +40 -0
  157. package/docs/TRAVEL.md +30 -0
  158. package/docs/UI-NATIVE.md +90 -0
  159. package/docs/VIDEO-EXPORT.md +12 -0
  160. package/docs/VOICE-INPUT.md +24 -0
  161. package/docs/VUE-ANGULAR-INTEGRATION.md +197 -0
  162. package/docs/WORDPRESS-INTEGRATION.md +250 -0
  163. package/docs/WORKSPACE.md +27 -0
  164. package/docs/quality/AXE-REPORT.md +35 -0
  165. package/docs/quality/CREDIT-AI-RELEASE-2026-10-18.md +34 -0
  166. package/docs/quality/ENUM-MIGRATION-WORKSHEET.md +288 -0
  167. package/docs/quality/SCORECARD.md +389 -0
  168. 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
- private openAt;
3193
- private close;
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(name: string): void;
3358
- get options(): DbSegmentOptionData[];
3359
- set options(value: DbSegmentOptionData[] | string);
3360
- get value(): string;
3361
- set value(value: string);
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-segment-control': DbSegmentControl;
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 build;
5467
- private stopAnimation;
5468
- private applyGradient;
5469
- private syncContent;
5470
- private updateUI;
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-random-gradient': DbRandomGradient;
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 };