@sellmate/design-system 1.0.69 → 1.0.71

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

@@ -5,6 +5,12 @@ export declare class SdSelectV2Trigger {
     disabled: boolean;
     isOpen: boolean;
     triggerClick: EventEmitter<void>;
+    triggerFocus: EventEmitter<void>;
+    triggerBlur: EventEmitter<void>;
+    private triggerEl?;
+    sdFocus(): Promise<void>;
     private handleClick;
+    private handleFocus;
+    private handleBlur;
     render(): any;
 }

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

@@ -40,9 +40,13 @@ export declare class SdSelectV2 {
     dropDownShow: EventEmitter<{
         isOpen: boolean;
     }>;
+    sdFocus(): Promise<void>;
+    sdOpen(): Promise<void>;
     private triggerRef?;
+    private triggerComponentRef?;
     private closeAnimationTimer?;
     private internalName;
+    private triggerHasFocus;
     watchIsOpen(newValue: boolean): void;
     private get isMulti();
     private get displayText();
@@ -54,6 +58,10 @@ export declare class SdSelectV2 {
     private handleViewportResize;
     private findOriginalOption;
     private closeDropdown;
+    private prepareDropdownGeometry;
+    private syncFocusedState;
+    private handleTriggerFocus;
+    private handleTriggerBlur;
     private handleTriggerClick;
     private emitUpdate;
     private handleOptionSelect;

package/dist/types/components.d.ts

@@ -31,6 +31,7 @@ import { LoadingModalState } from "./components/sd-loading-modal/sd-loading-moda
 import { ConfirmModalOptions, LoadingModalOptions, ModalDialogRefLike, SdModalCreateOptions } from "./components/sd-modal-container/sd-modal-container.config";
 import { NumberInputSize } from "./components/sd-number-input/sd-number-input.config";
 import { ButtonSize as ButtonSize1, ButtonVariant as ButtonVariant1 } from "./components/sd-button/sd-button";
+import { PopoverButton } from "./components/sd-popover/sd-popover";
 import { RadioValue } from "./components/sd-radio/sd-radio";
 import { RadioValue as RadioValue1 } from "./components/sd-radio/sd-radio";
 import { RadioOption } from "./components/sd-radio-button/sd-radio-button";
@@ -73,6 +74,7 @@ export { LoadingModalState } from "./components/sd-loading-modal/sd-loading-moda
 export { ConfirmModalOptions, LoadingModalOptions, ModalDialogRefLike, SdModalCreateOptions } from "./components/sd-modal-container/sd-modal-container.config";
 export { NumberInputSize } from "./components/sd-number-input/sd-number-input.config";
 export { ButtonSize as ButtonSize1, ButtonVariant as ButtonVariant1 } from "./components/sd-button/sd-button";
+export { PopoverButton } from "./components/sd-popover/sd-popover";
 export { RadioValue } from "./components/sd-radio/sd-radio";
 export { RadioValue as RadioValue1 } from "./components/sd-radio/sd-radio";
 export { RadioOption } from "./components/sd-radio-button/sd-radio-button";
@@ -1192,9 +1194,7 @@ export namespace Components {
         /**
           * @default []
          */
-        "buttons": {
-    [key: string]: any;
-  }[];
+        "buttons": PopoverButton[];
         /**
           * @default '#01BB4B'
          */
@@ -1220,10 +1220,6 @@ export namespace Components {
           * @default []
          */
         "messages": string[];
-        /**
-          * @default true
-         */
-        "noHover": boolean;
         /**
           * @default 'bottom'
          */
@@ -1880,6 +1876,8 @@ export namespace Components {
           * @default []
          */
         "rules"?: Rule[];
+        "sdFocus": () => Promise<void>;
+        "sdOpen": () => Promise<void>;
         /**
           * @default null
          */
@@ -1963,6 +1961,7 @@ export namespace Components {
           * @default '선택'
          */
         "placeholder": string;
+        "sdFocus": () => Promise<void>;
     }
     interface SdSwitch {
         /**
@@ -2479,6 +2478,10 @@ export interface SdPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdPaginationElement;
 }
+export interface SdPopoverCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdPopoverElement;
+}
 export interface SdPortalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdPortalElement;
@@ -3047,7 +3050,18 @@ declare global {
         prototype: HTMLSdPaginationElement;
         new (): HTMLSdPaginationElement;
     };
+    interface HTMLSdPopoverElementEventMap {
+        "sdShowChange": boolean;
+    }
     interface HTMLSdPopoverElement extends Components.SdPopover, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdPopoverElementEventMap>(type: K, listener: (this: HTMLSdPopoverElement, ev: SdPopoverCustomEvent<HTMLSdPopoverElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdPopoverElementEventMap>(type: K, listener: (this: HTMLSdPopoverElement, ev: SdPopoverCustomEvent<HTMLSdPopoverElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSdPopoverElement: {
         prototype: HTMLSdPopoverElement;
@@ -3367,6 +3381,8 @@ declare global {
     };
     interface HTMLSdSelectV2TriggerElementEventMap {
         "sdTriggerClick": void;
+        "sdTriggerFocus": void;
+        "sdTriggerBlur": void;
     }
     interface HTMLSdSelectV2TriggerElement extends Components.SdSelectV2Trigger, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdSelectV2TriggerElementEventMap>(type: K, listener: (this: HTMLSdSelectV2TriggerElement, ev: SdSelectV2TriggerCustomEvent<HTMLSdSelectV2TriggerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4761,9 +4777,7 @@ declare namespace LocalJSX {
         /**
           * @default []
          */
-        "buttons"?: {
-    [key: string]: any;
-  }[];
+        "buttons"?: PopoverButton[];
         /**
           * @default '#01BB4B'
          */
@@ -4789,10 +4803,7 @@ declare namespace LocalJSX {
           * @default []
          */
         "messages"?: string[];
-        /**
-          * @default true
-         */
-        "noHover"?: boolean;
+        "onSdShowChange"?: (event: SdPopoverCustomEvent<boolean>) => void;
         /**
           * @default 'bottom'
          */
@@ -5541,7 +5552,9 @@ declare namespace LocalJSX {
           * @default false
          */
         "isOpen"?: boolean;
+        "onSdTriggerBlur"?: (event: SdSelectV2TriggerCustomEvent<void>) => void;
         "onSdTriggerClick"?: (event: SdSelectV2TriggerCustomEvent<void>) => void;
+        "onSdTriggerFocus"?: (event: SdSelectV2TriggerCustomEvent<void>) => void;
         /**
           * @default '선택'
          */
@@ -6272,7 +6285,6 @@ declare namespace LocalJSX {
         "buttonVariant": ButtonVariant;
         "menuTitle": string;
         "menuClass": string;
-        "noHover": boolean;
         "useClose": boolean;
     }
     interface SdPortalAttributes {