@designsystem-se/af 39.2.3 → 39.4.0

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BnKuq1L7.js';
-import { c as DialogVariation, b as DialogSize, D as DialogHeadingLevel } from './typography-variation.enum-Zivp2NJB.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BXG8DzZe.js';
+import { c as DialogVariation, b as DialogSize, D as DialogHeadingLevel } from './typography-variation.enum-D0J6vKy3.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 import './badge-notification-shape.enum-CKoZU0-H.js';
 import './badge-status-variation.enum-C0A-p3cU.js';
@@ -10,15 +10,20 @@ import './calendar-week-view-heading-level.enum-DH_-wpLB.js';
 import './bar-chart-variation.enum-DPeoHh1J.js';
 import './code-example-variation.enum-DGI7Jkg2.js';
 import './code-variation.enum-qc6KRZue.js';
+import './expandable-accordion-header-level.enum-DwNlf6Sh.js';
+import './expandable-faq-item-variation.enum-C6B2KRZo.js';
 import './expandable-faq-variation.enum-CES5gUEo.js';
 import './footer-card-variation.enum-DzSu1-K0.js';
 import './form-checkbox-variation.enum-6-MpaVf8.js';
-import './form-validation-message-variation.enum-9n7Okhf1.js';
-import './form-input-type.enum-C6S1HfeA.js';
+import './form-file-upload-variation.enum-BfyJgcLA.js';
+import './form-input-search-variation.enum-BvWKyXb_.js';
+import './form-input-type.enum-BSJH8Lpg.js';
+import './form-select-variation.enum-f5Ytsp48.js';
 import './form-radiogroup-validation.enum-DcnvI7UR.js';
 import './form-textarea-variation.enum-DogB9kfH.js';
-import './info-card-multi-type.enum-CkIb3cUS.js';
-import './info-card-variation.enum-_ycZeBN4.js';
+import './form-validation-message-variation.enum-B8hpiXmh.js';
+import './info-card-multi-type.enum-u37CGyZ9.js';
+import './info-card-variation.enum-PuRFa9pe.js';
 import './layout-container-max-width.enum-CuhrrYGE.js';
 import './layout-block-variation.enum-CWFirwyE.js';
 import './layout-columns-variation.enum-DJCufAhy.js';
@@ -42,6 +47,7 @@ import './tag-size.enum-bQJ38En_.js';
 import './tools-feedback-banner-type.enum-DrVSK7Ws.js';
 import './tools-feedback-rating-variation.enum-CAmn5qzb.js';
 import './tools-theme-provider.brand.enum-DpDyNuVC.js';
+import './typography-heading-jumbo-variation.enum-DNjGvZvz.js';
 import './typography-meta-variation.enum-CHxBAbI8.js';
 import './typography-time-variation.enum-rhVqmQwC.js';
 import './util-breakpoint-observer-breakpoints.enum-DPq588Q4.js';

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

