fds-vue-core 7.0.1 → 7.1.1

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"])
@@ -14753,7 +14772,7 @@ const checkIfDateIsBeforeToday = (date) => {
   return isAfter(startOfToday, startOfDate);
 };
 const checkIfDateIsEnabled = (date, enabledDates) => enabledDates.some((enabledDate) => isSameDay(enabledDate, date));
-const _hoisted_1$6 = ["disabled"];
+const _hoisted_1$6 = ["disabled", "aria-label"];
 const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "WeekDay",
   props: {
@@ -14791,11 +14810,24 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       const value = new Intl.DateTimeFormat(locale.value, { weekday: "short" }).format(props.date);
       return value.charAt(0).toUpperCase() + value.slice(1).replace(".", "");
     });
+    const dateAriaLabel = vue.computed(() => {
+      const spokenDate = new Intl.DateTimeFormat(locale.value, {
+        day: "numeric",
+        month: "long",
+        weekday: "long"
+      }).format(props.date);
+      const normalizedDate = spokenDate.charAt(0).toUpperCase() + spokenDate.slice(1);
+      if (props.isToday) {
+        return `${t("FdsWeekCalendar.today")}. ${normalizedDate}.`;
+      }
+      return `${normalizedDate}.`;
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("button", {
         type: "button",
         class: vue.normalizeClass(classes.value),
         disabled: __props.disabled,
+        "aria-label": dateAriaLabel.value,
         onClick
       }, [
         vue.createElementVNode("span", {
@@ -15485,7 +15517,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                   }, [
                     vue.createElementVNode("button", {
                       type: "button",
-                      class: vue.normalizeClass(["relative flex flex-col items-center", { "cursor-not-allowed": !canGoToStep(currentStepIndex.value, entry.index) }]),
+                      class: vue.normalizeClass(["relative flex flex-col items-center focus-visible:outline-2 focus-visible:outline-dashed focus-visible:outline-offset-4 focus-visible:outline-blue-500", { "cursor-not-allowed": !canGoToStep(currentStepIndex.value, entry.index) }]),
                       onClick: ($event) => __props.disableStepJump ? null : goToStep(entry.index),
                       disabled: !canGoToStep(currentStepIndex.value, entry.index)
                     }, [