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

package/components/p-DlsE_Lbj.js

@@ -1,48 +0,0 @@
-import { p as proxyCustomElement, H, h, t as transformTag } from './p-Cutmptn8.js';
-import { r as randomIdGenerator } from './p-BGaIliX6.js';
-
-const iconOnlineVideoCss = () => `.sc-digi-icon-online-video-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-online-video-h svg.sc-digi-icon-online-video{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 IconOnlineVideo = /*@__PURE__*/ proxyCustomElement(class IconOnlineVideo 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: 'b61f494a6e04695f8ba9e14055a8467c166ddd88', class: "digi-icon-online-video", width: "62px", height: "63px", viewBox: "0 0 62 63", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
-                ? this.afSvgAriaLabelledby
-                : this.afTitle
-                    ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '857f2e2595e8f265f807751df289d02f4a2edd81', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'bbdda3d9ceac0811f90e8109903aee9dce1e169f' }, this.afDesc), h("defs", { key: '55a75f25f43a623f41eaf479699b0d436a35a5b3' }, h("polygon", { key: '7fcbf65c7676f97a1c26f7b2b72c50424babe41f', id: "path-1", points: "0 0 57.8288208 0 57.8288208 31.6225833 0 31.6225833" }), h("polygon", { key: '3de60cebe9f852c7384e2daa70dd7281094baa4b', id: "path-3", points: "0 0 10.1235667 0 10.1235667 4.72491667 0 4.72491667" }), h("polygon", { key: '4ee65b59a4e5177b6ece78897fcb7226fd225825', id: "path-5", points: "0 0 31.6055333 0 31.6055333 4.72491667 0 4.72491667" }), h("polygon", { key: '74ab8dd125b4eb3f892538a960eb79ff1107dad1', id: "path-7", points: "0 0 8.24083333 0 8.24083333 8.24070417 0 8.24070417" })), h("g", { key: 'b53c633622a00e61124cc4410b1eca8a84451eb0', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'cee936b23c63e1e12dd63af86fd2676c7bf88efe', transform: "translate(-41, -890)" }, h("g", { key: 'c0276aae7be75f8e4ddc92976778221fe95b364e', transform: "translate(43.5833, 897.75)" }, h("g", { key: '8b29b227a331d1109a68aa041b7f4920668598ab', transform: "translate(0, 0)" }, h("g", { key: 'c303ec72424857c35d634baa5a77dce1ca4176df' }, h("mask", { key: 'eadf877595cbe18ffbdf4a1073f6d906d68e8160', fill: "white" }, h("use", { key: 'e4d70460725fda5dfe5e2e3b86a26f17cf80e9d9', href: "#path-1" })), h("g", { key: 'd6bd397a65ffc561b5fe9f9670ededaed9781fc8' }), h("path", { key: '7f009152c5b38bd84abd69451c2ed4a144e0f6fe', d: "M35.4494042,16.844625 L23.6435708,23.66075 C23.4472375,23.7744167 23.2302375,23.8299583 23.0119458,23.8299583 C22.7936542,23.8299583 22.5753625,23.7744167 22.3803208,23.66075 C21.9889458,23.4347083 21.7486958,23.0187917 21.7486958,22.5667083 L21.7486958,8.93445833 C21.7486958,8.482375 21.9889458,8.06516667 22.3803208,7.84041667 C22.7704042,7.614375 23.2521958,7.614375 23.6435708,7.84041667 L35.4494042,14.6565417 C35.8407792,14.8812917 36.0810292,15.2997917 36.0810292,15.7505833 C36.0810292,16.201375 35.8407792,16.6185833 35.4494042,16.844625 M55.2971542,0 L2.53257083,0 C1.14015417,0 -0.0003875,1.13925 -0.0003875,2.53166667 L-0.0003875,29.089625 C-0.0003875,30.4820417 1.14015417,31.6225833 2.53257083,31.6225833 L55.2971542,31.6225833 C56.6895708,31.6225833 57.8288208,30.4820417 57.8288208,29.089625 L57.8288208,2.53166667 C57.8288208,1.13925 56.6895708,0 55.2971542,0", fill: "currentColor" })), h("g", { key: '918d8ccb2d60877c5bd01dcda0119c7a4486eb3d', transform: "translate(0, 40.7418)" }, h("mask", { key: 'e9fc4a1d934c2baa858ae3ba8d9cf98308e2ea31', fill: "white" }, h("use", { key: '171931aa120765a3d2e0e3980631ecb57e5ba9b8', href: "#path-3" })), h("g", { key: 'e4a3c5aaaf1ac0d7f68fd8dacbcd9d0ee6b9686b' }), h("path", { key: '5aa1919654702461cf253a367cbf2c58f52bd9ea', d: "M10.1235667,0 L2.36194167,0 C1.062525,0 -0.000516666667,1.06304167 -0.000516666667,2.36245833 C-0.000516666667,3.661875 1.062525,4.72491667 2.36194167,4.72491667 L10.1235667,4.72491667 C9.87298333,3.97833333 9.70506667,3.193 9.70506667,2.36245833 C9.70506667,1.53191667 9.87298333,0.746583333 10.1235667,0", fill: "currentColor" })), h("g", { key: '231c14fdacddf6b27f9e67224e63c5db9b7ef37e', transform: "translate(26.2237, 40.7418)" }, h("mask", { key: 'f64107cced1a19c6b3d28003357bf1aaf6c6d7df', fill: "white" }, h("use", { key: '23127c5009989a00f917e19eca772efd703bc86a', href: "#path-5" })), h("g", { key: '3c8b57dd0cc8be969edc7d3862962fafdd4fba65' }), h("path", { key: '99879e562e8968b2c183f2dc3f37580b5a9c3a0d', d: "M29.2433333,0 L0,0 C0.250583333,0.746583333 0.4185,1.53191667 0.4185,2.36245833 C0.4185,3.193 0.250583333,3.97833333 0,4.72491667 L29.2433333,4.72491667 C30.54275,4.72491667 31.6057917,3.661875 31.6057917,2.36245833 C31.6057917,1.06304167 30.54275,0 29.2433333,0", fill: "currentColor" })), h("g", { key: '2ee02c15158ebcde3537f97c367b0baf01d440fd', transform: "translate(14.0529, 38.9837)" }, h("mask", { key: 'd1a064bbdada713c10e3715798b219ad917b846d', fill: "white" }, h("use", { key: '2fc7e850b1ddaa5e7b611524441a156350b53f18', href: "#path-7" })), h("g", { key: '2fd3f27dd621da0fef906cf0f15e07cf0d437754' }), h("path", { key: '594d3d89699286bc1381ed2ca735f3765ecfbd11', d: "M8.24083333,4.12041667 C8.24083333,6.39633333 6.39633333,8.24083333 4.12041667,8.24083333 C1.8445,8.24083333 0,6.39633333 0,4.12041667 C0,1.8445 1.8445,0 4.12041667,0 C6.39633333,0 8.24083333,1.8445 8.24083333,4.12041667", fill: "currentColor" }))))))));
-    }
-    static get style() { return iconOnlineVideoCss(); }
-}, [2, "digi-icon-online-video", {
-        "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-online-video"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-online-video":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), IconOnlineVideo);
-            }
-            break;
-    } });
-}
-
-export { IconOnlineVideo as I, defineCustomElement as d };

package/components/p-Dq3Gzvuj.js

@@ -1,259 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-Cutmptn8.js';
-import { r as randomIdGenerator } from './p-BGaIliX6.js';
-import { a as FormSelectVariation, F as FormSelectValidation } from './p-DCS1KcvC.js';
-import { d as defineCustomElement$6 } from './p-COxjzMep.js';
-import { d as defineCustomElement$5 } from './p-BbUUrG89.js';
-import { d as defineCustomElement$4 } from './p-DqNSLz9m.js';
-import { d as defineCustomElement$3 } from './p-eGGSFWHS.js';
-import { d as defineCustomElement$2 } from './p-D6eLfacz.js';
-import { d as defineCustomElement$1 } from './p-CPm-RoEd.js';
-
-const formSelectCss = () => `.sc-digi-form-select-h{--digi--form-select--background--empty:var(--digi--color--background--interactive--default--input-elements);--digi--form-select--background--neutral:var(--digi--color--background--interactive--default--input-elements);--digi--form-select--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-select--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-select--background--error:var(--digi--color--background--interactive--validation--error);--digi--form-select--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-select--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-select--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-select--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-select--select-wrapper--position:relative;--digi--form-select--select--height--small:var(--digi--input-height--small);--digi--form-select--select--height--medium:var(--digi--input-height--medium);--digi--form-select--select--height--large:var(--digi--input-height--large);--digi--form-select--select--border-radius:var(--digi--border-radius--input);--digi--form-select--select--padding:0 var(--digi--gutter--medium);--digi--form-select--select--padding--inline-end:var(--digi--padding--large);--digi--form-select--select--border-width--neutral:var(--digi--border-width--input-regular);--digi--form-select--select--border-width--success:var(--digi--border-width--input-validation);--digi--form-select--select--border-width--error:var(--digi--border-width--input-validation);--digi--form-select--select--border-width--warning:var(--digi--border-width--input-validation);--digi--form-select--select--width:100%;--digi--form-select--select--font-size:var(--digi--typography--body--font-size--desktop);--digi--form-select--select-option--font-size:var(--digi--typography--body--font-size--desktop);--digi--form-select--label--margin-bottom:var(--digi--gutter--medium);--digi--form-select--icon--inline-end:0.75rem;--digi--form-select--icon--top:50%;--digi--form-select--icon--transform:translateY(-50%);--digi--form-select--icon--color:var(--digi--color--icon--primary);--digi--form-select--footer--margin-top:var(--digi--gutter--medium)}.sc-digi-form-select-h .digi-form-select.sc-digi-form-select{display:flex;flex-direction:column;gap:0.4em}.sc-digi-form-select-h .digi-form-select--neutral.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--neutral);--BORDER-COLOR:var(--digi--form-select--border-color--neutral);--BACKGROUND:var(--digi--form-select--background--neutral)}.sc-digi-form-select-h .digi-form-select--success.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--success);--BORDER-COLOR:var(--digi--form-select--border-color--success);--BACKGROUND:var(--digi--form-select--background--success)}.sc-digi-form-select-h .digi-form-select--warning.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--warning);--BORDER-COLOR:var(--digi--form-select--border-color--warning);--BACKGROUND:var(--digi--form-select--background--warning)}.sc-digi-form-select-h .digi-form-select--error.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--error);--BORDER-COLOR:var(--digi--form-select--border-color--error);--BACKGROUND:var(--digi--form-select--background--error)}.sc-digi-form-select-h .digi-form-select--small.sc-digi-form-select{--HEIGHT:var(--digi--form-select--select--height--small)}.sc-digi-form-select-h .digi-form-select--medium.sc-digi-form-select{--HEIGHT:var(--digi--form-select--select--height--medium)}.sc-digi-form-select-h .digi-form-select--large.sc-digi-form-select{--HEIGHT:var(--digi--form-select--select--height--large)}.sc-digi-form-select-h .digi-form-select--empty.sc-digi-form-select:not(:focus-within){--BACKGROUND:var(--digi--form-select--background--empty)}.sc-digi-form-select-h .digi-form-select__select.sc-digi-form-select{appearance:none;width:var(--digi--form-select--select--width);padding:var(--digi--form-select--select--padding);padding-inline-end:var(--digi--form-select--select--padding--inline-end);height:var(--HEIGHT);border:var(--BORDER-WIDTH) solid;border-radius:var(--digi--form-select--select--border-radius);border-color:var(--BORDER-COLOR);cursor:pointer;font-size:var(--digi--form-select--select--font-size);color:var(--digi--color--text--primary);background:var(--BACKGROUND);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-select-h .digi-form-select__select-wrapper.sc-digi-form-select{position:var(--digi--form-select--select-wrapper--position)}.sc-digi-form-select-h .digi-form-select__select-option.sc-digi-form-select{font-size:var(--digi--form-select--select-option--font-size)}@media (min-width: 48rem){.sc-digi-form-select-h .digi-form-select__select-option.sc-digi-form-select{--digi--form-select--select-option--font-size:var(--digi--typography--font-size--l)}}.sc-digi-form-select-h .digi-form-select__select.sc-digi-form-select::-ms-expand{display:none}.sc-digi-form-select-h .digi-form-select__select.sc-digi-form-select:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-form-select-h .digi-form-select__icon.sc-digi-form-select{position:absolute;inset-inline-end:var(--digi--form-select--icon--inline-end);inset-block-start:var(--digi--form-select--icon--top);transform:var(--digi--form-select--icon--transform);pointer-events:none;color:var(--digi--form-select--icon--color)}.digi-form-select--neutral.sc-digi-form-select .digi-form-select__footer.sc-digi-form-select{position:absolute}`;
-
-const FormSelect = /*@__PURE__*/ proxyCustomElement(class FormSelect extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.afOnChange = createEvent(this, "afOnChange", 7);
-        this.afOnSelect = createEvent(this, "afOnSelect", 7);
-        this.afOnFocus = createEvent(this, "afOnFocus", 7);
-        this.afOnFocusout = createEvent(this, "afOnFocusout", 7);
-        this.afOnBlur = createEvent(this, "afOnBlur", 7);
-        this.afOnDirty = createEvent(this, "afOnDirty", 7);
-        this.afOnReady = createEvent(this, "afOnReady", 3);
-        this.optionItems = [];
-        this.dirty = false;
-        this.touched = false;
-        this.hasPlaceholder = false;
-        /**
-         * Normalt betonas ett obligatoriskt fält visuellt och semantiskt.
-         * Detta vänder på det och betonar fältet om det inte krävs.
-         * Ställ in detta till sant om ditt formulär innehåller fler obligatoriska fält än inte.
-         * @en Normally a required field is visually and semantically emphasized.
-         * This flips that and emphasizes the field if it is not required.
-         * Set this to true if your form contains more required fields than not.
-         */
-        this.afAnnounceIfOptional = false;
-        /**
-         * Sätter ett id attribut.
-         * @en Sets an id attribute. Standard är slumpmässig sträng.
-         */
-        this.afId = randomIdGenerator('digi-form-select');
-        /**
-         * Sätter väljarens storlek.
-         * @en Set select input size.
-         */
-        this.afVariation = FormSelectVariation.MEDIUM;
-        /**
-         * Sätter väljarens validering
-         * @en Set select validation
-         */
-        this.afValidation = FormSelectValidation.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;
-    }
-    get errorMessageIsAlert() {
-        return (this.afErrorMessageIsAlert !== false &&
-            this.afErrorMessageIsAlert !== 'false');
-    }
-    getOptions() {
-        this.checkIfPlaceholder();
-        const options = Array.from(this.hostElement.querySelectorAll('option')).filter((el) => { var _a; return !((_a = this._select) === null || _a === void 0 ? void 0 : _a.contains(el)); });
-        const updatedOptionItems = options.map((el) => ({
-            value: el.value,
-            text: el.text
-        }));
-        if (JSON.stringify(updatedOptionItems) === JSON.stringify(this.optionItems)) {
-            return;
-        }
-        this.optionItems = updatedOptionItems;
-    }
-    checkIfPlaceholder() {
-        this.hasPlaceholder = !!this.afPlaceholder;
-    }
-    componentWillLoad() {
-        this.afValue ? (this.value = this.afValue) : (this.afValue = this.value);
-    }
-    componentDidLoad() {
-        this.optionsObserver = new MutationObserver(() => this.getOptions());
-        this.optionsObserver.observe(this.hostElement, {
-            childList: true,
-            subtree: true
-        });
-        this.getOptions();
-        this.afOnReady.emit();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.optionsObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    }
-    /**
-     * Returnerar en referens till formulärkontrollelementet.
-     * @en Returns a reference to the form control element.
-     */
-    async afMGetFormControlElement() {
-        return this._select;
-    }
-    /**
-     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva select-elementet.
-     * @en Listens for when focus is set on the custom element and propagates it down to the actual select element.
-     */
-    focusOnInput() {
-        var _a;
-        (_a = this._select) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    get cssModifiers() {
-        return {
-            'digi-form-select--small': this.afVariation === FormSelectVariation.SMALL,
-            'digi-form-select--medium': this.afVariation === FormSelectVariation.MEDIUM,
-            'digi-form-select--large': this.afVariation === FormSelectVariation.LARGE,
-            'digi-form-select--neutral': this.afValidation === FormSelectValidation.NEUTRAL,
-            'digi-form-select--success': this.afValidation === FormSelectValidation.SUCCESS,
-            'digi-form-select--warning': this.afValidation === FormSelectValidation.WARNING,
-            'digi-form-select--error': this.afValidation === FormSelectValidation.ERROR,
-            'digi-form-select--empty': !this.afValue &&
-                (!this.afValidation ||
-                    this.afValidation === FormSelectValidation.NEUTRAL)
-        };
-    }
-    changeHandler(e) {
-        if (!this.dirty) {
-            this.afOnDirty.emit(e);
-            this.dirty = true;
-        }
-        this.value = this.afValue = e.target.value;
-        this.afOnChange.emit(e);
-    }
-    selectHandler(e) {
-        this.value = this.afValue = e.target.value;
-        this.afOnSelect.emit(e);
-    }
-    focusHandler(e) {
-        this.afOnFocus.emit(e);
-    }
-    focusoutHandler(e) {
-        this.afOnFocusout.emit(e);
-    }
-    blurHandler(e) {
-        this.afOnBlur.emit(e);
-    }
-    getSelectedItem(option) {
-        return this.afValue == option.value;
-    }
-    showValidation() {
-        return !this.afDisableValidation &&
-            this.afValidation !== FormSelectValidation.NEUTRAL &&
-            this.afValidationText
-            ? true
-            : false;
-    }
-    render() {
-        return (h(Host, { key: 'b40fb54f41ae0b739a943d600624889b604865b2', tabindex: -1 }, h("div", { key: 'e753b10a46503f6711b35dd1d30b8be59296cc0b', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, h("div", { key: 'a820eb5ffec3ac101febd080add2ddf9aa537c21', class: "digi-form-select__label-group" }, h("digi-form-label", { key: 'ad8616ae6b48a6e10c2827a7d00d51daa44129ec', afFor: this.afId, afLabel: this.afLabel, afId: `${this.afId}-label`, afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: 'ffe072a753cfe6a7f6afd300e34f8aff9ec4fc2a', class: "digi-form-select__select-wrapper" }, h("select", { key: '204dbc6361c6fb0a0ae0265cdd05db1888380c6d', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormSelectValidation.ERROR
-                ? 'true'
-                : 'false', "aria-describedby": `${this.afId}--validation-message`, ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (h("option", { key: '0f4675533c05c4e6a2f3dd7b502676aa6354c001', class: {
-                'digi-form-select__select-option': true,
-                'digi-form-select__select-option--initial-value': true
-            }, disabled: true, selected: !this.afValue, value: "" }, this.afPlaceholder)), this.optionItems.map((option, index) => {
-            return (h("option", { key: index, class: "digi-form-select__select-option", value: option.value, selected: this.getSelectedItem(option) }, option.text));
-        })), h("digi-icon-input-select-marker", { key: '13c14346d06dbf9d67bedfcb45300ee0cd7921e4', class: "digi-form-select__icon", slot: "icon" })), h("div", { key: '9a88dda5d1d981016bb17a053d913eadd89e5e07', hidden: true }, h("slot", { key: '9b6cc012b2c0fead2a1e70441abebbb28364b450' })), h("div", { key: '1f13d6ddaf2a9d78a7c66c242bfe5ac35cf2c961', class: "digi-form-select__footer" }, h("div", { key: '6ba7c2aea4196e0e1b646e22ca9d14be65540ccb', "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'eee53a1c30af8d43e8f60d3c85764f65d335e9ec', "af-variation": this.afValidation }, this.afValidationText)))))));
-    }
-    get hostElement() { return this; }
-    static get watchers() { return {
-        "value": [{
-                "onValueChanged": 0
-            }],
-        "afValue": [{
-                "onAfValueChanged": 0
-            }]
-    }; }
-    static get style() { return formSelectCss(); }
-}, [262, "digi-form-select", {
-        "afLabel": [1, "af-label"],
-        "afAriaLabel": [1, "af-aria-label"],
-        "afRequired": [4, "af-required"],
-        "afRequiredText": [1, "af-required-text"],
-        "afPlaceholder": [1, "af-placeholder"],
-        "afAnnounceIfOptional": [4, "af-announce-if-optional"],
-        "afAnnounceIfOptionalText": [1, "af-announce-if-optional-text"],
-        "afId": [1, "af-id"],
-        "afName": [1, "af-name"],
-        "afDescription": [1, "af-description"],
-        "value": [1],
-        "afValue": [1, "af-value"],
-        "afDisableValidation": [4, "af-disable-validation"],
-        "afVariation": [1, "af-variation"],
-        "afValidation": [1, "af-validation"],
-        "afValidationText": [1, "af-validation-text"],
-        "afAutofocus": [4, "af-autofocus"],
-        "afErrorMessageIsAlert": [8, "af-error-message-is-alert"],
-        "optionItems": [32],
-        "dirty": [32],
-        "touched": [32],
-        "hasPlaceholder": [32],
-        "afMGetFormControlElement": [64]
-    }, [[0, "focus", "focusOnInput"]], {
-        "value": [{
-                "onValueChanged": 0
-            }],
-        "afValue": [{
-                "onAfValueChanged": 0
-            }]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-form-select", "digi-form-label", "digi-form-validation-message", "digi-icon-input-select-marker", "digi-icon-validation-error", "digi-icon-validation-success", "digi-icon-validation-warning"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-form-select":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), FormSelect);
-            }
-            break;
-        case "digi-form-label":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$6();
-            }
-            break;
-        case "digi-form-validation-message":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$5();
-            }
-            break;
-        case "digi-icon-input-select-marker":
-            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 { FormSelect as F, defineCustomElement as d };

package/components/p-DqNSLz9m.js

@@ -1,48 +0,0 @@
-import { p as proxyCustomElement, H, h, t as transformTag } from './p-Cutmptn8.js';
-import { r as randomIdGenerator } from './p-BGaIliX6.js';
-
-const iconInputSelectMarkerCss = () => `.sc-digi-icon-input-select-marker-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-input-select-marker-h svg.sc-digi-icon-input-select-marker{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 IconInputSelectMarker = /*@__PURE__*/ proxyCustomElement(class IconInputSelectMarker 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('icon-input-select-marker');
-    }
-    render() {
-        return (h("svg", { key: '1b2bccaa6ace72653d5a357e89fffd4c2c1e23b9', class: "digi-icon-input-select-marker", width: "14", height: "8", viewBox: "0 0 14 8", 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: '13a0d2f851728992ff528474f5c44cb7b3747ea9', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '88fc42c2bbe9610b8284ba36948599917190ba8d' }, this.afDesc), h("path", { key: 'e2310702eed9648c06b929db314bfd3616c4e42d', d: "M1 1l6.074 6L13 1.147", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
-    }
-    static get style() { return iconInputSelectMarkerCss(); }
-}, [2, "digi-icon-input-select-marker", {
-        "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-input-select-marker"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-input-select-marker":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), IconInputSelectMarker);
-            }
-            break;
-    } });
-}
-
-export { IconInputSelectMarker as I, defineCustomElement as d };

package/components/p-Dr245DlL.js

@@ -1,200 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Cutmptn8.js';
-import { r as randomIdGenerator } from './p-BGaIliX6.js';
-import { N as NotificationAlertHeadingLevel, m as NotificationAlertSize, n as NotificationAlertVariation, r as TypographyVariation } from './p-CEr0zDQh.js';
-import './p-CKoZU0-H.js';
-import './p-C0A-p3cU.js';
-import { b as ButtonVariation } from './p-DNHRmpND.js';
-import './p-DH_-wpLB.js';
-import './p-DPeoHh1J.js';
-import './p-qc6KRZue.js';
-import './p-DwNlf6Sh.js';
-import './p-C6B2KRZo.js';
-import './p-CES5gUEo.js';
-import './p-DzSu1-K0.js';
-import './p-6-MpaVf8.js';
-import './p-BfyJgcLA.js';
-import './p-BvWKyXb_.js';
-import './p-7F-7XlTz.js';
-import './p-Dp9SgP94.js';
-import './p-CAr8ZNeD.js';
-import './p-DcnvI7UR.js';
-import './p-DCS1KcvC.js';
-import './p-DogB9kfH.js';
-import './p-B8hpiXmh.js';
-import './p-u37CGyZ9.js';
-import './p-PuRFa9pe.js';
-import './p-rbgkevJv.js';
-import './p-DJCufAhy.js';
-import './p-oKq_eErM.js';
-import './p-CPzcg9n3.js';
-import './p-CsNHGpkJ.js';
-import './p-D_VIx0pC.js';
-import './p-ArGkfrXt.js';
-import './p-Chk3GCYK.js';
-import './p-evtVuhQt.js';
-import './p-V-HTxO5a.js';
-import './p-DPkRL9Bv.js';
-import './p-D0CENVum.js';
-import './p-DE6sqPn9.js';
-import './p-DXqRzyRP.js';
-import './p-DoZkBEe8.js';
-import './p-m9xS70Ez.js';
-import './p-CmH9mJ43.js';
-import './p-DBcU_EnL.js';
-import './p-BvcVTm_t.js';
-import './p-bQJ38En_.js';
-import './p-DrVSK7Ws.js';
-import './p-CAmn5qzb.js';
-import './p-BYZUJ0Q_.js';
-import './p-DNjGvZvz.js';
-import './p-CHxBAbI8.js';
-import './p-rhVqmQwC.js';
-import './p-DPq588Q4.js';
-import { d as defineCustomElement$7 } from './p-sBkGihbY.js';
-import { d as defineCustomElement$6 } from './p-D2V5o06c.js';
-import { d as defineCustomElement$5 } from './p-3gn423rU.js';
-import { d as defineCustomElement$4 } from './p-BEM3xA-3.js';
-import { d as defineCustomElement$3 } from './p-DZPk68vC.js';
-import { d as defineCustomElement$2 } from './p-CpZg6Iuo.js';
-import { d as defineCustomElement$1 } from './p-BzRQHXkk.js';
-
-const notificationAlertCss = () => `.sc-digi-notification-alert-h{--digi--notification-alert--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--notification-alert--heading--font-size:var(--digi--typography--heading-3--font-size--desktop);--digi--notification-alert--heading--font-size--large:var(--digi--typography--heading-3--font-size--desktop-large);--digi--notification-alert--icon--padding--large:var(--digi--gutter--largest);--digi--notification-alert--icon--padding--medium:var(--digi--gutter--largest);--digi--notification-alert--icon--padding--small:var(--digi--gutter--large);--digi--notification-alert--icon--width--large:2.25rem;--digi--notification-alert--icon--width--medium:1.4375rem;--digi--notification-alert--icon--width--small:1.4375rem;--digi--notification-alert--max-width--large:100%;--digi--notification-alert--max-width--medium:31.25rem;--digi--notification-alert--max-width--small:18.75rem;--digi--notification-alert--border--informative:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--info);--digi--notification-alert--icon--color--informative:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--informative:var(--digi--color--background--sentiment--info--primary);--digi--notification-alert--border--success:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--success);--digi--notification-alert--icon--color--success:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--success:var(--digi--color--background--sentiment--success--primary);--digi--notification-alert--border--warning:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--warning);--digi--notification-alert--icon--color--warning:var(--digi--color--icon--primary-anti-reverse);--digi--notification-alert--icon--background--warning:var(--digi--color--background--sentiment--warning--primary);--digi--notification-alert--border--danger:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--error);--digi--notification-alert--icon--color--danger:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--danger:var(--digi--color--background--sentiment--error--primary)}.sc-digi-notification-alert-h .digi-notification-alert.sc-digi-notification-alert{position:relative;max-width:var(--MAX-WIDTH)}.sc-digi-notification-alert-h .digi-notification-alert--variation-info.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--informative);--ICON--COLOR:var(--digi--notification-alert--icon--color--informative);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--informative)}.sc-digi-notification-alert-h .digi-notification-alert--variation-success.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--success);--ICON--COLOR:var(--digi--notification-alert--icon--color--success);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--success)}.sc-digi-notification-alert-h .digi-notification-alert--variation-danger.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--danger);--ICON--COLOR:var(--digi--notification-alert--icon--color--danger);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--danger)}.sc-digi-notification-alert-h .digi-notification-alert--variation-warning.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--warning);--ICON--COLOR:var(--digi--notification-alert--icon--color--warning);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--warning)}.sc-digi-notification-alert-h .digi-notification-alert--size-large.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--large);--ICON--PADDING:var(--digi--notification-alert--icon--padding--large);--ICON--WIDTH:var(--digi--notification-alert--icon--width--large)}.sc-digi-notification-alert-h .digi-notification-alert--size-medium.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--medium);--ICON--PADDING:var(--digi--notification-alert--icon--padding--medium);--ICON--WIDTH:var(--digi--notification-alert--icon--width--medium)}.sc-digi-notification-alert-h .digi-notification-alert--size-small.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--small);--ICON--PADDING:var(--digi--notification-alert--icon--padding--small);--ICON--WIDTH:var(--digi--notification-alert--icon--width--small)}.sc-digi-notification-alert-h .digi-notification-alert--size-small.sc-digi-notification-alert .digi-notification-alert__close-button__text.sc-digi-notification-alert{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-notification-alert-h .digi-notification-alert--closeable.sc-digi-notification-alert .digi-notification-alert__wrapper.sc-digi-notification-alert{display:flex;justify-content:space-between;flex-direction:row-reverse}.sc-digi-notification-alert-h .digi-notification-alert--closeable.sc-digi-notification-alert .digi-notification-alert__text.sc-digi-notification-alert{padding-right:0}.sc-digi-notification-alert-h .digi-notification-alert__layout.sc-digi-notification-alert{display:flex;align-items:stretch;gap:0}.sc-digi-notification-alert-h .digi-notification-alert__icon-wrapper.sc-digi-notification-alert{align-items:stretch}.sc-digi-notification-alert-h .digi-notification-alert__icon.sc-digi-notification-alert{background:var(--ICON--BACKGROUND);padding:var(--ICON--PADDING);display:flex;align-items:center;justify-content:center;height:100%;box-sizing:border-box}.sc-digi-notification-alert-h .digi-notification-alert__icon.sc-digi-notification-alert>*.sc-digi-notification-alert{--digi--icon--width:var(--ICON--WIDTH);--digi--icon--color:var(--ICON--COLOR)}.sc-digi-notification-alert-h .digi-notification-alert__main-wrapper.sc-digi-notification-alert{flex:1}.sc-digi-notification-alert-h .digi-notification-alert__wrapper.sc-digi-notification-alert{display:flex;border:var(--BORDER);background-color:var(--digi--color--background--primary);border-left:none;height:100%;box-sizing:border-box}.sc-digi-notification-alert-h .digi-notification-alert__text.sc-digi-notification-alert{padding:var(--digi--gutter--largest)}.sc-digi-notification-alert-h .digi-notification-alert__close-button.sc-digi-notification-alert{--digi--button--color--function:var(--digi--color--text--primary);--digi--button--color--function--hover:var(--digi--color--text--primary)}@media screen and (max-width: 36rem){.sc-digi-notification-alert-h .digi-notification-alert__close-button__text.sc-digi-notification-alert{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}}.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--notification-alert--heading--font-size);font-weight:var(--digi--notification-alert--heading--font-weight);color:var(--digi--color--text--primary);margin:0;display:block}@media (min-width: 61.9375rem){.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert{font-size:var(--digi--notification-alert--heading--font-size--large)}}.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert:focus{outline:none}.sc-digi-notification-alert-h .digi-notification-alert__content.sc-digi-notification-alert>*.sc-digi-notification-alert{--digi--typography--max-width:var(--MAX-WIDTH);--digi--typography--margin-top--text:var(--digi--gutter--small)}`;
-
-const NotificationAlert = /*@__PURE__*/ proxyCustomElement(class NotificationAlert extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.afOnClose = createEvent(this, "afOnClose", 7);
-        this.afOnReady = createEvent(this, "afOnReady", 3);
-        this.listItems = [];
-        /**
-         * Sätter rubrikens vikt. 'h2' är förvalt.
-         * @en Set heading level. Default is 'h2'
-         */
-        this.afHeadingLevel = NotificationAlertHeadingLevel.H2;
-        /**
-         * Sätter storlek. Kan vara 'small', 'medium' eller 'large'.
-         * @en Set size of alert notification. Can be 'small', 'medium' or 'large'.
-         */
-        this.afSize = NotificationAlertSize.LARGE;
-        /**
-         * Sätter variant. Kan vara 'info', 'success', 'warning' eller 'danger'.
-         * @en Set variation of alert notification. Can be 'info', 'success', 'warning' or 'danger'.
-         */
-        this.afVariation = NotificationAlertVariation.INFO;
-        /**
-         * Gör det möjligt att stänga meddelandet med en stängknapp
-         * @en If true, the close button is added to the component
-         */
-        this.afCloseable = false;
-        /**
-         * Stängknappens attribut 'aria-label'
-         * @en Close button aria-label attribute
-         */
-        this.afCloseAriaLabel = 'Stäng meddelandet';
-        /**
-         * Sätter attributet 'id'. Ges inget värde så genereras ett slumpmässigt.
-         * @en Label id attribute. Defaults to random string.
-         */
-        this.afId = randomIdGenerator('digi-notification-alert');
-    }
-    /**
-     * Hämtar en referens till rubrikelementet. Bra för att t.ex. sätta fokus programmatiskt.
-     * @en Returns a reference to the heading element. Handy for setting focus programmatically.
-     */
-    async afMGetHeadingElement() {
-        return this._heading;
-    }
-    clickHandler(e) {
-        this.afOnClose.emit(e);
-    }
-    componentDidLoad() {
-        this.afOnReady.emit();
-    }
-    get cssModifiers() {
-        return {
-            [`digi-notification-alert--size-${this.afSize}`]: !!this.afSize,
-            [`digi-notification-alert--variation-${this.afVariation}`]: !!this.afVariation,
-            'digi-notification-alert--closeable': this.afCloseable
-        };
-    }
-    get icon() {
-        switch (this.afVariation) {
-            case NotificationAlertVariation.SUCCESS:
-                return h("digi-icon-notification-succes", null);
-            case NotificationAlertVariation.WARNING:
-                return h("digi-icon-notification-warning", null);
-            case NotificationAlertVariation.DANGER:
-                return h("digi-icon-notification-error", null);
-            default:
-                return h("digi-icon-notification-info", null);
-        }
-    }
-    render() {
-        return (h("div", { key: 'e9c33c8222ce054bcdc1b141db14866d9b89ecd9', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: '5b59755e76b1db768893d2ae1dd3a6464d9196d2', class: "digi-notification-alert__layout" }, h("div", { key: 'e5192f1f296ffda37073b56c2c47cc781e335a33', class: "digi-notification-alert__icon-wrapper" }, h("div", { key: '993666de4ead30c1d2d75929a68d2a643e01492a', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: '143a7eecab2e3198bd7924a550b1ec444ca3937d', class: "digi-notification-alert__main-wrapper" }, h("div", { key: 'a988da065fb2d6216854f8d8f2391cc83e351e9f', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: '7fda73c1dc32aea0e5fe2b9a995e63e9a81fb4be', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: '480a4125eec9f716e78b835b80075d3868741ea2', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '052a98995237ee1a11308a9e62cc1b5347947250', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: '4422aae9ad63def26aa9f5b2ccfa553221dfb42e', class: "digi-notification-alert__text" }, this.afHeading &&
-            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '514b2590485322f652b0f7b26e004cd4ef4cfa28', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: '27063b6baf0c530ae3f78a2e1e03cf6186ec3b52', class: "digi-notification-alert__content" }, h("digi-typography", { key: '2e3ae0ffbcf8b7b30e9cdd1f6a862a667c13b782', "af-variation": TypographyVariation.SMALL }, h("slot", { key: '54ef95fa87914391bcb64fa2c86c52edc753f5b1' })))))))));
-    }
-    get hostElement() { return this; }
-    static get style() { return notificationAlertCss(); }
-}, [262, "digi-notification-alert", {
-        "afHeading": [1, "af-heading"],
-        "afHeadingLevel": [1, "af-heading-level"],
-        "afSize": [1, "af-size"],
-        "afVariation": [1, "af-variation"],
-        "afCloseable": [4, "af-closeable"],
-        "afCloseAriaLabel": [1, "af-close-aria-label"],
-        "afId": [1, "af-id"],
-        "afMGetHeadingElement": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-notification-alert", "digi-button", "digi-icon-notification-error", "digi-icon-notification-info", "digi-icon-notification-succes", "digi-icon-notification-warning", "digi-icon-x", "digi-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-notification-alert":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), NotificationAlert);
-            }
-            break;
-        case "digi-button":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$7();
-            }
-            break;
-        case "digi-icon-notification-error":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$6();
-            }
-            break;
-        case "digi-icon-notification-info":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$5();
-            }
-            break;
-        case "digi-icon-notification-succes":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "digi-icon-notification-warning":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "digi-icon-x":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "digi-typography":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { NotificationAlert as N, defineCustomElement as d };

