@fkui/vue-labs 5.36.0

package/LICENSE.md

@@ -0,0 +1,7 @@
+Copyright 2021 Försäkringskassan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# fkui/vue-labs
+
+Detta repo innehåller experimentversioner av komponenter och annan funktionalitet. Komponenterna är inte fullt ut testade, såväl enhetstest som tillgängligthet och SLA kan saknas. Konsumenten ansvarar för att själv testa komponenten. Komponenter i labs kan förändras och även försvinna.

package/dist/cjs/index.cjs.js

@@ -0,0 +1,276 @@
+"use strict";
+
+Object.defineProperty(exports, Symbol.toStringTag, {
+  value: "Module"
+});
+const logic = require("@fkui/logic");
+const vue = require("vue");
+const vue$1 = require("@fkui/vue");
+const HOURS_MINUTES_REGEXP = /^(?<hours>[0-9]+)?(:(?<minutes>[0-5][0-9]))?$/;
+const HOURS_MINUTES_WITHOUT_COLON_REGEXP = /^(?<hours>[0-9]{2})(?<minutes>[0-5][0-9])$/;
+function findMatch(regexps, value) {
+  for (const regexp of regexps) {
+    const match = value.match(regexp);
+    if (match) {
+      return match;
+    }
+  }
+  return null;
+}
+function padInitialZeros(value, maxLength = 2) {
+  var _value;
+  value = (_value = value) !== null && _value !== void 0 ? _value : "";
+  return value.padStart(maxLength, "0");
+}
+function hoursMinutesStringToMinutes(valueString, extraForgiving = false) {
+  if (logic.isEmpty(valueString.trim())) {
+    return void 0;
+  }
+  const [hours, minutes] = splitHoursMinutes(valueString, extraForgiving).map(value => parseInt(value, 10));
+  const totalMinutes = hours * 60 + minutes;
+  return !isNaN(totalMinutes) ? totalMinutes : void 0;
+}
+function minutesToHoursMinutesString(value) {
+  let valueString = "";
+  const safeValue = value !== null && value !== void 0 ? value : NaN;
+  if (!isNaN(safeValue)) {
+    const {
+      hours,
+      minutes
+    } = minutesToObject(safeValue);
+    valueString = [hours, minutes].map(value2 => String(value2).padStart(2, "0")).join(":");
+  }
+  return logic.stripWhitespace(valueString);
+}
+function splitHoursMinutes(valueString, extraForgiving = false) {
+  var _a, _b;
+  const regexps = extraForgiving ? [HOURS_MINUTES_WITHOUT_COLON_REGEXP, HOURS_MINUTES_REGEXP] : [HOURS_MINUTES_REGEXP];
+  const match = findMatch(regexps, logic.stripWhitespace(valueString));
+  if (!match) {
+    return ["", ""];
+  }
+  const hours = padInitialZeros((_a = match == null ? void 0 : match.groups) == null ? void 0 : _a.hours);
+  const minutes = padInitialZeros((_b = match == null ? void 0 : match.groups) == null ? void 0 : _b.minutes);
+  return [hours, minutes];
+}
+function minutesToUserFriendlyString(value) {
+  const [hours, minutes] = splitHoursMinutes(minutesToHoursMinutesString(value)).map(Number);
+  return logic.TranslationService.provider.translate("ARBE.RW.generell.etikett.timmarochminuter", "{{hours}} timmar och {{minutes}} minuter", {
+    hours,
+    minutes
+  });
+}
+function minutesToHoursFloat(...values) {
+  const minutes = values.filter(value => logic.isSet(value) && !isNaN(value)).reduce((sum, value) => sum + value, 0);
+  return minutes / 60;
+}
+function minutesToObject(...values) {
+  const minutes = values.filter(value => logic.isSet(value) && !isNaN(value)).reduce((sum, value) => sum + value, 0);
+  return {
+    hours: Math.floor(minutes / 60),
+    minutes: minutes % 60
+  };
+}
+function formatNumberToTime(value) {
+  if (typeof value !== "number" || isNaN(value)) {
+    return void 0;
+  }
+  return minutesToHoursMinutesString(value);
+}
+function parseTimeToNumberUsingConfig(value, extraForgiving) {
+  var _hoursMinutesStringTo;
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const parsedValue = (_hoursMinutesStringTo = hoursMinutesStringToMinutes(value, extraForgiving)) !== null && _hoursMinutesStringTo !== void 0 ? _hoursMinutesStringTo : NaN;
+  return !isNaN(parsedValue) ? parsedValue : void 0;
+}
+function parseTimeToNumber(value) {
+  return parseTimeToNumberUsingConfig(value, false);
+}
+function forgivingParseTimeToNumber(value) {
+  return parseTimeToNumberUsingConfig(value, true);
+}
+class HoursMinutesValidatorUtils {
+  static validate(value, config, name, compare) {
+    if (value === "") {
+      return true;
+    }
+    const limit = config[name];
+    if (!logic.isSet(limit)) {
+      return false;
+    }
+    const parseFunction = HoursMinutesValidatorUtils.getParserFromConfig(config);
+    const limitAsNumber = parseFunction(String(config[name]));
+    if (!logic.isSet(limitAsNumber)) {
+      throw new Error(`config.${name} must be a number`);
+    }
+    const valueAsNumber = parseFunction(value);
+    if (!logic.isSet(valueAsNumber)) {
+      return false;
+    }
+    return compare(valueAsNumber, limitAsNumber);
+  }
+  static getParserFromConfig(config) {
+    var _a;
+    if (!logic.isSet(config) || !Array.isArray(config.parser) || !logic.isSet((_a = config.parser) == null ? void 0 : _a[0]) || typeof config.parser[0] !== "function") {
+      return parseTimeToNumber;
+    }
+    return config.parser[0];
+  }
+}
+const hoursMinutesValidator = {
+  name: "hoursMinutes",
+  validation(value, _element, config) {
+    return logic.isEmpty(value) || logic.isSet(HoursMinutesValidatorUtils.getParserFromConfig(config)(value));
+  }
+};
+const greaterThanTimeValidator = {
+  name: "greaterThanTime",
+  validation(value, _element, config) {
+    return HoursMinutesValidatorUtils.validate(value, config, "limit", (value2, limit) => {
+      return value2 > limit;
+    });
+  }
+};
+const lessThanTimeValidator = {
+  name: "lessThanTime",
+  validation(value, _element, config) {
+    return HoursMinutesValidatorUtils.validate(value, config, "limit", (value2, limit) => {
+      return value2 < limit;
+    });
+  }
+};
+const maxTimeValidator = {
+  name: "maxTime",
+  validation(value, _element, config) {
+    return HoursMinutesValidatorUtils.validate(value, config, this.name, (value2, limit) => {
+      return value2 <= limit;
+    });
+  }
+};
+const minTimeValidator = {
+  name: "minTime",
+  validation(value, _element, config) {
+    return HoursMinutesValidatorUtils.validate(value, config, this.name, (value2, limit) => {
+      return value2 >= limit;
+    });
+  }
+};
+const validators = [hoursMinutesValidator, greaterThanTimeValidator, lessThanTimeValidator, maxTimeValidator, minTimeValidator];
+for (const validator of validators) {
+  logic.ValidationService.registerValidator(validator);
+}
+const _sfc_main$1 = vue.defineComponent({
+  name: "XTimeTextField",
+  extends: vue$1.FTextField,
+  mixins: [vue$1.TranslationMixin],
+  props: {
+    formatter: {
+      type: Function,
+      required: false,
+      default: formatNumberToTime
+    },
+    parser: {
+      type: Function,
+      required: false,
+      default: parseTimeToNumber
+    }
+  },
+  setup() {
+    return {
+      textFieldTableMode: vue.inject("textFieldTableMode", false)
+    };
+  },
+  mounted() {
+    const inputElement = this.$el.querySelector("input");
+    if (!logic.isSet(inputElement)) {
+      throw new Error(`Could not find input element in XTimeTextField with id ${this.$el.id}`);
+    }
+    logic.ValidationService.addValidatorsToElement(inputElement, {
+      maxLength: {
+        length: 10
+      },
+      hoursMinutes: {}
+    }, true);
+    inputElement.setAttribute("inputmode", "numeric");
+    logic.ValidationService.validateElement(inputElement);
+  }
+});
+const _sfc_main = vue.defineComponent({
+  name: "XSearchBar",
+  components: {
+    FIcon: vue$1.FIcon,
+    FSearchTextField: vue$1.FSearchTextField
+  },
+  props: {
+    modelValue: {
+      type: String,
+      required: true
+    },
+    maxLength: {
+      type: Number,
+      default: 20
+    }
+  },
+  emits: ["update:modelValue", "changedValue"],
+  computed: {
+    value: {
+      get() {
+        return this.modelValue;
+      },
+      set(value) {
+        if (this.value !== value) {
+          this.$emit("changedValue", [this.value, value]);
+        }
+        this.$emit("update:modelValue", value);
+      }
+    }
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = {
+  class: "button button--primary search-bar-button",
+  type: "submit",
+  "data-test": "search-bar-submit"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_f_icon = vue.resolveComponent("f-icon");
+  const _component_f_search_text_field = vue.resolveComponent("f-search-text-field");
+  return vue.openBlock(), vue.createBlock(_component_f_search_text_field, {
+    modelValue: _ctx.value,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.value = $event),
+    class: "x-search-bar",
+    maxlength: _ctx.maxLength
+  }, {
+    default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default")]),
+    tooltip: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "tooltip")]),
+    "input-right": vue.withCtx(() => [vue.createElementVNode("button", _hoisted_1, [vue.createVNode(_component_f_icon, {
+      name: "search",
+      library: "f"
+    }), vue.createTextVNode(), vue.createElementVNode("span", null, [vue.renderSlot(_ctx.$slots, "button-text", {}, () => [vue.createTextVNode(" Sök ")])])])]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["modelValue", "maxlength"]);
+}
+const XSearchBar = /* @__PURE__ */_export_sfc(_sfc_main, [["render", _sfc_render]]);
+exports.HOURS_MINUTES_REGEXP = HOURS_MINUTES_REGEXP;
+exports.HOURS_MINUTES_WITHOUT_COLON_REGEXP = HOURS_MINUTES_WITHOUT_COLON_REGEXP;
+exports.HoursMinutesValidatorUtils = HoursMinutesValidatorUtils;
+exports.XSearchBar = XSearchBar;
+exports.XTimeTextField = _sfc_main$1;
+exports.forgivingParseTimeToNumber = forgivingParseTimeToNumber;
+exports.formatNumberToTime = formatNumberToTime;
+exports.hoursMinutesStringToMinutes = hoursMinutesStringToMinutes;
+exports.minutesToHoursFloat = minutesToHoursFloat;
+exports.minutesToHoursMinutesString = minutesToHoursMinutesString;
+exports.minutesToObject = minutesToObject;
+exports.minutesToUserFriendlyString = minutesToUserFriendlyString;
+exports.parseTimeToNumber = parseTimeToNumber;
+exports.splitHoursMinutes = splitHoursMinutes;

package/dist/cjs/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HOURS_MINUTES_REGEXP","HOURS_MINUTES_WITHOUT_COLON_REGEXP","findMatch","regexps","value","regexp","match","padInitialZeros","maxLength","_value","padStart","hoursMinutesStringToMinutes","valueString","extraForgiving","logic","isEmpty","trim","hours","minutes","splitHoursMinutes","map","parseInt","totalMinutes","isNaN","minutesToHoursMinutesString","safeValue","NaN","minutesToObject","value2","String","join","stripWhitespace","_a","groups","_b","minutesToUserFriendlyString","Number","TranslationService","provider","translate","minutesToHoursFloat","values","filter","isSet","reduce","sum","Math","floor","formatNumberToTime","parseTimeToNumberUsingConfig","_hoursMinutesStringTo","parsedValue","parseTimeToNumber","forgivingParseTimeToNumber","HoursMinutesValidatorUtils","validate","config","name","compare","limit","parseFunction","getParserFromConfig","limitAsNumber","Error","valueAsNumber","Array","isArray","parser","hoursMinutesValidator","validation","_element","greaterThanTimeValidator","lessThanTimeValidator","maxTimeValidator","minTimeValidator","validators","validator","ValidationService","registerValidator","_sfc_main$1","vue","defineComponent","extends","vue$1","FTextField","mixins","TranslationMixin","props","formatter","type","Function","required","default","setup","textFieldTableMode","inject","mounted","inputElement","$el","querySelector","id","addValidatorsToElement","length","hoursMinutes","setAttribute","validateElement","_sfc_main","components","FIcon","FSearchTextField","modelValue","emits","computed","get","set","$emit","_hoisted_1","class","_component_f_search_text_field","resolveComponent","openBlock","createBlock","_ctx","_cache","$event","maxlength","withCtx","renderSlot","$slots","tooltip","createElementVNode","createVNode","_component_f_icon","library","createTextVNode","_"],"sources":["../src/components/XTimeTextField/utils/constants.ts","../src/components/XTimeTextField/utils/HoursMinutesNumberUtils.ts","../src/components/XTimeTextField/converters/HoursMinutesConverter.ts","../src/components/XTimeTextField/utils/HoursMinutesValidatorUtils.ts","../src/components/XTimeTextField/validators/HoursMinutesValidator.ts","../src/components/XTimeTextField/validators/GreaterThanTimeValidator.ts","../src/components/XTimeTextField/validators/LessThanTimeValidator.ts","../src/components/XTimeTextField/validators/MaxTimeValidator.ts","../src/components/XTimeTextField/validators/MinTimeValidator.ts","../src/components/XTimeTextField/validators/index.ts","../src/components/XTimeTextField/XTimeTextField.vue","../src/components/XSearchBar/XSearchBar.vue"],"sourcesContent":["export const HOURS_MINUTES_REGEXP =\n    /^(?<hours>[0-9]+)?(:(?<minutes>[0-5][0-9]))?$/;\nexport const HOURS_MINUTES_WITHOUT_COLON_REGEXP =\n    /^(?<hours>[0-9]{2})(?<minutes>[0-5][0-9])$/;\n","import {\n    TranslationService,\n    isEmpty,\n    isSet,\n    stripWhitespace,\n} from \"@fkui/logic\";\nimport { HoursMinutesString } from \"../converters\";\nimport {\n    HOURS_MINUTES_REGEXP,\n    HOURS_MINUTES_WITHOUT_COLON_REGEXP,\n} from \"./constants\";\n\nfunction findMatch(regexps: RegExp[], value: string): RegExpMatchArray | null {\n    for (const regexp of regexps) {\n        const match = value.match(regexp);\n\n        if (match) {\n            return match;\n        }\n    }\n\n    return null;\n}\n\nfunction padInitialZeros(value: string | undefined, maxLength = 2): string {\n    value = value ?? \"\";\n    return value.padStart(maxLength, \"0\");\n}\n\nexport function hoursMinutesStringToMinutes(\n    valueString: string,\n    extraForgiving = false,\n): number | undefined {\n    if (isEmpty(valueString.trim())) {\n        return undefined;\n    }\n\n    const [hours, minutes] = splitHoursMinutes(valueString, extraForgiving).map(\n        (value) => parseInt(value, 10),\n    );\n    const totalMinutes = hours * 60 + minutes;\n\n    return !isNaN(totalMinutes) ? totalMinutes : undefined;\n}\n\nexport function minutesToHoursMinutesString(\n    value?: number,\n): HoursMinutesString {\n    let valueString = \"\";\n    const safeValue = value ?? NaN;\n    if (!isNaN(safeValue)) {\n        const { hours, minutes } = minutesToObject(safeValue);\n        valueString = [hours, minutes]\n            .map((value) => String(value).padStart(2, \"0\"))\n            .join(\":\");\n    }\n\n    return stripWhitespace(valueString);\n}\n\nexport function splitHoursMinutes(\n    valueString: string,\n    extraForgiving = false,\n): string[] {\n    const regexps = extraForgiving\n        ? [HOURS_MINUTES_WITHOUT_COLON_REGEXP, HOURS_MINUTES_REGEXP]\n        : [HOURS_MINUTES_REGEXP];\n    const match = findMatch(regexps, stripWhitespace(valueString));\n\n    if (!match) {\n        return [\"\", \"\"];\n    }\n\n    const hours = padInitialZeros(match?.groups?.hours);\n    const minutes = padInitialZeros(match?.groups?.minutes);\n\n    return [hours, minutes];\n}\n\n/**\n * Accepts time as a number and returns a user friendly string (to be used in i.e. review mode)\n * Example:\n *     Input: 13.5\n *     Output: '13 timmar och 30 minuter'\n */\nexport function minutesToUserFriendlyString(value: number): string {\n    const [hours, minutes] = splitHoursMinutes(\n        minutesToHoursMinutesString(value),\n    ).map(Number);\n\n    return TranslationService.provider.translate(\n        \"ARBE.RW.generell.etikett.timmarochminuter\",\n        \"{{hours}} timmar och {{minutes}} minuter\",\n        { hours, minutes },\n    );\n}\n\n/**\n * Helper for converting AgeTimeTextField values into hours. For convienence,\n * it is possible to provide multiple values and get their sum. The actual\n * conversion will be performed as a last step, to minimize the amount of rounding\n * errors.\n *\n * Parameters that are undefined or NaN will be ignored and add 0 to the sum.\n *\n * @param values - Values in minutes, to be converted into a value in hours.\n * @returns The sum of all values divided by 60. E.g., `150` becomes `2.5`.\n */\nexport function minutesToHoursFloat(\n    ...values: Array<number | undefined>\n): number {\n    const minutes = values\n        .filter((value): value is number => isSet(value) && !isNaN(value))\n        .reduce((sum, value) => sum + value, 0);\n\n    return minutes / 60;\n}\n\n/**\n * Helper for converting AgeTimeTextField values into an object. For\n * convenience, it is possible to provide multiple values and get their sum.\n *\n * Parameters that are undefined or NaN will be ignored and add 0 to the sum.\n *\n * @param values - Values in minutes, to be converted into a value into an\n * hour minute object.\n * @returns The sum of all values in an object representation. E.g.,\n * `150` becomes `{ hours: 2, minutes: 30 }`\n */\nexport function minutesToObject(...values: Array<number | undefined>): {\n    hours: number;\n    minutes: number;\n} {\n    const minutes = values\n        .filter((value): value is number => isSet(value) && !isNaN(value))\n        .reduce((sum, value) => sum + value, 0);\n\n    return {\n        hours: Math.floor(minutes / 60),\n        minutes: minutes % 60,\n    };\n}\n","import {\n    minutesToHoursMinutesString,\n    hoursMinutesStringToMinutes,\n} from \"../utils\";\n\n// A string in the format hh:mm (hours may exceed two digits), e.g., 08:15, 16:00 and 900:12.\nexport type HoursMinutesString = string;\n\nexport function formatNumberToTime(\n    value?: number,\n): HoursMinutesString | undefined {\n    if (typeof value !== \"number\" || isNaN(value)) {\n        return undefined;\n    }\n\n    return minutesToHoursMinutesString(value);\n}\n\nfunction parseTimeToNumberUsingConfig(\n    value: string | null | undefined,\n    extraForgiving: boolean,\n): number | undefined {\n    if (typeof value !== \"string\") {\n        return undefined;\n    }\n\n    const parsedValue =\n        hoursMinutesStringToMinutes(value, extraForgiving) ?? NaN;\n\n    return !isNaN(parsedValue) ? parsedValue : undefined;\n}\n\nexport function parseTimeToNumber(value?: string | null): number | undefined {\n    return parseTimeToNumberUsingConfig(value, false);\n}\n\nexport function forgivingParseTimeToNumber(\n    value?: string | null,\n): number | undefined {\n    return parseTimeToNumberUsingConfig(value, true);\n}\n","import { type ValidatorConfig, isSet } from \"@fkui/logic\";\nimport { parseTimeToNumber } from \"../converters\";\n\n/* eslint-disable-next-line @typescript-eslint/no-extraneous-class -- technical\n * debt, should be refactored to vanilla functions */\nexport class HoursMinutesValidatorUtils {\n    public static validate(\n        value: string,\n        config: ValidatorConfig,\n        name: string,\n        compare: (value: number, limit: number) => boolean,\n    ): boolean {\n        if (value === \"\") {\n            return true;\n        }\n\n        const limit = config[name];\n        if (!isSet(limit)) {\n            return false;\n        }\n\n        const parseFunction =\n            HoursMinutesValidatorUtils.getParserFromConfig(config);\n        const limitAsNumber = parseFunction(String(config[name]));\n        if (!isSet(limitAsNumber)) {\n            throw new Error(`config.${name} must be a number`);\n        }\n\n        const valueAsNumber = parseFunction(value);\n        if (!isSet(valueAsNumber)) {\n            return false;\n        }\n\n        return compare(valueAsNumber, limitAsNumber);\n    }\n\n    public static getParserFromConfig(\n        config?: ValidatorConfig,\n    ): (viewValue: string | null | undefined) => number | undefined {\n        if (\n            !isSet(config) ||\n            !Array.isArray(config.parser) ||\n            !isSet(config.parser?.[0]) ||\n            typeof config.parser[0] !== \"function\"\n        ) {\n            return parseTimeToNumber;\n        }\n\n        return config.parser[0] as (\n            viewValue: string | null | undefined,\n        ) => number | undefined;\n    }\n}\n","import {\n    type ValidatableHTMLElement,\n    type Validator,\n    type ValidatorName,\n    type ValidatorConfig,\n    isEmpty,\n    isSet,\n} from \"@fkui/logic\";\nimport { HoursMinutesValidatorUtils } from \"../utils\";\n\nexport const hoursMinutesValidator: Validator = {\n    name: \"hoursMinutes\" as ValidatorName,\n    validation(\n        value: string,\n        _element: ValidatableHTMLElement,\n        config: ValidatorConfig,\n    ): boolean {\n        return (\n            isEmpty(value) ||\n            isSet(HoursMinutesValidatorUtils.getParserFromConfig(config)(value))\n        );\n    },\n};\n","import {\n    type Validator,\n    type ValidatorName,\n    type ValidatableHTMLElement,\n    type ValidatorConfig,\n} from \"@fkui/logic\";\nimport { HoursMinutesValidatorUtils } from \"../utils\";\n\nexport const greaterThanTimeValidator: Validator = {\n    name: \"greaterThanTime\" as ValidatorName,\n    validation(\n        value: string,\n        _element: ValidatableHTMLElement,\n        config: ValidatorConfig,\n    ): boolean {\n        return HoursMinutesValidatorUtils.validate(\n            value,\n            config,\n            \"limit\",\n            (value: number, limit: number) => {\n                return value > limit;\n            },\n        );\n    },\n};\n","import {\n    type Validator,\n    type ValidatorName,\n    type ValidatableHTMLElement,\n    type ValidatorConfig,\n} from \"@fkui/logic\";\nimport { HoursMinutesValidatorUtils } from \"../utils\";\n\nexport const lessThanTimeValidator: Validator = {\n    name: \"lessThanTime\" as ValidatorName,\n    validation(\n        value: string,\n        _element: ValidatableHTMLElement,\n        config: ValidatorConfig,\n    ): boolean {\n        return HoursMinutesValidatorUtils.validate(\n            value,\n            config,\n            \"limit\",\n            (value: number, limit: number) => {\n                return value < limit;\n            },\n        );\n    },\n};\n","import {\n    type Validator,\n    type ValidatorName,\n    type ValidatableHTMLElement,\n    type ValidatorConfig,\n} from \"@fkui/logic\";\nimport { HoursMinutesValidatorUtils } from \"../utils\";\n\nexport const maxTimeValidator: Validator = {\n    name: \"maxTime\" as ValidatorName,\n    validation(\n        value: string,\n        _element: ValidatableHTMLElement,\n        config: ValidatorConfig,\n    ): boolean {\n        return HoursMinutesValidatorUtils.validate(\n            value,\n            config,\n            this.name,\n            (value: number, limit: number) => {\n                return value <= limit;\n            },\n        );\n    },\n};\n","import {\n    type Validator,\n    type ValidatorName,\n    type ValidatorConfig,\n    type ValidatableHTMLElement,\n} from \"@fkui/logic\";\nimport { HoursMinutesValidatorUtils } from \"../utils\";\n\nexport const minTimeValidator: Validator = {\n    name: \"minTime\" as ValidatorName,\n    validation(\n        value: string,\n        _element: ValidatableHTMLElement,\n        config: ValidatorConfig,\n    ): boolean {\n        return HoursMinutesValidatorUtils.validate(\n            value,\n            config,\n            this.name,\n            (value: number, limit: number) => {\n                return value >= limit;\n            },\n        );\n    },\n};\n","import { ValidationService, type Validator } from \"@fkui/logic\";\nimport { hoursMinutesValidator } from \"./HoursMinutesValidator\";\nimport { greaterThanTimeValidator } from \"./GreaterThanTimeValidator\";\nimport { lessThanTimeValidator } from \"./LessThanTimeValidator\";\nimport { maxTimeValidator } from \"./MaxTimeValidator\";\nimport { minTimeValidator } from \"./MinTimeValidator\";\n\nconst validators: Validator[] = [\n    hoursMinutesValidator,\n    greaterThanTimeValidator,\n    lessThanTimeValidator,\n    maxTimeValidator,\n    minTimeValidator,\n];\n\nfor (const validator of validators) {\n    ValidationService.registerValidator(validator);\n}\n","<script lang=\"ts\">\nimport { type PropType, defineComponent, inject } from \"vue\";\nimport { FTextField, TranslationMixin, type ParseFunction, type FormatFunction } from \"@fkui/vue\";\nimport { isSet, ValidationService } from \"@fkui/logic\";\nimport { HoursMinutesString, formatNumberToTime, parseTimeToNumber } from \"./converters\";\nimport \"./validators\";\n\nexport default defineComponent({\n    name: \"XTimeTextField\",\n    extends: FTextField,\n    mixins: [TranslationMixin],\n    props: {\n        formatter: {\n            type: Function as PropType<FormatFunction<HoursMinutesString>>,\n            required: false,\n            default: formatNumberToTime,\n        },\n        parser: {\n            type: Function as PropType<ParseFunction<number>>,\n            required: false,\n            default: parseTimeToNumber,\n        },\n    },\n    setup() {\n        return {\n            textFieldTableMode: inject(\"textFieldTableMode\", false) as boolean,\n        };\n    },\n    mounted() {\n        const inputElement: HTMLInputElement = this.$el.querySelector(\"input\");\n\n        if (!isSet(inputElement)) {\n            throw new Error(`Could not find input element in XTimeTextField with id ${this.$el.id}`);\n        }\n\n        ValidationService.addValidatorsToElement(\n            inputElement,\n            {\n                maxLength: { length: 10 },\n                hoursMinutes: {},\n            },\n            true,\n        );\n\n        inputElement.setAttribute(\"inputmode\", \"numeric\");\n\n        ValidationService.validateElement(inputElement);\n    },\n});\n</script>\n","<template>\n    <f-search-text-field v-model=\"value\" class=\"x-search-bar\" :maxlength=\"maxLength\">\n        <template #default>\n            <!-- @slot Slot for input label -->\n            <slot></slot>\n        </template>\n        <template #tooltip>\n            <!-- @slot Slot for tooltip -->\n            <slot name=\"tooltip\"></slot>\n        </template>\n        <template #input-right>\n            <button class=\"button button--primary search-bar-button\" type=\"submit\" data-test=\"search-bar-submit\">\n                <f-icon name=\"search\" library=\"f\"></f-icon>\n                <span>\n                    <!-- @slot Slot for text in button -->\n                    <slot name=\"button-text\"> Sök </slot>\n                </span>\n            </button>\n        </template>\n    </f-search-text-field>\n</template>\n<script lang=\"ts\">\nimport { FIcon, FSearchTextField } from \"@fkui/vue\";\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n    name: \"XSearchBar\",\n    components: {\n        FIcon,\n        FSearchTextField,\n    },\n    props: {\n        modelValue: {\n            type: String,\n            required: true,\n        },\n        maxLength: {\n            type: Number,\n            default: 20,\n        },\n    },\n    emits: [\"update:modelValue\", \"changedValue\"],\n    computed: {\n        value: {\n            get() {\n                return this.modelValue;\n            },\n            set(value: string) {\n                if (this.value !== value) {\n                    /**\n                     * Event that is dispatched when the value is changed and differs from the previous value.\n                     *\n                     * @event changedValue\n                     */\n                    this.$emit(\"changedValue\", [this.value, value]);\n                }\n                /**\n                 * V-model event.\n                 *\n                 * @event update:modelValue\n                 * @type {string}\n                 */\n                this.$emit(\"update:modelValue\", value);\n            },\n        },\n    },\n});\n</script>\n<style lang=\"scss\">\n@import \"./XSearchBar.scss\";\n</style>\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/dist/esm/index.esm.js

@@ -0,0 +1,258 @@
+import { isEmpty, stripWhitespace, TranslationService, isSet, ValidationService } from "@fkui/logic";
+import { defineComponent, inject, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, createVNode, createTextVNode } from "vue";
+import { FTextField, TranslationMixin, FIcon, FSearchTextField } from "@fkui/vue";
+const HOURS_MINUTES_REGEXP = /^(?<hours>[0-9]+)?(:(?<minutes>[0-5][0-9]))?$/;
+const HOURS_MINUTES_WITHOUT_COLON_REGEXP = /^(?<hours>[0-9]{2})(?<minutes>[0-5][0-9])$/;
+function findMatch(regexps, value) {
+  for (const regexp of regexps) {
+    const match = value.match(regexp);
+    if (match) {
+      return match;
+    }
+  }
+  return null;
+}
+function padInitialZeros(value, maxLength = 2) {
+  var _value;
+  value = (_value = value) !== null && _value !== void 0 ? _value : "";
+  return value.padStart(maxLength, "0");
+}
+function hoursMinutesStringToMinutes(valueString, extraForgiving = false) {
+  if (isEmpty(valueString.trim())) {
+    return void 0;
+  }
+  const [hours, minutes] = splitHoursMinutes(valueString, extraForgiving).map(value => parseInt(value, 10));
+  const totalMinutes = hours * 60 + minutes;
+  return !isNaN(totalMinutes) ? totalMinutes : void 0;
+}
+function minutesToHoursMinutesString(value) {
+  let valueString = "";
+  const safeValue = value !== null && value !== void 0 ? value : NaN;
+  if (!isNaN(safeValue)) {
+    const {
+      hours,
+      minutes
+    } = minutesToObject(safeValue);
+    valueString = [hours, minutes].map(value2 => String(value2).padStart(2, "0")).join(":");
+  }
+  return stripWhitespace(valueString);
+}
+function splitHoursMinutes(valueString, extraForgiving = false) {
+  var _a, _b;
+  const regexps = extraForgiving ? [HOURS_MINUTES_WITHOUT_COLON_REGEXP, HOURS_MINUTES_REGEXP] : [HOURS_MINUTES_REGEXP];
+  const match = findMatch(regexps, stripWhitespace(valueString));
+  if (!match) {
+    return ["", ""];
+  }
+  const hours = padInitialZeros((_a = match == null ? void 0 : match.groups) == null ? void 0 : _a.hours);
+  const minutes = padInitialZeros((_b = match == null ? void 0 : match.groups) == null ? void 0 : _b.minutes);
+  return [hours, minutes];
+}
+function minutesToUserFriendlyString(value) {
+  const [hours, minutes] = splitHoursMinutes(minutesToHoursMinutesString(value)).map(Number);
+  return TranslationService.provider.translate("ARBE.RW.generell.etikett.timmarochminuter", "{{hours}} timmar och {{minutes}} minuter", {
+    hours,
+    minutes
+  });
+}
+function minutesToHoursFloat(...values) {
+  const minutes = values.filter(value => isSet(value) && !isNaN(value)).reduce((sum, value) => sum + value, 0);
+  return minutes / 60;
+}
+function minutesToObject(...values) {
+  const minutes = values.filter(value => isSet(value) && !isNaN(value)).reduce((sum, value) => sum + value, 0);
+  return {
+    hours: Math.floor(minutes / 60),
+    minutes: minutes % 60
+  };
+}
+function formatNumberToTime(value) {
+  if (typeof value !== "number" || isNaN(value)) {
+    return void 0;
+  }
+  return minutesToHoursMinutesString(value);
+}
+function parseTimeToNumberUsingConfig(value, extraForgiving) {
+  var _hoursMinutesStringTo;
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const parsedValue = (_hoursMinutesStringTo = hoursMinutesStringToMinutes(value, extraForgiving)) !== null && _hoursMinutesStringTo !== void 0 ? _hoursMinutesStringTo : NaN;
+  return !isNaN(parsedValue) ? parsedValue : void 0;
+}
+function parseTimeToNumber(value) {
+  return parseTimeToNumberUsingConfig(value, false);
+}
+function forgivingParseTimeToNumber(value) {
+  return parseTimeToNumberUsingConfig(value, true);
+}
+class HoursMinutesValidatorUtils {
+  static validate(value, config, name, compare) {
+    if (value === "") {
+      return true;
+    }
+    const limit = config[name];
+    if (!isSet(limit)) {
+      return false;
+    }
+    const parseFunction = HoursMinutesValidatorUtils.getParserFromConfig(config);
+    const limitAsNumber = parseFunction(String(config[name]));
+    if (!isSet(limitAsNumber)) {
+      throw new Error(`config.${name} must be a number`);
+    }
+    const valueAsNumber = parseFunction(value);
+    if (!isSet(valueAsNumber)) {
+      return false;
+    }
+    return compare(valueAsNumber, limitAsNumber);
+  }
+  static getParserFromConfig(config) {
+    var _a;
+    if (!isSet(config) || !Array.isArray(config.parser) || !isSet((_a = config.parser) == null ? void 0 : _a[0]) || typeof config.parser[0] !== "function") {
+      return parseTimeToNumber;
+    }
+    return config.parser[0];
+  }
+}
+const hoursMinutesValidator = {
+  name: "hoursMinutes",
+  validation(value, _element, config) {
+    return isEmpty(value) || isSet(HoursMinutesValidatorUtils.getParserFromConfig(config)(value));
+  }
+};
+const greaterThanTimeValidator = {
+  name: "greaterThanTime",
+  validation(value, _element, config) {
+    return HoursMinutesValidatorUtils.validate(value, config, "limit", (value2, limit) => {
+      return value2 > limit;
+    });
+  }
+};
+const lessThanTimeValidator = {
+  name: "lessThanTime",
+  validation(value, _element, config) {
+    return HoursMinutesValidatorUtils.validate(value, config, "limit", (value2, limit) => {
+      return value2 < limit;
+    });
+  }
+};
+const maxTimeValidator = {
+  name: "maxTime",
+  validation(value, _element, config) {
+    return HoursMinutesValidatorUtils.validate(value, config, this.name, (value2, limit) => {
+      return value2 <= limit;
+    });
+  }
+};
+const minTimeValidator = {
+  name: "minTime",
+  validation(value, _element, config) {
+    return HoursMinutesValidatorUtils.validate(value, config, this.name, (value2, limit) => {
+      return value2 >= limit;
+    });
+  }
+};
+const validators = [hoursMinutesValidator, greaterThanTimeValidator, lessThanTimeValidator, maxTimeValidator, minTimeValidator];
+for (const validator of validators) {
+  ValidationService.registerValidator(validator);
+}
+const _sfc_main$1 = defineComponent({
+  name: "XTimeTextField",
+  extends: FTextField,
+  mixins: [TranslationMixin],
+  props: {
+    formatter: {
+      type: Function,
+      required: false,
+      default: formatNumberToTime
+    },
+    parser: {
+      type: Function,
+      required: false,
+      default: parseTimeToNumber
+    }
+  },
+  setup() {
+    return {
+      textFieldTableMode: inject("textFieldTableMode", false)
+    };
+  },
+  mounted() {
+    const inputElement = this.$el.querySelector("input");
+    if (!isSet(inputElement)) {
+      throw new Error(`Could not find input element in XTimeTextField with id ${this.$el.id}`);
+    }
+    ValidationService.addValidatorsToElement(inputElement, {
+      maxLength: {
+        length: 10
+      },
+      hoursMinutes: {}
+    }, true);
+    inputElement.setAttribute("inputmode", "numeric");
+    ValidationService.validateElement(inputElement);
+  }
+});
+const _sfc_main = defineComponent({
+  name: "XSearchBar",
+  components: {
+    FIcon,
+    FSearchTextField
+  },
+  props: {
+    modelValue: {
+      type: String,
+      required: true
+    },
+    maxLength: {
+      type: Number,
+      default: 20
+    }
+  },
+  emits: ["update:modelValue", "changedValue"],
+  computed: {
+    value: {
+      get() {
+        return this.modelValue;
+      },
+      set(value) {
+        if (this.value !== value) {
+          this.$emit("changedValue", [this.value, value]);
+        }
+        this.$emit("update:modelValue", value);
+      }
+    }
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = {
+  class: "button button--primary search-bar-button",
+  type: "submit",
+  "data-test": "search-bar-submit"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_f_icon = resolveComponent("f-icon");
+  const _component_f_search_text_field = resolveComponent("f-search-text-field");
+  return openBlock(), createBlock(_component_f_search_text_field, {
+    modelValue: _ctx.value,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.value = $event),
+    class: "x-search-bar",
+    maxlength: _ctx.maxLength
+  }, {
+    default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+    tooltip: withCtx(() => [renderSlot(_ctx.$slots, "tooltip")]),
+    "input-right": withCtx(() => [createElementVNode("button", _hoisted_1, [createVNode(_component_f_icon, {
+      name: "search",
+      library: "f"
+    }), createTextVNode(), createElementVNode("span", null, [renderSlot(_ctx.$slots, "button-text", {}, () => [createTextVNode(" Sök ")])])])]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["modelValue", "maxlength"]);
+}
+const XSearchBar = /* @__PURE__ */_export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { HOURS_MINUTES_REGEXP, HOURS_MINUTES_WITHOUT_COLON_REGEXP, HoursMinutesValidatorUtils, XSearchBar, _sfc_main$1 as XTimeTextField, forgivingParseTimeToNumber, formatNumberToTime, hoursMinutesStringToMinutes, minutesToHoursFloat, minutesToHoursMinutesString, minutesToObject, minutesToUserFriendlyString, parseTimeToNumber, splitHoursMinutes };