dap-design-system 0.45.0 → 0.45.2

package/dist/components.d.ts

@@ -2,6 +2,7 @@ import { ColumnDef } from '@tanstack/lit-table';
 import { CSSResult } from 'lit';
 import { Dayjs } from 'dayjs';
 import { default as default_2 } from 'dayjs';
+import { default as i18next } from 'i18next';
 import { LitElement } from 'lit';
 import { nothing } from 'lit';
 import { PaginationState } from '@tanstack/lit-table';
@@ -1234,7 +1235,7 @@ export declare class DapDSCalendar extends DdsElement {
      */
     disabledDate: (date: Dayjs) => boolean;
     /** The locale of the calendar.
-     * @type {string}
+     * @type {'hu' | 'en' | 'de'}
      * @default dayjs.locale()
      */
     locale: string;
@@ -2687,7 +2688,7 @@ export declare class DapDSDatePicker extends GenericFormElement {
     /** The floating strategy of the datepicker. */
     floatingStrategy: FloatingStrategy;
     /** The locale of the datepicker. By default it uses the global locale from dayjs. It is determined from the browser language.
-     * @type {'hu' | 'en'}
+     * @type {'hu' | 'en' | 'de'}
      */
     locale: string;
     /** Whether to hide dates from adjacent months (previous/next) in the calendar grid. When not explicitly set, defaults to `false` for single mode and `true` for range mode.
@@ -4272,17 +4273,32 @@ declare const DapDSOptionList_base: typeof DdsElement & {
  * @element dap-ds-overlay
  * @title - Overlay
  *
+ * @property {boolean} open - The open state of the overlay.
+ *
+ * @event {CustomEvent} dds-before-open - Fires before the overlay opens.
+ * @event {CustomEvent} dds-opened - Fires after the overlay opens.
+ * @event {CustomEvent} dds-before-close - Fires before the overlay closes.
+ * @event {CustomEvent} dds-closed - Fires after the overlay closes.
+ *
+ * @slot - The content of the overlay.
+ *
  * @csspart overlay - The overlay element
  *
  * @cssproperty --dds-overlay-z-index - Controls the z-index of the overlay (default: 1)
  * @cssproperty --dds-overlay-background-color - Controls the background color of the overlay (default: var(--dds-black-10))
  * @cssproperty --dds-overlay-opacity-closed - Controls the opacity when overlay is closed (default: 0)
  * @cssproperty --dds-overlay-opacity-open - Controls the opacity when overlay is open (default: 1)
+ * @cssproperty --dds-overlay-transition-duration - Controls the transition duration (default: var(--dds-transition-fast))
+ * @cssproperty --dds-overlay-transition-timing - Controls the transition timing function (default: var(--dds-easing-ease-in-out))
  */
 export declare class DapDSOverlay extends DdsElement {
     /** The open state of the overlay. */
-    open?: boolean;
+    open: boolean;
     static readonly styles: CSSResult;
+    connectedCallback(): void;
+    protected updated(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    private handleOpen;
+    private handleClose;
     render(): TemplateResult_2<1>;
 }
 
@@ -4358,10 +4374,10 @@ export declare class DapDSPager extends DdsElement {
     nextButtonLabel: string;
     /** The last button label. */
     lastButtonLabel: string;
-    /** The function to determine the pager text
+    /** The function to determine the pager text. If not provided, uses default reactive translation.
      * @type {Function}
      */
-    pageStateText: (pageIndex: number, pageSize: number, totalRows: number) => string;
+    pageStateText?: (pageIndex: number, pageSize: number, totalRows: number) => unknown;
     static readonly styles: CSSResult;
     protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     private updatePageIndex;
@@ -5067,6 +5083,9 @@ export declare class DapDSSelect extends GenericFormElement {
      */
     selectedItem: any;
     static readonly styles: CSSResult;
+    private languageChangeHandler;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     /**
      * Lifecycle method to handle property changes
      */
@@ -5083,6 +5102,8 @@ export declare class DapDSSelect extends GenericFormElement {
     get focusElement(): HTMLButtonElement;
     get validity(): ValidityState;
     get validationMessage(): string;
+    /** Get the current display text for the selected item, dynamically fetching from the option */
+    get selectedDisplayText(): string | null;
     checkValidity(): boolean;
     reportValidity(): boolean;
     setValidity(): void;
@@ -6175,7 +6196,7 @@ export declare class DapDSTimePicker extends GenericFormElement {
     /** The floating strategy of the timepicker. */
     floatingStrategy: FloatingStrategy;
     /** The locale of the timepicker. By default it uses the global locale from dayjs.
-     * @type {'hu' | 'en'}
+     * @type {'hu' | 'en' | 'de'}
      */
     locale: string;
     /** Whether the dropdown should close when a time is selected. */
@@ -6934,6 +6955,8 @@ export declare class HttpError extends Error {
     constructor(message: string, response: any, status: number);
 }
 
+export { i18next }
+
 declare type IconSize = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 
 declare class InputBaseElement extends GenericFormElement {