@designsystem-se/af 39.4.0-beta.darkmode.1 → 39.5.0

package/components/p-CFvIQpHU.js

@@ -0,0 +1,102 @@
+import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-D6LCrv8C.js';
+
+const UtilIntersectionObserver = /*@__PURE__*/ proxyCustomElement(class UtilIntersectionObserver extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.afOnChange = createEvent(this, "afOnChange", 7);
+        this.afOnIntersect = createEvent(this, "afOnIntersect", 7);
+        this.afOnUnintersect = createEvent(this, "afOnUnintersect", 7);
+        this._observer = null;
+        this._hasIntersected = false;
+        this._isObserving = false;
+        /**
+         * Stäng av observern efter första intersection
+         * @en Disconnect the observer after first intersection.
+         */
+        this.afOnce = false;
+        /**
+         * Skicka options till komponentens interna Intersection Observer. T.ex. för att kontrollera när bilden lazy loadas.
+         * @en Accepts an Intersection Observer options object. Controls when the image should lazy-load.
+         */
+        this.afOptions = {
+            rootMargin: '0px',
+            threshold: 0
+        };
+    }
+    afOptionsWatcher(newValue) {
+        this._afOptions =
+            typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
+    }
+    componentWillLoad() {
+        this.afOptionsWatcher(this.afOptions);
+        this.initObserver();
+    }
+    disconnectedCallback() {
+        if (this._isObserving) {
+            this.removeObserver();
+        }
+    }
+    initObserver() {
+        this._observer = new IntersectionObserver(([entry]) => {
+            if (entry && entry.isIntersecting) {
+                this.intersectionHandler();
+                if (this.afOnce) {
+                    this.removeObserver();
+                }
+            }
+            else if (entry && this._hasIntersected) {
+                this.unintersectionHandler();
+            }
+        }, this._afOptions);
+        this._observer.observe(this.$el);
+        this._isObserving = true;
+    }
+    removeObserver() {
+        this._observer.disconnect();
+        this._isObserving = false;
+    }
+    intersectionHandler() {
+        this.afOnChange.emit(true);
+        this.afOnIntersect.emit();
+        this._hasIntersected = true;
+    }
+    unintersectionHandler() {
+        this.afOnChange.emit(false);
+        this.afOnUnintersect.emit();
+        this._hasIntersected = false;
+    }
+    render() {
+        return h("slot", { key: 'c4c6673ab9af1a6107ebe0b38d15b504aef74244' });
+    }
+    get $el() { return this; }
+    static get watchers() { return {
+        "afOptions": [{
+                "afOptionsWatcher": 0
+            }]
+    }; }
+}, [262, "digi-util-intersection-observer", {
+        "afOnce": [4, "af-once"],
+        "afOptions": [1, "af-options"]
+    }, undefined, {
+        "afOptions": [{
+                "afOptionsWatcher": 0
+            }]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-util-intersection-observer"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-util-intersection-observer":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), UtilIntersectionObserver);
+            }
+            break;
+    } });
+}
+
+export { UtilIntersectionObserver as U, defineCustomElement as d };

