fds-vue-core 2.0.9 → 2.0.10

package/README.md

@@ -29,3 +29,10 @@ import FdsVueCore from 'fds-vue-core'
 ```js
 <FdsTreeView />
 ```
+
+### Publish to npm
+After you are done editing the fds-vue-core project you want to publish your changes in order to be able to access the changes in the projects that are using fds-vue-core.
+
+1. Bump the version in `package.json` (Use the [Semver](https://semver.org/) set of rules for versioning).
+2. Push your changes to github.
+3. Publish the new version to npm: `npm publish --access-public`. (You might need to login: `npm login`)

package/dist/components/Blocks/FdsBlockAlert/FdsBlockAlert.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_component: import("vue").DefineComponent<FdsAlertBlockProps,
     onToggle?: () => any;
     "onUpdate:visible"?: (value: boolean) => any;
 }>, {
-    id: string;
     label: string;
+    id: string;
     locale: import("./types").AlertBlockLocale;
     visible: boolean;
     closeable: boolean;

package/dist/components/Blocks/FdsBlockExpander/FdsBlockExpander.vue.d.ts

@@ -8,8 +8,8 @@ declare const __VLS_component: import("vue").DefineComponent<FdsExpanderBlockPro
 }, string, import("vue").PublicProps, Readonly<FdsExpanderBlockProps> & Readonly<{
     onToggle?: () => any;
 }>, {
-    disabled: boolean;
     label: string;
+    disabled: boolean;
     open: boolean;
     preIcon: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/Blocks/FdsBlockInfo/FdsBlockInfo.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsBlockInfo.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Blocks/FdsBlockInfo/FdsBlockInfo.vue"],"names":[],"mappings":"AAuEA,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,KAAK,CAAA;AAEzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAoBhD,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,MAAM,CAAC,EAAE,IAAI,CAAA;IACb,UAAU,CAAC,EAAE,IAAI,CAAA;CAClB,CAAC;AAsKF,QAAA,MAAM,eAAe;;;;4EAGnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FdsBlockInfo.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Blocks/FdsBlockInfo/FdsBlockInfo.vue"],"names":[],"mappings":"AAwEA,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,KAAK,CAAA;AAEzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAqBhD,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,MAAM,CAAC,EAAE,IAAI,CAAA;IACb,UAAU,CAAC,EAAE,IAAI,CAAA;CAClB,CAAC;AAsKF,QAAA,MAAM,eAAe;;;;4EAGnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Buttons/FdsButtonCopy/FdsButtonCopy.vue.d.ts

@@ -4,9 +4,9 @@ declare const _default: import("vue").DefineComponent<FdsCopyButtonProps, {}, {}
 }, string, import("vue").PublicProps, Readonly<FdsCopyButtonProps> & Readonly<{
     onClick?: () => any;
 }>, {
+    label: string;
     disabled: boolean;
     value: string;
-    label: string;
     copiedLabel: string;
     timeoutMs: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/FdsPagination/FdsPagination.vue.d.ts

@@ -1,9 +1,20 @@
 import type { FdsPaginationProps } from './types';
 declare const _default: import("vue").DefineComponent<FdsPaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    paginate: (page: number) => any;
+    paginate: (payload: {
+        target: {
+            id: string;
+        };
+        detail: number;
+    }) => any;
 }, string, import("vue").PublicProps, Readonly<FdsPaginationProps> & Readonly<{
-    onPaginate?: (page: number) => any;
+    onPaginate?: (payload: {
+        target: {
+            id: string;
+        };
+        detail: number;
+    }) => any;
 }>, {
+    id: string;
     loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/FdsPagination/FdsPagination.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsPagination.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FdsPagination/FdsPagination.vue"],"names":[],"mappings":"AAmLA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;;;;;;;;AAgZjD,wBAIG"}
+{"version":3,"file":"FdsPagination.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FdsPagination/FdsPagination.vue"],"names":[],"mappings":"AAyLA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;;;gBASZ;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE;gBAAU,MAAM;;;;gBAA9B;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE;gBAAU,MAAM;;;;;;AAmZnE,wBAIG"}

package/dist/components/FdsPagination/types.d.ts

@@ -1,4 +1,5 @@
 export interface FdsPaginationProps {
+    id?: string;
     current: number;
     max: number;
     loading?: boolean;

package/dist/components/FdsPagination/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FdsPagination/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FdsPagination/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,MAAM,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}

package/dist/components/Form/FdsCheckbox/FdsCheckbox.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsCheckbox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsCheckbox/FdsCheckbox.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,WAAW,MAAM,mBAAmB,CAAA;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAsBlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KA8BrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KA8BrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA8B3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA+BtB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAmEpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA6CtB,CAAA"}
+{"version":3,"file":"FdsCheckbox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsCheckbox/FdsCheckbox.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,WAAW,MAAM,mBAAmB,CAAA;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAwBlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KA4BrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KA8BrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA8B3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA+BtB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAmEpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA6CtB,CAAA"}

package/dist/components/Form/FdsCheckbox/FdsCheckbox.vue.d.ts

@@ -1,28 +1,26 @@
-import { type Slot } from 'vue';
 import type { FdsCheckboxProps } from './types';
-type __VLS_Slots = {
-    default?: Slot;
+type __VLS_Props = FdsCheckboxProps;
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: boolean;
 };
-declare const __VLS_component: import("vue").DefineComponent<FdsCheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
     change: (value: boolean) => any;
     "update:checked": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<FdsCheckboxProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onChange?: (value: boolean) => any;
     "onUpdate:checked"?: (value: boolean) => any;
+    "onUpdate:modelValue"?: (value: boolean) => any;
 }>, {
     indeterminate: boolean;
+    required: boolean;
+    label: string;
     checked: boolean;
     disabled: boolean;
     value: string | number | undefined;
     name: string | undefined;
     id: string | undefined;
-    required: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
 //# sourceMappingURL=FdsCheckbox.vue.d.ts.map

package/dist/components/Form/FdsCheckbox/FdsCheckbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsCheckbox/FdsCheckbox.vue"],"names":[],"mappings":"AAqGA,OAAO,EAA6B,KAAK,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAmB/C,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,IAAI,CAAA;CAAE,CAAC;AAqJtC,QAAA,MAAM,eAAe;;;;;;;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FdsCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsCheckbox/FdsCheckbox.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAoFpC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;;;;;;;;;;;;;;;;;;;;AA6FF,wBAIG"}

package/dist/components/Form/FdsCheckbox/types.d.ts

@@ -1,5 +1,6 @@
 export type CheckboxVariant = 'default' | 'indeterminate';
 export interface FdsCheckboxProps {
+    label?: string;
     checked?: boolean;
     indeterminate?: boolean;
     disabled?: boolean;

package/dist/components/Form/FdsCheckbox/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsCheckbox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,eAAe,CAAA;AAEzD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsCheckbox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,eAAe,CAAA;AAEzD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/components/Form/FdsInput/FdsInput.vue.d.ts

@@ -10,18 +10,18 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
     clearInput: () => any;
     "update:value": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
     onInput?: (ev: Event) => any;
     onClearInput?: () => any;
     "onUpdate:value"?: (value: string) => any;
-    "onUpdate:modelValue"?: (value: string) => any;
 }>, {
+    required: boolean;
+    label: string;
     disabled: boolean;
     value: string;
     name: string;
     id: string;
-    required: boolean;
     type: import("./types").InputType;
-    label: string;
     meta: string;
     valid: string;
     optional: boolean;

package/dist/components/Form/FdsInput/FdsInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsInput/FdsInput.vue"],"names":[],"mappings":"AA6IA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAK5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAmGjC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqNF,wBAIG"}
+{"version":3,"file":"FdsInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsInput/FdsInput.vue"],"names":[],"mappings":"AA0JA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAK5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAmGjC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmNF,wBAIG"}

package/dist/components/Form/FdsRadio/FdsRadio.vue.d.ts

@@ -1,21 +1,28 @@
 import type { FdsRadioProps } from './types';
+type __VLS_Props = FdsRadioProps;
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: boolean;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<FdsRadioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
     change: (value: boolean) => any;
     "update:checked": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<FdsRadioProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onChange?: (value: boolean) => any;
     "onUpdate:checked"?: (value: boolean) => any;
+    "onUpdate:modelValue"?: (value: boolean) => any;
 }>, {
+    required: boolean;
     checked: boolean;
     disabled: boolean;
     value: string | number;
     name: string;
     id: string;
-    required: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/components/Form/FdsRadio/FdsRadio.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsRadio.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsRadio/FdsRadio.vue"],"names":[],"mappings":"AAiEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAyG5C,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FdsRadio.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsRadio/FdsRadio.vue"],"names":[],"mappings":"AA6EA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAK5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAoDjC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAmEF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Form/FdsSelect/FdsSelect.vue.d.ts

@@ -11,15 +11,15 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
     "update:value": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onChange?: (ev: Event) => any;
+    "onUpdate:modelValue"?: (value: string) => any;
     onInput?: (ev: Event) => any;
     "onUpdate:value"?: (value: string) => any;
-    "onUpdate:modelValue"?: (value: string) => any;
 }>, {
+    label: string;
     disabled: boolean;
     value: string;
     name: string;
     id: string;
-    label: string;
     meta: string;
     placeholder: string;
     valid: "true" | "false" | "null";

package/dist/components/Form/FdsTextarea/FdsTextarea.vue.d.ts

@@ -9,15 +9,15 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
     input: (ev: Event) => any;
     "update:value": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
     onInput?: (ev: Event) => any;
     "onUpdate:value"?: (value: string) => any;
-    "onUpdate:modelValue"?: (value: string) => any;
 }>, {
+    label: string;
     disabled: boolean;
     value: string;
     name: string;
     id: string;
-    label: string;
     meta: string;
     valid: "true" | "false" | "null";
     optional: boolean;

package/dist/fds-vue-core.cjs.js

@@ -409,7 +409,8 @@ const _hoisted_1$o = ["id", "name", "value", "disabled", "required"];
 const _hoisted_2$e = ["for"];
 const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsCheckbox",
-  props: {
+  props: /* @__PURE__ */ vue.mergeModels({
+    label: { default: void 0 },
     checked: { type: Boolean, default: false },
     indeterminate: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
@@ -417,12 +418,15 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     name: { default: void 0 },
     id: { default: void 0 },
     required: { type: Boolean, default: false }
-  },
-  emits: ["change", "update:checked"],
+  }, {
+    "modelValue": { type: Boolean, ...{ default: void 0, required: false } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["change", "update:checked"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
+    const modelChecked = vue.useModel(__props, "modelValue");
     const props = __props;
     const emit = __emit;
-    const slots = vue.useSlots();
     const checkboxClasses = vue.computed(() => [
       "border-2 border-gray-300 rounded-md cursor-pointer transition-colors duration-200",
       props.disabled && "opacity-50 cursor-not-allowed outline-dashed outline-1 -outline-offset-1 border-none appearance-none rounded-none",
@@ -433,8 +437,9 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     const wrapperClasses = vue.computed(() => ["block p-[2px] relative min-h-[28px]"]);
     const inputId = vue.computed(() => props.id);
     const internalChecked = vue.computed({
-      get: () => props.checked,
+      get: () => modelChecked.value !== void 0 ? modelChecked.value : props.checked,
       set: (value) => {
+        if (modelChecked.value !== void 0) modelChecked.value = value;
         emit("update:checked", value);
       }
     });
@@ -479,13 +484,11 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
         }, null, 42, _hoisted_1$o), [
           [vue.vModelCheckbox, internalChecked.value]
         ]),
-        slots.default ? (vue.openBlock(), vue.createElementBlock("label", {
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
           key: 0,
           for: inputId.value || void 0,
           class: vue.normalizeClass(["relative inline-block pl-7 pr-0.5 rounded-md leading-md select-none hover:bg-blue_t-100 active:bg-blue_t-200 peer-focus-visible:outline-dashed peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-blue-500", _ctx.disabled ? "cursor-not-allowed" : "cursor-pointer"])
-        }, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 10, _hoisted_2$e)) : vue.createCommentVNode("", true)
+        }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$e)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
@@ -1120,11 +1123,11 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$l = { class: "block p-[2px] mb-2 last:mb-0 relative min-h-[28px]" };
-const _hoisted_2$d = ["id", "name", "value", "checked", "disabled", "required"];
+const _hoisted_2$d = ["id", "name", "value", "disabled", "required"];
 const _hoisted_3$c = ["for"];
 const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsRadio",
-  props: {
+  props: /* @__PURE__ */ vue.mergeModels({
     checked: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
     value: { default: void 0 },
@@ -1134,9 +1137,13 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     onKeydown: {},
     onBlur: {},
     onChange: {}
-  },
-  emits: ["change", "update:checked"],
+  }, {
+    "modelValue": { type: Boolean, ...{ default: void 0, required: false } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["change", "update:checked"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
+    const modelChecked = vue.useModel(__props, "modelValue");
     const props = __props;
     const emit = __emit;
     const autoId = `fds-radio-${Math.random().toString(36).slice(2, 9)}`;
@@ -1149,23 +1156,32 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
       props.checked ? "border-blue-600" : "hover:border-blue-400",
       accentClass.value
     ]);
+    const internalChecked = vue.computed({
+      get: () => modelChecked.value !== void 0 ? modelChecked.value : props.checked,
+      set: (v) => {
+        if (modelChecked.value !== void 0) modelChecked.value = v;
+        emit("update:checked", v);
+      }
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
-        vue.createElementVNode("input", {
+        vue.withDirectives(vue.createElementVNode("input", {
           id: inputId.value,
           name: _ctx.name,
           value: _ctx.value,
-          checked: _ctx.checked,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalChecked.value = $event),
           disabled: _ctx.disabled,
           required: _ctx.required,
           type: "radio",
           class: vue.normalizeClass(inputClasses.value),
-          onChange: _cache[0] || (_cache[0] = (e) => {
+          onChange: _cache[1] || (_cache[1] = (e) => {
             const v = e.target.checked;
             emit("update:checked", v);
             emit("change", v);
           })
-        }, null, 42, _hoisted_2$d),
+        }, null, 42, _hoisted_2$d), [
+          [vue.vModelRadio, internalChecked.value]
+        ]),
         _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("label", {
           key: 0,
           for: inputId.value || void 0,
@@ -1187,8 +1203,8 @@ const _hoisted_4$9 = {
   key: 2,
   style: { "max-height": "28px" }
 };
-const _hoisted_5$7 = { class: "flex flex-col gap-2" };
-const _hoisted_6$5 = ["onClick"];
+const _hoisted_5$6 = { class: "flex flex-col gap-2" };
+const _hoisted_6$4 = ["onClick"];
 const _hoisted_7$3 = { key: 0 };
 const popoverWidth = 327;
 const popoverHeight = 80;
@@ -1461,7 +1477,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
                       }, ["stop"])),
                       onFocusout: onPanelFocusOut
                     }, [
-                      vue.createElementVNode("div", _hoisted_5$7, [
+                      vue.createElementVNode("div", _hoisted_5$6, [
                         (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(options, (option) => {
                           return vue.createElementVNode("div", {
                             key: option.value,
@@ -1489,7 +1505,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
                               ]),
                               _: 2
                             }, 1032, ["checked", "id", "name", "value", "onChange", "onKeydown"])
-                          ], 8, _hoisted_6$5);
+                          ], 8, _hoisted_6$4);
                         }), 64))
                       ]),
                       vue.createVNode(_sfc_main$s, {
@@ -1722,12 +1738,10 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$h = { class: "flex flex-col" };
-const _hoisted_2$b = ["for"];
-const _hoisted_3$a = { class: "w-full" };
-const _hoisted_4$8 = { class: "relative" };
-const _hoisted_5$6 = ["id", "name", "type", "disabled", "required", "aria-invalid"];
-const _hoisted_6$4 = {
+const _hoisted_1$h = ["for"];
+const _hoisted_2$b = { class: "relative" };
+const _hoisted_3$a = ["id", "name", "type", "disabled", "required", "size", "maxlength", "aria-invalid"];
+const _hoisted_4$8 = {
   key: 0,
   class: "text-red-600 font-bold mt-1"
 };
@@ -1805,33 +1819,35 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         vue.createElementVNode("div", {
-          class: vue.normalizeClass(["w-full", { "flex flex-row gap-4": _ctx.labelLeft }])
+          class: vue.normalizeClass({ "flex flex-row gap-4": _ctx.labelLeft })
         }, [
-          vue.createElementVNode("div", _hoisted_1$h, [
+          vue.createElementVNode("div", null, [
             _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
               key: 0,
               for: inputId.value,
               class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
-            }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$b)) : vue.createCommentVNode("", true),
+            }, vue.toDisplayString(_ctx.label), 11, _hoisted_1$h)) : vue.createCommentVNode("", true),
             _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
               class: vue.normalizeClass(["font-thin", { "mb-1": !_ctx.labelLeft }])
             }, vue.toDisplayString(_ctx.meta), 3)) : vue.createCommentVNode("", true)
           ]),
