@sellmate/design-system 1.0.74 → 1.0.76

package/dist/esm/sd-toast.entry.js

@@ -55,10 +55,10 @@ const SdToast = class {
     render() {
         const typeConfig = TOAST_TYPE_CONFIG[this.type] ?? TOAST_TYPE_CONFIG.default;
         const iconSize = Number(TOAST_LAYOUT.iconSize);
-        return (h("div", { key: 'd4b73e2503514143f5174bc8859baf0e59c2f8da', style: {
+        return (h("div", { key: '77954c9d285339cb48032eec5eca0dcbe308affc', style: {
                 '--sd-toast-bg': typeConfig.bg,
                 '--sd-toast-text': typeConfig.content,
-            } }, h("div", { key: '7334daee691fb03a1005c2afac64033554489046', class: "sd-toast", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: '297ada835b0710bf43a936b02e53b0873b7f4af3', class: "sd-toast__icon" }, h("sd-icon", { key: 'b5bc4716df28231dc7af15db63595ae9044189b5', name: this.icon, size: iconSize, color: typeConfig.content }))), h("div", { key: 'd0239c8f8b495fbdaedad0f65a6d0a0edfaada60', class: "sd-toast__content" }, h("span", { key: 'dc70d403673bb8f99cfd91393054a86bf17e5ac2', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: '1a76bcee482720693b501d3a13c54e720bbe44fc', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.useClose && (h("sd-ghost-button", { key: 'a8dc3c15cabf5ca4e075e75c4fb2744dd5da4fa0', class: "sd-toast__close", icon: "close", intent: this.type === 'caution' ? 'default' : 'inverse', ariaLabel: "close", size: "xs", onClick: () => this.close.emit() })))));
+            } }, h("div", { key: '73c792f19982140f91397a3ec7d6e22914ca316f', class: "sd-toast", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: 'cc140bfd043b0d0cd6a7697053f736dac707f86b', class: "sd-toast__icon" }, h("sd-icon", { key: '85f38036cd39cb4d0f4a43ef0d307ef9faa03eb1', name: this.icon, size: iconSize, color: typeConfig.content }))), h("div", { key: '4d36e34a9ccac80fc2ed01f33b1e2aa80d70c78b', class: "sd-toast__content" }, h("span", { key: '9105d37004bbde90e8a7118ca5a58a6e4d6953f5', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: 'fdaabae7d8efb6540ce770cc5783b286789cdb3c', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.useClose && (h("sd-ghost-button", { key: 'c5985e50041b8f3e8c77e142fd06afaf0537de47', class: "sd-toast__close", icon: "close", intent: this.type === 'caution' ? 'default' : 'inverse', ariaLabel: "close", size: "xs", onClick: () => this.close.emit() })))));
     }
 };
 SdToast.style = sdToastCss();

package/dist/esm/sd-toggle.entry.js

@@ -118,7 +118,7 @@ const SdToggle = class {
             '--sd-toggle-content-select': TOGGLE_COLORS.content.select,
             '--sd-toggle-content-disabled': TOGGLE_COLORS.content.disabled,
         };
-        return (h("label", { key: 'fe56ffe876ccc859536ca74703e0870ad97e1668', class: this.toggleClasses, style: cssVars, "aria-label": this.label || 'toggle' }, this.label, h("input", { key: 'f473fd71c03d0e4e3e8fb354753d769033f148f2', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
+        return (h("label", { key: 'e9bb126d92605cdd3a88ff1840aa79a4b66c7cf8', class: this.toggleClasses, style: cssVars, "aria-label": this.label || 'toggle' }, this.label, h("input", { key: '41c18a29c10ae91b84ecd6d2619a40ab99f5d151', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
     }
 };
 SdToggle.style = sdToggleCss();

package/dist/types/components/sd-ghost-button/sd-ghost-button.d.ts

@@ -8,6 +8,7 @@ export declare class SdGhostButton {
     disabled: boolean;
     click: EventEmitter<MouseEvent>;
     private hasWarnedMissingAriaLabel;
+    componentWillLoad(): void;
     private handleClick;
     componentWillRender(): void;
     private warnIfMissingAriaLabel;

package/dist/types/components/sd-loading-modal/sd-loading-modal.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { type LoadingModalState } from './sd-loading-modal.config';
 export declare class SdLoadingModal {
     state: LoadingModalState;
-    message: string;
+    message: string | string[];
     useButton: boolean;
     buttonLabel: string;
     width?: string | number;

package/dist/types/components/sd-modal-container/sd-modal-container.config.d.ts

@@ -18,7 +18,7 @@ export interface ConfirmModalOptions {
 }
 export interface LoadingModalOptions {
     state?: LoadingModalState;
-    message?: string;
+    message?: string | string[];
     useButton?: boolean;
     buttonLabel?: string;
     width?: string | number;

package/dist/types/components/sd-modal-container/sd-modal-container.d.ts

@@ -1,11 +1,12 @@
 import type { ConfirmModalOptions, LoadingModalOptions, ModalDialogRefLike, ModalEntry, SdModalCreateOptions } from './sd-modal-container.config';
+interface InternalEntry extends ModalEntry {
+    backdropVisible: boolean;
+}
 export declare class SdModalContainer {
     el: HTMLElement;
     autoRemove: boolean;
-    entry?: ModalEntry;
-    isVisible: boolean;
-    backdropVisible: boolean;
-    private layerRef?;
+    entries: InternalEntry[];
+    private layerRefs;
     open(options: ConfirmModalOptions, modalRef: ModalDialogRefLike): Promise<string>;
     openLoading(options: LoadingModalOptions, modalRef: ModalDialogRefLike): Promise<string>;
     createCustom(element: HTMLElement, options: SdModalCreateOptions, modalRef: ModalDialogRefLike): Promise<string>;
@@ -30,3 +31,4 @@ export declare class SdModalContainer {
     private setAttr;
     render(): any;
 }
+export {};

package/dist/types/components/sd-radio-button/sd-radio-button.d.ts

@@ -12,6 +12,7 @@ export declare class SdRadioButton {
     disabled: boolean;
     name?: string;
     change: EventEmitter<RadioValue>;
+    componentWillLoad(): void;
     private handleRadioChange;
     private isOptionSelected;
     private isOptionDisabled;

package/dist/types/components/sd-select-v2/sd-select-v2-listbox/sd-select-v2-listbox.d.ts

@@ -5,6 +5,8 @@ export declare class SdSelectV2Listbox {
     options: SelectV2Option[];
     value: SelectV2Value;
     emitValue: boolean;
+    useSearch: boolean;
+    useSelectAll: boolean;
     triggerWidth: string;
     maxWidth: string;
     maxHeight: string;
@@ -18,6 +20,10 @@ export declare class SdSelectV2Listbox {
     private suppressHover;
     private get isDepth();
     private get isMulti();
+    private static readonly SELECT_ALL_OPTION;
+    private get showSelectAll();
+    private getAllNonDisabledLeaves;
+    private get selectAllState();
     private get showSearch();
     private get filteredOptions();
     private get isEmpty();
@@ -40,6 +46,9 @@ export declare class SdSelectV2Listbox {
      */
     private collectVisibleLeaves;
     private get navigableOptions();
+    private isSelectAllOption;
+    private emitSelectAll;
+    private handleSelectAllClick;
     private isOptionFocused;
     resetFocusOnFilter(): void;
     private handleSearchFilter;

package/dist/types/components/sd-select-v2/sd-select-v2.d.ts

@@ -28,6 +28,9 @@ export declare class SdSelectV2 {
     labelTooltipProps: SdTooltipProps | null;
     emitValue: boolean;
     width: string | number;
+    useSearch: boolean;
+    allSelectedLabel: string;
+    useSelectAll: boolean;
     private isOpen;
     private isAnimatingOut;
     private triggerWidth;
@@ -50,6 +53,7 @@ export declare class SdSelectV2 {
     private get isMulti();
     private get displayText();
     private flattenOptions;
+    private getNonDisabledLeaves;
     private getSelectedOptions;
     private toMultiValue;
     private parsePixelValue;

package/dist/types/components/sd-table/sd-table.d.ts

@@ -47,11 +47,14 @@ export declare class SdTable {
     scrolledRight: boolean;
     rowCount: number;
     loadingScrollTop: number;
+    autoThead: boolean;
+    autoTbody: boolean;
     private vsStart;
     private vsEnd;
     private lastReachEndNotifiedRowCount;
     private scrollContainer;
     private onScroll?;
+    private spanRegistry;
     private toFiniteNumber;
     private isRowsPerPageValue;
     private isValidTableId;
@@ -66,9 +69,12 @@ export declare class SdTable {
     handleConfigChange(): void;
     handleSelectedChange(newSelected: Row[]): void;
     handlePaginationChange(newVal?: SdTablePagination): void;
+    private detectChildren;
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    private queryChildEl;
+    private queryAllTr;
     private pushRowsToChildren;
     private handleStructureSlotChange;
     private refreshChildrenSelection;
@@ -111,6 +117,16 @@ export declare class SdTable {
         minWidth: string;
         maxWidth: string;
     }>;
+    private spanKey;
+    private requestAllTrUpdate;
+    registerSpanSync(rowKey: string, field: string, rowspan: number, colspan: number): void;
+    unregisterSpanSync(rowKey: string, field: string): void;
+    getSpanSync(rowKey: string, field: string): {
+        rowspan: number;
+        colspan: number;
+    } | undefined;
+    hasRowspanSync(): boolean;
+    isCoveredSync(rowKey: string, colIdx: number, columns: SdTableColumn[]): boolean;
     setRowCountSync(count: number): void;
     setRowCount(count: number): Promise<void>;
     calculateVisibleRange(scrollTop: number, containerHeight: number): {
@@ -133,6 +149,7 @@ export declare class SdTable {
         from: number;
         to: number;
     } | null;
+    private renderAutoRows;
     private get tableClasses();
     render(): any;
 }

package/dist/types/components/sd-table/sd-td/sd-td.d.ts

@@ -3,10 +3,18 @@ export declare class SdTd {
     field: string;
     rowKey: string;
     align?: 'left' | 'center' | 'right';
+    rowspan?: number;
+    colspan?: number;
     handleFieldChange(): void;
     handleRowKeyChange(): void;
+    handleSpanChange(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private findTable;
+    private requestParentTrUpdate;
+    private syncSpanRegistration;
     private syncSlotName;
     render(): any;
 }

package/dist/types/components/sd-table/sd-tr/sd-tr.d.ts

@@ -9,6 +9,7 @@ export declare class SdTr {
     tableId: string;
     columnWidths: number[];
     isVisible: boolean;
+    spansVersion: number;
     private _columns;
     private _selectable;
     private _stickyColumn;
@@ -20,6 +21,7 @@ export declare class SdTr {
     private syncTableContext;
     private resolveConfig;
     refreshConfig(): Promise<void>;
+    bumpSpansVersion(): Promise<void>;
     updateVisibility(): Promise<void>;
     private updateVisibilitySync;
     setColumnWidths(widths: number[]): Promise<void>;
@@ -30,5 +32,7 @@ export declare class SdTr {
     private getStickyStyle;
     private isSelected;
     private handleSelect;
+    private getSpanFor;
+    private isCovered;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -1066,7 +1066,7 @@ export namespace Components {
         /**
           * @default ''
          */
-        "message": string;
+        "message": string | string[];
         /**
           * @default 'loading'
          */
@@ -1846,6 +1846,10 @@ export namespace Components {
           * @default ''
          */
         "addonLabel": string;
+        /**
+          * @default '전체'
+         */
+        "allSelectedLabel": string;
         /**
           * @default false
          */
@@ -1916,6 +1920,14 @@ export namespace Components {
           * @default 'default'
          */
         "type": SelectV2Type;
+        /**
+          * @default false
+         */
+        "useSearch": boolean;
+        /**
+          * @default false
+         */
+        "useSelectAll": boolean;
         /**
           * @default null
          */
@@ -1977,6 +1989,14 @@ export namespace Components {
           * @default 'default'
          */
         "type": SelectV2Type;
+        /**
+          * @default false
+         */
+        "useSearch": boolean;
+        /**
+          * @default false
+         */
+        "useSelectAll": boolean;
         /**
           * @default null
          */
@@ -2134,8 +2154,10 @@ export namespace Components {
     }
     interface SdTd {
         "align"?: 'left' | 'center' | 'right';
+        "colspan"?: number;
         "field": string;
         "rowKey": string;
+        "rowspan"?: number;
     }
     interface SdTextLink {
         /**
@@ -2385,6 +2407,7 @@ export namespace Components {
         "trigger": 'hover' | 'click';
     }
     interface SdTr {
+        "bumpSpansVersion": () => Promise<void>;
         "columns"?: SdTableColumn[];
         "refreshConfig": () => Promise<void>;
         "refreshSelection": () => Promise<void>;
@@ -4701,7 +4724,7 @@ declare namespace LocalJSX {
         /**
           * @default ''
          */
-        "message"?: string;
+        "message"?: string | string[];
         "onSdClick"?: (event: SdLoadingModalCustomEvent<void>) => void;
         /**
           * @default 'loading'
@@ -5485,6 +5508,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "addonLabel"?: string;
+        /**
+          * @default '전체'
+         */
+        "allSelectedLabel"?: string;
         /**
           * @default false
          */
@@ -5555,6 +5582,14 @@ declare namespace LocalJSX {
           * @default 'default'
          */
         "type"?: SelectV2Type;
+        /**
+          * @default false
+         */
+        "useSearch"?: boolean;
+        /**
+          * @default false
+         */
+        "useSelectAll"?: boolean;
         /**
           * @default null
          */
@@ -5619,6 +5654,14 @@ declare namespace LocalJSX {
           * @default 'default'
          */
         "type"?: SelectV2Type;
+        /**
+          * @default false
+         */
+        "useSearch"?: boolean;
+        /**
+          * @default false
+         */
+        "useSelectAll"?: boolean;
         /**
           * @default null
          */
@@ -5786,8 +5829,10 @@ declare namespace LocalJSX {
     }
     interface SdTd {
         "align"?: 'left' | 'center' | 'right';
+        "colspan"?: number;
         "field": string;
         "rowKey": string;
+        "rowspan"?: number;
     }
     interface SdTextLink {
         /**
@@ -6331,7 +6376,7 @@ declare namespace LocalJSX {
     }
     interface SdLoadingModalAttributes {
         "state": LoadingModalState;
-        "message": string;
+        "message": string | string[];
         "useButton": boolean;
         "buttonLabel": string;
         "width": string;
@@ -6533,6 +6578,9 @@ declare namespace LocalJSX {
         "labelTooltip": string;
         "emitValue": boolean;
         "width": string;
+        "useSearch": boolean;
+        "allSelectedLabel": string;
+        "useSelectAll": boolean;
         "name": string;
     }
     interface SdSelectV2ListItemAttributes {
@@ -6548,6 +6596,8 @@ declare namespace LocalJSX {
         "type": SelectV2Type;
         "value": string;
         "emitValue": boolean;
+        "useSearch": boolean;
+        "useSelectAll": boolean;
         "triggerWidth": string;
         "maxWidth": string;
         "maxHeight": string;
@@ -6595,6 +6645,8 @@ declare namespace LocalJSX {
         "field": string;
         "rowKey": string;
         "align": 'left' | 'center' | 'right';
+        "rowspan": number;
+        "colspan": number;
     }
     interface SdTextLinkAttributes {
         "label": string;