@@ -0,0 +1,126 @@
+import { r as registerInstance, c as createEvent, h, d as getElement } from './index-BXG8DzZe.js';
+import { _ as _t } from './text-DsO1BTml.js';
+import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
+import { E as ExpandableAccordionHeaderLevel } from './expandable-accordion-header-level.enum-DwNlf6Sh.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 ExpandableAccordion = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afOnClick = createEvent(this, "afOnClick", 7);
+        /**
+         * Sätter utfällbar rubrik. 'h2' är förvalt.
+         * @en Set heading level. Default is 'h2'
+         */
+        this.afHeadingLevel = ExpandableAccordionHeaderLevel.H2;
+        /**
+         * Gör så att komponenten tar upp 100% i bredd av ytan den befinner sig i.
+         * @en Makes the component take up 100% of the width of the surface it is in.
+         */
+        this.afFullWidth = false;
+        /**
+         * Sätter läge på rubriken om den ska vara expanderad eller ej.
+         * @en Sets the state of the accordion to expanded or not.
+         */
+        this.afExpanded = false;
+        /**
+         * Ställer in ifall komponenten ska ha en animation vid utfällning. Animation är påslagen som standard.
+         * @en Sets the state of the animation for the accordion's expanded area. Animation is on as default.
+         */
+        this.afAnimation = true;
+        /**
+         * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
+         * @en Set id attribute. Defaults to random string.
+         */
+        this.afId = randomIdGenerator('digi-expandable-accordion');
+        /**
+         * Sätter texten som visas på knappen som expanderar komponenten. Om inget väljs så används "Visa"
+         * @en Sets the text on the button that expands the component. Defaults to "Visa".
+         */
+        this.afExpandText = _t.show;
+        /**
+         * Sätter texten som visas på knappen som kollapsar komponenten. Om inget väljs så används "Dölj"
+         * @en Sets the text on the button that collapses the component. Defaults to "Dölj".
+         */
+        this.afCollapseText = _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.querySelector(`#${this.afId}-content`);
+        if (!this.afExpanded) {
+            content.style.visibility = 'hidden';
+        }
+        else {
+            content.style.overflowY = 'inherit';
+            content.style.height = 'auto';
+        }
+        content.addEventListener('transitionend', () => {
+            if (!this.afExpanded) {
+                content.style.visibility = 'hidden';
+                content.style.height = '0px';
+            }
+            else {
+                content.style.height = 'auto';
+                content.style.overflowY = 'inherit';
+            }
+        });
+    }
+    animateContentHeight() {
+        const content = this.hostElement.querySelector(`#${this.afId}-content`);
+        const sectionHeight = content.firstElementChild
+            .offsetHeight;
+        if (!this.afExpanded && content.style.height === 'auto') {
+            content.style.height = sectionHeight + 'px';
+            setTimeout(() => {
+                content.style.height = '0';
+                content.style.overflowY = 'hidden';
+            });
+            return;
+        }
+        if (this.afExpanded) {
+            content.style.height = sectionHeight + 'px';
+            content.style.visibility = 'visible';
+            if (!this.afAnimation) {
+                setTimeout(() => {
+                    content.style.height = 'auto';
+                    content.style.overflowY = 'inherit';
+                });
+            }
+        }
+        else {
+            content.style.height = '0px';
+        }
+    }
+    clickToggleHandler(e, resetFocus = false) {
+        e.preventDefault();
+        this.afExpanded = !this.afExpanded;
+        if (resetFocus) {
+            this._button.focus();
+        }
+        this.afOnClick.emit(e);
+    }
+    render() {
+        return (h("article", { key: '2616819e45750577fb23f430d41b2787ca2210a5', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: 'c77c15183eb4bba670ea2299d5dc3c19e243ea42', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: '20dc16774240b6d258eec3d94d4b5d9b9d0a735c', class: "digi-expandable-accordion__heading" }, h("button", { key: '23c45158f203517166cd4c5efe8801b849ea04e0', 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) }, h("digi-icon-chevron-down", { key: 'bd48367111a6aac92061bda052ffb6708d4f3967', class: "digi-expandable-accordion__toggle-icon" }), h("div", { key: '2e419d3fd48aa8fd31f33012b541a0fd86e60d78', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), h("section", { key: 'a28657a14024836c9bb1c7e825c573ed6c598eca', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: 'e13b9e653c1714adefd5401300789ed89d4cc1b3' }, h("digi-typography", { key: '335442cf9f97ec3f821ab2ca296e1539b24354cf' }, h("slot", { key: '05da2edf48d9259187bb72bf73a6c60ec9077bc0' }))))));
+    }
+    get hostElement() { return getElement(this); }
+    static get watchers() { return {
+        "afExpanded": [{
+                "animateContentHeight": 0
+            }]
+    }; }
+};
+ExpandableAccordion.style = expandableAccordionCss();
+
+export { ExpandableAccordion as digi_expandable_accordion };

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

