@designsystem-se/af 35.2.1-beta.0 → 35.2.1-beta.2

package/dist/cjs/digi-dialog.cjs.entry.js

@@ -3,33 +3,34 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-81fc5a97.js');
-const typographyVariation_enum = require('./typography-variation.enum-d803f3a6.js');
+const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
 const codeExampleVariation_enum = require('./code-example-variation.enum-1611825e.js');
-require('./form-input-search-variation.enum-e0e025b1.js');
+require('./form-input-type.enum-1fb2180a.js');
 const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
 require('./code-variation.enum-c4a4e6fd.js');
+require('./expandable-accordion-header-level.enum-45483252.js');
+require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-type.enum-9c8ee12a.js');
-require('./form-input-variation.enum-c750520c.js');
-require('./form-select-variation.enum-528c1bf0.js');
+require('./form-validation-message-variation.enum-c5ec3e2d.js');
+require('./form-radiogroup-validation.enum-03a17d4d.js');
 require('./form-textarea-variation.enum-9c90d40f.js');
-require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
+require('./layout-container-max-width.enum-7e637f44.js');
 require('./layout-block-variation.enum-f6102119.js');
 require('./layout-columns-variation.enum-65675649.js');
 require('./link-button-variation.enum-137785e3.js');
 require('./list-type.enum-aea4d012.js');
 require('./loader-skeleton-variation.enum-d52ba55e.js');
 require('./loader-spinner-size.enum-db2973f0.js');
