@fkui/vue 6.14.0 → 6.16.0

package/dist/types/index.d.ts

@@ -19,6 +19,7 @@ import { FocusOptions as FocusOptions_2 } from '@fkui/logic';
 import { formatNumber } from '@fkui/logic';
 import { formatPersonnummer } from '@fkui/logic';
 import { formatPostalCode } from '@fkui/logic';
+import { FYear } from '@fkui/date';
 import { IfAny } from '@vue/shared';
 import { InjectionKey } from 'vue';
 import { OrganisationsnummerString } from '@fkui/logic';
@@ -88,6 +89,8 @@ declare const __VLS_6: {};
 
 declare const __VLS_6_2: {};
 
+declare const __VLS_6_3: {};
+
 declare const __VLS_7: {};
 
 declare const __VLS_8: {};
@@ -133,8 +136,177 @@ status: "default" | "warning" | "error" | "success" | "info";
 inverted: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+declare const __VLS_component_10: DefineComponent<IPopupListboxProps, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+}, string, PublicProps, Readonly<IPopupListboxProps> & Readonly<{
+onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
 declare const __VLS_component_2: DefineComponent<ExtractPropTypes<    {
 /**
+* Type of button, can be one of:
+* - `primary`
+* - `secondary`
+* - `tertiary`
+*/
+variant: {
+type: PropType<"primary" | "secondary" | "tertiary">;
+default: string;
+validator(value: string): boolean;
+};
+/**
+* Button size, can be one of:
+* - `small`
+* - `medium`
+* - `large`
+*/
+size: {
+type: PropType<"small" | "medium" | "large">;
+default: string;
+validator(value: string): boolean;
+};
+/**
+* Name of an icon to display on the left side of the button.
+*/
+iconLeft: {
+type: StringConstructor;
+default: undefined;
+};
+/**
+* Name of an icon to display on the right side of the button.
+*/
+iconRight: {
+type: StringConstructor;
+default: undefined;
+};
+/**
+* Tertiary button style, used in conjunction with button variant `tertiary`.
+* Can be one of:
+* - `standard`
+* - `black`
+* - `inverted`
+*/
+tertiaryStyle: {
+type: PropType<"standard" | "black" | "inverted">;
+default: string;
+validator(value: string): boolean;
+};
+/**
+* Align button text and icon with content above or below.
+* Used in conjunction with button variant `tertiary`.
+*/
+alignText: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+*
+* Enable full width on mobile for sizes `small` and `medium`, always active for button size `large`.
+*/
+mobileFullWidth: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* The default behavior of the button. Possible values are:
+* - `submit`
+* - `reset`
+* - `button`
+*/
+type: {
+type: PropType<"submit" | "reset" | "button">;
+default: string;
+validator(value: string): boolean;
+};
+}>, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* Type of button, can be one of:
+* - `primary`
+* - `secondary`
+* - `tertiary`
+*/
+variant: {
+type: PropType<"primary" | "secondary" | "tertiary">;
+default: string;
+validator(value: string): boolean;
+};
+/**
+* Button size, can be one of:
+* - `small`
+* - `medium`
+* - `large`
+*/
+size: {
+type: PropType<"small" | "medium" | "large">;
+default: string;
+validator(value: string): boolean;
+};
+/**
+* Name of an icon to display on the left side of the button.
+*/
+iconLeft: {
+type: StringConstructor;
+default: undefined;
+};
+/**
+* Name of an icon to display on the right side of the button.
+*/
+iconRight: {
+type: StringConstructor;
+default: undefined;
+};
+/**
+* Tertiary button style, used in conjunction with button variant `tertiary`.
+* Can be one of:
+* - `standard`
+* - `black`
+* - `inverted`
+*/
+tertiaryStyle: {
+type: PropType<"standard" | "black" | "inverted">;
+default: string;
+validator(value: string): boolean;
+};
+/**
+* Align button text and icon with content above or below.
+* Used in conjunction with button variant `tertiary`.
+*/
+alignText: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+*
+* Enable full width on mobile for sizes `small` and `medium`, always active for button size `large`.
+*/
+mobileFullWidth: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* The default behavior of the button. Possible values are:
+* - `submit`
+* - `reset`
+* - `button`
+*/
+type: {
+type: PropType<"submit" | "reset" | "button">;
+default: string;
+validator(value: string): boolean;
+};
+}>> & Readonly<{}>, {
+type: "button" | "submit" | "reset";
+variant: "primary" | "secondary" | "tertiary";
+size: "small" | "medium" | "large";
+iconLeft: string;
+iconRight: string;
+tertiaryStyle: "inverted" | "standard" | "black";
+alignText: boolean;
+mobileFullWidth: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare const __VLS_component_3: DefineComponent<ExtractPropTypes<    {
+/**
 * Element to focus on when card is invalid. Set when using validation.
 */
 focusRef: {
@@ -172,7 +344,7 @@ id: string;
 focusRef: HTMLElement | null;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const __VLS_component_3: DefineComponent<ExtractPropTypes<    {
+declare const __VLS_component_4: DefineComponent<ExtractPropTypes<    {
 /**
 * The action to be performed by the button.
 * Must be one of the following values: "delete" or "modify".
@@ -241,23 +413,23 @@ label: boolean;
 icon: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const __VLS_component_4: DefineComponent<    {}, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component_5: DefineComponent<    {}, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const __VLS_component_5: DefineComponent<__VLS_Props, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component_6: DefineComponent<__VLS_Props, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_6: DefineComponent<__VLS_Props_2, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {
+declare const __VLS_component_7: DefineComponent<__VLS_Props_2, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {
 min: string;
 max: string;
 initial: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_7: DefineComponent<__VLS_Props_3, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_8: DefineComponent<__VLS_Props_3, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: () => any;
 }, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{
 onClick?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_8: DefineComponent<ExtractPropTypes<    {
+declare const __VLS_component_9: DefineComponent<ExtractPropTypes<    {
 /**
 * Unique (per-table) identifier. Typically set to the row
 * property displayed but any unique string can be used.
@@ -437,12 +609,6 @@ visible: boolean;
 rowHeader: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const __VLS_component_9: DefineComponent<IPopupListboxProps, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-close: () => any;
-}, string, PublicProps, Readonly<IPopupListboxProps> & Readonly<{
-onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
 declare type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];
 } & {};
@@ -535,7 +701,15 @@ declare type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 
+declare type __VLS_Slots_10 = {} & {
+    default?: (props: typeof __VLS_6_3) => any;
+};
+
 declare type __VLS_Slots_2 = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+
+declare type __VLS_Slots_3 = {} & {
     header?: (props: typeof __VLS_1_2) => any;
 } & {
     'error-message'?: (props: typeof __VLS_3) => any;
@@ -545,39 +719,41 @@ declare type __VLS_Slots_2 = {} & {
     footer?: (props: typeof __VLS_27) => any;
 };
 
-declare type __VLS_Slots_3 = {} & {
+declare type __VLS_Slots_4 = {} & {
     default?: (props: typeof __VLS_9) => any;
 };
 
-declare type __VLS_Slots_4 = {} & {
+declare type __VLS_Slots_5 = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
 
-declare type __VLS_Slots_5 = {} & {
+declare type __VLS_Slots_6 = {} & {
     default?: (props: typeof __VLS_11) => any;
 } & {
     icon?: (props: typeof __VLS_13) => any;
 };
 
-declare type __VLS_Slots_6 = {} & {
+declare type __VLS_Slots_7 = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 
-declare type __VLS_Slots_7 = {} & {
-    default?: (props: typeof __VLS_6) => any;
+declare type __VLS_Slots_8 = {} & {
+    default?: (props: typeof __VLS_6_2) => any;
 } & {
     default?: (props: typeof __VLS_8) => any;
 };
 
-declare type __VLS_Slots_8 = {} & {
+declare type __VLS_Slots_9 = {} & {
     default?: (props: typeof __VLS_8_2) => any;
 };
 
-declare type __VLS_Slots_9 = {} & {
-    default?: (props: typeof __VLS_6_2) => any;
+declare type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
 };
 
-declare type __VLS_WithSlots<T, S> = T & {
+declare type __VLS_WithSlots_10<T, S> = T & {
     new (): {
         $slots: S;
     };
@@ -649,6 +825,7 @@ export declare function ActivateItemInjected<T>(): ActivateItemInterface<T>;
 export declare interface ActivateItemInterface<T> {
     registerCallbackAfterItemAdd(callback: ActivateItemCallback<T>): void;
     registerCallbackBeforeItemDelete(callback: ActivateItemCallback<T>): void;
+    setNestedKey(key: keyof T): void;
 }
 
 /**
@@ -2127,10 +2304,11 @@ default: typeof parseBankgiro;
 formatter: FormatFunction<string>;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+export declare const FButton: __VLS_WithSlots_2<typeof __VLS_component_2, __VLS_Slots_2>;
+
 export declare const FCalendar: DefineComponent<ExtractPropTypes<    {
 /**
 * Active month.
-* @model
 */
 modelValue: {
 type: PropType<FDate>;
@@ -2161,13 +2339,46 @@ maxDate: {
 type: PropType<FDate>;
 required: true;
 };
-}>, {}, {}, {}, {
+/**
+* Includes a year selector when enabled.
+*/
+yearSelector: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/**
+* Optional id (generated by default).
+*/
+id: {
+type: StringConstructor;
+required: false;
+default: () => string;
+};
+}>, {
+yearSelectorOpen: Ref<boolean, boolean>;
+activeYear: Ref<FYear, FYear>;
+selectableYears: Readonly<ShallowRef<FYear[]>>;
+onChangeDate: (date: FDate) => void;
+onClickSelectYear: (year: FYear) => void;
+}, {}, {
+yearNounText(): string;
+}, {
+getSelectableYearId(year: FYear): string;
 onClickDay(date: FDate): void;
-onChangeMonth(date: FDate): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "click")[], "update:modelValue" | "click", PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptionsMixin, ComponentOptionsMixin, {
+/**
+* `click` event. Emitted when a calendar day is clicked.
+*/
+click(_date: FDate): true;
+/**
+* `v-model` event. Emitted when changing to a different month
+* or year in the calendar.
+*/
+"update:modelValue"(_date: FDate): true;
+}, string, PublicProps, Readonly<ExtractPropTypes<    {
 /**
 * Active month.
-* @model
 */
 modelValue: {
 type: PropType<FDate>;
@@ -2198,10 +2409,28 @@ maxDate: {
 type: PropType<FDate>;
 required: true;
 };
+/**
+* Includes a year selector when enabled.
+*/
+yearSelector: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/**
+* Optional id (generated by default).
+*/
+id: {
+type: StringConstructor;
+required: false;
+default: () => string;
+};
 }>> & Readonly<{
-onClick?: ((...args: any[]) => any) | undefined;
-"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+"onUpdate:modelValue"?: ((_date: FDate) => any) | undefined;
+onClick?: ((_date: FDate) => any) | undefined;
 }>, {
+id: string;
+yearSelector: boolean;
 tabDate: FDate | undefined;
 }, {}, {
 ICalendarNavbar: DefineComponent<ExtractPropTypes<    {
@@ -2217,6 +2446,21 @@ maxDate: {
 type: PropType<FDate>;
 required: true;
 };
+yearSelector: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+yearSelectorOpen: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+id: {
+type: StringConstructor;
+required: false;
+default: () => string;
+};
 }>, {}, {}, {
 previousDisabled(): boolean;
 nextDisabled(): boolean;
@@ -2225,14 +2469,20 @@ nextValue(): FDate;
 currentText(): string;
 previousSrText(): string;
 nextSrText(): string;
+openYearSelectorText(): string;
+closeYearSelectorText(): string;
 previousIconClasses(): Record<string, boolean>;
 nextIconClasses(): Record<string, boolean>;
+monthTitleClass(): string;
 }, {
+onClickYearSelector(): void;
 onClickPreviousButton(): void;
 onClickNextButton(): void;
+onCloseYearSelector(): void;
+changeDisplayYearSelectorAsOpen(value: boolean): void;
 getDateText(value: FDate): string;
 isFocused(ref: string): boolean;
-}, ComponentOptions, ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptions, ComponentOptionsMixin, ("update:modelValue" | "change" | "update:yearSelectorOpen")[], "update:modelValue" | "change" | "update:yearSelectorOpen", PublicProps, Readonly<ExtractPropTypes<    {
 modelValue: {
 type: PropType<FDate>;
 required: true;
@@ -2245,10 +2495,30 @@ maxDate: {
 type: PropType<FDate>;
 required: true;
 };
+yearSelector: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+yearSelectorOpen: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+id: {
+type: StringConstructor;
+required: false;
+default: () => string;
+};
 }>> & Readonly<{
 onChange?: ((...args: any[]) => any) | undefined;
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {
+"onUpdate:yearSelectorOpen"?: ((...args: any[]) => any) | undefined;
+}>, {
+id: string;
+yearSelector: boolean;
+yearSelectorOpen: boolean;
+}, {}, {
 FIcon: DefineComponent<ExtractPropTypes<    {
 name: {
 type: StringConstructor;
@@ -2487,7 +2757,7 @@ selected: boolean;
 highlight: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare const FCard: __VLS_WithSlots_2<typeof __VLS_component_2, __VLS_Slots_2>;
+export declare const FCard: __VLS_WithSlots_3<typeof __VLS_component_3, __VLS_Slots_3>;
 
 export declare const FCheckboxField: DefineComponent<ExtractPropTypes<    {
 /**
@@ -2510,7 +2780,6 @@ default: () => string;
 };
 /**
 * The value for the input checked attribute.
-* @model
 */
 modelValue: {
 type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
@@ -2580,7 +2849,6 @@ default: () => string;
 };
 /**
 * The value for the input checked attribute.
-* @model
 */
 modelValue: {
 type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
@@ -3618,7 +3886,7 @@ rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare const FCrudButton: __VLS_WithSlots_3<typeof __VLS_component_3, __VLS_Slots_3>;
+export declare const FCrudButton: __VLS_WithSlots_4<typeof __VLS_component_4, __VLS_Slots_4>;
 
 export declare const FCrudDataset: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{
@@ -4188,7 +4456,6 @@ export declare const FDataTable: <T extends object>(__VLS_props: NonNullable<Awa
 
 export declare const FDatepickerField: DefineComponent<ExtractPropTypes<    {
 /** Selected day.
-* @model
 */
 modelValue: {
 type: StringConstructor;
@@ -4220,6 +4487,14 @@ type: BooleanConstructor;
 default: boolean;
 };
 /**
+* Includes a year selector when enabled.
+*/
+yearSelector: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/**
 * Set responsive width for label section.
 *
 * ```
@@ -4285,7 +4560,6 @@ highlightDay(date: FDate): boolean;
 updateTextFieldValue(newValue: string): Promise<void>;
 }, ComponentOptions, ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", PublicProps, Readonly<ExtractPropTypes<    {
 /** Selected day.
-* @model
 */
 modelValue: {
 type: StringConstructor;
@@ -4317,6 +4591,14 @@ type: BooleanConstructor;
 default: boolean;
 };
 /**
+* Includes a year selector when enabled.
+*/
+yearSelector: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/**
 * Set responsive width for label section.
 *
 * ```
@@ -4353,6 +4635,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
 modelValue: string;
+yearSelector: boolean;
 disabled: boolean;
 labelWidth: string;
 inputWidth: string;
@@ -4378,10 +4661,31 @@ maxDate: {
 type: PropType<FDate>;
 required: true;
 };
-}>, {}, {}, {}, {
+yearSelector: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+id: {
+type: StringConstructor;
+required: false;
+default: () => string;
+};
+}>, {
+yearSelectorOpen: Ref<boolean, boolean>;
+activeYear: Ref<FYear, FYear>;
+selectableYears: Readonly<ShallowRef<FYear[]>>;
+onChangeDate: (date: FDate) => void;
+onClickSelectYear: (year: FYear) => void;
+}, {}, {
+yearNounText(): string;
+}, {
+getSelectableYearId(year: FYear): string;
 onClickDay(date: FDate): void;
-onChangeMonth(date: FDate): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "click")[], "update:modelValue" | "click", PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptionsMixin, ComponentOptionsMixin, {
+click(_date: FDate): true;
+"update:modelValue"(_date: FDate): true;
+}, string, PublicProps, Readonly<ExtractPropTypes<    {
 modelValue: {
 type: PropType<FDate>;
 required: true;
@@ -4399,10 +4703,22 @@ maxDate: {
 type: PropType<FDate>;
 required: true;
 };
+yearSelector: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+id: {
+type: StringConstructor;
+required: false;
+default: () => string;
+};
 }>> & Readonly<{
-onClick?: ((...args: any[]) => any) | undefined;
-"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+"onUpdate:modelValue"?: ((_date: FDate) => any) | undefined;
+onClick?: ((_date: FDate) => any) | undefined;
 }>, {
+id: string;
+yearSelector: boolean;
 tabDate: FDate | undefined;
 }, {}, {
 ICalendarNavbar: DefineComponent<ExtractPropTypes<    {
@@ -4418,6 +4734,21 @@ maxDate: {
 type: PropType<FDate>;
 required: true;
 };
+yearSelector: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+yearSelectorOpen: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+id: {
+type: StringConstructor;
+required: false;
+default: () => string;
+};
 }>, {}, {}, {
 previousDisabled(): boolean;
 nextDisabled(): boolean;
@@ -4426,14 +4757,20 @@ nextValue(): FDate;
 currentText(): string;
 previousSrText(): string;
 nextSrText(): string;
+openYearSelectorText(): string;
+closeYearSelectorText(): string;
 previousIconClasses(): Record<string, boolean>;
 nextIconClasses(): Record<string, boolean>;
+monthTitleClass(): string;
 }, {
+onClickYearSelector(): void;
 onClickPreviousButton(): void;
 onClickNextButton(): void;
+onCloseYearSelector(): void;
+changeDisplayYearSelectorAsOpen(value: boolean): void;
 getDateText(value: FDate): string;
 isFocused(ref: string): boolean;
-}, ComponentOptions, ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptions, ComponentOptionsMixin, ("update:modelValue" | "change" | "update:yearSelectorOpen")[], "update:modelValue" | "change" | "update:yearSelectorOpen", PublicProps, Readonly<ExtractPropTypes<    {
 modelValue: {
 type: PropType<FDate>;
 required: true;
@@ -4446,10 +4783,30 @@ maxDate: {
 type: PropType<FDate>;
 required: true;
 };
+yearSelector: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+yearSelectorOpen: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+id: {
+type: StringConstructor;
+required: false;
+default: () => string;
+};
 }>> & Readonly<{
 onChange?: ((...args: any[]) => any) | undefined;
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {
+"onUpdate:yearSelectorOpen"?: ((...args: any[]) => any) | undefined;
+}>, {
+id: string;
+yearSelector: boolean;
+yearSelectorOpen: boolean;
+}, {}, {
 FIcon: DefineComponent<ExtractPropTypes<    {
 name: {
 type: StringConstructor;
@@ -5280,7 +5637,6 @@ export declare const FDetailsPanel: <T>(__VLS_props: NonNullable<Awaited<typeof
 export declare const FDialogueTree: DefineComponent<ExtractPropTypes<    {
 /**
 * Current dialogue question
-* @model
 */
 modelValue: {
 type: PropType<FDialogueTreeUserProgress>;
@@ -5302,7 +5658,6 @@ emitChange(lastStep: boolean): void;
 }, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
 /**
 * Current dialogue question
-* @model
 */
 modelValue: {
 type: PropType<FDialogueTreeUserProgress>;
@@ -5437,7 +5792,6 @@ default: () => string;
 /**
 * The value for the input.
 * If the prop is not set undefined will be used.
-* @model
 */
 modelValue: {
 type: (StringConstructor | null)[];
@@ -5489,7 +5843,6 @@ default: () => string;
 /**
 * The value for the input.
 * If the prop is not set undefined will be used.
-* @model
 */
 modelValue: {
 type: (StringConstructor | null)[];
@@ -7125,7 +7478,7 @@ rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare const FFixedPane: __VLS_WithSlots_4<typeof __VLS_component_4, __VLS_Slots_4>;
+export declare const FFixedPane: __VLS_WithSlots_5<typeof __VLS_component_5, __VLS_Slots_5>;
 
 export declare const FFormModal: DefineComponent<ExtractPropTypes<    {
 /**
@@ -7230,7 +7583,7 @@ preparedButtons(): FModalButton[];
 onClose(): void;
 onSubmit(): Promise<void>;
 onCancel(): void;
-}, ComponentOptions, ComponentOptionsMixin, ("close" | "submit" | "cancel")[], "close" | "submit" | "cancel", PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptions, ComponentOptionsMixin, ("submit" | "close" | "cancel")[], "submit" | "close" | "cancel", PublicProps, Readonly<ExtractPropTypes<    {
 /**
 * Enable fullscreen mode in mobile.
 */
@@ -7332,8 +7685,8 @@ onSubmit?: ((...args: any[]) => any) | undefined;
 onClose?: ((...args: any[]) => any) | undefined;
 onCancel?: ((...args: any[]) => any) | undefined;
 }>, {
-value: Record<string, any>;
 size: string;
+value: Record<string, any>;
 isOpen: boolean;
 fullscreen: boolean;
 ariaCloseText: string;
@@ -8248,7 +8601,6 @@ contentStyle(): Record<string, string>;
 }, {
 onOpenSecondary(): Promise<void>;
 onCloseSecondary(): void;
-openSecondary(): void;
 onClickCloseSecondary(): void;
 onResize(): void;
 }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
@@ -8800,7 +9152,7 @@ align: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare const FMinimizablePanel: __VLS_WithSlots_5<typeof __VLS_component_5, __VLS_Slots_5>;
+export declare const FMinimizablePanel: __VLS_WithSlots_6<typeof __VLS_component_6, __VLS_Slots_6>;
 
 /**
  * Level: Ready
@@ -9508,7 +9860,6 @@ export declare interface FNavigationMenuData {
 export declare const FNumericTextField: DefineComponent<ExtractPropTypes<    {
 /**
 * The number of decimals to format number as.
-* @model
 */
 decimals: {
 type: NumberConstructor;
@@ -9965,7 +10316,6 @@ onToggle?: (() => any) | undefined;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 /**
 * The number of decimals to format number as.
-* @model
 */
 decimals: {
 type: NumberConstructor;
@@ -11866,7 +12216,6 @@ default: () => string;
 * The value for the input.
 * If the prop is not used or set to undefined
 * or null then the default value will be used.
-* @model
 */
 modelValue: {
 type: (StringConstructor | null)[];
@@ -11908,7 +12257,6 @@ default: () => string;
 * The value for the input.
 * If the prop is not used or set to undefined
 * or null then the default value will be used.
-* @model
 */
 modelValue: {
 type: (StringConstructor | null)[];
@@ -13358,7 +13706,6 @@ default: () => string;
 };
 /**
 * The value for the input checked attribute.
-* @model
 */
 modelValue: {
 type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor | null)[];
@@ -13424,7 +13771,6 @@ default: () => string;
 };
 /**
 * The value for the input checked attribute.
-* @model
 */
 modelValue: {
 type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor | null)[];
@@ -13447,7 +13793,7 @@ modelValue: string | number | boolean | Date | unknown[] | Record<string, any> |
 disabled: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare const FResizePane: __VLS_WithSlots_6<typeof __VLS_component_6, __VLS_Slots_6>;
+export declare const FResizePane: __VLS_WithSlots_7<typeof __VLS_component_7, __VLS_Slots_7>;
 
 export declare const FSearchTextField: DefineComponent<ExtractPropTypes<    {
 id: {
@@ -14014,7 +14360,6 @@ default: boolean;
 /**
 * The value for the input.
 * If the prop is not set undefined will be used.
-* @model
 */
 modelValue: {
 type: (StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | null)[];
@@ -14085,7 +14430,6 @@ default: boolean;
 /**
 * The value for the input.
 * If the prop is not set undefined will be used.
-* @model
 */
 modelValue: {
 type: (StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | null)[];
@@ -14420,9 +14764,9 @@ rotate: string;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare const FTableButton: __VLS_WithSlots_7<typeof __VLS_component_7, __VLS_Slots_7>;
+export declare const FTableButton: __VLS_WithSlots_8<typeof __VLS_component_8, __VLS_Slots_8>;
 
-export declare const FTableColumn: __VLS_WithSlots_8<typeof __VLS_component_8, __VLS_Slots_8>;
+export declare const FTableColumn: __VLS_WithSlots_9<typeof __VLS_component_9, __VLS_Slots_9>;
 
 /**
  * @public
@@ -14510,7 +14854,6 @@ default: () => string;
 /**
 * The value for the input.
 * If the prop is not set undefined will be used.
-* @model
 */
 modelValue: {
 type: StringConstructor;
@@ -14591,7 +14934,6 @@ default: () => string;
 /**
 * The value for the input.
 * If the prop is not set undefined will be used.
-* @model
 */
 modelValue: {
 type: StringConstructor;
@@ -14757,7 +15099,6 @@ default: boolean;
 * The value for the input.
 * If the prop is not used or set to undefined
 * or null then the default value will be used.
-* @model
 */
 modelValue: {
 type: (StringConstructor | NumberConstructor | null)[];
@@ -14918,7 +15259,6 @@ default: boolean;
 * The value for the input.
 * If the prop is not used or set to undefined
 * or null then the default value will be used.
-* @model
 */
 modelValue: {
 type: (StringConstructor | NumberConstructor | null)[];
@@ -15304,8 +15644,6 @@ default: null;
 };
 /**
 * State (expanded or collapsed) of the tooltip. The value is `true` if the tooltip is expanded.
-*
-* @model
 */
 modelValue: {
 type: BooleanConstructor;
@@ -15370,8 +15708,6 @@ default: null;
 };
 /**
 * State (expanded or collapsed) of the tooltip. The value is `true` if the tooltip is expanded.
-*
-* @model
 */
 modelValue: {
 type: BooleanConstructor;
@@ -15610,7 +15946,6 @@ export declare const FValidationGroup: DefineComponent<ExtractPropTypes<    {
 *   `componentsWithError`: a list of components with errors sorted in DOM order
 *
 *   `componentCount`: number of registered components
-* @model
 */
 modelValue: {
 type: PropType<GroupValidityEvent>;
@@ -15640,7 +15975,6 @@ triggerGroupValidityEvent(): void;
 *   `componentsWithError`: a list of components with errors sorted in DOM order
 *
 *   `componentCount`: number of registered components
-* @model
 */
 modelValue: {
 type: PropType<GroupValidityEvent>;
@@ -16528,7 +16862,7 @@ export declare function hasParentByName(vm: ComponentPublicInstance | undefined
  */
 export declare function hasSlot(vm: {
     $slots: Slots;
-}, name: string, props?: Record<string, unknown>, options?: Partial<RenderSlotOptions>): boolean;
+}, name: string, props?: Record<string, unknown>, options?: Partial<Pick<RenderSlotOptions, "stripClasses">>): boolean;
 
 export declare const IAnimateExpand: DefineComponent<ExtractPropTypes<    {
 /**
@@ -16669,7 +17003,6 @@ afterAnimation: AnimationCallback;
 export declare const ICalendarMonth: DefineComponent<ExtractPropTypes<    {
 /**
 * Active month.
-* @model
 */
 modelValue: {
 type: PropType<FDate>;
@@ -16708,7 +17041,6 @@ getTabindex(date: FDate): 0 | -1;
 }, ComponentOptions, ComponentOptionsMixin, ("update:modelValue" | "change" | "click")[], "update:modelValue" | "change" | "click", PublicProps, Readonly<ExtractPropTypes<    {
 /**
 * Active month.
-* @model
 */
 modelValue: {
 type: PropType<FDate>;
@@ -16793,7 +17125,6 @@ hideWeekNumbers: boolean;
 export declare const ICalendarMonthGrid: DefineComponent<ExtractPropTypes<    {
 /**
 * Focused month.
-* @model
 */
 value: {
 type: PropType<FDate>;
@@ -16829,7 +17160,6 @@ getDayEndOffset(days: FDate[]): number;
 }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 /**
 * Focused month.
-* @model
 */
 value: {
 type: PropType<FDate>;
@@ -16869,6 +17199,30 @@ maxDate: {
 type: PropType<FDate>;
 required: true;
 };
+/**
+* Includes a year selector when enabled.
+*/
+yearSelector: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/**
+* Displays the year selector as open when enabled.
+*/
+yearSelectorOpen: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/**
+* Optional id (generated by default).
+*/
+id: {
+type: StringConstructor;
+required: false;
+default: () => string;
+};
 }>, {}, {}, {
 previousDisabled(): boolean;
 nextDisabled(): boolean;
@@ -16877,14 +17231,20 @@ nextValue(): FDate;
 currentText(): string;
 previousSrText(): string;
 nextSrText(): string;
+openYearSelectorText(): string;
+closeYearSelectorText(): string;
 previousIconClasses(): Record<string, boolean>;
 nextIconClasses(): Record<string, boolean>;
+monthTitleClass(): string;
 }, {
+onClickYearSelector(): void;
 onClickPreviousButton(): void;
 onClickNextButton(): void;
+onCloseYearSelector(): void;
+changeDisplayYearSelectorAsOpen(value: boolean): void;
 getDateText(value: FDate): string;
 isFocused(ref: string): boolean;
-}, ComponentOptions, ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptions, ComponentOptionsMixin, ("update:modelValue" | "change" | "update:yearSelectorOpen")[], "update:modelValue" | "change" | "update:yearSelectorOpen", PublicProps, Readonly<ExtractPropTypes<    {
 /**
 * Focused month.
 */
@@ -16906,10 +17266,39 @@ maxDate: {
 type: PropType<FDate>;
 required: true;
 };
+/**
+* Includes a year selector when enabled.
+*/
+yearSelector: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/**
+* Displays the year selector as open when enabled.
+*/
+yearSelectorOpen: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/**
+* Optional id (generated by default).
+*/
+id: {
+type: StringConstructor;
+required: false;
+default: () => string;
+};
 }>> & Readonly<{
 onChange?: ((...args: any[]) => any) | undefined;
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {
+"onUpdate:yearSelectorOpen"?: ((...args: any[]) => any) | undefined;
+}>, {
+id: string;
+yearSelector: boolean;
+yearSelectorOpen: boolean;
+}, {}, {
 FIcon: DefineComponent<ExtractPropTypes<    {
 name: {
 type: StringConstructor;
@@ -17462,7 +17851,7 @@ export declare interface IPopupErrorData {
     arrowOffset: number;
 }
 
-export declare const IPopupListbox: __VLS_WithSlots_9<typeof __VLS_component_9, __VLS_Slots_9>;
+export declare const IPopupListbox: __VLS_WithSlots_10<typeof __VLS_component_10, __VLS_Slots_10>;
 
 declare interface IPopupListboxProps {
     isOpen: boolean;
@@ -17475,8 +17864,6 @@ declare interface IPopupListboxProps {
 export declare const IPopupMenu: DefineComponent<ExtractPropTypes<    {
 /**
 * Key of the currently selected and highlighted item.
-*
-* @model
 */
 modelValue: {
 type: StringConstructor;
@@ -17486,8 +17873,6 @@ default: string;
 /**
 * Key of the currently focused item.
 * Sets focus on matching item element when value changes.
-*
-* @model
 */
 focusedItem: {
 type: StringConstructor;
@@ -17559,8 +17944,6 @@ onKeyDown(event: KeyboardEvent): Promise<void>;
 }, ComponentOptionsMixin, ComponentOptionsMixin, ("select" | "close" | "update:modelValue" | "update:focusedItem")[], "select" | "close" | "update:modelValue" | "update:focusedItem", PublicProps, Readonly<ExtractPropTypes<    {
 /**
 * Key of the currently selected and highlighted item.
-*
-* @model
 */
 modelValue: {
 type: StringConstructor;
@@ -17570,8 +17953,6 @@ default: string;
 /**
 * Key of the currently focused item.
 * Sets focus on matching item element when value changes.
-*
-* @model
 */
 focusedItem: {
 type: StringConstructor;
@@ -18142,6 +18523,11 @@ export declare interface RenderSlotOptions {
      * Default: `["sr-only"]`
      */
     stripClasses: string[];
+    /**
+     * By default nested components will not be rendered. When this option is
+     * enabled components will be rendered as `<ComponentName />`.
+     */
+    componentPlaceholder: boolean;
 }
 
 /**