@@ -0,0 +1,124 @@
+import { r as registerInstance, c as createEvent, h, d as getElement } from './index-BXG8DzZe.js';
+import { E as ExpandableFaqItemHeadingLevel, a as ExpandableFaqItemVariation } from './expandable-faq-item-variation.enum-C6B2KRZo.js';
+import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.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--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.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--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 ExpandableFaqItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afOnClick = createEvent(this, "afOnClick", 7);
+        /**
+         * Sätter rubriknivå. 'h3' är förvalt.
+         * @en Set heading level. Default is 'h3'
+         */
+        this.afHeadingLevel = ExpandableFaqItemHeadingLevel.H3;
+        /**
+         * Gör så att komponenten tar upp 100% i bredd av ytan den befinner sig i.
+         * @en Makes the component take up 100% of the width of the surface it is in.
+         */
+        this.afFullWidth = false;
+        /**
+         * Sätter läge på FAQ-frågan om den ska vara expanderad eller ej.
+         * @en Sets the state of the FAQ item to expanded or not.
+         */
+        this.afExpanded = false;
+        /**
+         * Sätter variant. Kan vara 'Primary' eller 'Secondary'
+         * @en Set variation. Can be 'Primary' or 'Secondary'
+         */
+        this.afVariation = ExpandableFaqItemVariation.PRIMARY;
+        /**
+         * Ställer in ifall komponenten ska ha en animation vid utfällning. Animation är påslagen som standard.
+         * @en Sets the state of the animation for the accordion's expanded area. Animation is on as default.
+         */
+        this.afAnimation = true;
+        /**
+         * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
+         * @en Set id attribute. Defaults to random string.
+         */
+        this.afId = 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.PRIMARY,
+            'digi-expandable-faq-item--secondary': this.afVariation === ExpandableFaqItemVariation.SECONDARY,
+            'digi-expandable-faq-item--tertiary': this.afVariation === 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.querySelector(`#${this.afId}-content`);
+        if (!this.afExpanded) {
+            content.style.visibility = 'hidden';
+        }
+        else {
+            content.style.height = 'auto';
+            content.style.overflowY = 'inherit';
+        }
+        content.addEventListener('transitionend', () => {
+            if (!this.afExpanded) {
+                content.style.visibility = 'hidden';
+                content.style.height = '0px';
+            }
+            else {
+                content.style.height = 'auto';
+                content.style.overflowY = 'inherit';
+            }
+        });
+    }
+    animateContentHeight() {
+        const content = this.hostElement.querySelector(`#${this.afId}-content`);
+        const sectionHeight = content.firstElementChild
+            .offsetHeight;
+        if (!this.afExpanded && content.style.height === 'auto') {
+            content.style.height = sectionHeight + 'px';
+            setTimeout(() => {
+                content.style.height = '0';
+                content.style.overflowY = 'hidden';
+            });
+            return;
+        }
+        if (this.afExpanded) {
+            content.style.height = sectionHeight + 'px';
+            content.style.visibility = 'visible';
+            if (!this.afAnimation) {
+                setTimeout(() => {
+                    content.style.height = 'auto';
+                    content.style.overflowY = 'inherit';
+                });
+            }
+        }
+        else {
+            content.style.height = '0px';
+        }
+    }
+    render() {
+        return (h("article", { key: 'e0931c4256d2c4162911fe232132b6179968425f', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '8f6befff5c82c63d5d1f10755f444791f17dafb7', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: 'b9d58dcd28eb430d7b84365ba1bba99d3e86ebc9' }, h("button", { key: 'b2c20566cc84a2b4cbcbe2dcc2a35e44e8f0fcc9', 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` }, h("digi-icon-chevron-down", { key: '40e0a896b3d7d44bf282e8462a24c43060a29eff', class: {
+                'digi-expandable-faq-item__header--toggle-icon': true,
+                'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
+            } }), h("div", { key: 'f58aa361553f3063bf1e5171f8d320e6cb8189c6', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), h("section", { key: 'b4d0dd00a3e6fe9e8367ef5a6f197696de55f4fd', 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` }, h("div", { key: 'e9a9147164d3934584cd5da5cfc8080ba9374c76' }, h("digi-typography", { key: '398a0c4e0aa1092db5f4a2e3182218ebbe0c3624' }, h("slot", { key: 'be924dc541b7c41b19b4392d3a988b492144d585' }))))));
+    }
+    get hostElement() { return getElement(this); }
+    static get watchers() { return {
+        "afExpanded": [{
+                "animateContentHeight": 0
+            }]
+    }; }
+};
+ExpandableFaqItem.style = expandableFaqItemCss();
+
+export { ExpandableFaqItem as digi_expandable_faq_item };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as getElement } from './index-BnKuq1L7.js';
+import { r as registerInstance, h, d as getElement } from './index-BXG8DzZe.js';
 import { E as ExpandableFaqHeadingLevel, a as ExpandableFaqVariation } from './expandable-faq-variation.enum-CES5gUEo.js';
 import { l as logger } from './logger.util-DdB9j8uV.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BnKuq1L7.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-BXG8DzZe.js';
 import { F as FooterCardVariation } from './footer-card-variation.enum-DzSu1-K0.js';
 
 const footerCardCss = () => `.sc-digi-footer-card-h{--digi--footer-card--text--color:var(--digi--color--text--secondary);--digi--footer-card--border-bottom:solid var(--digi--border-width--primary) var(--digi--color--divider--on-brand-primary);--digi--footer-card--link--font-weight:var(--digi--typography--link-bold--font-weight--desktop)}.sc-digi-footer-card-h .digi-footer-card.sc-digi-footer-card{--BORDER:unset;--LINK-DECORATION:underline;--LINK-DECORATION--HOVER:underline;--LINK-SIZE:inherit;--PADDING-BOTTOM:var(--digi--container-gutter--larger);--MARGIN-BOTTOM:var(--digi--container-gutter--larger);margin-bottom:var(--MARGIN-BOTTOM);padding-bottom:var(--PADDING-BOTTOM);border-bottom:var(--BORDER)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card.sc-digi-footer-card{--BORDER:0;--PADDING-BOTTOM:var(--digi--container-gutter--large)}}.sc-digi-footer-card-h .digi-footer-card--border.sc-digi-footer-card{--BORDER:var(--digi--footer-card--border-bottom);--LINK-SIZE:var(--digi--typography--heading-3--font-size--mobile)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card--border.sc-digi-footer-card{--LINK-SIZE:var(--digi--typography--heading-3--font-size--desktop)}}.sc-digi-footer-card-h .digi-footer-card--icon.sc-digi-footer-card{--LINK-DECORATION:none}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h3,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h4,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h5,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h6{color:var(--digi--footer--text--color);margin-top:0}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2{font-size:var(--digi--typography--heading-3--font-size--mobile)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2{font-size:var(--digi--typography--heading-3--font-size--desktop)}}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s p{color:var(--digi--footer--text--color)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a{font-size:var(--LINK-SIZE);color:var(--digi--footer--text--color);font-weight:var(--digi--footer-card--link--font-weight);display:flex;align-items:flex-start;text-decoration:var(--LINK-DECORATION)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a:hover{text-decoration:var(--LINK-DECORATION--HOVER)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a svg{--digi--icon--color:var(--digi--footer-card-text--color);--digi--icon--height:1em;--digi--icon--width:1em;margin-right:var(--digi--gutter--small)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul{padding:0;margin:0;list-style:none}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul li{margin-bottom:var(--digi--gutter--largest-2)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul li:last-child{margin-bottom:0}`;

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BnKuq1L7.js';
-import { F as FooterVariation } from './typography-variation.enum-Zivp2NJB.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-BXG8DzZe.js';
+import { F as FooterVariation } from './typography-variation.enum-D0J6vKy3.js';
 import './badge-notification-shape.enum-CKoZU0-H.js';
 import './badge-status-variation.enum-C0A-p3cU.js';
 import './button-size.enum-C7xgnp99.js';