package/components/p-CGyCmc3V.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-D6LCrv8C.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconCaretDownCss = () => `.sc-digi-icon-caret-down-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-caret-down-h svg.sc-digi-icon-caret-down{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
+
+const IconCaretDown = /*@__PURE__*/ proxyCustomElement(class IconCaretDown extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
+        this.afSvgAriaHidden = true;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: '988c8f261d1273128d09e251adda3de2bd847010', class: "digi-icon-caret-down", width: "12", height: "6", viewBox: "0 0 12 6", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '3ee43a86d88e94b4c57aa9ed016e02e03e78dec8', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'de4e55bf7be58e95a8a1692d2a58e9ce2c01166d' }, this.afDesc), h("path", { key: '9f116e7067a5d4702cbfbaad66408fa95de98c96', class: "digi-icon-caret-down__shape", d: "M11.777.198A.608.608 0 0112 .667c0 .18-.074.336-.223.468l-5.25 4.667A.768.768 0 016 6a.768.768 0 01-.527-.198L.223 1.135A.608.608 0 010 .667C0 .487.074.33.223.197A.768.768 0 01.75 0h10.5c.203 0 .379.066.527.198z", fill: "currentColor", "fill-rule": "evenodd" })));
+    }
+    static get style() { return iconCaretDownCss(); }
+}, [2, "digi-icon-caret-down", {
+        "afTitle": [1, "af-title"],
+        "afDesc": [1, "af-desc"],
+        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
+        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
+        "titleId": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-icon-caret-down"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-caret-down":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconCaretDown);
+            }
+            break;
+    } });
+}
+
+export { IconCaretDown as I, defineCustomElement as d };

package/components/p-CKkOUvIB.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-D6LCrv8C.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconChevronRightCss = () => `.sc-digi-icon-chevron-right-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-chevron-right-h svg.sc-digi-icon-chevron-right{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
+
+const IconChevronRight = /*@__PURE__*/ proxyCustomElement(class IconChevronRight extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
+        this.afSvgAriaHidden = true;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: '62662b3046b757d551453edbcf170bedfc7a3f3d', class: "digi-icon-chevron-right", width: "9", height: "14", viewBox: "0 0 9 14", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, this.afTitle && h("title", { key: '91f3e13c660f9742d9b917c38961823ccd9a3563', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '00fc77c44119c343a9574428bc2de78e9f9b8f37' }, this.afDesc), h("path", { key: '05a26e7f6ace4755307f6fdef9576e3501cfd0db', class: "digi-icon-chevron-right__shape", d: "M1 13l6-6.074L1.147 1", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
+    }
+    static get style() { return iconChevronRightCss(); }
+}, [2, "digi-icon-chevron-right", {
+        "afTitle": [1, "af-title"],
+        "afDesc": [1, "af-desc"],
+        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
+        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
+        "titleId": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-icon-chevron-right"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-chevron-right":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconChevronRight);
+            }
+            break;
+    } });
+}
+
+export { IconChevronRight as I, defineCustomElement as d };

package/components/p-COHWSDFS.js

