@fkui/vue 6.19.1 → 6.20.0

package/dist/cjs/index.cjs.js

@@ -21,8 +21,7 @@ const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
      * If badge should be inverted.
      */
     inverted: {
-      type: Boolean,
-      default: false
+      type: Boolean
     }
   },
   setup(__props) {
@@ -2044,7 +2043,7 @@ function useInflight(fn2) {
     fn: wrapper
   };
 }
-const _hoisted_1$$ = ["disabled"];
+const _hoisted_1$$ = ["type", "disabled"];
 const _hoisted_2$L = {
   key: 1,
   class: "spinner--before"
@@ -2099,6 +2098,14 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
       type: String,
       default: void 0
     },
+    /**
+     * Icon library to use.
+     */
+    iconLibrary: {
+      type: String,
+      required: false,
+      default: "f"
+    },
     /**
      * Tertiary button style, used in conjunction with button variant `tertiary`.
      * Can be one of:
@@ -2118,16 +2125,14 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
      * Used in conjunction with button variant `tertiary`.
      */
     alignText: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     /**
      *
      * Enable full width on mobile for sizes `small` and `medium`, always active for button size `large`.
      */
     mobileFullWidth: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     /**
      * The default behavior of the button. Possible values are:
@@ -2144,6 +2149,7 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     }
   },
   setup(__props) {
+    const props = __props;
     const originalAttrs = vue.useAttrs();
     const {
       inflight,
@@ -2153,7 +2159,6 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
       ...originalAttrs,
       onClick
     };
-    const props = __props;
     const hasIconLeft = vue.computed(() => {
       return Boolean(props.iconLeft);
     });
@@ -2184,7 +2189,7 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
-        type: "button",
+        type: __props.type,
         class: buttonClass.value,
         disabled: vue.unref(inflight)
       }, attrs), [hasIconLeft.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
@@ -2196,8 +2201,9 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
       })) : props.iconLeft ? (vue.openBlock(), vue.createBlock(vue.unref(FIcon), {
         key: 1,
         class: "button__icon",
-        name: props.iconLeft
-      }, null, 8, ["name"])) : vue.createCommentVNode("", true)], 64)) : vue.createCommentVNode("", true), _cache[0] || (_cache[0] = vue.createTextVNode()), !hasIcon.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$L, [vue.unref(inflight) ? (vue.openBlock(), vue.createBlock(vue.unref(FIcon), {
+        name: props.iconLeft,
+        library: props.iconLibrary
+      }, null, 8, ["name", "library"])) : vue.createCommentVNode("", true)], 64)) : vue.createCommentVNode("", true), _cache[0] || (_cache[0] = vue.createTextVNode()), !hasIcon.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$L, [vue.unref(inflight) ? (vue.openBlock(), vue.createBlock(vue.unref(FIcon), {
         key: 0,
         name: "circle-notch-solid",
         class: "button__icon button__spinner"
@@ -2210,8 +2216,9 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
       })) : props.iconRight ? (vue.openBlock(), vue.createBlock(vue.unref(FIcon), {
         key: 1,
         class: "button__icon",
-        name: props.iconRight
-      }, null, 8, ["name"])) : vue.createCommentVNode("", true)], 64)) : vue.createCommentVNode("", true), _cache[3] || (_cache[3] = vue.createTextVNode()), !hasIcon.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$B)) : vue.createCommentVNode("", true)], 16, _hoisted_1$$);
+        name: props.iconRight,
+        library: props.iconLibrary
+      }, null, 8, ["name", "library"])) : vue.createCommentVNode("", true)], 64)) : vue.createCommentVNode("", true), _cache[3] || (_cache[3] = vue.createTextVNode()), !hasIcon.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$B)) : vue.createCommentVNode("", true)], 16, _hoisted_1$$);
     };
   }
 });
@@ -4736,8 +4743,7 @@ const _sfc_main$1k = vue.defineComponent({
      */
     isOpen: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * The aria-label attribute text for the top right close button.
