@fkui/vue 6.2.0 → 6.3.0

package/dist/types/index.d.ts

@@ -131,7 +131,14 @@ focusRef: HTMLElement | null;
 
 declare const __VLS_component_3: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_4: DefineComponent<IPopupListboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_4: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {
+disabled: boolean;
+min: string;
+max: string;
+initial: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_5: DefineComponent<IPopupListboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 close: () => any;
 }, string, PublicProps, Readonly<IPopupListboxProps> & Readonly<{
 onClose?: (() => any) | undefined;
@@ -166,6 +173,34 @@ declare type __VLS_Props = {
 };
 
 declare type __VLS_Props_2 = {
+    /**
+     * Disables resizing. The current size is locked.
+     */
+    disabled?: boolean;
+    /**
+     * Minimal size of pane.
+     *
+     * Can be set in `px`, `%`  (percent of application layout total size)
+     * or both as a space-separated list, e.g. `200px 20%`.
+     */
+    min?: string;
+    /**
+     * Maximum size of pane.
+     *
+     * Can be set in `px`, `%`  (percent of application layout total size)
+     * or both as a space-separated list, e.g. `600px 50%`.
+     */
+    max?: string;
+    /**
+     * Initial size of pane used when the pane is used for the first time.
+     *
+     * Can be set in `px` or `%` (percent of application layout total
+     * size)
+     */
+    initial?: string;
+};
+
+declare type __VLS_Props_3 = {
     id: string;
     isOpen: boolean;
     options: string[];
@@ -211,6 +246,15 @@ declare function __VLS_template_3(): {
 };
 
 declare function __VLS_template_4(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare function __VLS_template_5(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
@@ -231,6 +275,8 @@ declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
 
 declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
 
+declare type __VLS_TemplateResult_5 = ReturnType<typeof __VLS_template_5>;
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -255,6 +301,12 @@ declare type __VLS_WithTemplateSlots_4<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_5<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 /* Excluded from this release type: actionFromKeyboardEvent */
 
 /**
@@ -865,7 +917,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -963,7 +1015,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -1009,7 +1061,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 }>, {
 type: string;
 id: string;
-modelValue: string | number;
+modelValue: string | number | null;
 inline: boolean;
 disabled: boolean;
 options: string[] | undefined;
@@ -1322,7 +1374,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -1420,7 +1472,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -1466,7 +1518,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 }>, {
 type: string;
 id: string;
-modelValue: string | number;
+modelValue: string | number | null;
 inline: boolean;
 disabled: boolean;
 options: string[] | undefined;
@@ -2253,7 +2305,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -2351,7 +2403,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -2397,7 +2449,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 }>, {
 type: string;
 id: string;
-modelValue: string | number;
+modelValue: string | number | null;
 inline: boolean;
 disabled: boolean;
 options: string[] | undefined;
@@ -3432,7 +3484,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -3530,7 +3582,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -3576,7 +3628,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 }>, {
 type: string;
 id: string;
-modelValue: string | number;
+modelValue: string | number | null;
 inline: boolean;
 disabled: boolean;
 options: string[] | undefined;
@@ -4424,7 +4476,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -4522,7 +4574,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -4568,7 +4620,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 }>, {
 type: string;
 id: string;
-modelValue: string | number;
+modelValue: string | number | null;
 inline: boolean;
 disabled: boolean;
 options: string[] | undefined;
@@ -5118,7 +5170,7 @@ default: () => string;
 * @model
 */
 modelValue: {
-type: StringConstructor;
+type: (StringConstructor | null)[];
 required: false;
 default: undefined;
 };
@@ -5170,7 +5222,7 @@ default: () => string;
 * @model
 */
 modelValue: {
-type: StringConstructor;
+type: (StringConstructor | null)[];
 required: false;
 default: undefined;
 };
@@ -5197,7 +5249,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
 id: string;
-modelValue: string;
+modelValue: string | null;
 maxLength: number;
 extendedValidation: boolean;
 pasteErrorText: string;
@@ -5214,7 +5266,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -5312,7 +5364,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -5358,7 +5410,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 }>, {
 type: string;
 id: string;
-modelValue: string | number;
+modelValue: string | number | null;
 inline: boolean;
 disabled: boolean;
 options: string[] | undefined;
@@ -9156,7 +9208,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -9254,7 +9306,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -9300,7 +9352,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 }>, {
 type: string;
 id: string;
-modelValue: string | number;
+modelValue: string | number | null;
 inline: boolean;
 disabled: boolean;
 options: string[] | undefined;
@@ -9794,7 +9846,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -9892,7 +9944,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -9938,7 +9990,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 }>, {
 type: string;
 id: string;
-modelValue: string | number;
+modelValue: string | number | null;
 inline: boolean;
 disabled: boolean;
 options: string[] | undefined;
@@ -10513,7 +10565,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -10611,7 +10663,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -10657,7 +10709,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 }>, {
 type: string;
 id: string;
-modelValue: string | number;
+modelValue: string | number | null;
 inline: boolean;
 disabled: boolean;
 options: string[] | undefined;
@@ -10992,7 +11044,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -11090,7 +11142,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -11136,7 +11188,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 }>, {
 type: string;
 id: string;
-modelValue: string | number;
+modelValue: string | number | null;
 inline: boolean;
 disabled: boolean;
 options: string[] | undefined;
@@ -11436,11 +11488,12 @@ default: () => string;
 };
 /**
 * The value for the input.
-* If the prop is not set undefined will be used.
+* If the prop is not used or set to undefined
+* or null then the default value will be used.
 * @model
 */
 modelValue: {
-type: StringConstructor;
+type: (StringConstructor | null)[];
 required: false;
 default: undefined;
 };
@@ -11477,11 +11530,12 @@ default: () => string;
 };
 /**
 * The value for the input.
-* If the prop is not set undefined will be used.
+* If the prop is not used or set to undefined
+* or null then the default value will be used.
 * @model
 */
 modelValue: {
-type: StringConstructor;
+type: (StringConstructor | null)[];
 required: false;
 default: undefined;
 };
@@ -11499,7 +11553,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
 id: string;
-modelValue: string;
+modelValue: string | null;
 maxLength: number;
 extendedValidation: boolean;
 }, {}, {
@@ -11515,7 +11569,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -11613,7 +11667,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -11659,7 +11713,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 }>, {
 type: string;
 id: string;
-modelValue: string | number;
+modelValue: string | number | null;
 inline: boolean;
 disabled: boolean;
 options: string[] | undefined;
@@ -11965,7 +12019,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -12063,7 +12117,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -12109,7 +12163,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 }>, {
 type: string;
 id: string;
-modelValue: string | number;
+modelValue: string | number | null;
 inline: boolean;
 disabled: boolean;
 options: string[] | undefined;
@@ -12424,7 +12478,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -12522,7 +12576,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -12568,7 +12622,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 }>, {
 type: string;
 id: string;
-modelValue: string | number;
+modelValue: string | number | null;
 inline: boolean;
 disabled: boolean;
 options: string[] | undefined;
@@ -13021,6 +13075,8 @@ id: string;
 disabled: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+export declare const FResizePane: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+
 export declare const FSearchTextField: DefineComponent<ExtractPropTypes<    {
 id: {
 type: StringConstructor;
@@ -13028,7 +13084,7 @@ required: false;
 default: () => string;
 };
 modelValue: {
-type: StringConstructor;
+type: (StringConstructor | null)[];
 required: false;
 default: string;
 };
@@ -13058,7 +13114,7 @@ required: false;
 default: () => string;
 };
 modelValue: {
-type: StringConstructor;
+type: (StringConstructor | null)[];
 required: false;
 default: string;
 };
@@ -13078,7 +13134,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 onUpdate?: ((...args: any[]) => any) | undefined;
 }>, {
 id: string;
-modelValue: string;
+modelValue: string | null;
 maxLength: number;
 clearableScreenReaderText: string;
 }, {}, {
@@ -13094,7 +13150,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -13192,7 +13248,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -13238,7 +13294,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 }>, {
 type: string;
 id: string;
-modelValue: string | number;
+modelValue: string | number | null;
 inline: boolean;
 disabled: boolean;
 options: string[] | undefined;
@@ -14502,11 +14558,12 @@ default: boolean;
 };
 /**
 * The value for the input.
-* If the prop is not set undefined will be used.
+* If the prop is not used or set to undefined
+* or null then the default value will be used.
 * @model
 */
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -14662,11 +14719,12 @@ default: boolean;
 };
 /**
 * The value for the input.
-* If the prop is not set undefined will be used.
+* If the prop is not used or set to undefined
+* or null then the default value will be used.
 * @model
 */
 modelValue: {
-type: (StringConstructor | NumberConstructor)[];
+type: (StringConstructor | NumberConstructor | null)[];
 required: false;
 default: string;
 };