@@ -9,15 +9,20 @@ import './calendar-week-view-heading-level.enum-DH_-wpLB.js';
 import './bar-chart-variation.enum-DPeoHh1J.js';
 import './code-example-variation.enum-DGI7Jkg2.js';
 import './code-variation.enum-qc6KRZue.js';
+import './expandable-accordion-header-level.enum-DwNlf6Sh.js';
+import './expandable-faq-item-variation.enum-C6B2KRZo.js';
 import './expandable-faq-variation.enum-CES5gUEo.js';
 import './footer-card-variation.enum-DzSu1-K0.js';
 import './form-checkbox-variation.enum-6-MpaVf8.js';
-import './form-validation-message-variation.enum-9n7Okhf1.js';
-import './form-input-type.enum-C6S1HfeA.js';
+import './form-file-upload-variation.enum-BfyJgcLA.js';
+import './form-input-search-variation.enum-BvWKyXb_.js';
+import './form-input-type.enum-BSJH8Lpg.js';
+import './form-select-variation.enum-f5Ytsp48.js';
 import './form-radiogroup-validation.enum-DcnvI7UR.js';
 import './form-textarea-variation.enum-DogB9kfH.js';
-import './info-card-multi-type.enum-CkIb3cUS.js';
-import './info-card-variation.enum-_ycZeBN4.js';
+import './form-validation-message-variation.enum-B8hpiXmh.js';
+import './info-card-multi-type.enum-u37CGyZ9.js';
+import './info-card-variation.enum-PuRFa9pe.js';
 import './layout-container-max-width.enum-CuhrrYGE.js';
 import { L as LayoutBlockVariation } from './layout-block-variation.enum-CWFirwyE.js';
 import './layout-columns-variation.enum-DJCufAhy.js';