@@ -0,0 +1,297 @@
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-D6LCrv8C.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+import { b as FormInputType, a as FormInputMode, F as FormInputButtonVariation, d as FormInputVariation, c as FormInputValidation } from './p-7F-7XlTz.js';
+import { d as defineCustomElement$5 } from './p-BIFDGB_M.js';
+import { d as defineCustomElement$4 } from './p-B5ATcIsx.js';
+import { d as defineCustomElement$3 } from './p-CCo-vgnc.js';
+import { d as defineCustomElement$2 } from './p-BdkAbTb9.js';
+import { d as defineCustomElement$1 } from './p-B3_NqXGM.js';
+
+const formInputCss = () => `.sc-digi-form-input-h{--digi--form-input--height--small:var(--digi--input-height--small);--digi--form-input--height--medium:var(--digi--input-height--medium);--digi--form-input--height--large:var(--digi--input-height--large);--digi--form-input--border-radius:var(--digi--border-radius--input);--digi--form-input--padding:0 var(--digi--gutter--medium);--digi--form-input--background--empty:var(--digi--color--background--interactive--default--input-elements);--digi--form-input--background--neutral:var(--digi--color--background--interactive--default--input-elements);--digi--form-input--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-input--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-input--background--error:var(--digi--color--background--interactive--validation--error);--digi--form-input--border--neutral:var(--digi--border-width--input-regular) solid;--digi--form-input--border--error:var(--digi--border-width--input-validation) solid;--digi--form-input--border--success:var(--digi--border-width--input-validation) solid;--digi--form-input--border--warning:var(--digi--border-width--input-validation) solid;--digi--form-input--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-input--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-input--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-input--border-color--error:var(--digi--color--border--interactive--validation--error)}.sc-digi-form-input-h .digi-form-input.sc-digi-form-input{display:flex;flex-direction:column;gap:0.4em}.sc-digi-form-input-h .digi-form-input--small.sc-digi-form-input{--HEIGHT:var(--digi--form-input--height--small)}.sc-digi-form-input-h .digi-form-input--medium.sc-digi-form-input{--HEIGHT:var(--digi--form-input--height--medium)}.sc-digi-form-input-h .digi-form-input--large.sc-digi-form-input{--HEIGHT:var(--digi--form-input--height--large)}.sc-digi-form-input-h .digi-form-input--neutral.sc-digi-form-input{--BORDER:var(--digi--form-input--border--neutral);--BORDER-COLOR:var(--digi--form-input--border-color--neutral);--BACKGROUND:var(--digi--form-input--background--neutral)}.sc-digi-form-input-h .digi-form-input--empty.sc-digi-form-input:not(:focus-within){--BACKGROUND:var(--digi--form-input--background--empty)}.sc-digi-form-input-h .digi-form-input--success.sc-digi-form-input{--BORDER:var(--digi--form-input--border--success);--BORDER-COLOR:var(--digi--form-input--border-color--success);--BACKGROUND:var(--digi--form-input--background--success)}.sc-digi-form-input-h .digi-form-input--warning.sc-digi-form-input{--BORDER:var(--digi--form-input--border--warning);--BORDER-COLOR:var(--digi--form-input--border-color--warning);--BACKGROUND:var(--digi--form-input--background--warning)}.sc-digi-form-input-h .digi-form-input--error.sc-digi-form-input{--BORDER:var(--digi--form-input--border--error);--BORDER-COLOR:var(--digi--form-input--border-color--error);--BACKGROUND:var(--digi--form-input--background--error)}.digi-form-input__input-wrapper.sc-digi-form-input{position:relative;display:flex}.digi-form-input__input-wrapper.sc-digi-form-input-s>[slot^=button] button,.digi-form-input__input-wrapper .sc-digi-form-input-s>[slot^=button] button{--MIN-HEIGHT:100%}.digi-form-input--button-variation-primary .digi-form-input__input-wrapper.sc-digi-form-input-s>[slot^=button] button,.digi-form-input__input-wrapper .sc-digi-form-input-s>[slot^=button] button{border-start-start-radius:0;border-end-start-radius:0}.digi-form-input--button-variation-secondary.digi-form-input--has-button-true.sc-digi-form-input .digi-form-input__input-wrapper.sc-digi-form-input{gap:var(--digi--gutter--medium);flex-wrap:wrap}.digi-form-input__input.sc-digi-form-input{flex:1;height:var(--HEIGHT);font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--desktop);padding:var(--digi--form-input--padding);color:var(--digi--color--text--primary);background:var(--BACKGROUND);border:var(--BORDER);border-color:var(--BORDER-COLOR);border-radius:var(--digi--form-input--border-radius);box-sizing:border-box}.digi-form-input__input.sc-digi-form-input:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-form-input--button-variation-primary.digi-form-input--has-button-true.sc-digi-form-input .digi-form-input__input.sc-digi-form-input{border-end-end-radius:0;border-start-end-radius:0}`;
+
+const FormInput = /*@__PURE__*/ proxyCustomElement(class FormInput extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.afOnChange = createEvent(this, "afOnChange", 7);
+        this.afOnBlur = createEvent(this, "afOnBlur", 7);
+        this.afOnKeyup = createEvent(this, "afOnKeyup", 7);
+        this.afOnFocus = createEvent(this, "afOnFocus", 7);
+        this.afOnFocusout = createEvent(this, "afOnFocusout", 7);
+        this.afOnInput = createEvent(this, "afOnInput", 7);
+        this.afOnDirty = createEvent(this, "afOnDirty", 7);
+        this.afOnTouched = createEvent(this, "afOnTouched", 7);
+        this.afOnReady = createEvent(this, "afOnReady", 3);
+        this.hasActiveValidationMessage = false;
+        this.dirty = false;
+        this.touched = false;
+        /**
+         * Sätter attributet 'type'.
+         * @en Input type attribute
+         */
+        this.afType = FormInputType.TEXT;
+        /**
+         * Sätter attributet 'inputmode'.
+         * @en Inputmode  type attribute
+         */
+        this.afInputmode = FormInputMode.DEFAULT;
+        /**
+         * Layout för hur inmatningsfältet ska visas då det finns en knapp
+         * @en Input layout when there is a button
+         */
+        this.afButtonVariation = FormInputButtonVariation.PRIMARY;
+        /**
+         * Sätter variant. Kan vara 'small', 'medium' eller 'large'
+         * @en Set input variation.
+         */
+        this.afVariation = FormInputVariation.MEDIUM;
+        /**
+         * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
+         * @en Input id attribute. Defaults to random string.
+         */
+        this.afId = randomIdGenerator('digi-form-input');
+        /**
+         * Sätt denna till true om formuläret innehåller fler obligatoriska fält än valfria.
+         * @en Set this to true if the form contains more required fields than optional fields.
+         */
+        this.afAnnounceIfOptional = false;
+        /**
+         * Sätter valideringsstatus. Kan vara 'success', 'error', 'warning', 'neutral' eller ingenting.
+         * @en Set input validation status
+         */
+        this.afValidation = FormInputValidation.NEUTRAL;
+        /**
+         * Om värdet är true får felmeddelandet attributet role="alert".
+         * Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
+         * @en If the value is true, the error message gets the attribute role="alert".
+         * If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
+         */
+        this.afErrorMessageIsAlert = true;
+    }
+    onValueChanged(value) {
+        this.afValue = value;
+    }
+    onAfValueChanged(value) {
+        this.value = value;
+        if (this._input && this._input.value !== String(value !== null && value !== void 0 ? value : '')) {
+            this._input.value = String(value !== null && value !== void 0 ? value : '');
+        }
+    }
+    get errorMessageIsAlert() {
+        return (this.afErrorMessageIsAlert !== false &&
+            this.afErrorMessageIsAlert !== 'false');
+    }
+    afValidationTextWatch() {
+        this.setActiveValidationMessage();
+    }
+    /**
+     * Hämtar en referens till inputelementet. Bra för att t.ex. sätta fokus programmatiskt.
+     * @en Returns a reference to the input element. Handy for setting focus programmatically.
+     */
+    async afMGetFormControlElement() {
+        return this._input;
+    }
+    /**
+     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet.
+     * @en Listens for when focus is set on the custom element and propagates it down to the actual input element.
+     */
+    focusOnInput() {
+        this._input.focus();
+    }
+    componentWillLoad() {
+        this.afValue ? (this.value = this.afValue) : (this.afValue = this.value);
+        this.setActiveValidationMessage();
+        this.setHasButton();
+    }
+    componentWillUpdate() {
+        this.setHasButton();
+    }
+    componentDidLoad() {
+        this.afOnReady.emit();
+    }
+    setActiveValidationMessage() {
+        this.hasActiveValidationMessage = !!this.afValidationText;
+    }
+    get cssModifiers() {
+        return {
+            'digi-form-input--small': this.afVariation === FormInputVariation.SMALL,
+            'digi-form-input--medium': this.afVariation === FormInputVariation.MEDIUM,
+            'digi-form-input--large': this.afVariation === FormInputVariation.LARGE,
+            'digi-form-input--neutral': this.afValidation === FormInputValidation.NEUTRAL,
+            'digi-form-input--success': this.afValidation === FormInputValidation.SUCCESS,
+            'digi-form-input--error': this.afValidation === FormInputValidation.ERROR,
+            'digi-form-input--warning': this.afValidation === FormInputValidation.WARNING,
+            [`digi-form-input--button-variation-${this.afButtonVariation}`]: !!this.afButtonVariation,
+            [`digi-form-input--has-button-${this.hasButton}`]: true,
+            'digi-form-input--empty': !this.afValue &&
+                (!this.afValidation ||
+                    this.afValidation === FormInputValidation.NEUTRAL)
+        };
+    }
+    blurHandler(e) {
+        const trimableTypes = [
+            FormInputType.TEXT,
+            FormInputType.EMAIL,
+            FormInputType.SEARCH,
+            FormInputType.TEL,
+            FormInputType.URL
+        ];
+        const shouldTrim = this.afTrimValue && trimableTypes.includes(this.afType);
+        if (shouldTrim && typeof e.target.value === 'string') {
+            const trimmedValue = e.target.value.trim();
+            if (trimmedValue !== e.target.value) {
+                this.afValue = this.value = trimmedValue;
+                if (this._input) {
+                    this._input.value = trimmedValue;
+                }
+                // Emittar afOnInput så Angulars value accessor får det trimmade värdet
+                this.afOnInput.emit(e);
+            }
+        }
+        if (!this.touched) {
+            this.afOnTouched.emit(e);
+            this.touched = true;
+        }
+        this.afOnBlur.emit(e);
+    }
+    changeHandler(e) {
+        this.setActiveValidationMessage();
+        this.afOnChange.emit(e);
+    }
+    focusHandler(e) {
+        this.afOnFocus.emit(e);
+    }
+    focusoutHandler(e) {
+        this.afOnFocusout.emit(e);
+    }
+    keyupHandler(e) {
+        this.afOnKeyup.emit(e);
+    }
+    inputHandler(e) {
+        this.afValue = this.value =
+            this.afType === FormInputType.NUMBER
+                ? parseFloat(e.target.value)
+                : e.target.value;
+        if (!this.dirty) {
+            this.afOnDirty.emit(e);
+            this.dirty = true;
+        }
+        this.setActiveValidationMessage();
+        this.afOnInput.emit(e);
+    }
+    setHasButton() {
+        this.hasButton = !!this.hostElement.querySelector('[slot="button"]');
+    }
+    render() {
+        return (h(Host, { key: 'bc3d04d6ce2c7493463e25777c886a02aab33b60', tabindex: -1 }, h("div", { key: '4e7331cdfbeca168b993d4b2dbd3d6404cb55002', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, h("digi-form-label", { key: '3a6b5f558655f055a547fbf5a9d4b37a1cdfd54d', class: "digi-form-input__label", afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: 'e451db64601f98466d7bdd1914e4e207a1d090d6', class: "digi-form-input__input-wrapper" }, h("input", Object.assign({ key: '36db75eec2ec062a5cad58b03561f6ba64b00a2b', class: "digi-form-input__input", ref: (el) => (this._input = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": `${this.afAriaDescribedby} ${this.afId}--validation-message`, "aria-labelledby": this.afAriaLabelledby, "aria-autocomplete": this.afAriaAutocomplete, "aria-invalid": this.afValidation === FormInputValidation.ERROR
+                ? 'true'
+                : 'false', "aria-controls": this.afAriaControls, autocomplete: this.afAutocomplete, autofocus: this.afAutofocus ? this.afAutofocus : null, maxLength: this.afMaxlength, minLength: this.afMinlength, max: this.afMax, min: this.afMin, step: this.afStep, list: this.afList, role: this.afRole, dirName: this.afDirname, required: this.afRequired, id: this.afId, name: this.afName, type: this.afType, value: this.afValue }, (this.afInputmode == FormInputMode.DEFAULT
+            ? {}
+            : { inputmode: this.afInputmode }))), h("slot", { key: 'cce7fa086fdb6996753b0c86e7e3a4e441c2f3d5', name: "button" })), h("div", { key: '233fb68dc6d2fe40e55024732a90750009bc1818', class: "digi-form-input__footer" }, h("div", { key: 'd5f2fab5f4c385f4b2dc10804e265d6c04d55dd4', class: "digi-form-input__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
+            this.afValidation != FormInputValidation.NEUTRAL && (h("digi-form-validation-message", { key: 'bb2cd0ac275e22e95c6785f0d4c90ef37dfc6d7f', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))))));
+    }
+    get hostElement() { return this; }
+    static get watchers() { return {
+        "value": [{
+                "onValueChanged": 0
+            }],
+        "afValue": [{
+                "onAfValueChanged": 0
+            }],
+        "afValidationText": [{
+                "afValidationTextWatch": 0
+            }]
+    }; }
+    static get style() { return formInputCss(); }
+}, [262, "digi-form-input", {
+        "afLabel": [1, "af-label"],
+        "afLabelDescription": [1, "af-label-description"],
+        "afType": [1, "af-type"],
+        "afInputmode": [1, "af-inputmode"],
+        "afButtonVariation": [1, "af-button-variation"],
+        "afAutofocus": [4, "af-autofocus"],
+        "afVariation": [1, "af-variation"],
+        "afName": [1, "af-name"],
+        "afId": [1, "af-id"],
+        "afMaxlength": [2, "af-maxlength"],
+        "afMinlength": [2, "af-minlength"],
+        "afRequired": [4, "af-required"],
+        "afRequiredText": [1, "af-required-text"],
+        "afAnnounceIfOptional": [4, "af-announce-if-optional"],
+        "afAnnounceIfOptionalText": [1, "af-announce-if-optional-text"],
+        "value": [8],
+        "afValue": [8, "af-value"],
+        "afValidation": [1, "af-validation"],
+        "afValidationText": [1, "af-validation-text"],
+        "afRole": [1, "af-role"],
+        "afAutocomplete": [1, "af-autocomplete"],
+        "afMin": [1, "af-min"],
+        "afMax": [1, "af-max"],
+        "afList": [1, "af-list"],
+        "afStep": [1, "af-step"],
+        "afDirname": [1, "af-dirname"],
+        "afAriaAutocomplete": [1, "af-aria-autocomplete"],
+        "afAriaActivedescendant": [1, "af-aria-activedescendant"],
+        "afAriaLabelledby": [1, "af-aria-labelledby"],
+        "afAriaDescribedby": [1, "af-aria-describedby"],
+        "afAriaControls": [1, "af-aria-controls"],
+        "afTrimValue": [4, "af-trim-value"],
+        "afErrorMessageIsAlert": [8, "af-error-message-is-alert"],
+        "hasActiveValidationMessage": [32],
+        "hasButton": [32],
+        "dirty": [32],
+        "touched": [32],
+        "afMGetFormControlElement": [64]
+    }, [[0, "focus", "focusOnInput"]], {
+        "value": [{
+                "onValueChanged": 0
+            }],
+        "afValue": [{
+                "onAfValueChanged": 0
+            }],
+        "afValidationText": [{
+                "afValidationTextWatch": 0
+            }]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-form-input", "digi-form-label", "digi-form-validation-message", "digi-icon-validation-error", "digi-icon-validation-success", "digi-icon-validation-warning"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-form-input":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), FormInput);
+            }
+            break;
+        case "digi-form-label":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$5();
+            }
+            break;
+        case "digi-form-validation-message":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$4();
+            }
+            break;
+        case "digi-icon-validation-error":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$3();
+            }
+            break;
+        case "digi-icon-validation-success":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$2();
+            }
+            break;
+        case "digi-icon-validation-warning":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { FormInput as F, defineCustomElement as d };