@@ -14761,7 +14819,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 }>, {
 type: string;
 id: string;
-modelValue: string | number;
+modelValue: string | number | null;
 inline: boolean;
 disabled: boolean;
 options: string[] | undefined;
@@ -16705,10 +16763,10 @@ rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare const IComboboxDropdown: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const IComboboxDropdown: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 close: () => any;
 select: (option: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{
 onClose?: (() => any) | undefined;
 onSelect?: ((option: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
@@ -17203,7 +17261,7 @@ export declare interface IPopupErrorData {
     arrowOffset: number;
 }
 
-export declare const IPopupListbox: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+export declare const IPopupListbox: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
 declare interface IPopupListboxProps {
     isOpen: boolean;
@@ -17957,7 +18015,7 @@ export declare const TestPlugin: Plugin_2;
 export declare interface TextFieldSetupProps {
     id: string;
     inline: boolean;
-    modelValue: string | number;
+    modelValue: string | number | null;
     type: string;
     formatter?: FormatFunction<unknown>;
     parser?: ParseFunction<unknown>;

package/dist/types/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.50.1"
+      "packageVersion": "7.51.1"
     }
   ]
 }

package/htmlvalidate/elements/components.js

@@ -445,6 +445,26 @@ module.exports = defineMetadata({
         permittedContent: [],
     },
 
+    "f-resize-pane": {
+        flow: true,
+        attributes: {
+            min: {
+                enum: ["/\\d+px/", "/\\d+%/"],
+                list: true,
+            },
+            max: {
+                enum: ["/\\d+px/", "/\\d+%/"],
+                list: true,
+            },
+            initial: {
+                enum: ["/\\d+px/", "/\\d+%/"],
+            },
+            disabled: {
+                boolean: true,
+            },
+        },
+    },
+
     "f-sort-filter-dataset": {
         flow: true,
         interactive: true,

package/htmlvalidate/elements/internal-components.js

@@ -240,6 +240,7 @@ module.exports = defineMetadata({
             },
         },
     },
+
     "i-combobox-dropdown": {
         flow: true,
         interactive: true,

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@fkui/vue",
-  "version": "6.2.0",
+  "version": "6.3.0",
   "description": "Vue implementation of FKUI components",
   "keywords": [
     "fkui",
     "designsystem",
     "vue"
   ],
-  "homepage": "https://forsakringskassan.github.io/designsystem/",
+  "homepage": "https://designsystem.forsakringskassan.se/",
   "bugs": "https://github.com/Forsakringskassan/designsystem/issues",
   "repository": {
     "type": "git",
@@ -60,9 +60,9 @@
     "unit:watch": "jest --watch"
   },
   "peerDependencies": {
-    "@fkui/date": "^6.2.0",
-    "@fkui/design": "^6.2.0",
-    "@fkui/logic": "^6.2.0",
+    "@fkui/date": "^6.3.0",
+    "@fkui/design": "^6.3.0",
+    "@fkui/logic": "^6.3.0",
     "fk-icons": "^4.30.1",
     "html-validate": ">= 7.9.0",
     "vue": "^3.5.0"
@@ -79,5 +79,5 @@
     "node": ">= 20",
     "npm": ">= 7"
   },
-  "gitHead": "b75730a2c2bee0c0fe8243d2de511b77c88dcbee"
+  "gitHead": "b971dc60326c5eb1c73318733f36c5f1776504b2"
 }