-          vue.createElementVNode("div", _hoisted_3$a, [
-            vue.createElementVNode("div", _hoisted_4$8, [
+          vue.createElementVNode("div", null, [
+            vue.createElementVNode("div", _hoisted_2$b, [
               vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
                 id: inputId.value,
                 name: _ctx.name || void 0,
                 type: isPasswordType.value ? showPassword.value ? "text" : "password" : _ctx.type,
                 disabled: _ctx.disabled,
                 required: _ctx.required,
+                size: _ctx.size,
+                maxlength: _ctx.maxlength,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event),
                 "aria-invalid": _ctx.valid === "false" ? "true" : void 0,
                 class: inputClasses.value
               }, _ctx.$attrs, {
                 onInput: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("input", $event))
-              }), null, 16, _hoisted_5$6), [
+              }), null, 16, _hoisted_3$a), [
                 [vue.vModelDynamic, internalValue.value]
               ]),
               vue.createElementVNode("div", {
@@ -1862,11 +1878,12 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
             ])
           ])
         ], 2),
-        showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$4, vue.toDisplayString(_ctx.invalidMessage), 1)) : vue.createCommentVNode("", true)
+        showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8, vue.toDisplayString(_ctx.invalidMessage), 1)) : vue.createCommentVNode("", true)
       ], 64);
     };
   }
 });
