@designbasekorea/ui-wc 0.9.2 → 0.9.4
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 +22 -0
- package/dist/esm/components/date-picker-utils.js +1 -1
- package/dist/esm/components/db-activity-heatmap.js +1 -1
- package/dist/esm/components/db-ai-chat-list.js +1 -1
- package/dist/esm/components/db-ai-file-tree.js +1 -1
- package/dist/esm/components/db-alert.d.ts +12 -0
- package/dist/esm/components/db-alert.js +1 -1
- package/dist/esm/components/db-backdrop.js +1 -1
- package/dist/esm/components/db-bottom-sheet.js +1 -1
- package/dist/esm/components/db-calendar.d.ts +2 -1
- package/dist/esm/components/db-calendar.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-chat-composer.js +1 -1
- package/dist/esm/components/db-checkbox.d.ts +15 -1
- package/dist/esm/components/db-checkbox.js +1 -1
- package/dist/esm/components/db-code-block.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.js +1 -1
- package/dist/esm/components/db-credit-card.d.ts +3 -4
- package/dist/esm/components/db-credit-card.js +1 -1
- package/dist/esm/components/db-cursor-follower.js +1 -1
- package/dist/esm/components/db-date-picker.d.ts +2 -1
- package/dist/esm/components/db-date-picker.js +1 -1
- package/dist/esm/components/db-design-toolbar.js +1 -1
- package/dist/esm/components/db-device-mockup.js +1 -1
- package/dist/esm/components/db-drawer.d.ts +1 -0
- package/dist/esm/components/db-drawer.js +1 -1
- package/dist/esm/components/db-dropdown.js +1 -1
- package/dist/esm/components/db-flight-status.d.ts +2 -2
- package/dist/esm/components/db-flight-status.js +1 -1
- package/dist/esm/components/db-gantt.js +1 -1
- package/dist/esm/components/db-indicator.d.ts +1 -0
- package/dist/esm/components/db-indicator.js +1 -1
- package/dist/esm/components/db-kanban.js +1 -1
- package/dist/esm/components/db-lightbox.js +1 -1
- package/dist/esm/components/db-modal.js +1 -1
- package/dist/esm/components/db-node.d.ts +1 -3
- package/dist/esm/components/db-node.js +1 -1
- package/dist/esm/components/db-onboarding-modal.js +1 -1
- package/dist/esm/components/db-popover.js +1 -1
- package/dist/esm/components/db-radio.d.ts +19 -1
- package/dist/esm/components/db-radio.js +1 -1
- package/dist/esm/components/db-receipt.js +1 -1
- package/dist/esm/components/db-search-bar.js +1 -1
- package/dist/esm/components/db-select.js +1 -1
- package/dist/esm/components/db-tabs.js +1 -1
- package/dist/esm/components/db-textarea.js +1 -1
- package/dist/esm/components/db-time-picker.js +1 -1
- package/dist/esm/components/db-tool-button.js +1 -1
- package/dist/esm/components/db-tooltip.js +1 -1
- package/dist/esm/components/db-tutorial.js +1 -1
- package/dist/esm/components/db-voice-control.js +1 -1
- package/dist/esm/core/ai-element.d.ts +2 -1
- package/dist/esm/core/ai-element.js +1 -1
- package/dist/esm/core/focus-trap.js +1 -1
- package/dist/esm/core/host-class.js +1 -0
- package/dist/esm/core/i18n-copy.js +1 -1
- package/dist/esm/core/i18n-en.js +1 -1
- package/dist/esm/core/i18n.d.ts +16 -0
- package/dist/esm/core/i18n.js +1 -1
- package/dist/esm/core/theme-scope.js +1 -0
- package/dist/esm/index.d.ts +2 -2
- package/dist/esm/index.js +1 -1
- package/dist/esm/node_modules/@designbasekorea/ui-contracts/dist/components.js +1 -1
- package/dist/esm/ui-contracts/dist/components.d.d.ts +9 -2
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +83 -13
- package/dist/index.esm.js +1 -1
- package/dist/react/index.cjs +1 -1
- package/dist/react/index.d.ts +35 -9
- package/dist/react/index.esm.js +1 -1
- package/package.json +3 -2
package/dist/index.d.ts
CHANGED
|
@@ -390,6 +390,10 @@ declare const DEFAULT_STRINGS: {
|
|
|
390
390
|
readonly 'media.previous': "이전 트랙";
|
|
391
391
|
readonly 'media.next': "다음 트랙";
|
|
392
392
|
readonly 'media.fullscreen': "전체화면";
|
|
393
|
+
readonly 'confirm.ok': "확인";
|
|
394
|
+
readonly 'confirm.cancel': "취소";
|
|
395
|
+
readonly 'carousel.slide': "슬라이드";
|
|
396
|
+
readonly 'carousel.role': "캐러셀";
|
|
393
397
|
readonly 'carousel.previous': "이전 슬라이드";
|
|
394
398
|
readonly 'carousel.next': "다음 슬라이드";
|
|
395
399
|
readonly 'breadcrumbs.expand': "생략된 경로 펼치기";
|
|
@@ -407,6 +411,18 @@ declare const DEFAULT_STRINGS: {
|
|
|
407
411
|
readonly 'tweetCard.reply': "답글";
|
|
408
412
|
readonly 'tweetCard.verified': "인증된 계정";
|
|
409
413
|
readonly 'tweetCard.retry': "다시 시도";
|
|
414
|
+
readonly 'chatComposer.placeholder': "메시지를 입력하세요…";
|
|
415
|
+
readonly 'chatComposer.send': "전송";
|
|
416
|
+
readonly 'chatComposer.stop': "생성 중지";
|
|
417
|
+
readonly 'chatComposer.attach': "첨부";
|
|
418
|
+
readonly 'voice.start': "음성 입력";
|
|
419
|
+
readonly 'voice.stop': "받아쓰기 완료";
|
|
420
|
+
readonly 'voice.cancel': "음성 입력 취소";
|
|
421
|
+
readonly 'voice.starting': "마이크 연결 중";
|
|
422
|
+
readonly 'voice.listening': "음성 인식 중";
|
|
423
|
+
readonly 'voice.stopping': "마지막 문장 확인 중";
|
|
424
|
+
readonly 'voice.error': "음성 인식 실패";
|
|
425
|
+
readonly 'voice.unsupported': "음성 입력 미지원";
|
|
410
426
|
};
|
|
411
427
|
type DbStringKey = keyof typeof DEFAULT_STRINGS;
|
|
412
428
|
type DbStrings = Partial<Record<DbStringKey, string>> & Record<string, string>;
|
|
@@ -627,6 +643,13 @@ type ConfettiShape = (typeof CONFETTI_SHAPES)[number];
|
|
|
627
643
|
declare const GLYPH_MATRIX_PRESETS: readonly ["code", "matrix", "binary", "dots", "alphanumeric"];
|
|
628
644
|
type GlyphMatrixPreset = (typeof GLYPH_MATRIX_PRESETS)[number];
|
|
629
645
|
type GlyphMatrixSize = SizeSML;
|
|
646
|
+
declare const AI_ELEMENT_STATUSES: readonly ["pending", "running", "complete", "error", "cancelled", "approval"];
|
|
647
|
+
type AiElementStatus = (typeof AI_ELEMENT_STATUSES)[number];
|
|
648
|
+
declare const CREDIT_CARD_VARIANTS: readonly ["default", "contrast", "metal", "blue", "sage", "rose", "cobalt", "coral", "lime"];
|
|
649
|
+
declare const CREDIT_CARD_ORIENTATIONS: readonly ["horizontal", "vertical"];
|
|
650
|
+
declare const FLIGHT_STATUSES: readonly ["scheduled", "boarding", "in-flight", "landed", "delayed", "cancelled"];
|
|
651
|
+
declare const NODE_VARIANTS: readonly ["default", "compact"];
|
|
652
|
+
declare const NODE_STATUSES: readonly ["idle", "running", "success", "error"];
|
|
630
653
|
|
|
631
654
|
interface DbNavigationRailItem {
|
|
632
655
|
id: string;
|
|
@@ -803,9 +826,22 @@ declare class DbCheckbox extends HTMLElement {
|
|
|
803
826
|
private labelEl?;
|
|
804
827
|
private built;
|
|
805
828
|
private userInteracted;
|
|
829
|
+
private resetChecked?;
|
|
806
830
|
private readonly cleanups;
|
|
831
|
+
focus(options?: FocusOptions): void;
|
|
832
|
+
get name(): string;
|
|
833
|
+
set name(value: string);
|
|
834
|
+
get value(): string;
|
|
835
|
+
set value(value: string);
|
|
836
|
+
get defaultChecked(): boolean;
|
|
837
|
+
set defaultChecked(value: boolean);
|
|
838
|
+
get defaultSelected(): boolean;
|
|
839
|
+
set defaultSelected(value: boolean);
|
|
840
|
+
private upgradeProperties;
|
|
807
841
|
get checked(): boolean;
|
|
808
842
|
set checked(value: boolean);
|
|
843
|
+
get selected(): boolean;
|
|
844
|
+
set selected(value: boolean);
|
|
809
845
|
get indeterminate(): boolean;
|
|
810
846
|
set indeterminate(value: boolean);
|
|
811
847
|
get disabled(): boolean;
|
|
@@ -822,7 +858,8 @@ declare class DbCheckbox extends HTMLElement {
|
|
|
822
858
|
/** form.reset() 이후 네이티브 input 의 실제 상태를 호스트 attribute 로 되돌린다 */
|
|
823
859
|
private syncAfterReset;
|
|
824
860
|
attributeChangedCallback(name: string): void;
|
|
825
|
-
|
|
861
|
+
get hasLabel(): boolean;
|
|
862
|
+
set hasLabel(value: boolean);
|
|
826
863
|
private build;
|
|
827
864
|
private handleChange;
|
|
828
865
|
/**
|
|
@@ -1412,8 +1449,22 @@ declare class DbRadio extends HTMLElement {
|
|
|
1412
1449
|
private labelEl?;
|
|
1413
1450
|
private built;
|
|
1414
1451
|
private userInteracted;
|
|
1452
|
+
private resetChecked?;
|
|
1453
|
+
private readonly cleanups;
|
|
1454
|
+
focus(options?: FocusOptions): void;
|
|
1455
|
+
get name(): string;
|
|
1456
|
+
set name(value: string);
|
|
1457
|
+
get value(): string;
|
|
1458
|
+
set value(value: string);
|
|
1459
|
+
get defaultChecked(): boolean;
|
|
1460
|
+
set defaultChecked(value: boolean);
|
|
1461
|
+
get defaultSelected(): boolean;
|
|
1462
|
+
set defaultSelected(value: boolean);
|
|
1463
|
+
private upgradeProperties;
|
|
1415
1464
|
get checked(): boolean;
|
|
1416
1465
|
set checked(value: boolean);
|
|
1466
|
+
get selected(): boolean;
|
|
1467
|
+
set selected(value: boolean);
|
|
1417
1468
|
get disabled(): boolean;
|
|
1418
1469
|
set disabled(value: boolean);
|
|
1419
1470
|
get readOnly(): boolean;
|
|
@@ -1423,10 +1474,14 @@ declare class DbRadio extends HTMLElement {
|
|
|
1423
1474
|
get size(): string;
|
|
1424
1475
|
set size(value: string);
|
|
1425
1476
|
connectedCallback(): void;
|
|
1477
|
+
disconnectedCallback(): void;
|
|
1426
1478
|
attributeChangedCallback(name: string): void;
|
|
1427
|
-
|
|
1479
|
+
get hasLabel(): boolean;
|
|
1480
|
+
set hasLabel(value: boolean);
|
|
1428
1481
|
private build;
|
|
1429
1482
|
private handleChange;
|
|
1483
|
+
private groupPeers;
|
|
1484
|
+
private syncGroup;
|
|
1430
1485
|
private syncState;
|
|
1431
1486
|
private syncVisual;
|
|
1432
1487
|
private syncClasses;
|
|
@@ -1559,8 +1614,20 @@ interface DbAlertAction {
|
|
|
1559
1614
|
}
|
|
1560
1615
|
declare class DbAlert extends HTMLElement {
|
|
1561
1616
|
static get observedAttributes(): string[];
|
|
1617
|
+
/** 소비자가 넣은 자식(링크·코드 등)을 담아 두는 내부 컨테이너. 렌더 사이에 유지된다. */
|
|
1618
|
+
private slotEl?;
|
|
1619
|
+
private observer?;
|
|
1620
|
+
/** 슬롯 내부 변경(React 가 래퍼 안 자식을 바꿀 때)을 감지해 빈 슬롯 여부를 다시 계산한다 */
|
|
1621
|
+
private slotObserver?;
|
|
1622
|
+
private renderedSlotted;
|
|
1562
1623
|
connectedCallback(): void;
|
|
1624
|
+
disconnectedCallback(): void;
|
|
1563
1625
|
attributeChangedCallback(): void;
|
|
1626
|
+
private getSlot;
|
|
1627
|
+
/** 호스트에 직접 붙은 소비자 노드를 슬롯으로 옮긴다. 공백 텍스트는 버린다. */
|
|
1628
|
+
private moveChildrenToSlot;
|
|
1629
|
+
private adoptChildren;
|
|
1630
|
+
private hasSlotted;
|
|
1564
1631
|
private getIconName;
|
|
1565
1632
|
private parseActionButtons;
|
|
1566
1633
|
private render;
|
|
@@ -1742,6 +1809,7 @@ declare class DbDrawer extends HTMLElement {
|
|
|
1742
1809
|
/** 잠근 적이 있을 때만 푼다 — 카운트가 음수로 새지 않도록 */
|
|
1743
1810
|
private releaseScrollLock;
|
|
1744
1811
|
attributeChangedCallback(name: string): void;
|
|
1812
|
+
private syncInteraction;
|
|
1745
1813
|
private isOpenRequested;
|
|
1746
1814
|
private clearTimers;
|
|
1747
1815
|
private attachEscape;
|
|
@@ -1794,6 +1862,8 @@ declare class DbConfirm extends HTMLElement {
|
|
|
1794
1862
|
private focusTrap?;
|
|
1795
1863
|
/** 참조 카운트 스크롤락을 이 인스턴스가 잡고 있는지 (PERF-GLOBAL-STATE) */
|
|
1796
1864
|
private scrollLocked;
|
|
1865
|
+
private unsubscribeLocale?;
|
|
1866
|
+
private syncLocale;
|
|
1797
1867
|
connectedCallback(): void;
|
|
1798
1868
|
disconnectedCallback(): void;
|
|
1799
1869
|
/** 트랩 해제(=포커스 복원)와 스크롤락 반환을 한 곳에서 처리한다 */
|
|
@@ -1841,6 +1911,7 @@ declare class DbIndicator extends HTMLElement {
|
|
|
1841
1911
|
set clickable(value: boolean);
|
|
1842
1912
|
get timer(): boolean;
|
|
1843
1913
|
set timer(value: boolean);
|
|
1914
|
+
private unsubscribeLocale?;
|
|
1844
1915
|
connectedCallback(): void;
|
|
1845
1916
|
disconnectedCallback(): void;
|
|
1846
1917
|
attributeChangedCallback(name: string): void;
|
|
@@ -3494,7 +3565,8 @@ declare class DbDatePicker extends HTMLElement {
|
|
|
3494
3565
|
get inline(): boolean;
|
|
3495
3566
|
set inline(value: boolean);
|
|
3496
3567
|
private get type();
|
|
3497
|
-
|
|
3568
|
+
get locale(): string;
|
|
3569
|
+
set locale(value: string);
|
|
3498
3570
|
private get startOfWeek();
|
|
3499
3571
|
private get showOutsideDays();
|
|
3500
3572
|
private get usesPendingValue();
|
|
@@ -3644,7 +3716,8 @@ declare class DbCalendar extends HTMLElement {
|
|
|
3644
3716
|
private eventForm;
|
|
3645
3717
|
connectedCallback(): void;
|
|
3646
3718
|
attributeChangedCallback(): void;
|
|
3647
|
-
|
|
3719
|
+
get locale(): string;
|
|
3720
|
+
set locale(value: string);
|
|
3648
3721
|
private get showWeekends();
|
|
3649
3722
|
private get highlightToday();
|
|
3650
3723
|
private get showOutsideDays();
|
|
@@ -3849,6 +3922,8 @@ declare class DbCarousel extends HTMLElement {
|
|
|
3849
3922
|
static get observedAttributes(): string[];
|
|
3850
3923
|
get items(): DbCarouselItem[];
|
|
3851
3924
|
set items(value: DbCarouselItem[] | string);
|
|
3925
|
+
private unsubscribeLocale?;
|
|
3926
|
+
private syncLocale;
|
|
3852
3927
|
connectedCallback(): void;
|
|
3853
3928
|
disconnectedCallback(): void;
|
|
3854
3929
|
attributeChangedCallback(name: string): void;
|
|
@@ -6890,7 +6965,7 @@ declare global {
|
|
|
6890
6965
|
}
|
|
6891
6966
|
}
|
|
6892
6967
|
|
|
6893
|
-
type DbAiStatus =
|
|
6968
|
+
type DbAiStatus = AiElementStatus;
|
|
6894
6969
|
interface DbAiItem {
|
|
6895
6970
|
id: string;
|
|
6896
6971
|
label: string;
|
|
@@ -7731,10 +7806,8 @@ declare global {
|
|
|
7731
7806
|
}
|
|
7732
7807
|
}
|
|
7733
7808
|
|
|
7734
|
-
|
|
7735
|
-
|
|
7736
|
-
type DbCreditCardOrientation = typeof ORIENTATIONS[number];
|
|
7737
|
-
type DbCreditCardVariant = typeof VARIANTS[number];
|
|
7809
|
+
type DbCreditCardOrientation = typeof CREDIT_CARD_ORIENTATIONS[number];
|
|
7810
|
+
type DbCreditCardVariant = typeof CREDIT_CARD_VARIANTS[number];
|
|
7738
7811
|
interface DbCreditCardFlip {
|
|
7739
7812
|
flipped: boolean;
|
|
7740
7813
|
}
|
|
@@ -7890,8 +7963,7 @@ declare function getPaymentBrand(network: string): {
|
|
|
7890
7963
|
readonly src: string;
|
|
7891
7964
|
} | undefined;
|
|
7892
7965
|
|
|
7893
|
-
|
|
7894
|
-
type DbFlightStatusValue = typeof STATUSES[number];
|
|
7966
|
+
type DbFlightStatusValue = typeof FLIGHT_STATUSES[number];
|
|
7895
7967
|
/** Display data supplied by the application; does not fetch or simulate live flights. */
|
|
7896
7968
|
declare class DbFlightStatus extends DbElement {
|
|
7897
7969
|
static get observedAttributes(): string[];
|
|
@@ -8060,8 +8132,6 @@ declare global {
|
|
|
8060
8132
|
}
|
|
8061
8133
|
}
|
|
8062
8134
|
|
|
8063
|
-
declare const NODE_VARIANTS: readonly ["default", "compact"];
|
|
8064
|
-
declare const NODE_STATUSES: readonly ["idle", "running", "success", "error"];
|
|
8065
8135
|
type DbNodePortType = 'any' | 'text' | 'image' | 'number' | 'boolean';
|
|
8066
8136
|
type DbNodePort = {
|
|
8067
8137
|
id: string;
|