@@ -4752,8 +4758,7 @@ const _sfc_main$1k = vue.defineComponent({
      */
     fullscreen: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * The type of modal. 'information', 'warning' and 'error' is valid.
@@ -4998,16 +5003,14 @@ const _sfc_main$1j = vue.defineComponent({
      */
     fullscreen: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * Prop for opening modal
      */
     isOpen: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * Simple text content
@@ -5162,15 +5165,13 @@ const _sfc_main$1i = vue.defineComponent({
      * stacked on top of each other when breakpoint is small (aka mobile).
      */
     collapse: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     /**
      * If set the IFlexItems will wrap when out of space
      */
     wrap: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     /**
      * Set how IFlexItems should float.
@@ -5222,15 +5223,13 @@ const _sfc_main$1h = vue.defineComponent({
      * If set this item will grow to its largest possible size.
      */
     grow: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     /**
      * If set this item will shrink to its smallest possible size.
      */
     shrink: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     /**
      * Vertical positioning of content.
@@ -5298,8 +5297,7 @@ const _sfc_main$1g = vue.defineComponent({
      */
     bullets: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * Optional callback for performing actions before navigation.
@@ -5521,6 +5519,7 @@ const _sfc_main$1f = vue.defineComponent({
      *
      *   `componentCount`: number of registered components
      */
+    /* eslint-disable-next-line vue/no-unused-properties -- one-way binding, we ignore whatever the consumer sets this to */
     modelValue: {
       type: Object,
       required: false,
@@ -5537,8 +5536,7 @@ const _sfc_main$1f = vue.defineComponent({
      */
     stopPropagation: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     }
   },
   emits: [
@@ -5655,6 +5653,7 @@ const _sfc_main$1e = vue.defineComponent({
     useErrorList: {
       type: Boolean,
       required: false,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     },
     /**
@@ -5663,6 +5662,7 @@ const _sfc_main$1e = vue.defineComponent({
     errorListBullets: {
       type: Boolean,
       required: false,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     },
     /**
@@ -5795,6 +5795,7 @@ const _sfc_main$1d = vue.defineComponent({
     fullscreen: {
       type: Boolean,
       required: false,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     },
     /**
@@ -5804,6 +5805,7 @@ const _sfc_main$1d = vue.defineComponent({
     isOpen: {
       type: Boolean,
       required: false,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     },
     /**
@@ -5839,6 +5841,7 @@ const _sfc_main$1d = vue.defineComponent({
     useErrorList: {
       type: Boolean,
       required: false,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     },
     /**
@@ -5913,6 +5916,7 @@ const _sfc_main$1d = vue.defineComponent({
      * Event that is dispatched when escape is pressed or when the cancel or close buttons are clicked.
      * In most use cases the isOpen prop should be set to false when this event is triggered.
      */
+    /* eslint-disable-next-line @typescript-eslint/no-explicit-any -- technical debt, should use generics */
     close(_payload) {
       return true;
     },
@@ -5920,6 +5924,7 @@ const _sfc_main$1d = vue.defineComponent({
      * Event that is dispatched when the submit button is is clicked.
      * The event payload is the data that has been submitted.
      */
+    /* eslint-disable-next-line @typescript-eslint/no-explicit-any -- technical debt, should use generics */
     submit(_payload) {
       return true;
     }
@@ -7034,6 +7039,7 @@ const ErrorPlugin = {
 const _sfc_main$1c = vue.defineComponent({
   name: "FErrorPage",
   props: {
+    /* eslint-disable-next-line vue/no-unused-properties -- simplifies extending this component, the consumer might display the error */
     payload: {
       type: Object,
       required: false,
@@ -7316,16 +7322,14 @@ const _sfc_main$1a = vue.defineComponent({
      */
     yearSelector: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * Displays the year selector as open when enabled.
      */
     yearSelectorOpen: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * Optional id (generated by default).
@@ -7538,8 +7542,7 @@ const _sfc_main$19 = vue.defineComponent({
      */
     hideWeekNumbers: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     }
   },
   data() {
@@ -7756,7 +7759,6 @@ const _sfc_main$18 = vue.defineComponent({
     }
   },
   emits: [
-    "change",
     /**
      * `click` event.
      * @type {string}
@@ -8319,8 +8321,7 @@ const _sfc_main$17 = vue.defineComponent({
      */
     yearSelector: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * Optional id (generated by default).
@@ -8515,31 +8516,22 @@ const _sfc_main$16 = vue.defineComponent({
     enabled: {
       type: Boolean,
       required: false,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     },
-    /**
-     * Set to `true` if day is focused.
-     */
-    focused: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
     /**
      * Set to `true` if day is selected.
      */
     selected: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * Set to `true` if day should be highlighted.
      */
     highlight: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     }
   },
   computed: {
@@ -8626,6 +8618,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
     }
   },
   setup(__props) {
+    const props = __props;
     const {
       hasSlot: hasSlot2
     } = useSlotUtils();
@@ -8635,7 +8628,6 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
     const hasHeaderSlot = vue.computed(() => hasSlot2("header"));
     const hasFooterSlot = vue.computed(() => hasSlot2("footer"));
     const cardClass = vue.computed(() => `card card--${hasError.value ? "error" : "default"}`);
-    const props = __props;
     vue.onMounted(() => isMounted.value = true);
     function onValidity({
       detail
@@ -9105,6 +9097,7 @@ const _sfc_main$13 = vue.defineComponent({
     keyboardTrap: {
       type: Boolean,
       required: false,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     },
     /**
@@ -9121,6 +9114,7 @@ const _sfc_main$13 = vue.defineComponent({
     setFocus: {
       type: Boolean,
       required: false,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     }
   },
@@ -9792,7 +9786,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return _ctx.isOpen ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
+      return __props.isOpen ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
         key: 0,
         to: teleportTarget.value,
         disabled: teleportDisabled
@@ -9900,8 +9894,7 @@ const _sfc_main$10 = vue.defineComponent({
      */
     enableKeyboardNavigation: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * Unique accessible name for navigation landmark.
@@ -10158,14 +10151,14 @@ const _sfc_main$$ = vue.defineComponent({
      */
     animate: {
       type: Boolean,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     },
     /**
      * Use v-show instead of v-if when hiding content.
      */
     useVShow: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     /**
      * Toggle expanded/collapsed state
@@ -10177,6 +10170,7 @@ const _sfc_main$$ = vue.defineComponent({
     /* Toggle opacity in animation */
     opacity: {
       type: Boolean,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     },
     /**
@@ -10661,22 +10655,22 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [vue.createVNode(vue.unref(_sfc_main$11), {
-        "is-open": _ctx.isOpen,
-        anchor: _ctx.inputNode,
-        "num-of-items": _ctx.options.length,
+        "is-open": __props.isOpen,
+        anchor: __props.inputNode,
+        "num-of-items": __props.options.length,
         "active-element": activeElement.value,
         class: "combobox__listbox",
         onClose: onListboxClose
       }, {
         default: vue.withCtx(() => [vue.createElementVNode("ul", {
-          id: _ctx.id,
+          id: __props.id,
           ref: "listbox",
           role: "listbox",
           "aria-label": "Förslag",
           class: "combobox__listbox__list"
-        }, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item) => {
+        }, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (item) => {
           return vue.openBlock(), vue.createElementBlock("li", {
-            id: isOptionActive(item) ? _ctx.activeOptionId : void 0,
+            id: isOptionActive(item) ? __props.activeOptionId : void 0,
             key: item,
             role: "option",
             "aria-selected": isOptionActive(item) ? "true" : void 0,
@@ -10698,8 +10692,8 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   setup(__props, {
     emit: __emit
   }) {
-    const $t2 = useTranslate();
     const emit = __emit;
+    const $t2 = useTranslate();
     const ariaLabel = $t2("fkui.combobox.toggle", "Öppna förslagen");
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("button", {
@@ -11106,6 +11100,7 @@ const _sfc_main$W = vue.defineComponent({
     /**
      * The CSS classes for the label, description and error-message slot.
      */
+    /* eslint-disable-next-line vue/no-unused-properties -- false positive, it is used by `labelClasses(this)` */
     labelClass: {
       type: String,
       required: false,
@@ -11114,6 +11109,7 @@ const _sfc_main$W = vue.defineComponent({
     /**
      * The CSS classes for the default slot.
      */
+    /* eslint-disable-next-line vue/no-unused-properties -- false positive, it is used by `contentClasses(this)` */
     contentClass: {
       type: String,
       required: false,
@@ -11132,8 +11128,7 @@ const _sfc_main$W = vue.defineComponent({
      */
     chip: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * Displays a box with border around radiobuttons and checkboxes.
@@ -11385,8 +11380,7 @@ const _sfc_main$V = vue.defineComponent({
      */
     disabled: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * The id for the input id attribute.
@@ -11984,13 +11978,6 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
       required: false,
       default: void 0
     },
-    /**
-     * If `true` the primary button in the modals will be placed to the right side instead of to the left.
-     */
-    primaryButtonRight: {
-      type: Boolean,
-      default: false
-    },
     /**
      * If given, this function is called before the [[submit]] event is emitted.
      * See <f-validation-form> `beforeSubmit` props for more info.
@@ -12050,6 +12037,8 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   setup(__props, {
     emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
     const $t2 = useTranslate();
     const slots = vue.useSlots();
     const result = vue.ref([]);
@@ -12061,8 +12050,6 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     const isConfirmModalOpen = vue.ref(false);
     const callbackAfterItemAdd = vue.ref(() => ({}));
     const callbackBeforeItemDelete = vue.ref(() => ({}));
-    const props = __props;
-    const emit = __emit;
     const formModalButtons = vue.computed(() => {
       const confirmButtonText = operation.value === Operation.ADD ? (
         /** "Save" button in "add new" modal" */
@@ -12279,8 +12266,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
       default: () => void 0
     },
     label: {
-      type: Boolean,
-      default: () => void 0
+      type: Boolean
     }
   },
   emits: ["click"],
@@ -12293,11 +12279,11 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
         type: "button",
         class: "button table__button",
         onClick: _cache[0] || (_cache[0] = ($event) => emit("click"))
-      }, [_ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(FIcon), {
+      }, [__props.icon ? (vue.openBlock(), vue.createBlock(vue.unref(FIcon), {
         key: 0,
         class: "button__icon",
-        name: _ctx.icon
-      }, null, 8, ["name"])) : vue.createCommentVNode("", true), _cache[1] || (_cache[1] = vue.createTextVNode()), !_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$C, [vue.renderSlot(_ctx.$slots, "default")])) : vue.renderSlot(_ctx.$slots, "default", {
+        name: __props.icon
+      }, null, 8, ["name"])) : vue.createCommentVNode("", true), _cache[1] || (_cache[1] = vue.createTextVNode()), !__props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$C, [vue.renderSlot(_ctx.$slots, "default")])) : vue.renderSlot(_ctx.$slots, "default", {
         key: 2
       })]);
     };
@@ -12329,8 +12315,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
      * Determines if an icon should be displayed on the button.
      */
     icon: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     /**
      * The item that the action will be performed on.
@@ -12344,8 +12329,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
      * If false, the button will use a visually hidden text for accessibility.
      */
     label: {
-      type: Boolean,
-      default: false
+      type: Boolean
     }
   },
   setup(__props) {
@@ -12503,6 +12487,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
      */
     visible: {
       type: Boolean,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     },
     /**
@@ -12511,8 +12496,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
      */
     rowHeader: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * Text to show in column header. In order to force newlines use `\n`.
@@ -12536,8 +12520,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
      */
     shrink: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * Set this column to expand as large as possible.
@@ -12548,8 +12531,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
      */
     expand: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * Type of data the rows contains.
@@ -12574,6 +12556,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     }
   },
   setup(__props) {
+    const props = __props;
     const {
       renderColumns,
       setVisibilityColumn: setVisibilityColumn2,
@@ -12583,7 +12566,6 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     const isHeader = vue.ref(false);
     const id = logic.ElementIdService.generateElementId("column");
     const el = vue.useTemplateRef("element");
-    const props = __props;
     const classes = vue.computed(() => {
       return ["table__column", `table__column--${props.type}`];
     });
@@ -12767,8 +12749,7 @@ const _sfc_main$O = vue.defineComponent({
      */
     inline: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * The value for the input.
@@ -13008,8 +12989,7 @@ const _sfc_main$N = vue.defineComponent({
      */
     inline: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * The value for the input.
@@ -13104,8 +13084,7 @@ const _sfc_main$N = vue.defineComponent({
      */
     disabled: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     }
   },
   emits: [
@@ -13476,8 +13455,7 @@ const _sfc_main$M = vue.defineComponent({
       default: 80
     },
     extendedValidation: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     /**
      * The error message to be displayed on paste
@@ -13641,8 +13619,7 @@ const _sfc_main$L = vue.defineComponent({
       default: 80
     },
     extendedValidation: {
-      type: Boolean,
-      default: false
+      type: Boolean
     }
   },
   emits: [
@@ -13755,11 +13732,13 @@ const _sfc_main$K = vue.defineComponent({
   extends: FTextField,
   mixins: [TranslationMixin],
   props: {
+    /* eslint-disable-next-line vue/no-unused-properties -- used by FTextField (extended) */
     formatter: {
       type: Function,
       required: false,
       default: logic.formatNumber
     },
+    /* eslint-disable-next-line vue/no-unused-properties -- used by FTextField (extended) */
     parser: {
       type: Function,
       required: false,
@@ -13821,7 +13800,6 @@ const _sfc_main$J = vue.defineComponent({
      * @type {string | number}
      */
     "change",
-    "update",
     /**
      * V-model event.
      *
@@ -13921,6 +13899,7 @@ const _sfc_main$I = vue.defineComponent({
   extends: FTextField,
   mixins: [TranslationMixin],
   props: {
+    /* eslint-disable-next-line vue/no-unused-properties -- used by FTextField (extended) */
     parser: {
       type: Function,
       required: false,
@@ -13950,6 +13929,7 @@ const _sfc_main$H = vue.defineComponent({
   extends: FTextField,
   mixins: [TranslationMixin],
   props: {
+    /* eslint-disable-next-line vue/no-unused-properties -- used by FTextField (extended) */
     formatter: {
       type: Function,
       required: false,
@@ -13982,6 +13962,7 @@ const _sfc_main$G = vue.defineComponent({
   extends: FTextField,
   mixins: [TranslationMixin],
   props: {
+    /* eslint-disable-next-line vue/no-unused-properties -- used by FTextField (extended) */
     formatter: {
       type: Function,
       required: false,
@@ -14016,16 +13997,19 @@ const _sfc_main$F = vue.defineComponent({
     /**
      * The number of decimals to format number as.
      */
+    /* eslint-disable-next-line vue/no-unused-properties -- technical debt */
     decimals: {
       type: Number,
       required: false,
       default: void 0
     },
+    /* eslint-disable-next-line vue/no-unused-properties -- used by FTextField (extended) */
     formatter: {
       type: Function,
       required: false,
       default: defaultFormatter$1
     },
+    /* eslint-disable-next-line vue/no-unused-properties -- used by FTextField (extended) */
     parser: {
       type: Function,
       required: false,
@@ -14050,11 +14034,13 @@ const _sfc_main$E = vue.defineComponent({
   extends: FTextField,
   mixins: [TranslationMixin],
   props: {
+    /* eslint-disable-next-line vue/no-unused-properties -- used by FTextField (extended) */
     formatter: {
       type: Function,
       required: false,
       default: logic.formatPersonnummer
     },
+    /* eslint-disable-next-line vue/no-unused-properties -- used by FTextField (extended) */
     parser: {
       type: Function,
       required: false,
@@ -14090,6 +14076,7 @@ const _sfc_main$D = vue.defineComponent({
   extends: FTextField,
   mixins: [TranslationMixin],
   props: {
+    /* eslint-disable-next-line vue/no-unused-properties -- used by FTextField (extended) */
     formatter: {
       type: Function,
       required: false,
@@ -14122,6 +14109,7 @@ const _sfc_main$C = vue.defineComponent({
   extends: FTextField,
   mixins: [TranslationMixin],
   props: {
+    /* eslint-disable-next-line vue/no-unused-properties -- used by FTextField (extended) */
     formatter: {
       type: Function,
       required: false,
@@ -14167,11 +14155,13 @@ const _sfc_main$B = vue.defineComponent({
       required: false,
       default: void 0
     },
+    /* eslint-disable-next-line vue/no-unused-properties -- used by FTextField (extended) */
     formatter: {
       type: Function,
       required: false,
       default: defaultFormatter
     },
+    /* eslint-disable-next-line vue/no-unused-properties -- used by FTextField (extended) */
     parser: {
       type: Function,
       required: false,
@@ -14207,6 +14197,7 @@ const _sfc_main$A = vue.defineComponent({
   extends: FTextField,
   mixins: [TranslationMixin],
   props: {
+    /* eslint-disable-next-line vue/no-unused-properties -- used by FTextField (extended) */
     formatter: {
       type: Function,
       required: false,
@@ -14356,6 +14347,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     showSort: {
       type: Boolean,
       required: false,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     },
     /**
@@ -14364,6 +14356,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     showFilter: {
       type: Boolean,
       required: false,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     },
     /**
@@ -14381,6 +14374,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     defaultSortAscending: {
       type: Boolean,
       required: false,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: () => true
     },
     /**
@@ -14397,6 +14391,8 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   setup(__props, {
     emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
     const $t2 = useTranslate();
     const searchField = vue.useTemplateRef("search-field");
     const useDefaultSortOrder = vue.ref(true);
@@ -14415,8 +14411,6 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
     let tableCallbackSortableColumns = () => {
     };
-    const props = __props;
-    const emit = __emit;
     const showClearButton = vue.computed(() => {
       return searchString.value.length > 0;
     });
@@ -14658,8 +14652,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
      * When enabled alternating rows will use a different background color.
      */
     striped: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     /**
      * Enable scrolling inside table.
@@ -14681,6 +14674,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     }
   },
   setup(__props) {
+    const props = __props;
     const $t2 = useTranslate();
     const {
       hasSlot: hasSlot2
@@ -14692,7 +14686,6 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     } = FSortFilterDatasetInjected();
     const internalKey2 = getInternalKey();
     const columns = vue.ref([]);
-    const props = __props;
     const hasCaption = vue.computed(() => {
       return hasSlot2("caption", {}, {
         stripClasses: []
@@ -14939,22 +14932,21 @@ const _sfc_main$x = vue.defineComponent({
     highlightToday: {
       type: Boolean,
       required: false,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     },
     /**
      * Always display inline.
      */
     alwaysInline: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     /**
      * Includes a year selector when enabled.
      */
     yearSelector: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * Set responsive width for label section.
@@ -14985,8 +14977,7 @@ const _sfc_main$x = vue.defineComponent({
      */
     disabled: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     }
   },
   emits: [
@@ -15584,7 +15575,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(ceTag$2), {
-        layout: _ctx.layout,
+        layout: __props.layout,
         onUpdate: _cache[0] || (_cache[0] = ($event) => emit("update"))
       }, {
         default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(proxy))))]),
@@ -15822,8 +15813,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "FResizePane.ce",
   props: {
     disabled: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     min: {
       default: "0",
@@ -15838,8 +15828,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
       type: String
     },
     overlay: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     offset: {
       default: 0,
@@ -15852,9 +15841,9 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   }) {
     const props = __props;
     const emit = __emit;
-    const root = vue.shallowRef();
-    const content2 = vue.ref();
-    const separator = vue.ref();
+    const root = vue.useTemplateRef("root");
+    const content2 = vue.useTemplateRef("content");
+    const separator = vue.useTemplateRef("separator");
     const state = vue.ref({
       min: -1,
       max: -1,
@@ -15982,7 +15971,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [_ctx.overlay && _ctx.offset ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s)) : vue.createCommentVNode("", true), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createElementVNode("div", vue.mergeProps({
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [__props.overlay && __props.offset ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s)) : vue.createCommentVNode("", true), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createElementVNode("div", vue.mergeProps({
         ref_key: "root",
         ref: root,
         class: ["resize", classes.value]
@@ -16052,6 +16041,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     }
   },
   setup(__props) {
+    const props = __props;
     if (!customElements.get(tagName$1)) {
       customElements.define(tagName$1, vue.defineCustomElement(FResizePane));
     }
@@ -16110,7 +16100,6 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     const disabled = vue.computed(() => anyEnabled.value === false);
     const hidden = vue.computed(() => anyVisible.value === false);
     const overlay = vue.computed(() => anyOverlay.value === true);
-    const props = __props;
     function onResize(event) {
       size.value = event.detail[0];
     }
@@ -16154,11 +16143,11 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   setup(__props, {
     emit: __emit
   }) {
+    const emit = __emit;
     const rootElement = vue.useTemplateRef("root");
     const {
       attachPanel
     } = useAreaData(rootElement);
-    const emit = __emit;
     const attachClass = vue.computed(() => {
       switch (attachPanel.value) {
         case "left":
@@ -16227,7 +16216,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return visible.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName), {
         key: 0,
-        "data-panel-name": _ctx.name,
+        "data-panel-name": __props.name,
         onClosed: _cache[0] || (_cache[0] = ($event) => onClose())
       }, {
         default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps({
@@ -16259,6 +16248,7 @@ const _sfc_main$q = vue.defineComponent({
     /**
      * Current dialogue question
      */
+    /* eslint-disable-next-line vue/no-unused-properties -- one-way binding, we ignore what the consumer sets this to */
     modelValue: {
       type: Object,
       required: true
@@ -16376,8 +16366,7 @@ const _sfc_main$p = vue.defineComponent({
      */
     expanded: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * Element to render for the header element inside the expandable panel.
@@ -16516,8 +16505,7 @@ const _sfc_main$o = vue.defineComponent({
      */
     expanded: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * Element to render for the button elmement
@@ -16548,7 +16536,6 @@ const _sfc_main$o = vue.defineComponent({
      */
     list: {
       type: Boolean,
-      default: false,
       required: false
     },
     /**
@@ -16780,12 +16767,7 @@ const _sfc_main$m = vue.defineComponent({
      */
     disabled: {
       type: Boolean,
-      required: false,
-      default: false
-    },
-    modelValue: {
-      type: Object,
-      default: null
+      required: false
     }
   },
   emits: [
@@ -16794,8 +16776,7 @@ const _sfc_main$m = vue.defineComponent({
      *
      * @type {FileList}
      */
-    "change",
-    "update:modelValue"
+    "change"
   ],
   computed: {
     attrs() {
@@ -17072,8 +17053,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
      * When enabled hovering over a row will be highlighted.
      */
     hover: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     /**
      * Unique attribute in rows.
@@ -17107,15 +17087,13 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
      * or deselected.
      */
     selectable: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     /**
      * When enabled alternating rows will use a different background color.
      */
     striped: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     /**
      * Enable scrolling inside table.
@@ -17141,6 +17119,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     showActive: {
       type: Boolean,
       required: false,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     },
     /**
@@ -17165,6 +17144,8 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   setup(__props, {
     emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
     const $t2 = useTranslate();
     const slots = vue.useSlots();
     const {
@@ -17187,8 +17168,6 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     const tr = vue.shallowRef([]);
     const trAll = vue.shallowRef([]);
     const tbodyKey = vue.ref(0);
-    const props = __props;
-    const emit = __emit;
     const expandableTable = useExpandableTable(props.expandableAttribute, internalKey2, props.expandableDescribedby, emit, slots);
     const {
       isExpandableTable,
@@ -18148,8 +18127,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
      * @see 'select' and 'unselect' events.
      */
     selectable: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     /**
      * Only applies if selectable:true
@@ -18158,6 +18136,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
      */
     checkbox: {
       type: Boolean,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     },
     /**
@@ -18188,6 +18167,8 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   setup(__props, {
     emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
     const $t2 = useTranslate();
     const slots = vue.useSlots();
     const {
@@ -18197,9 +18178,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     const internalKey2 = getInternalKey();
     const selectedItems = vue.ref([]);
     const activeItem = vue.ref(void 0);
-    const ulElement = vue.ref();
-    const props = __props;
-    const emit = __emit;
+    const ulElement = vue.useTemplateRef("ulElement");
     const isEmpty = vue.computed(() => {
       return internalItems.value.length === 0;
     });
@@ -18427,24 +18406,21 @@ const _sfc_main$e = vue.defineComponent({
      */
     show: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * If loader should be displayed as a fullscreen overlay.
      */
     overlay: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * Delay the loader icon and text by 1 second
      */
     delay: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * Language used for determining fallback value for the loading text. Useful if loader is displayed before
@@ -18463,6 +18439,7 @@ const _sfc_main$e = vue.defineComponent({
     focusOnOverlay: {
       type: Boolean,
       required: false,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     },
     /*
@@ -18700,6 +18677,7 @@ const _sfc_main$c = vue.defineComponent({
     provideScreenReaderContext: {
       type: Boolean,
       required: false,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     },
     /**
@@ -18875,8 +18853,7 @@ const _sfc_main$b = vue.defineComponent({
      */
     vertical: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * Screen reader text for selected item
@@ -19727,7 +19704,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
      * Accessible name for this progressbar. Should describe the purpose of this
      * progressbar.
      */
-    /* eslint-disable-next-line vue/prop-name-casing -- vue does not allow ariaLabel as a prop as it collides with internal types */
+    /* eslint-disable-next-line vue/prop-name-casing, vue/no-unused-properties -- vue does not allow ariaLabel as a prop as it collides with internal types */
     "aria-label": {
       type: String,
       required: true
@@ -19777,8 +19754,7 @@ const _sfc_main$4 = vue.defineComponent({
      */
     disabled: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     },
     /**
      * The id for the input id attribute.
@@ -20059,15 +20035,13 @@ const _sfc_main$2 = vue.defineComponent({
      * Specifies that the component should be disabled, i.e. unusable.
      */
     disabled: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     /**
      * Enabling vertical resizing of the textarea
      */
     resizable: {
-      type: Boolean,
-      default: false
+      type: Boolean
     }
   },
   emits: [
@@ -20306,8 +20280,7 @@ const _sfc_main$1 = vue.defineComponent({
      */
     disableInitialFocus: {
       type: Boolean,
-      required: false,
-      default: false
+      required: false
     }
   },
   emits: [
@@ -20480,6 +20453,7 @@ const _sfc_main = vue.defineComponent({
     useErrorList: {
       type: Boolean,
       required: false,
+      /* eslint-disable-next-line vue/no-boolean-default -- technical debt, boolean attributes should be opt-in not opt-out */
       default: true
     }
   },