+require('./logo-variation.enum-607fadb4.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
@@ -44,6 +45,7 @@ require('./tag-size.enum-387c516c.js');
 require('./tools-feedback-banner-type.enum-de373ba0.js');
 require('./tools-feedback-rating-variation.enum-2f71e84d.js');
 require('./tools-theme-provider.brand.enum-bc855272.js');
+require('./typography-heading-jumbo-variation.enum-8677e099.js');
 require('./typography-meta-variation.enum-13ac3538.js');
 require('./typography-time-variation.enum-bce1d87e.js');
 require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
@@ -277,11 +279,11 @@ const Dialog = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'b6fa143b71709908623eda3f8fda037f523a4f90', ref: (el) => {
+        return (index.h(index.Host, { key: '1042565e08a72c9512c65764bbfe543f12ab9930', ref: (el) => {
                 this._host = el;
-            } }, this.afShowDialog && (index.h("div", { key: '46ae05735ed8f54c75a82b5cc5e23effae77e745', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, index.h("digi-util-keydown-handler", { key: '0740b3466fc4a3ac52bfe0a3d5d58fe2399c4474', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, index.h("div", { key: 'd6da8ca0633774200dff4ade8fb170f2fd19b6b9', ref: (el) => {
+            } }, this.afShowDialog && (index.h("div", { key: '19cd13160ff92c02c838a6e6418aa0f41eb382d9', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, index.h("digi-util-keydown-handler", { key: '197bc7df564a9510bd4c3723e0cf7c0dcd518467', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, index.h("div", { key: '8dee3b4c1df6bbb3760f4b764e8a0833a34fa538', ref: (el) => {
                 this._wrapper = el;
-            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, index.h("digi-typography", { key: 'e5532e07a112ba5cadc4f4ee012c7c0b1ebc7eac' }, this.afCloseButtonText && (index.h("digi-button", { key: 'e52c53a254adfca3c0e7d22500f381877feb798d', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: codeExampleVariation_enum.ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, index.h("digi-icon-x", { key: '78b867c769a5f170a7b09270f0a466358febd0df', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), index.h("slot", { key: '20b204bea4212367ed6202e73185ee0f63ab85f3', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (index.h(this.afHeadingLevel, { key: '20b227dc35ebe307589e097cb64bcd7c47913729', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), index.h("slot", { key: '2c5f707d8a5db9957a252e1a6a454824521b6541' }), index.h("div", { key: '167c44e5b9827f66b9355180d6af6a9fc8f783ad', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (index.h("digi-button", { key: 'bca5ce02a71c2c4b43ec7eaebcc70016c5ea1d98', ref: (el) => (this._secondaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (index.h("digi-button", { key: '1208655a175f323aa4bff70b0cf8daa28e2f3e86', ref: (el) => (this._primaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
+            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, index.h("digi-typography", { key: '9f91050295a0af97898292c5bd088004160e022d' }, this.afCloseButtonText && (index.h("digi-button", { key: '404f184d925acda67f90220589847fc25541b165', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: codeExampleVariation_enum.ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, index.h("digi-icon-x", { key: 'c997126d5b43ee4243f3232bd1197f83e714f6c9', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), index.h("slot", { key: '55ae410a6893d354ed827ee29cd056740132f599', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (index.h(this.afHeadingLevel, { key: '416e7678abc6be26ab0e0571c0b73c91eb04b65f', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), index.h("slot", { key: '1e27a7c8709f8b8374c221ef4e47b19202e2068c' }), index.h("div", { key: '6446138b88ab4e38193208d346c9a21300033f09', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (index.h("digi-button", { key: 'ad5045a4a6949a9f9bb7d6ab199a34aea12b7950', ref: (el) => (this._secondaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (index.h("digi-button", { key: 'c03997ae763eeaa8f7047d909dcf668394618e83', ref: (el) => (this._primaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-expandable-accordion.cjs.entry.js

@@ -0,0 +1,95 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-81fc5a97.js');
+const text = require('./text-65b1b58c.js');
+const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
+const expandableAccordionHeaderLevel_enum = require('./expandable-accordion-header-level.enum-45483252.js');
+
+const expandableAccordionCss = ".sc-digi-expandable-accordion-h{--digi--expandable-accordion--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all;--digi--expandable-accordion--header--font-size:var(--digi--typography--accordion--font-size--desktop);--digi--expandable-accordion--header--font-size--small:var(--digi--typography--accordion--font-size--mobile);--digi--expandable-accordion--header--font-weight:var(--digi--typography--accordion--font-weight--desktop);--digi--expandable-accordion--icon--size:0.875rem;--digi--expandable-accordion--icon--margin-right:var(--digi--margin--medium);--digi--expandable-accordion--border-bottom-width:var(--digi--border-width--secondary);--digi--expandable-accordion--border-bottom-color:var(--digi--color--divider--cta);--digi--expandable-accordion--content--padding:var(--digi--padding--medium) 0;--digi--expandable-accordion--content--transition:ease-in-out var(--digi--animation--duration--base) height;display:block}.sc-digi-expandable-accordion-h .digi-expandable-accordion.sc-digi-expandable-accordion::after{content:\"\";display:block;max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid;margin-top:calc(var(--digi--expandable-accordion--border-bottom-width) * -1)}.sc-digi-expandable-accordion-h .digi-expandable-accordion--fullwidth.sc-digi-expandable-accordion::after{content:\"\";display:block;max-width:none;border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-style:solid;margin-top:calc(var(--digi--expandable-accordion--border-bottom-width) * -1)}.digi-expandable-accordion__header.sc-digi-expandable-accordion{display:flex;align-items:center}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__header.sc-digi-expandable-accordion{max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid}.digi-expandable-accordion--fullwidth.sc-digi-expandable-accordion .digi-expandable-accordion__header.sc-digi-expandable-accordion{max-width:none}.digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--header--toggle-icon--transition)}.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transform:rotate(-180deg)}.digi-expandable-accordion__heading.sc-digi-expandable-accordion{margin:0;flex:1}.digi-expandable-accordion__heading-text.sc-digi-expandable-accordion{max-width:var(--digi--paragraph-width--medium)}.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--expandable-accordion--header--font-size--small);font-weight:var(--digi--expandable-accordion--header--font-weight);width:100%;display:flex;gap:var(--digi--expandable-accordion--icon--margin-right);align-items:center;text-align:start;cursor:pointer;border:none}@media (min-width: 48rem){.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-size:var(--digi--expandable-accordion--header--font-size)}}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{color:var(--digi--color--text--primary);background-color:transparent;padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:hover{text-decoration:underline}.digi-expandable-accordion--fullwidth.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{max-width:none}.digi-expandable-accordion__content.sc-digi-expandable-accordion{overflow-y:hidden}.digi-expandable-accordion--expanded-false.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{height:0}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion>div.sc-digi-expandable-accordion{padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.digi-expandable-accordion--animation-true.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--content--transition)}.digi-expandable-accordion__toggle-inside.sc-digi-expandable-accordion{text-align:center;--digi--button--color--background--function--hover:var(--digi--color--background--primary)}@keyframes heightAnim{from{height:0%}to{height:100%}}";
+const DigiExpandableAccordionStyle0 = expandableAccordionCss;
+
+const ExpandableAccordion = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnClick = index.createEvent(this, "afOnClick", 7);
+        this.afHeading = undefined;
+        this.afHeadingLevel = expandableAccordionHeaderLevel_enum.ExpandableAccordionHeaderLevel.H2;
+        this.afFullWidth = false;
+        this.afExpanded = false;
+        this.afAnimation = true;
+        this.afId = randomIdGenerator_util.randomIdGenerator('digi-expandable-accordion');
+        this.afExpandText = text._t.show;
+        this.afCollapseText = text._t.hide;
+    }
+    get cssModifiers() {
+        return {
+            [`digi-expandable-accordion--expanded-${!!this.afExpanded}`]: true,
+            [`digi-expandable-accordion--animation-${!!this.afAnimation}`]: true,
+            [`digi-expandable-accordion--variation-primary`]: true,
+            [`digi-expandable-accordion--fullwidth`]: this.afFullWidth
+        };
+    }
+    /**
+     * Hämtar en höjden till innehållet i Utfällbar yta och animera innehållet.
+     * @en Gets a height to the content for expandable and animate the content.
+     */
+    componentDidLoad() {
+        const content = this.hostElement.children[0].querySelector(`#${this.afId}-content`);
+        if (!this.afExpanded) {
+            content.setAttribute('style', 'visibility: hidden;');
+        }
+        else {
+            content.setAttribute('style', 'height: auto;');
+        }
+        content.addEventListener('transitionend', () => {
+            if (!this.afExpanded) {
+                content.setAttribute('style', 'visibility: hidden;  height: ' + 0 + 'px');
+            }
+            else
+                content.setAttribute('style', 'height: auto');
+        });
+    }
+    animateContentHeight() {
+        const content = this.hostElement.children[0].querySelector(`#${this.afId}-content`);
+        const sectionHeight = content.firstElementChild
+            .offsetHeight;
+        if (!this.afExpanded && content.style.height === 'auto') {
+            content.setAttribute('style', 'height: ' + sectionHeight + 'px');
+            setTimeout(() => {
+                content.setAttribute('style', 'height: 0');
+            });
+            return;
+        }
+        if (this.afExpanded) {
+            content.setAttribute('style', 'visibility: visible; height:' + sectionHeight + 'px');
+            if (!this.afAnimation) {
+                setTimeout(() => {
+                    content.setAttribute('style', 'height: auto');
+                });
+            }
+        }
+        else {
+            content.setAttribute('style', 'height: ' + 0 + 'px');
+        }
+    }
+    clickToggleHandler(e, resetFocus = false) {
+        e.preventDefault();
+        this.afExpanded = !this.afExpanded;
+        if (resetFocus) {
+            this._button.focus();
+        }
+        this.afOnClick.emit(e);
+    }
+    render() {
+        return (index.h("article", { key: '336241503377b02740b45d89667bbc54b1b35ed0', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, index.h("header", { key: '7c6bed5fec11cb270498e60b9f8ae5590224f1d0', class: "digi-expandable-accordion__header" }, index.h(this.afHeadingLevel, { key: '3987d2afeed73945dcbcaa7e7dead17d18c88aa1', class: "digi-expandable-accordion__heading" }, index.h("button", { key: '82e91f6e4ca556f0de5dbd4916c9bc3d4c3e1a42', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, index.h("digi-icon-chevron-down", { key: 'd3100e528c4f93c03ae693c45f5a885d415e8f07', class: "digi-expandable-accordion__toggle-icon" }), index.h("div", { key: '1743582efce077cfedca361a3aa7c0b11e637c48', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), index.h("section", { key: '95fa885be60518b90364f9416074746fc9d5dfaa', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, index.h("div", { key: 'dd1bfbdc18dfbc0418747883ab5fda8235f91ddc' }, index.h("digi-typography", { key: 'd4fa43c03b777bf0734a7dab2457716e201e160c' }, index.h("slot", { key: '37e15ae8fbdb33bff41b4e37729f1d3efdf769c6' }))))));
+    }
+    get hostElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "afExpanded": ["animateContentHeight"]
+    }; }
+};
+ExpandableAccordion.style = DigiExpandableAccordionStyle0;
+
+exports.digi_expandable_accordion = ExpandableAccordion;

package/dist/cjs/digi-expandable-faq-item.cjs.entry.js

@@ -0,0 +1,97 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-81fc5a97.js');
+const expandableFaqItemVariation_enum = require('./expandable-faq-item-variation.enum-89427195.js');
+const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
+
+const expandableFaqItemCss = ".sc-digi-expandable-faq-item-h{--digi--expandable-faq-item--header--background-color--primary:var(--digi--color--background--pop-out);--digi--expandable-faq-item--header--background-color--secondary:var(--digi--color--background--secondary);--digi--expandable-faq-item--header--background-color--tertiary:var(--digi--color--background--primary);--digi--expandable-faq-item--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all;--digi--expandable-faq-item--content--transition:ease-in-out var(--digi--animation--duration--base) height;--digi--expandable-faq-item--icon--size:0.875rem;--digi--expandable-faq-item--icon--margin-right:var(--digi--margin--medium);--digi--expandable-faq-item--header--font-size:var(--digi--typography--preamble--font-size--desktop);--digi--expandable-faq-item--header--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--expandable-faq-item--border-width:var(--digi--border-width--secondary);--digi--expandable-faq-item--border-bottom-width:var(--digi--border-width--secondary);--digi--expandable-faq-item--content--padding:var(--digi--gutter--largest-2);display:block}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item.sc-digi-expandable-faq-item{margin-bottom:var(--digi--global--spacing--smallest-4);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--primary.sc-digi-expandable-faq-item{--BACKGROUND:var(--digi--expandable-faq-item--header--background-color--primary)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--secondary.sc-digi-expandable-faq-item{--BACKGROUND:var(--digi--expandable-faq-item--header--background-color--secondary)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--tertiary.sc-digi-expandable-faq-item{--BACKGROUND:var(--digi--expandable-faq-item--header--background-color--tertiary)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--expanded.sc-digi-expandable-faq-item{border-bottom-color:var(--BACKGROUND)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item{background-color:var(--BACKGROUND);width:100%;max-width:calc(var(--digi--paragraph-width--medium) + var(--digi--padding--largest-2))}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item .digi-expandable-faq-item--fullwidth.sc-digi-expandable-faq-item{max-width:none}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header-text.sc-digi-expandable-faq-item{max-width:var(--digi--paragraph-width--medium)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h1.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h2.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h3.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h4.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h5.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h6.sc-digi-expandable-faq-item{margin:0}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon.sc-digi-expandable-faq-item{margin-right:var(--digi--expandable-faq-item--icon--margin-right);transition:var(--digi--expandable-faq-item--header--toggle-icon--transition)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon--expanded.sc-digi-expandable-faq-item{transform:rotate(-180deg)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon.sc-digi-expandable-faq-item-s>[slot^=icon],.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon .sc-digi-expandable-faq-item-s>[slot^=icon]{--digi--icon--width:var(--digi--expandable-faq-item--icon--size);--digi--icon--height:var(--digi--expandable-faq-item--icon--size)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--fullwidth.sc-digi-expandable-faq-item .digi-expandable-faq-item__header.sc-digi-expandable-faq-item{max-width:none}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__button.sc-digi-expandable-faq-item{color:var(--digi--color--text--primary);background-color:var(--BACKGROUND);border:none;border-radius:0;padding:var(--digi--expandable-faq-item--content--padding);font-size:var(--digi--expandable-faq-item--header--font-size);font-weight:var(--digi--expandable-faq-item--header--font-weight);width:100%;display:flex;align-items:center;text-align:left;cursor:pointer;font-family:var(--digi--global--typography--font-family--default)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__button.sc-digi-expandable-faq-item:hover{text-decoration:underline}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__button.sc-digi-expandable-faq-item:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content.sc-digi-expandable-faq-item{overflow-y:hidden}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content.sc-digi-expandable-faq-item>div.sc-digi-expandable-faq-item{padding:var(--digi--expandable-faq-item--content--padding);box-sizing:border-box;max-width:var(--digi--paragraph-width--medium)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content--animation.sc-digi-expandable-faq-item{transition:var(--digi--expandable-faq-item--content--transition)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content--hidden.sc-digi-expandable-faq-item{height:0}";
+const DigiExpandableFaqItemStyle0 = expandableFaqItemCss;
+
+const ExpandableFaqItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnClick = index.createEvent(this, "afOnClick", 7);
+        this.afHeading = undefined;
+        this.afHeadingLevel = expandableFaqItemVariation_enum.ExpandableFaqItemHeadingLevel.H3;
+        this.afFullWidth = false;
+        this.afExpanded = false;
+        this.afVariation = expandableFaqItemVariation_enum.ExpandableFaqItemVariation.PRIMARY;
+        this.afAnimation = true;
+        this.afId = randomIdGenerator_util.randomIdGenerator('digi-expandable-faq-item');
+    }
+    get cssModifiers() {
+        return {
+            'digi-expandable-faq-item--expanded': this.afExpanded,
+            'digi-expandable-faq-item--fullwidth': this.afFullWidth,
+            'digi-expandable-faq-item--primary': this.afVariation === expandableFaqItemVariation_enum.ExpandableFaqItemVariation.PRIMARY,
+            'digi-expandable-faq-item--secondary': this.afVariation === expandableFaqItemVariation_enum.ExpandableFaqItemVariation.SECONDARY,
+            'digi-expandable-faq-item--tertiary': this.afVariation === expandableFaqItemVariation_enum.ExpandableFaqItemVariation.TERTIARY
+        };
+    }
+    /**
+     * Hämtar en höjden till innehållet i vanliga frågor och svar och animera innehållet.
+     * @en Gets a height to the content for FAQ and animate the content.
+     */
+    componentDidLoad() {
+        const content = this.hostElement.children[0].querySelector(`#${this.afId}-content`);
+        if (!this.afExpanded) {
+            content.setAttribute('style', 'visibility: hidden;');
+        }
+        else {
+            content.setAttribute('style', 'height: auto;');
+        }
+        content.addEventListener('transitionend', () => {
+            if (!this.afExpanded) {
+                content.setAttribute('style', 'visibility: hidden;  height: ' + 0 + 'px');
+            }
+            else
+                content.setAttribute('style', 'height: auto');
+        });
+    }
+    animateContentHeight() {
+        const content = this.hostElement.children[0].querySelector(`#${this.afId}-content`);
+        const sectionHeight = content.firstElementChild
+            .offsetHeight;
+        if (!this.afExpanded && content.style.height === 'auto') {
+            content.setAttribute('style', 'height: ' + sectionHeight + 'px');
+            setTimeout(() => {
+                content.setAttribute('style', 'height: 0');
+            });
+            return;
+        }
+        if (this.afExpanded) {
+            content.setAttribute('style', 'visibility: visible; height:' + sectionHeight + 'px');
+            if (!this.afAnimation) {
+                setTimeout(() => {
+                    content.setAttribute('style', 'height: auto');
+                });
+            }
+        }
+        else {
+            content.setAttribute('style', 'height: ' + 0 + 'px');
+        }
+    }
+    render() {
+        return (index.h("article", { key: '3dfce2bfda479c187d80fa5deddae374d1d7edb3', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, index.h("header", { key: '524c6f1da105dadd5f2604bd81076fa8bd1690fc', class: "digi-expandable-faq-item__header" }, index.h(this.afHeadingLevel, { key: '6ee1a53347a8b8473956153decb110f6acde9445' }, index.h("button", { key: '0fa62090e13384bebc03cf15aa77f8721fd124d2', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
+                e.preventDefault();
+                this.afExpanded = !this.afExpanded;
+                this.afOnClick.emit(e);
+            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, index.h("digi-icon-chevron-down", { key: '69be1e9d75cdc277e5ae2b83996e0c103cdd2376', class: {
+                'digi-expandable-faq-item__header--toggle-icon': true,
+                'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
+            } }), index.h("div", { key: 'c92307fcd4f1944aab08ea111ed4c5aa1d5e760a', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), index.h("section", { key: '6cb3a8c6fa81af441ba1eca78f509c5cf78f016b', class: {
+                'digi-expandable-faq-item__content': true,
+                'digi-expandable-faq-item__content--animation': this.afAnimation,
+                'digi-expandable-faq-item__content--hidden': !this.afExpanded
+            }, id: `${this.afId}-content` }, index.h("div", { key: '7a2f0e4af70d934eeb9c745b0c64fe027b304f57' }, index.h("digi-typography", { key: '5f2690d5a2f22e6e0f992c28d28fd2b17ccd48d0' }, index.h("slot", { key: 'eb97626ba3321a57f1c547197bbd33ab796be28f' }))))));
+    }
+    get hostElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "afExpanded": ["animateContentHeight"]
+    }; }
+};
+ExpandableFaqItem.style = DigiExpandableFaqItemStyle0;
+
+exports.digi_expandable_faq_item = ExpandableFaqItem;

package/dist/cjs/digi-expandable-faq.cjs.entry.js

@@ -53,9 +53,9 @@ const ExpandableFaq = class {
             });
     }
     render() {
-        return (index.h("div", { key: 'd1351ff9e840ef3f2a93db7724ba5808fef5ebe3', class: {
+        return (index.h("div", { key: '1f3dcc55e6e60e2624a647817174a2dd1f8574e6', class: {
                 'digi-expandable-faq': true
-            } }, index.h(this.afHeadingLevel, { key: '62ab39883256fa2b7544eb747497a19280e57909' }, this.afHeading), index.h("slot", { key: 'd72a84f027f5abb9dd32547606704c36f299759b' })));
+            } }, index.h(this.afHeadingLevel, { key: 'b557cac87e08ff794989dc92d9e7c405859707f1' }, this.afHeading), index.h("slot", { key: '694f4df0a65c40eae1e4e260fad27377f31fd31d' })));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-footer-card.cjs.entry.js

@@ -20,7 +20,7 @@ const FooterFooterCard = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'fa225634df0c6414c3949ba2e6828b7fc389d2df' }, index.h("div", { key: 'f1e422f341731f92616b787727fac43e806e95d4', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, index.h("div", { key: '63c5b87358d98b2f4be80d59780d8cc2f315a102', class: "digi-footer-card__content" }, index.h("slot", { key: '246e9b9cd9b60eb9cc1b1f5bb0b81425ce0b863e' })))));
+        return (index.h(index.Host, { key: '23a8c846f34617431940dbee7a45fe7df8215379' }, index.h("div", { key: '37bb961c71d120ac08e5c6ea56b49519ad84ea1b', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, index.h("div", { key: '253fb91e4a869d2bbaaee40b79bd9154330bf054', class: "digi-footer-card__content" }, index.h("slot", { key: 'c92407e7c27c528b34081dfa10705cc073016ff7' })))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-footer.cjs.entry.js

@@ -3,32 +3,33 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-81fc5a97.js');
-const typographyVariation_enum = require('./typography-variation.enum-d803f3a6.js');
+const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
 require('./code-example-variation.enum-1611825e.js');
-require('./form-input-search-variation.enum-e0e025b1.js');
+require('./form-input-type.enum-1fb2180a.js');
 require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
 require('./code-variation.enum-c4a4e6fd.js');
+require('./expandable-accordion-header-level.enum-45483252.js');
+require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-type.enum-9c8ee12a.js');
-require('./form-input-variation.enum-c750520c.js');
-require('./form-select-variation.enum-528c1bf0.js');
+require('./form-validation-message-variation.enum-c5ec3e2d.js');
+require('./form-radiogroup-validation.enum-03a17d4d.js');
 require('./form-textarea-variation.enum-9c90d40f.js');
-require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
+require('./layout-container-max-width.enum-7e637f44.js');
 const layoutBlockVariation_enum = require('./layout-block-variation.enum-f6102119.js');
 require('./layout-columns-variation.enum-65675649.js');
 require('./link-button-variation.enum-137785e3.js');
 require('./list-type.enum-aea4d012.js');
 require('./loader-skeleton-variation.enum-d52ba55e.js');
 require('./loader-spinner-size.enum-db2973f0.js');
+require('./logo-variation.enum-607fadb4.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
@@ -43,6 +44,7 @@ require('./tag-size.enum-387c516c.js');
 require('./tools-feedback-banner-type.enum-de373ba0.js');
 require('./tools-feedback-rating-variation.enum-2f71e84d.js');
 require('./tools-theme-provider.brand.enum-bc855272.js');
+require('./typography-heading-jumbo-variation.enum-8677e099.js');
 require('./typography-meta-variation.enum-13ac3538.js');
 require('./typography-time-variation.enum-bce1d87e.js');
 require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
@@ -61,7 +63,7 @@ const FooterFooter = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'ee4ea5865121a24c3c7101bfa8c05c2eb3435dd1' }, index.h("footer", { key: 'ce6d22b1e0e6cf7162618c74e55a0cbc87e88e15', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, index.h("digi-typography", { key: '61d27159721343567f14badad6a856567b85448a' }, index.h("digi-layout-block", { key: '968df18f78b11b490b7e3ec2b2a474b47e18121f', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.PROFILE }, index.h("digi-layout-container", { key: '5a4b6b077e9778e8bc79f2607759e62c07f454f6', "af-no-gutter": true }, index.h("div", { key: '69d9448d50f5cf564e0c971da28f9cb1fa2321ea', class: "digi-footer__content-top" }, index.h("slot", { key: '5019f2a0590db884fe8aa7c6a2e8e97c30b067a1', name: "content-top" })), index.h("div", { key: '684f69689e98ca66403d1bd52ed36d4007024009', class: "digi-footer__content-bottom" }, index.h("slot", { key: '6a59e1787e2d9a52a83a01df7a69e84170c51975', name: "content-bottom-left" }), index.h("slot", { key: 'd3a16b9e1bd1220c252d11c0c318f1c7f7b2e0d0', name: "content-bottom-right" }))))))));
+        return (index.h(index.Host, { key: '290b5a6dc0fc87d2476f5129408c4cc44cf82f07' }, index.h("footer", { key: 'b92eeb3fa2abb7c669f23b408b286c2a30319193', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, index.h("digi-typography", { key: 'e1e13da221898cad7fad5afb0d1f91fc34a988f7' }, index.h("digi-layout-block", { key: '74fd6ce8dd79bc68580e0e562321a95d0476fa61', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.PROFILE }, index.h("digi-layout-container", { key: 'ade99551f2d30e45584c3fe6eeaabaffb8f58d19', "af-no-gutter": true }, index.h("div", { key: '2dc0db77c9a88176570d5383848a0457fb5d5f53', class: "digi-footer__content-top" }, index.h("slot", { key: 'f941248294f4ff2d21c54e00b5766fec562a363f', name: "content-top" })), index.h("div", { key: '95108dda17e5de2f6ada16853c6075c684b23f26', class: "digi-footer__content-bottom" }, index.h("slot", { key: '35758a3012b9af1ae96b1628d8d1b2197da7d6c5', name: "content-bottom-left" }), index.h("slot", { key: '9bf0ee0fdcc999a676419e579cefb8267170cb31', name: "content-bottom-right" }))))))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-form-category-filter.cjs.entry.js

@@ -99,7 +99,7 @@ const FormCategoryFilter = class {
         this.afHideToggle = !this.toggleHidden;
     }
     render() {
-        return (index.h(index.Host, { key: '3ac402f23844ae8c7dd1fd4ac3a5a5afa2ec8dc8' }, index.h("div", { key: '9afa72dd9be35e9d7bf12ef6aedf05c0c7dbc171', class: {
+        return (index.h(index.Host, { key: '1116adb138d4455a8946696bd148de4470fc8278' }, index.h("div", { key: '888f3e8c1133706105581a7a89966ef93ccad0c9', class: {
                 'digi-form-category-filter': true
             } }, this.displayCategories().map((category) => (index.h("digi-button", { class: {
                 'digi-form-category-filter--category': true,
@@ -107,7 +107,7 @@ const FormCategoryFilter = class {
             }, afVariation: "primary", afAriaPressed: this.selectedCategories.includes(category.name), onAfOnClick: () => {
                 this.toggleCategory(category);
             } }, typeof category.hits === 'undefined' && category.name, typeof category.hits !== 'undefined' && (index.h("span", null, category.name, ' ', index.h("span", { class: "digi-form-category-filter--category--thin-text" }, "(", category.hits, ")")))))), this.afHideToggle === false &&
-            this.afCategories.length > this.afVisibleCollapsed && (index.h("div", { key: '625315577e839617bfd3e6bba0af4b82e2a5ab73' }, index.h("digi-button", { key: 'bebf308e6427a4d37507b1c705e5583f7d620603', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
+            this.afCategories.length > this.afVisibleCollapsed && (index.h("div", { key: 'b717e98f7a11951d09332be733c9f42ffce092df' }, index.h("digi-button", { key: '405ae252571b1702e02db338cf0137955f1cbef6', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
                 this.toggleCollapsed();
             } }, this.collapsed ? 'Visa alla' : 'Visa färre', this.collapsed ? (index.h("digi-icon-plus", { slot: "icon", "aria-hidden": "true" })) : (index.h("digi-icon-minus", { slot: "icon", "aria-hidden": "true" }))))))));
     }

package/dist/cjs/digi-form-checkbox.cjs.entry.js

@@ -99,7 +99,7 @@ const FormCheckbox = class {
         this.afOnInput.emit(e);
     }
     render() {
-        return (index.h("div", { key: '3a4c3d66ae5b6fb5edcf3db68c0454458d0e7317', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, index.h("input", { key: '960e66ccc1aa15956b147369a829fdcd87ffacb0', class: "digi-form-checkbox__input", ref: (el) => {
+        return (index.h("div", { key: 'f6302e63cb4d0f30d68f8e0f3b7b44eeb22a6ebb', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, index.h("input", { key: 'e7080e82e7ad32381a7723bc8757363b33fced15', class: "digi-form-checkbox__input", ref: (el) => {
                 var _a;
                 this._input = el;
                 (_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
@@ -107,7 +107,7 @@ const FormCheckbox = class {
                 ? null
                 : `${this.afAriaDescribedby ? `${this.afAriaDescribedby} ` : ''}${this.afDescription ? `${this.afId}-description` : ''}`, "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === formCheckboxVariation_enum.FormCheckboxValidation.ERROR
                 ? 'true'
-                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), index.h("label", { key: '49f8b41478bf43aff3a069dcced39dadd77d56a0', htmlFor: this.afId, class: "digi-form-checkbox__label" }, index.h("span", { key: '3d15477d96fe56f8a3e75e15f24f71c4fb279da9', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (index.h("p", { key: '68ea2e81febd0d60c3209d8227eed4d0ee165db2', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription))));
+                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), index.h("label", { key: '1a37b5a3e5101e55bd2898775273694c480d1f75', htmlFor: this.afId, class: "digi-form-checkbox__label" }, index.h("span", { key: '365b594ae4056c033760c46ef10f9a64000449a2', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (index.h("p", { key: '385fea7b200f0bea0decfdadd1389084dc67303c', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-form-error-list.cjs.entry.js

@@ -4,33 +4,34 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-81fc5a97.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const typographyVariation_enum = require('./typography-variation.enum-d803f3a6.js');
+const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
 const logger_util = require('./logger.util-fdafc086.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
 require('./code-example-variation.enum-1611825e.js');
-require('./form-input-search-variation.enum-e0e025b1.js');
+require('./form-input-type.enum-1fb2180a.js');
 require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
 require('./code-variation.enum-c4a4e6fd.js');
+require('./expandable-accordion-header-level.enum-45483252.js');
+require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-type.enum-9c8ee12a.js');
-require('./form-input-variation.enum-c750520c.js');
-require('./form-select-variation.enum-528c1bf0.js');
+require('./form-validation-message-variation.enum-c5ec3e2d.js');
+require('./form-radiogroup-validation.enum-03a17d4d.js');
 require('./form-textarea-variation.enum-9c90d40f.js');
-require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
+require('./layout-container-max-width.enum-7e637f44.js');
 require('./layout-block-variation.enum-f6102119.js');
 require('./layout-columns-variation.enum-65675649.js');
 require('./link-button-variation.enum-137785e3.js');
 require('./list-type.enum-aea4d012.js');
 require('./loader-skeleton-variation.enum-d52ba55e.js');
 require('./loader-spinner-size.enum-db2973f0.js');
+require('./logo-variation.enum-607fadb4.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
@@ -45,6 +46,7 @@ require('./tag-size.enum-387c516c.js');
 require('./tools-feedback-banner-type.enum-de373ba0.js');
 require('./tools-feedback-rating-variation.enum-2f71e84d.js');
 require('./tools-theme-provider.brand.enum-bc855272.js');
+require('./typography-heading-jumbo-variation.enum-8677e099.js');
 require('./typography-meta-variation.enum-13ac3538.js');
 require('./typography-time-variation.enum-bce1d87e.js');
 require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
@@ -119,14 +121,14 @@ const FormErrorList = class {
         this.afOnClickLink.emit(e);
     }
     render() {
-        return (index.h("div", { key: 'c45799357d9c3b50ca44d7a797aea773a041875d', class: "digi-form-error-list", id: this.afId }, index.h("digi-notification-alert", { key: 'ac72c13d6b6a0635688a7e5e91a57db431d01670', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": typographyVariation_enum.NotificationAlertVariation.DANGER }, this.afDescription && (index.h("digi-typography", { key: '25a325ab334c2304a01952d7e70786e53ebbd3cc', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("p", { key: 'aacca74ef683f0ce492c0b69283833f5c3a01069', class: "digi-form-error-list__description" }, this.afDescription))), index.h("ul", { key: '77f696f3aa0da40b05f89a3ebdcfeca6c0c5f44f', class: "digi-form-error-list__list" }, this.linkItems.map((item) => {
+        return (index.h("div", { key: 'ecc98cd91365bc963b5d0e291b43b243c54698db', class: "digi-form-error-list", id: this.afId }, index.h("digi-notification-alert", { key: 'a363bfd7e50bf38fd285142734c3a215bb86c6ca', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": typographyVariation_enum.NotificationAlertVariation.DANGER }, this.afDescription && (index.h("digi-typography", { key: 'fd0f7f8fa93e73e862b388aa4255af8757de54c4', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("p", { key: '9c29318b1e724b241492550c231679c361359916', class: "digi-form-error-list__description" }, this.afDescription))), index.h("ul", { key: 'a0c5df0e7fbce606eeee8b9dea657b058295c72b', class: "digi-form-error-list__list" }, this.linkItems.map((item) => {
             return (index.h("li", { class: "digi-form-error-list__item" }, index.h("digi-link-internal", { class: "digi-form-error-list__link", afHref: item.href }, item.text)));
-        }))), index.h("div", { key: '83ac00f6c2291855e8d3b116251068d6a7bd6bdf', hidden: true, class: "digi-form-error-list__slot" }, index.h("digi-util-mutation-observer", { key: '8e3dcd6e63289fa9b134b4f8e4b5632c25531847', afOptions: {
+        }))), index.h("div", { key: 'b26ac06d2bd0dc398ac8f0b1981e7f2d172ba924', hidden: true, class: "digi-form-error-list__slot" }, index.h("digi-util-mutation-observer", { key: '338917c29c2068babda0b04ff5761c487b29e65c', afOptions: {
                 attributes: false,
                 childList: true,
                 subtree: true,
                 characterData: true
-            }, ref: (el) => (this._observer = el), onAfOnChange: () => this.getLinks() }, index.h("slot", { key: '74f36b5292a73674be3d0d866a0689c0791f6b6e' })))));
+            }, ref: (el) => (this._observer = el), onAfOnChange: () => this.getLinks() }, index.h("slot", { key: '0dcfdfe2a3349f1f62661e04eb9cfa6f89c164e5' })))));
     }
     get hostElement() { return index.getElement(this); }
 };