dap-design-system 0.54.3 → 0.54.5

package/dist/components/combobox/comboboxBase.d.ts

@@ -20,6 +20,7 @@ export default class ComboboxBaseElement extends GenericFormElement {
     noAnimation?: boolean;
     textComplete?: boolean;
     openOnEmpty?: boolean;
+    disableViewportAutoClose: boolean;
     searchButtonAriaLabel?: string;
     subtle: boolean;
     multiselect: boolean;
@@ -85,10 +86,13 @@ export default class ComboboxBaseElement extends GenericFormElement {
     set value(val: string | undefined);
     handleListKeyDown: (event: CustomEvent) => void;
     handleDocumentMouseDown: (event: MouseEvent) => void;
+    private readonly handlePopupAutoClose;
     handleFocus: () => void;
     handleBlur: () => void;
     showDropDown(): Promise<void>;
-    hideDropDown(): Promise<void>;
+    hideDropDown(options?: {
+        skipFocus?: boolean;
+    }): Promise<void>;
     get focusElement(): HTMLInputElement;
     handleSelectedChange: (event: CustomEvent) => Promise<void>;
     handleOptionDeselect: (event: CustomEvent) => void;

package/dist/components/command/command.component.d.ts

@@ -35,8 +35,11 @@ export default class DapDSCommand extends DapDSPopup {
     private handleClick;
     private handleDocumentMouseDown;
     showDropDown(): Promise<void>;
-    hideDropDown(): Promise<void>;
+    hideDropDown(options?: {
+        skipFocus?: boolean;
+    }): Promise<void>;
     private _handleFocusOut;
+    private _handlePopupAutoClose;
     focus(): void;
     private _handleTriggerChange;
     private _handleDefaultSlotChange;

package/dist/components/datepicker/datepicker.component.d.ts

@@ -154,6 +154,8 @@ export default class DapDSDatePicker extends GenericFormElement {
     clearButtonAriaLabel?: string;
     /** The floating strategy of the datepicker. */
     floatingStrategy: FloatingStrategy;
+    /** Whether to keep popup open when trigger leaves viewport. */
+    disableViewportAutoClose: boolean;
     /** The locale of the datepicker. By default it uses the global locale from dayjs. It is determined from the browser language.
      * @type {'hu' | 'en' | 'de'}
      */
@@ -180,13 +182,16 @@ export default class DapDSDatePicker extends GenericFormElement {
     setValue(value?: Dayjs, setInputValue?: boolean, sendEmptyEventOnInput?: boolean): void;
     clearSelection(): Promise<void>;
     private readonly handleDocumentMouseDown;
+    private readonly handlePopupAutoClose;
     private readonly handleInput;
     private readonly handleKeyDown;
     get focusElement(): HTMLInputElement;
     private readonly handleClick;
     private readonly handleClearClick;
     showCalendar(): Promise<void>;
-    hideCalendar(): Promise<void>;
+    hideCalendar(options?: {
+        skipFocus?: boolean;
+    }): Promise<void>;
     private readonly handleFocus;
     private readonly handleBlur;
     getValidity(): boolean;

package/dist/components/popup/popup-base-element.d.ts

@@ -38,6 +38,8 @@ export default class PopupBaseElement extends PopupBaseElement_base {
     overflow: boolean;
     /** Whether the popup should take full width of the screen. */
     fullWidth: boolean;
+    /** Whether to keep popup open when trigger leaves viewport. */
+    disableViewportAutoClose: boolean;
     connectedCallback(): Promise<void>;
     protected firstUpdated(changedProps: Map<string, unknown>): void;
     updated(changedProps: Map<string, unknown>): Promise<void>;

package/dist/components/popup/popup.component.d.ts

@@ -17,6 +17,7 @@ import { default as PopupBaseElement } from './popup-base-element';
  * @property {boolean} hasArrow - Whether the popup has an arrow.
  * @property {boolean} overflow - Whether the popup should overflow.
  * @property {boolean} fullWidth - Whether the popup should take full width of the screen.
+ * @property {boolean} disableViewportAutoClose - Keep popup open when trigger leaves viewport.
  *
  * @event {{ void }} dds-opened - Fired when the popup is opened.
  * @event {{ void }} dds-closed - Fired when the popup is closed.

package/dist/components/select/select.component.d.ts

@@ -113,6 +113,8 @@ export default class DapDSSelect extends GenericFormElement {
      * @type {'absolute' | 'fixed'}
      */
     floatingStrategy: FloatingStrategy;
+    /** Whether to keep popup open when trigger leaves viewport. */
+    disableViewportAutoClose: boolean;
     /**
      * @ignore
      */
@@ -129,11 +131,14 @@ export default class DapDSSelect extends GenericFormElement {
     private readonly handleKeyDown;
     private readonly handleListKeyDown;
     private readonly handleDocumentMouseDown;
+    private readonly handlePopupAutoClose;
     private readonly handleFocus;
     private readonly handleBlur;
     formResetCallback(): void;
     showDropDown(key?: string): Promise<void>;
-    hideDropDown(): Promise<void>;
+    hideDropDown(options?: {
+        skipFocus?: boolean;
+    }): Promise<void>;
     get focusElement(): HTMLButtonElement;
     /**
      * Get the active descendant element for aria-activedescendant

package/dist/components/timepicker/timepicker.component.d.ts

@@ -144,6 +144,8 @@ export default class DapDSTimePicker extends GenericFormElement {
     clearButtonAriaLabel?: string;
     /** The floating strategy of the timepicker. */
     floatingStrategy: FloatingStrategy;
+    /** Whether to keep popup open when trigger leaves viewport. */
+    disableViewportAutoClose: boolean;
     /** The locale of the timepicker. By default it uses the global locale from dayjs.
      * @type {'hu' | 'en' | 'de'}
      */
@@ -199,6 +201,7 @@ export default class DapDSTimePicker extends GenericFormElement {
     setValue(value?: Dayjs, setInputValue?: boolean, sendEmptyEventOnInput?: boolean): void;
     clearSelection(): Promise<void>;
     private readonly handleDocumentMouseDown;
+    private readonly handlePopupAutoClose;
     private readonly handleInput;
     private readonly handleKeyDown;
     get focusElement(): HTMLInputElement;
@@ -206,7 +209,9 @@ export default class DapDSTimePicker extends GenericFormElement {
     private readonly handleClearClick;
     private readonly handleTimeChange;
     showTimePicker(): Promise<void>;
-    hideTimePicker(): Promise<void>;
+    hideTimePicker(options?: {
+        skipFocus?: boolean;
+    }): Promise<void>;
     private readonly handleFocus;
     private readonly handleBlur;
     private readonly handlePopupOpened;

package/dist/components/tooltip/tooltip.component.d.ts

@@ -44,6 +44,8 @@ export default class DapDSTooltip extends DdsElement {
      * @type { 'absolute' | 'fixed' }
      */
     floatingStrategy: 'absolute' | 'fixed';
+    /** Whether to keep popup open when trigger leaves viewport. */
+    disableViewportAutoClose: boolean;
     private _trigger;
     /** Sets custom trigger event (hover, focus, click). Default is `hover focus`. */
     set trigger(value: string);