+const FdsInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-54b1a0a7"]]);
 const _hoisted_1$g = ["id"];
 const _hoisted_2$a = { class: "flex items-start justify-between gap-4" };
 const _hoisted_3$9 = { class: "flex items-center gap-3" };
@@ -2008,7 +2025,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
           ref: searchContainerRef,
           class: "pb-4"
         }, [
-          vue.createVNode(_sfc_main$m, {
+          vue.createVNode(FdsInput, {
             value: vue.unref(treeState)?.searchTerm?.value ?? "",
             onInput: _cache[0] || (_cache[0] = ($event) => vue.unref(treeState)?.setSearchTerm($event.target.value)),
             class: "w-full",
@@ -2587,7 +2604,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const FdsTable = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-9bc82042"]]);
+const FdsTable = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-68531279"]]);
 const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTableHead",
   props: {
@@ -2661,7 +2678,8 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const contentClasses = vue.computed(() => [
-      "rounded-md p-4 pb-6 bg-blue_t-100 mb-4",
+      "rounded-md bg-blue_t-100 mb-4",
+      props.size === "small" && "p-4 pb-6",
       props.size === "large" && props.icon && "p-6"
     ]);
     const autoId = `fds-content-block-${Math.random().toString(36).slice(2, 9)}`;
@@ -3394,7 +3412,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const FdsModal = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-8b537fc0"]]);
-const _hoisted_1$3 = { class: "my-6 flex items-between justify-between gap-2" };
+const _hoisted_1$3 = ["id"];
 const _hoisted_2$1 = { class: "flex items-center justify-start gap-1 w-[100px]" };
 const _hoisted_3$1 = { class: "flex items-center justify-center w-auto gap-2 order-0 sm:order-0" };
 const _hoisted_4$1 = { class: "whitespace-nowrap" };
@@ -3402,6 +3420,7 @@ const _hoisted_5$1 = { class: "flex items-center justify-end gap-1 order-2 sm:or
 const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsPagination",
   props: {
+    id: { default: void 0 },
     current: {},
     max: {},
     loading: { type: Boolean, default: false }
@@ -3412,6 +3431,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     const emit = __emit;
     const loadingIndicator = vue.ref("");
     const internalValue = vue.ref(props.current);
+    const autoId = `fds-pagination-${Math.random().toString(36).slice(2, 9)}`;
+    const inputId = vue.computed(() => props.id ?? autoId);
+    const inputValue = vue.computed(() => String(internalValue.value));
     vue.watch(
       () => props.current,
       (newValue) => {
@@ -3444,7 +3466,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
         page = incomingPage;
       }
       internalValue.value = page;
-      emit("paginate", page);
+      emit("paginate", { target: { id: inputId.value }, detail: page });
     }, 500);
     const handlePagination = (action) => {
       let page = 0;
@@ -3470,10 +3492,13 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           page = props.max;
           break;
       }
-      emit("paginate", page);
+      emit("paginate", { target: { id: inputId.value }, detail: page });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "my-6 flex items-between justify-between gap-2",
+        id: inputId.value
+      }, [
         vue.createElementVNode("div", _hoisted_2$1, [
           _ctx.loading && loadingIndicator.value === "start" ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
             key: 0,
@@ -3510,13 +3535,13 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
             label: "Laddar",
             "label-position": "right"
           })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            vue.createVNode(_sfc_main$m, {
-              value: internalValue.value.toString(),
+            vue.createVNode(FdsInput, {
+              value: inputValue.value,
               type: "text",
               size: _ctx.max.toString().length,
               maxlength: _ctx.max.toString().length,
               onInput: vue.unref(handlePageChange),
-              class: "text-center"
+              class: "mb-0! text-center"
             }, null, 8, ["value", "size", "maxlength", "onInput"]),
             vue.createElementVNode("div", _hoisted_4$1, "/ " + vue.toDisplayString(_ctx.max), 1)
           ], 64))
@@ -3549,11 +3574,11 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[3] || (_cache[3] = ($event) => handlePagination("end"))
           }, null, 8, ["disabled", "ariaDisabled", "class"]))
         ])
-      ]);
+      ], 8, _hoisted_1$3);
     };
   }
 });
-const FdsPagination = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-df967fb4"]]);
+const FdsPagination = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-9f29d3a4"]]);
 const _hoisted_1$2 = { class: "block mb-4" };
 const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTruncatedText",
@@ -3761,7 +3786,7 @@ const FdsVueCorePlugin = {
     app.component("FdsSelect", _sfc_main$f);
     app.component("FdsTable", FdsTable);
     app.component("FdsTableHead", _sfc_main$d);
-    app.component("FdsInput", _sfc_main$m);
+    app.component("FdsInput", FdsInput);
     app.component("FdsBlockContent", _sfc_main$l);
     app.component("FdsBlockInfo", _sfc_main$c);
     app.component("FdsBlockAlert", FdsBlockAlert);
@@ -3792,7 +3817,7 @@ exports.FdsButtonSecondary = _sfc_main$i;
 exports.FdsCheckbox = _sfc_main$u;
 exports.FdsHeading = _sfc_main$2;
 exports.FdsIcon = FdsIcon;
-exports.FdsInput = _sfc_main$m;
+exports.FdsInput = FdsInput;
 exports.FdsListHeading = _sfc_main;
 exports.FdsModal = FdsModal;
 exports.FdsPagination = FdsPagination;