@@ -41,6 +46,7 @@ import './tag-size.enum-bQJ38En_.js';
 import './tools-feedback-banner-type.enum-DrVSK7Ws.js';
 import './tools-feedback-rating-variation.enum-CAmn5qzb.js';
 import './tools-theme-provider.brand.enum-DpDyNuVC.js';
+import './typography-heading-jumbo-variation.enum-DNjGvZvz.js';
 import './typography-meta-variation.enum-CHxBAbI8.js';
 import './typography-time-variation.enum-rhVqmQwC.js';
 import './util-breakpoint-observer-breakpoints.enum-DPq588Q4.js';

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BnKuq1L7.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BXG8DzZe.js';
 
 const formCategoryFilterCss = () => `.sc-digi-form-category-filter-h{--digi--form-category-filter--gap:var(--digi--padding--small)}.sc-digi-form-category-filter-h .digi-form-category-filter.sc-digi-form-category-filter{display:flex;flex-wrap:wrap;gap:var(--digi--form-category-filter--gap)}.sc-digi-form-category-filter-h .digi-form-category-filter--category.sc-digi-form-category-filter{--digi--button--icon--spacing:0px}.sc-digi-form-category-filter-h .digi-form-category-filter--category--not-selected.sc-digi-form-category-filter{--digi--button--color--background--primary--default:var(--digi--color--background--interactive--default--quaternary);--digi--button--color--text--primary--default:var(--digi--color--text--interactive--brand-primary);--digi--button--color--border--primary--default:var(--digi--color--background--interactive--default--quaternary)}.sc-digi-form-category-filter-h .digi-form-category-filter--category--thin-text.sc-digi-form-category-filter{font-weight:400}`;