fds-vue-core 7.0.1 → 7.1.0

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

@@ -44,6 +44,7 @@ const en = {
   "FdsInput.hidePassword": "Hide",
   "FdsInput.openDatePicker": "Open date picker",
   "FdsInput.showPassword": "Show",
+  "FdsInput.today": "(today)",
   "FdsListHeading.loading": "Loading...",
   "FdsListHeading.separator": "of",
   "FdsModal.closeModal": "Close modal window",
@@ -68,6 +69,7 @@ const sv = {
   "FdsInput.hidePassword": "Dölj",
   "FdsInput.openDatePicker": "Öppna datumväljare",
   "FdsInput.showPassword": "Visa",
+  "FdsInput.today": "(idag)",
   "FdsListHeading.loading": "Laddar...",
   "FdsListHeading.separator": "av",
   "FdsModal.closeModal": "Stäng dialogruta",
@@ -8636,6 +8638,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     const passwordButtonShowLabel = vue.computed(() => t("FdsInput.showPassword"));
     const passwordButtonHideLabel = vue.computed(() => t("FdsInput.hidePassword"));
     const dateButtonLabel = vue.computed(() => t("FdsInput.openDatePicker"));
+    const todayLabel = vue.computed(() => t("FdsInput.today"));
     const showInvalidMessage = vue.computed(() => props.valid === false && !props.optional && props.invalidMessage);
     const isInvalid = vue.computed(() => props.valid === false && !props.optional && !props.disabled);
     const isValid2 = vue.computed(() => props.valid === true);
@@ -8645,6 +8648,17 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     const showClearButton = vue.computed(() => props.clearButton && !!internalValue.value && !props.disabled);
     const showValidationIcon = vue.computed(() => isInvalid.value || isValid2.value);
     const showDateIcon = vue.computed(() => inputType.value === "date");
+    const todayIsoDate = vue.computed(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+    const showTodaySuffixInField = vue.computed(
+      () => inputType.value === "date" && String(internalValue.value ?? "") === todayIsoDate.value
+    );
+    const todaySuffixClasses = vue.computed(() => [
+      "pointer-events-none absolute top-1/2 -translate-y-1/2 text-base leading-6",
+      props.disabled ? "text-gray-800" : "text-gray-900"
+    ]);
+    const todaySuffixStyle = vue.computed(() => ({
+      left: "calc(0.75rem + 10ch + 0.25rem)"
+    }));
     const rightIconCount = vue.computed(() => {
       let count = 0;
       if (showDateIcon.value) count++;
@@ -8895,7 +8909,12 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                   text: showPassword.value ? passwordButtonHideLabel.value : passwordButtonShowLabel.value,
                   onClick: toggleShowPassword
                 }, null, 8, ["icon", "text"])) : vue.createCommentVNode("", true)
-              ], 2)
+              ], 2),
+              showTodaySuffixInField.value ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 0,
+                class: vue.normalizeClass(todaySuffixClasses.value),
+                style: vue.normalizeStyle(todaySuffixStyle.value)
+              }, vue.toDisplayString(todayLabel.value), 7)) : vue.createCommentVNode("", true)
             ])
           ], 2)
         ], 2),
@@ -12024,7 +12043,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                 mask: pidMask.value,
                 maskOptions: { lazy: true }
               }, inputAriaAttrs.value, {
-                searchIcon: !__props.disabled && inputHasFocus.value && !hasInputValue.value && !hasSelection.value,
+                searchIcon: !__props.disabled && !inputHasFocus.value && !hasInputValue.value && !hasSelection.value && !dropdownVisible.value,
                 onInput: handleInput,
                 onClearInput: handleClear
               }), null, 16, ["label", "meta", "labelLeft", "valid", "invalidMessage", "disabled", "value", "clearButton", "mask", "searchIcon"])