package/components/p-CY0fubAJ.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-D6LCrv8C.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconSearchCss = () => `.sc-digi-icon-search-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-search-h svg.sc-digi-icon-search{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
+
+const IconSearch = /*@__PURE__*/ proxyCustomElement(class IconSearch extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
+        this.afSvgAriaHidden = true;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: 'f9ab15db67d84dddeaadb7dcaf5d4e3e79e70bf8', class: "digi-icon-search", width: "26", height: "26", viewBox: "0 0 26 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'f7e4c6ccce30791ace3259cac9a47592e915c150', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'cfd9da317a052846cf0687d4089a05a39277b48c' }, this.afDesc), h("path", { key: '6657e736b837dd41cdf83cf5eddb580ba1f31177', class: "digi-icon-search__shape", d: "M25.645 22.437l-5.063-5.053a1.22 1.22 0 00-.864-.355h-.827a10.477 10.477 0 002.234-6.487C21.125 4.719 16.397 0 10.562 0 4.729 0 0 4.719 0 10.542c0 5.823 4.728 10.542 10.563 10.542 2.452 0 4.707-.831 6.5-2.23v.826c0 .324.126.633.355.862l5.063 5.053c.477.476 1.25.476 1.721 0l1.437-1.435a1.22 1.22 0 00.006-1.723zm-15.082-5.408c-3.59 0-6.5-2.899-6.5-6.487a6.49 6.49 0 016.5-6.487c3.59 0 6.5 2.899 6.5 6.487a6.49 6.49 0 01-6.5 6.487z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+    static get style() { return iconSearchCss(); }
+}, [2, "digi-icon-search", {
+        "afTitle": [1, "af-title"],
+        "afDesc": [1, "af-desc"],
+        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
+        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
+        "titleId": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-icon-search"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-search":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconSearch);
+            }
+            break;
+    } });
+}
+
+export { IconSearch as I, defineCustomElement as d };

package/components/p-Cc90Gv_0.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-D6LCrv8C.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconCalendarAltCss = () => `.sc-digi-icon-calendar-alt-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-calendar-alt-h svg.sc-digi-icon-calendar-alt{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
+
+const IconCalendarAlt = /*@__PURE__*/ proxyCustomElement(class IconCalendarAlt extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
+        this.afSvgAriaHidden = true;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: '9502ca99ed1eca57fa51b4587435bf0c6a2db455', class: "digi-icon-calendar-alt", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'd30d68962b6781947809bf1880d8f53c07ef1709', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '8138f50c39375c90ff94a7c6661065b51448f020' }, this.afDesc), h("path", { key: '7d0688aac1dabd8ca058f228b081341e55119c1c', class: "digi-icon-calendar-alt__shape", d: "M21.41 8.125H.59a.601.601 0 01-.59-.61V5.689C0 4.341 1.056 3.25 2.357 3.25h2.357V.61c0-.336.265-.61.59-.61h1.964c.324 0 .59.274.59.61v2.64h6.285V.61c0-.336.265-.61.59-.61h1.963c.325 0 .59.274.59.61v2.64h2.357C20.944 3.25 22 4.342 22 5.688v1.828c0 .335-.265.609-.59.609zM.59 9.75h20.82c.325 0 .59.274.59.61v13.203C22 24.907 20.944 26 19.643 26H2.357C1.056 26 0 24.908 0 23.562V10.36c0-.335.265-.609.59-.609zm5.696 10.36a.601.601 0 00-.59-.61H3.732a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.325 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.59-.61H3.732a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.325 0 .59-.274.59-.61v-2.03zm6.285 6.5a.601.601 0 00-.589-.61h-1.964a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.589-.61h-1.964a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm6.286 6.5a.601.601 0 00-.59-.61h-1.963a.601.601 0 00-.59.61v2.03c0 .336.265.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.59-.61h-1.963a.601.601 0 00-.59.61v2.03c0 .336.265.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+    static get style() { return iconCalendarAltCss(); }
+}, [2, "digi-icon-calendar-alt", {
+        "afTitle": [1, "af-title"],
+        "afDesc": [1, "af-desc"],
+        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
+        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
+        "titleId": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-icon-calendar-alt"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-calendar-alt":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconCalendarAlt);
+            }
+            break;
+    } });
+}
+
+export { IconCalendarAlt as I, defineCustomElement as d };