@sebgroup/green-core 1.3.0 → 1.4.1

package/components/datepicker/date-part-spinner.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+/**
+ * @element gds-date-part-spinner
+ * @internal
+ *
+ * A spinner for a date part. Only inteded to be used by the datepicker component.
+ */
+export declare class GdsDatePartSpinner extends LitElement {
+    #private;
+    static formAssociated: boolean;
+    value: number;
+    length: number;
+    min: number;
+    max: number;
+    displayValue: string;
+    protected createRenderRoot(): this;
+    connectedCallback(): void;
+    focus(options?: FocusOptions | undefined): void;
+    render(): any;
+    private _refreshDisplayValue;
+}

package/components/datepicker/datepicker.d.ts

@@ -0,0 +1,80 @@
+import { GdsFormControlElement } from '../../components/form-control';
+import '../../primitives/popover/popover';
+import '../../primitives/calendar/calendar';
+import './date-part-spinner';
+/**
+ * @element gds-datepicker
+ * A form control that allows the user to select a date.
+ *
+ * @status beta
+ *
+ * @slot message - Message to show below the input field. Will be red if there is a validation error.
+ * @slot sub-label - Renders between the label and the trigger button.
+ * *
+ * @event change - Fired when the value of the dropdown is changed through user interaction (not when value prop is set programatically).
+ * @event gds-ui-state - Fired when the dropdown is opened or closed.
+ */
+export declare class GdsDatepicker extends GdsFormControlElement<Date> {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static shadowRootOptions: ShadowRootInit;
+    /**
+     * The Date value of the datepicker. This can be set to undefined to clear the datepicker.
+     * This can be a string if set via the value attribute in markup, or via the setAttribute DOM API.
+     */
+    value?: Date;
+    /**
+     * The minimum date that can be selected.
+     */
+    min: Date;
+    /**
+     * The maximum date that can be selected.
+     */
+    max: Date;
+    /**
+     * Controls wheter the datepicker popover is open.
+     */
+    open: boolean;
+    /**
+     * The label text displayed above the datepicker. This should always be set to a descriptive label.
+     */
+    label: string;
+    /**
+     * Whether to show a column of week numbers in the calendar.
+     */
+    showWeekNumbers: boolean;
+    /**
+     * The date format to use. Accepts a string with the characters `y`, `m` and `d` in any order, separated by a delimiter.
+     * For example, `y-m-d` or `d/m/y`. All three characters must be present.
+     *
+     * This will determine the structure of the input field.
+     *
+     * Defaults to `y-m-d`.
+     */
+    get dateformat(): string;
+    set dateformat(dateformat: string);
+    /**
+     * Get the currently focused date in the calendar popover. If no date is focused, or the calendar popover
+     * is closed, the value will be undefined.
+     */
+    getFocusedDate(): Promise<Date | undefined>;
+    /**
+     * A reference to the calendar button element inside the shadow root.
+     * Inteded for use in integration tests.
+     */
+    test_calendarButton: Promise<HTMLButtonElement>;
+    /**
+     * A reference to a date cell element (<td>) inside the shadow root of the calendar primitive.
+     * Inteded for use in integration tests.
+     */
+    test_getDateCell(dayNumber: number): Promise<Element | null | undefined>;
+    private _focusedMonth;
+    private _focusedYear;
+    private _dateFormatLayout;
+    private _elCalendar;
+    private _elTrigger;
+    private _elSpinners;
+    connectedCallback(): void;
+    render(): any;
+    private _handleValueChange;
+}

package/components/datepicker/datepicker.styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/datepicker/datepicker.trans.styles.d.ts

@@ -0,0 +1,2 @@
+export declare function register(): void;
+export default register;

package/components/form-control.d.ts

@@ -20,7 +20,7 @@ export declare abstract class GdsFormControlElement<ValueT = any> extends LitEle
     /**
      * Get or set the value of the form control.
      */
-    value: ValueT | undefined;
+    value?: ValueT;
     name: string;
     get form(): HTMLFormElement | null;
     get type(): string;
@@ -33,4 +33,9 @@ export declare abstract class GdsFormControlElement<ValueT = any> extends LitEle
     disconnectedCallback(): void;
     private __handleValidityChange;
     private __handleValueChange;
+    /**
+     * Event handler for the form reset event.
+     * Can be overridden by subclasses to rcustomize the reset value.
+     */
+    protected _handleFormReset: () => void;
 }

package/components/index.d.ts

@@ -2,3 +2,4 @@ export * from './dropdown/dropdown';
 export * from '../primitives/listbox/option';
 export * from './context-menu/context-menu';
 export * from '../primitives/menu/menu-item';
+export * from './datepicker/datepicker';

package/generated/locales/sv.d.ts

@@ -1,6 +1,32 @@
 export declare const templates: {
+    s15a16ae9f99f19bf: string;
+    s15a852e9f9a50fa5: string;
+    s17e3edbe032f79ec: string;
+    s1a2dda8f763a68bd: string;
+    s1e118319b5202c41: string;
+    s1e187019b5262aa6: string;
+    s281846ef0421c71f: string;
+    s39938ecdae568740: string;
+    s407a88a592a0987c: string;
+    s5052d10b539eabf0: string;
     s58bfb494feb8eb02: import("@lit/localize").StrResult;
     s5d929ff1619ac0c9: string;
     s5e8250fb85d64c23: string;
+    s63d040e37887f17e: string;
+    s6cfed919e21ac6ac: string;
+    s6d24cd19e23b8185: string;
+    s74aa0319e62b2eb7: string;
+    s7793b811d20184fe: string;
+    s7fd3469f78111589: string;
+    s9836b719fa8ef857: string;
+    s987ac119fac8d621: string;
+    sa6f2645578b2d2bc: string;
+    sa7cd5c2ff6d266e7: string;
+    sb47daaf9e1c4a905: string;
+    sb4f1dffbb6be6302: string;
+    sbc083a1dbee9af73: string;
+    scb6b9cb49cf93277: string;
     sd898d99fd9c13de6: string;
+    se0955919920ee87d: string;
+    sf295af199c723ec8: string;
 };