package/components/p-DrBrWBJQ.js

@@ -1,48 +0,0 @@
-import { p as proxyCustomElement, H, h, t as transformTag } from './p-Cutmptn8.js';
-import { r as randomIdGenerator } from './p-BGaIliX6.js';
-
-const iconTrashCss = () => `.sc-digi-icon-trash-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-trash-h svg.sc-digi-icon-trash{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 Icontrash = /*@__PURE__*/ proxyCustomElement(class Icontrash 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: 'f0b09d9c4e672fb45a52f066d73bbdd8c5fa868c', class: "digi-icon-trash", width: "48", height: "48", viewBox: "0 0 48 48", "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: 'a1c4059e0ab0036eafa09e54b080f554d78baccd', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '5445aac5be037bae2955c66d2286affb57d767cb' }, this.afDesc), h("path", { key: 'b29b852f58cc0e8835ea2bc1e75d4bc175a6a763', class: "digi-icon-trash__shape", d: "M28.3065836,39.0000003 L30.4710557,39.0000003 C31.0687581,39.0000003 31.5532917,38.4963197 31.5532917,37.8749994 L31.5532917,17.6250003 C31.5532917,17.00368 31.0687581,16.5000003 30.4710557,16.5000003 L28.3065836,16.5000003 C27.7088812,16.5000003 27.2243476,17.00368 27.2243476,17.6250003 L27.2243476,37.8749994 C27.2243476,38.4963197 27.7088812,39.0000003 28.3065836,39.0000003 Z M43.0971425,7.50000051 L35.6648867,7.50000051 L32.5985513,2.18437593 C31.8157803,0.828519874 30.4058526,-0.000752023508 28.884678,5.11738477e-07 L19.7920918,5.11738477e-07 C18.2715602,5.11738477e-07 16.8624625,0.829093174 16.0800223,2.18437593 L13.0118832,7.50000051 L5.57962735,7.50000051 C4.78269076,7.50000051 4.136646,8.17157355 4.136646,9.00000051 L4.136646,10.5000005 C4.136646,11.3284277 4.78269076,12.0000005 5.57962735,12.0000005 L7.0226087,12.0000005 L7.0226087,43.5000005 C7.0226087,45.9852804 8.96074297,48.0000005 11.3515528,48.0000005 L37.3252171,48.0000005 C39.7160269,48.0000005 41.6541611,45.9852804 41.6541611,43.5000005 L41.6541611,12.0000005 L43.0971425,12.0000005 C43.8940791,12.0000005 44.5401238,11.3284277 44.5401238,10.5000005 L44.5401238,9.00000051 C44.5401238,8.17157355 43.8940791,7.50000051 43.0971425,7.50000051 Z M19.6342657,4.77281332 C19.7323744,4.60306234 19.9091243,4.49944487 20.0996272,4.49999861 L28.5771426,4.49999861 C28.7673243,4.49977491 28.9436588,4.60334956 29.0416023,4.77281332 L30.6162557,7.49999861 L18.0605142,7.49999861 L19.6342657,4.77281332 Z M37.3252171,43.5000005 L11.3515528,43.5000005 L11.3515528,12.0000005 L37.3252171,12.0000005 L37.3252171,43.5000005 Z M18.2057142,39.0000003 L20.3701862,39.0000003 C20.9678886,39.0000003 21.4524222,38.4963197 21.4524222,37.8749994 L21.4524222,17.6250003 C21.4524222,17.00368 20.9678886,16.5000003 20.3701862,16.5000003 L18.2057142,16.5000003 C17.6080117,16.5000003 17.1234782,17.00368 17.1234782,17.6250003 L17.1234782,37.8749994 C17.1234782,38.4963197 17.6080117,39.0000003 18.2057142,39.0000003 Z", fill: "currentColor", "fill-rule": "nonzero" })));
-    }
-    static get style() { return iconTrashCss(); }
-}, [2, "digi-icon-trash", {
-        "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-trash"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-trash":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), Icontrash);
-            }
-            break;
-    } });
-}
-
-export { Icontrash as I, defineCustomElement as d };