@fkui/vue-labs 5.43.0 → 5.45.0

package/dist/cjs/index.cjs.js

@@ -158,7 +158,7 @@ const validators = [hoursMinutesValidator, greaterThanTimeValidator, lessThanTim
 for (const validator of validators) {
   logic.ValidationService.registerValidator(validator);
 }
-const _sfc_main$1 = vue.defineComponent({
+const _sfc_main = vue.defineComponent({
   name: "XTimeTextField",
   extends: vue$1.FTextField,
   mixins: [vue$1.TranslationMixin],
@@ -174,10 +174,8 @@ const _sfc_main$1 = vue.defineComponent({
       default: parseTimeToNumber
     }
   },
-  setup() {
-    return {
-      textFieldTableMode: vue.inject("textFieldTableMode", false)
-    };
+  setup(props) {
+    return vue$1.useTextFieldSetup(props);
   },
   mounted() {
     const inputElement = this.$el.querySelector("input");
@@ -194,73 +192,10 @@ const _sfc_main$1 = vue.defineComponent({
     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"
-    }), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createElementVNode("span", null, [vue.renderSlot(_ctx.$slots, "button-text", {}, () => [_cache[1] || (_cache[1] = vue.createTextVNode(" Sök "))])])])]),
-    _: 3
-  }, 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.XTimeTextField = _sfc_main;
 exports.forgivingParseTimeToNumber = forgivingParseTimeToNumber;
 exports.formatNumberToTime = formatNumberToTime;
 exports.hoursMinutesStringToMinutes = hoursMinutesStringToMinutes;

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","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":["/**\n * @public\n */\nexport const HOURS_MINUTES_REGEXP =\n    /^(?<hours>[0-9]+)?(:(?<minutes>[0-5][0-9]))?$/;\n\n/**\n * @public\n */\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\n/**\n * @public\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\n/**\n * @public\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\n/**\n * @public\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 *\n * @public\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 * @public\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 * @public\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/**\n * A string in the format hh:mm (hours may exceed two digits), e.g., 08:15, 16:00 and 900:12.\n *\n * @public\n */\nexport type HoursMinutesString = string;\n\n/**\n * @public\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\n/**\n * @public\n */\nexport function parseTimeToNumber(value?: string | null): number | undefined {\n    return parseTimeToNumberUsingConfig(value, false);\n}\n\n/**\n * @public\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/**\n * @public\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"],"names":["HOURS_MINUTES_REGEXP","HOURS_MINUTES_WITHOUT_COLON_REGEXP","findMatch","regexps","value","regexp","match","padInitialZeros","maxLength","_value","padStart","hoursMinutesStringToMinutes","valueString","extraForgiving","isEmpty","trim","hours","minutes","splitHoursMinutes","map","parseInt","totalMinutes","isNaN","minutesToHoursMinutesString","safeValue","NaN","minutesToObject","String","join","stripWhitespace","groups","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","defineComponent","extends","FTextField","mixins","TranslationMixin","props","formatter","type","Function","required","default","setup","textFieldTableMode","inject","mounted","inputElement","$el","querySelector","id","addValidatorsToElement","length","hoursMinutes","setAttribute","validateElement","components","FIcon","FSearchTextField","modelValue","emits","computed","get","set","$emit","_hoisted_1","class","_component_f_search_text_field","_resolveComponent","_openBlock","_ctx","_cache","$event","maxlength","_renderSlot","$slots","_withCtx","_createElementVNode","_createVNode","_component_f_icon","_createTextVNode"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","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"],"sourcesContent":["/**\n * @public\n */\nexport const HOURS_MINUTES_REGEXP =\n    /^(?<hours>[0-9]+)?(:(?<minutes>[0-5][0-9]))?$/;\n\n/**\n * @public\n */\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\n/**\n * @public\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\n/**\n * @public\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\n/**\n * @public\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 *\n * @public\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 * @public\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 * @public\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/**\n * A string in the format hh:mm (hours may exceed two digits), e.g., 08:15, 16:00 and 900:12.\n *\n * @public\n */\nexport type HoursMinutesString = string;\n\n/**\n * @public\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\n/**\n * @public\n */\nexport function parseTimeToNumber(value?: string | null): number | undefined {\n    return parseTimeToNumberUsingConfig(value, false);\n}\n\n/**\n * @public\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/**\n * @public\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 } from \"vue\";\nimport { FTextField, TranslationMixin, type ParseFunction, type FormatFunction, useTextFieldSetup } 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(props) {\n        return useTextFieldSetup(props);\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"],"names":["HOURS_MINUTES_REGEXP","HOURS_MINUTES_WITHOUT_COLON_REGEXP","findMatch","regexps","value","regexp","match","padInitialZeros","maxLength","_value","padStart","hoursMinutesStringToMinutes","valueString","extraForgiving","isEmpty","trim","hours","minutes","splitHoursMinutes","map","parseInt","totalMinutes","isNaN","minutesToHoursMinutesString","safeValue","NaN","minutesToObject","String","join","stripWhitespace","groups","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","defineComponent","extends","FTextField","mixins","TranslationMixin","props","formatter","type","Function","required","default","setup","useTextFieldSetup","mounted","inputElement","$el","querySelector","id","addValidatorsToElement","length","hoursMinutes","setAttribute","validateElement"],"mappings":"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"}

package/dist/esm/index.esm.js

@@ -1,6 +1,6 @@
 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";
+import { defineComponent } from "vue";
+import { FTextField, TranslationMixin, useTextFieldSetup } 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) {
@@ -156,7 +156,7 @@ const validators = [hoursMinutesValidator, greaterThanTimeValidator, lessThanTim
 for (const validator of validators) {
   ValidationService.registerValidator(validator);
 }
-const _sfc_main$1 = defineComponent({
+const _sfc_main = defineComponent({
   name: "XTimeTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -172,10 +172,8 @@ const _sfc_main$1 = defineComponent({
       default: parseTimeToNumber
     }
   },
-  setup() {
-    return {
-      textFieldTableMode: inject("textFieldTableMode", false)
-    };
+  setup(props) {
+    return useTextFieldSetup(props);
   },
   mounted() {
     const inputElement = this.$el.querySelector("input");
@@ -192,74 +190,11 @@ const _sfc_main$1 = defineComponent({
     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"
-    }), _cache[2] || (_cache[2] = createTextVNode()), createElementVNode("span", null, [renderSlot(_ctx.$slots, "button-text", {}, () => [_cache[1] || (_cache[1] = createTextVNode(" Sök "))])])])]),
-    _: 3
-  }, 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,
+  _sfc_main as XTimeTextField,
   forgivingParseTimeToNumber,
   formatNumberToTime,
   hoursMinutesStringToMinutes,

package/dist/esm/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","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":["/**\n * @public\n */\nexport const HOURS_MINUTES_REGEXP =\n    /^(?<hours>[0-9]+)?(:(?<minutes>[0-5][0-9]))?$/;\n\n/**\n * @public\n */\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\n/**\n * @public\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\n/**\n * @public\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\n/**\n * @public\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 *\n * @public\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 * @public\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 * @public\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/**\n * A string in the format hh:mm (hours may exceed two digits), e.g., 08:15, 16:00 and 900:12.\n *\n * @public\n */\nexport type HoursMinutesString = string;\n\n/**\n * @public\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\n/**\n * @public\n */\nexport function parseTimeToNumber(value?: string | null): number | undefined {\n    return parseTimeToNumberUsingConfig(value, false);\n}\n\n/**\n * @public\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/**\n * @public\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"],"names":["HOURS_MINUTES_REGEXP","HOURS_MINUTES_WITHOUT_COLON_REGEXP","findMatch","regexps","value","regexp","match","padInitialZeros","maxLength","_value","padStart","hoursMinutesStringToMinutes","valueString","extraForgiving","isEmpty","trim","hours","minutes","splitHoursMinutes","map","parseInt","totalMinutes","isNaN","minutesToHoursMinutesString","safeValue","NaN","minutesToObject","String","join","stripWhitespace","groups","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","defineComponent","extends","FTextField","mixins","TranslationMixin","props","formatter","type","Function","required","default","setup","textFieldTableMode","inject","mounted","inputElement","$el","querySelector","id","addValidatorsToElement","length","hoursMinutes","setAttribute","validateElement","components","FIcon","FSearchTextField","modelValue","emits","computed","get","set","$emit","_hoisted_1","class","_component_f_search_text_field","_resolveComponent","_openBlock","_ctx","_cache","$event","maxlength","_renderSlot","$slots","_withCtx","_createElementVNode","_createVNode","_component_f_icon","_createTextVNode"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","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"],"sourcesContent":["/**\n * @public\n */\nexport const HOURS_MINUTES_REGEXP =\n    /^(?<hours>[0-9]+)?(:(?<minutes>[0-5][0-9]))?$/;\n\n/**\n * @public\n */\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\n/**\n * @public\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\n/**\n * @public\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\n/**\n * @public\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 *\n * @public\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 * @public\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 * @public\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/**\n * A string in the format hh:mm (hours may exceed two digits), e.g., 08:15, 16:00 and 900:12.\n *\n * @public\n */\nexport type HoursMinutesString = string;\n\n/**\n * @public\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\n/**\n * @public\n */\nexport function parseTimeToNumber(value?: string | null): number | undefined {\n    return parseTimeToNumberUsingConfig(value, false);\n}\n\n/**\n * @public\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/**\n * @public\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 } from \"vue\";\nimport { FTextField, TranslationMixin, type ParseFunction, type FormatFunction, useTextFieldSetup } 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(props) {\n        return useTextFieldSetup(props);\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"],"names":["HOURS_MINUTES_REGEXP","HOURS_MINUTES_WITHOUT_COLON_REGEXP","findMatch","regexps","value","regexp","match","padInitialZeros","maxLength","_value","padStart","hoursMinutesStringToMinutes","valueString","extraForgiving","isEmpty","trim","hours","minutes","splitHoursMinutes","map","parseInt","totalMinutes","isNaN","minutesToHoursMinutesString","safeValue","NaN","minutesToObject","String","join","stripWhitespace","groups","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","defineComponent","extends","FTextField","mixins","TranslationMixin","props","formatter","type","Function","required","default","setup","useTextFieldSetup","mounted","inputElement","$el","querySelector","id","addValidatorsToElement","length","hoursMinutes","setAttribute","validateElement"],"mappings":"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"}

package/dist/types/index.d.ts

@@ -8,6 +8,7 @@ import { IPopupErrorData } from '@fkui/vue';
 import { ParseFunction } from '@fkui/vue';
 import { PropType } from 'vue';
 import { PublicProps } from 'vue';
+import { Ref } from 'vue';
 import { ValidatorConfig } from '@fkui/logic';
 import { ValidityEvent } from '@fkui/logic';
 
@@ -107,574 +108,6 @@ export declare function parseTimeToNumber(value?: string | null): number | undef
  */
 export declare function splitHoursMinutes(valueString: string, extraForgiving?: boolean): string[];
 
-export declare const XSearchBar: DefineComponent<ExtractPropTypes<    {
-modelValue: {
-type: StringConstructor;
-required: true;
-};
-maxLength: {
-type: NumberConstructor;
-default: number;
-};
-}>, {}, {}, {
-value: {
-get(): string;
-set(value: string): void;
-};
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "changedValue")[], "update:modelValue" | "changedValue", PublicProps, Readonly<ExtractPropTypes<    {
-modelValue: {
-type: StringConstructor;
-required: true;
-};
-maxLength: {
-type: NumberConstructor;
-default: number;
-};
-}>> & Readonly<{
-"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-onChangedValue?: ((...args: any[]) => any) | undefined;
-}>, {
-maxLength: number;
-}, {}, {
-FIcon: DefineComponent<ExtractPropTypes<    {
-name: {
-type: StringConstructor;
-required: true;
-};
-library: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-flip: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-rotate: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-}>, {}, {}, {
-spriteKey(): string;
-spriteId(): string;
-modifiers(): string[];
-ariaHidden(): "true" | undefined;
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
-name: {
-type: StringConstructor;
-required: true;
-};
-library: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-flip: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-rotate: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-}>> & Readonly<{}>, {
-library: string;
-flip: string;
-rotate: string;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-FSearchTextField: DefineComponent<ExtractPropTypes<    {
-id: {
-type: StringConstructor;
-required: false;
-default: () => string;
-};
-modelValue: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-clearableScreenReaderText: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-maxLength: {
-type: NumberConstructor;
-default: number;
-};
-}>, {}, {
-defaultText: string;
-}, {
-canClear(): boolean;
-}, {
-clear(): void;
-onInput(event: Event): void;
-onChange(event: Event): void;
-onBlur(event: Event): void;
-onUpdate(event: Event): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, ("blur" | "change" | "update:modelValue" | "update")[], "blur" | "change" | "update:modelValue" | "update", PublicProps, Readonly<ExtractPropTypes<    {
-id: {
-type: StringConstructor;
-required: false;
-default: () => string;
-};
-modelValue: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-clearableScreenReaderText: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-maxLength: {
-type: NumberConstructor;
-default: number;
-};
-}>> & Readonly<{
-onBlur?: ((...args: any[]) => any) | undefined;
-onChange?: ((...args: any[]) => any) | undefined;
-"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-onUpdate?: ((...args: any[]) => any) | undefined;
-}>, {
-id: string;
-modelValue: string;
-maxLength: number;
-clearableScreenReaderText: string;
-}, {}, {
-FTextField: DefineComponent<ExtractPropTypes<    {
-id: {
-type: StringConstructor;
-required: false;
-default: () => string;
-};
-inline: {
-type: BooleanConstructor;
-required: false;
-default: boolean;
-};
-modelValue: {
-type: (StringConstructor | NumberConstructor)[];
-required: false;
-default: string;
-};
-type: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-formatter: {
-type: PropType<FormatFunction<any>>;
-required: false;
-default: undefined;
-};
-parser: {
-type: PropType<ParseFunction<any>>;
-required: false;
-default: undefined;
-};
-labelWidth: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-inputWidth: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-}>, {
-textFieldTableMode: boolean;
-}, {
-showErrorPopup: boolean;
-viewValue: string;
-lastModelValue: unknown;
-validationMessage: string;
-validityMode: string;
-isAfterInitialRender: boolean;
-defaultText: string;
-descriptionText: string;
-descriptionScreenReaderText: string;
-discreteDescriptionText: string;
-discreteDescriptionScreenReaderText: string;
-}, {
-showPopupError(): boolean;
-labelClass(): string;
-isValid(): boolean;
-hasError(): boolean;
-rootClass(): Record<string, boolean>;
-labelWrapperClass(): string | undefined;
-inputWrapperClass(): string | undefined;
-isModelUpdatedProgrammatically(): boolean;
-}, {
-getErrorPopupAnchor(): HTMLElement;
-closePopupError(): void;
-onChange(): Promise<void>;
-onFocus(): void;
-onBlur(): Promise<void>;
-onValidity({ detail }: CustomEvent<ValidityEvent>): Promise<void>;
-onPendingValidity(): void;
-onValidationConfigUpdate(): Promise<void>;
-resolveNewModelValue(viewValue: string): unknown;
-syncViewValueAfterModelUpdate(newModelValue: unknown): void | never;
-triggerComponentValidityEvent(validityEvent: ValidityEvent): void;
-setViewValueToFormattedValueOrFallbackToValue(): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, ("blur" | "change" | "update:modelValue" | "update")[], "blur" | "change" | "update:modelValue" | "update", PublicProps, Readonly<ExtractPropTypes<    {
-id: {
-type: StringConstructor;
-required: false;
-default: () => string;
-};
-inline: {
-type: BooleanConstructor;
-required: false;
-default: boolean;
-};
-modelValue: {
-type: (StringConstructor | NumberConstructor)[];
-required: false;
-default: string;
-};
-type: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-formatter: {
-type: PropType<FormatFunction<any>>;
-required: false;
-default: undefined;
-};
-parser: {
-type: PropType<ParseFunction<any>>;
-required: false;
-default: undefined;
-};
-labelWidth: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-inputWidth: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-}>> & Readonly<{
-onBlur?: ((...args: any[]) => any) | undefined;
-onChange?: ((...args: any[]) => any) | undefined;
-"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-onUpdate?: ((...args: any[]) => any) | undefined;
-}>, {
-type: string;
-id: string;
-modelValue: string | number;
-inline: boolean;
-labelWidth: string;
-formatter: FormatFunction<any>;
-parser: ParseFunction<any>;
-inputWidth: string;
-}, {}, {
-FLabel: DefineComponent<ExtractPropTypes<    {
-for: {
-type: PropType<string | undefined>;
-required: false;
-default: undefined;
-};
-}>, void, {
-descriptionClass: string[];
-discreteDescriptionClass: string[];
-}, {
-forProperty(): string | undefined;
-hasDefaultSlot(): boolean;
-hasErrorMessageSlot(): boolean;
-hasDescriptionSlot(): boolean;
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
-for: {
-type: PropType<string | undefined>;
-required: false;
-default: undefined;
-};
-}>> & Readonly<{}>, {
-for: string | undefined;
-}, {}, {
-FIcon: DefineComponent<ExtractPropTypes<    {
-name: {
-type: StringConstructor;
-required: true;
-};
-library: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-flip: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-rotate: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-}>, {}, {}, {
-spriteKey(): string;
-spriteId(): string;
-modifiers(): string[];
-ariaHidden(): "true" | undefined;
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
-name: {
-type: StringConstructor;
-required: true;
-};
-library: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-flip: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-rotate: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-}>> & Readonly<{}>, {
-library: string;
-flip: string;
-rotate: string;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-}, {}, string, ComponentProvideOptions, true, {}, any>;
-FIcon: DefineComponent<ExtractPropTypes<    {
-name: {
-type: StringConstructor;
-required: true;
-};
-library: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-flip: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-rotate: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-}>, {}, {}, {
-spriteKey(): string;
-spriteId(): string;
-modifiers(): string[];
-ariaHidden(): "true" | undefined;
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
-name: {
-type: StringConstructor;
-required: true;
-};
-library: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-flip: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-rotate: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-}>> & Readonly<{}>, {
-library: string;
-flip: string;
-rotate: string;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-IPopupError: DefineComponent<ExtractPropTypes<    {
-isOpen: {
-type: BooleanConstructor;
-required: true;
-};
-errorMessage: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-anchor: {
-type: PropType<HTMLElement | null | undefined>;
-required: false;
-default: undefined;
-};
-}>, {}, IPopupErrorData, {
-popupClasses(): string[];
-arrowClass(): string;
-errorStyle(): string;
-}, {
-onResize(): void;
-onKeyEsc(event: KeyboardEvent): void;
-onClose(): void;
-setArrowOffset(): void;
-toggleIsOpen(isOpen: boolean): Promise<void>;
-}, ComponentOptionsMixin, ComponentOptionsMixin, "close"[], "close", PublicProps, Readonly<ExtractPropTypes<    {
-isOpen: {
-type: BooleanConstructor;
-required: true;
-};
-errorMessage: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-anchor: {
-type: PropType<HTMLElement | null | undefined>;
-required: false;
-default: undefined;
-};
-}>> & Readonly<{
-onClose?: ((...args: any[]) => any) | undefined;
-}>, {
-anchor: HTMLElement | null | undefined;
-errorMessage: string;
-}, {}, {
-FIcon: DefineComponent<ExtractPropTypes<    {
-name: {
-type: StringConstructor;
-required: true;
-};
-library: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-flip: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-rotate: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-}>, {}, {}, {
-spriteKey(): string;
-spriteId(): string;
-modifiers(): string[];
-ariaHidden(): "true" | undefined;
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
-name: {
-type: StringConstructor;
-required: true;
-};
-library: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-flip: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-rotate: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-}>> & Readonly<{}>, {
-library: string;
-flip: string;
-rotate: string;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-}, {}, string, ComponentProvideOptions, true, {}, any>;
-}, {}, string, ComponentProvideOptions, true, {}, any>;
-FIcon: DefineComponent<ExtractPropTypes<    {
-name: {
-type: StringConstructor;
-required: true;
-};
-library: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-flip: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-rotate: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-}>, {}, {}, {
-spriteKey(): string;
-spriteId(): string;
-modifiers(): string[];
-ariaHidden(): "true" | undefined;
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
-name: {
-type: StringConstructor;
-required: true;
-};
-library: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-flip: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-rotate: {
-type: PropType<string>;
-default: null;
-required: false;
-validator(value: string): boolean;
-};
-}>> & Readonly<{}>, {
-library: string;
-flip: string;
-rotate: string;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-}, {}, string, ComponentProvideOptions, true, {}, any>;
-}, {}, string, ComponentProvideOptions, true, {}, any>;
-
 export declare const XTimeTextField: DefineComponent<ExtractPropTypes<    {
 formatter: {
 type: PropType<FormatFunction<HoursMinutesString>>;
@@ -688,6 +121,16 @@ default: typeof parseTimeToNumber;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {}, {}, {}, ComponentOptions, DefineComponent<ExtractPropTypes<    {
 id: {
 type: StringConstructor;
@@ -729,11 +172,30 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -753,6 +215,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -806,6 +270,16 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -816,6 +290,8 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+disabled: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -1054,6 +530,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 formatter: {
 type: PropType<FormatFunction<HoursMinutesString>>;

package/dist/types/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.48.0"
+      "packageVersion": "7.48.1"
     }
   ]
 }

package/dummy.css

@@ -0,0 +1 @@
+/* dummy css file while there is no actual style generated by any component */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fkui/vue-labs",
-  "version": "5.43.0",
+  "version": "5.45.0",
   "description": "Experimental and unstable FKUI components",
   "keywords": [
     "fkui",
@@ -23,13 +23,14 @@
       "import": "./dist/esm/index.esm.js"
     },
     "./pageobject/*": "./pageobject/*",
-    "./style.css": "./dist/esm/vue-labs.css"
+    "./style.css": "./dummy.css"
   },
   "main": "./dist/cjs/index.cjs.js",
   "module": "./dist/esm/index.esm.js",
   "types": "./dist/types/index.d.ts",
   "files": [
     "dist",
+    "dummy.css",
     "htmlvalidate",
     "pageobject/**/*.{js,js.map,d.ts}",
     "!**/examples/**",
@@ -71,5 +72,5 @@
     "node": ">= 20",
     "npm": ">= 7"
   },
-  "gitHead": "ba47827ac97cfa01defc879b00bb07c5b01ca5b0"
+  "gitHead": "8acf0ec98104671d8411346256fa664abf2e94af"
 }

package/dist/cjs/vue-labs.css

@@ -1,18 +0,0 @@
-.x-search-bar .text-field__input-wrapper {
-  gap: 0;
-}
-.x-search-bar input {
-  border-right: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.x-search-bar .button.button--primary {
-  margin-bottom: 0;
-  margin-top: 0;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  width: auto;
-  padding: 0.25rem 0.75rem;
-  height: var(--f-height-large);
-  min-width: 6rem;
-}

package/dist/esm/vue-labs.css

@@ -1,18 +0,0 @@
-.x-search-bar .text-field__input-wrapper {
-  gap: 0;
-}
-.x-search-bar input {
-  border-right: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.x-search-bar .button.button--primary {
-  margin-bottom: 0;
-  margin-top: 0;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  width: auto;
-  padding: 0.25rem 0.75rem;
-  height: var(--f-height-large);
-  min-width: 6rem;
-}