@designsystem-se/af 39.2.3 → 39.3.0-beta.darkmode.1

package/dist/esm/digi-calendar-week-view.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, d as getElement } from './index-BnKuq1L7.js';
+import { r as registerInstance, c as createEvent, h, d as getElement } from './index-DyS35Hwi.js';
 import { _ as _t } from './text-DsO1BTml.js';
 import { r as requiredArgs, t as toDate, a as toInteger, g as getUTCISOWeek, b as getUTCWeek, n as getUTCISOWeekYear, d as getUTCWeekYear, l as locale$1, m as isValid, k as getTimezoneOffsetInMilliseconds, j as subMilliseconds, e as longFormatters, i as isProtectedWeekYearToken, f as throwProtectedError, h as isProtectedDayOfYearToken, o as buildFormatLongFn, p as buildLocalizeFn, q as buildMatchFn, u as buildMatchPatternFn } from './index-Cnyfh_8_.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';

package/dist/esm/digi-chart-line.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-DyS35Hwi.js';
 import { _ as _t } from './text-DsO1BTml.js';
 import { s as select, e as dispatch, r as range, a as axisLeft, f as formatLocale, p as polyInOut, b as axisBottom, l as linear, m as max, c as min, o as ordinal, g as interpolate, d as linear$1 } from './transform-lPbx4RHH.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';

package/dist/esm/{digi-code-block_3.entry.js → digi-code-block_2.entry.js}

@@ -1,47 +1,33 @@
-import { r as registerInstance, h, c as createEvent, a as Host, d as getElement } from './index-BnKuq1L7.js';
-import { C as CodeBlockVariation } from './code-example-variation.enum-DGI7Jkg2.js';
-import { a as CodeBlockLanguage, j as FormFieldsetValidation, m as FormRadiobuttonVariation, k as FormRadiobuttonLayout, l as FormRadiobuttonValidation } from './typography-variation.enum-Zivp2NJB.js';
+import { r as registerInstance, h } from './index-DyS35Hwi.js';
+import { C as CodeBlockVariation, B as ButtonSize } from './code-example-variation.enum-Ooszw6tl.js';
+import { a as CodeBlockLanguage, p as FormFieldsetValidation } from './typography-variation.enum-CC1-vxoR.js';
 import { P as Prism } from './prism-git-CdcGvoTs.js';
 import './badge-notification-shape.enum-CKoZU0-H.js';
 import './badge-status-variation.enum-C0A-p3cU.js';
-import { B as ButtonSize } from './button-size.enum-C7xgnp99.js';
-import './button-type.enum-DShzaNrQ.js';
+import './form-input-type.enum-CN1mgrt1.js';
 import { B as ButtonVariation } from './button-variation.enum-y5Nm4oWF.js';
 import './calendar-week-view-heading-level.enum-DH_-wpLB.js';
 import './bar-chart-variation.enum-DPeoHh1J.js';
 import './code-variation.enum-qc6KRZue.js';
+import './expandable-accordion-header-level.enum-DwNlf6Sh.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-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 './layout-container-max-width.enum-CuhrrYGE.js';
 import './layout-block-variation.enum-CWFirwyE.js';
-import './layout-columns-variation.enum-DJCufAhy.js';
-import './link-button-variation.enum-CPzcg9n3.js';
 import './list-type.enum-CsNHGpkJ.js';
 import './loader-skeleton-variation.enum-D_VIx0pC.js';
 import './loader-spinner-size.enum-ArGkfrXt.js';
-import './logo-color.enum-Chk3GCYK.js';
 import './media-figure-alignment.enum-evtVuhQt.js';
 import './navigation-sidebar-variation.enum-V-HTxO5a.js';
-import './navigation-vertical-menu-variation.enum-DPkRL9Bv.js';
 import './progress-circle-heading-level.enum-D0CENVum.js';
-import './progress-indicator-heading-level.enum-DE6sqPn9.js';
 import './progress-list-item-variation.enum-DXqRzyRP.js';
 import './progress-list-variation.enum-DoZkBEe8.js';
 import './progressbar-variation.enum-m9xS70Ez.js';
 import './quote-image-inner-position.enum-CmH9mJ43.js';
 import './table-variation.enum-DBcU_EnL.js';
-import './tag-media-icon.enum-BvcVTm_t.js';
 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-meta-variation.enum-CHxBAbI8.js';
 import './typography-time-variation.enum-rhVqmQwC.js';
 import './util-breakpoint-observer-breakpoints.enum-DPq588Q4.js';
@@ -139,124 +125,4 @@ const FormFieldset = class {
 };
 FormFieldset.style = formFieldsetCss();
 
-const formRadiobuttonCss = () => `@charset "UTF-8";.sc-digi-form-radiobutton-h{--digi--form-radiobutton--border-color:var(--digi--color--border--interactive--default--on-input);--digi--form-radiobutton--border-color--primary:var(--digi--color--border--interactive--selected--primary);--digi--form-radiobutton--border-color--secondary:var(--digi--color--border--interactive--selected--secondary);--digi--form-radiobutton--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-radiobutton--box-shadow--error:var(--digi--color--border--interactive--validation--error);--digi--form-radiobutton--background-color:var(--digi--color--background--interactive--default--input-elements);--digi--form-radiobutton--background-color--primary:var(--digi--color--background--interactive--selected--primary);--digi--form-radiobutton--background-color--secondary:var(--digi--color--background--interactive--selected--secondary);--digi--form-radiobutton--background-color--error:var(--digi--color--background--interactive--validation--error);--digi--form-radiobutton--border-width:var(--digi--border-width--primary);--digi--form-radiobutton--color--marker:var(--digi--grayscale--0);--digi--form-radiobutton--size:1.25rem;--digi--form-radiobutton--marker--size:calc(var(--digi--typography--input--font-size--desktop-large) * 0.4);--digi--form-radiobutton--height:var(--digi--input-height--large);--digi--form-radiobutton--border-radius:var(--digi--border-radius--primary);--digi--form-radiobutton--padding:var(--digi--gutter--icon);--digi--form-radiobutton--padding--block:var(--digi--gutter--small);--digi--form-radiobutton--padding--inline:var(--digi--gutter--icon);display:block;width:fit-content}.sc-digi-form-radiobutton-h .digi-form-radiobutton.sc-digi-form-radiobutton{--BACKGROUND--DEFAULT:var(--digi--form-radiobutton--background-color);--BORDER-COLOR--DEFAULT:var(--digi--form-radiobutton--border-color);position:relative}.sc-digi-form-radiobutton-h .digi-form-radiobutton--primary.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--primary);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--primary)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--secondary.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--secondary);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--secondary)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--error.sc-digi-form-radiobutton .digi-form-radiobutton__input.sc-digi-form-radiobutton:not(:checked)~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--error);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--error)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--error.sc-digi-form-radiobutton .digi-form-radiobutton__input.sc-digi-form-radiobutton~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{background-color:var(--BACKGROUND--CHECKED);border-color:var(--BORDER-COLOR--CHECKED);box-shadow:0 0 0 var(--digi--border-width--primary) var(--digi--form-radiobutton--box-shadow--error)}.digi-form-radiobutton__input.sc-digi-form-radiobutton{position:absolute;opacity:0;cursor:pointer;height:0;width:0;top:0;left:0}.digi-form-radiobutton__label.sc-digi-form-radiobutton{display:inline-flex;align-items:center;gap:var(--digi--gutter--icon);font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--desktop);color:var(--digi--color--text--primary);font-weight:var(--digi--typography--body--font-weight--desktop);cursor:pointer;padding-bottom:0.75rem}.digi-form-radiobutton__circle.sc-digi-form-radiobutton{flex-shrink:0;align-self:flex-start;cursor:pointer;background-color:var(--BACKGROUND--DEFAULT);border-color:var(--BORDER-COLOR--DEFAULT);border-width:var(--digi--form-radiobutton--border-width);border-style:solid;height:var(--digi--form-radiobutton--size);width:var(--digi--form-radiobutton--size);border-radius:var(--digi--form-radiobutton--size);position:relative;transform:translateY(1px)}.digi-form-radiobutton__input.sc-digi-form-radiobutton:focus-visible~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-form-radiobutton--focus-visible.sc-digi-form-radiobutton .digi-form-radiobutton__input.sc-digi-form-radiobutton:focus~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-form-radiobutton__input.sc-digi-form-radiobutton:checked~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{background-color:var(--BACKGROUND--CHECKED);border-color:var(--BORDER-COLOR--CHECKED)}.digi-form-radiobutton__input.sc-digi-form-radiobutton:checked~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton::after{content:"";width:var(--digi--form-radiobutton--marker--size);height:var(--digi--form-radiobutton--marker--size);border-radius:var(--digi--form-radiobutton--marker--size);background:var(--digi--form-radiobutton--color--marker);position:absolute;left:calc(50% - var(--digi--form-radiobutton--marker--size) / 2);top:calc(50% - var(--digi--form-radiobutton--marker--size) / 2)}`;
-
-const FormRadiobutton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afOnChange = createEvent(this, "afOnChange", 7);
-        this.afOnBlur = createEvent(this, "afOnBlur", 7);
-        this.afOnFocus = createEvent(this, "afOnFocus", 7);
-        this.afOnFocusout = createEvent(this, "afOnFocusout", 7);
-        this.afOnInput = createEvent(this, "afOnInput", 7);
-        this.afOnDirty = createEvent(this, "afOnDirty", 7);
-        this.afOnTouched = createEvent(this, "afOnTouched", 7);
-        this.afOnReady = createEvent(this, "afOnReady", 3);
-        this.dirty = false;
-        this.touched = false;
-        this.focusVisible = false;
-        this.focusMethod = null;
-        /**
-         * Sätter variant. Kan vara 'primary' eller 'secondary'
-         * @en Set radiobutton variation.
-         */
-        this.afVariation = FormRadiobuttonVariation.PRIMARY;
-        /**
-         * Sätter layouten.
-         * @en Set radiobutton layout.
-         */
-        this.afLayout = FormRadiobuttonLayout.INLINE;
-        /**
-         * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
-         * @en Input id attribute. Defaults to random string.
-         */
-        this.afId = randomIdGenerator('digi-form-radiobutton');
-    }
-    onValueChanged(newValue) {
-        this.afChecked = newValue === this.afValue;
-    }
-    onCheckedChanged(checked) {
-        this.afChecked = checked;
-    }
-    onAfCheckedChanged(checked) {
-        this.checked = checked;
-    }
-    /**
-     * Hämta en referens till inputelementet. Bra för att t.ex. sätta fokus programmatiskt.
-     * @en Returns a reference to the input element. Handy for setting focus programmatically.
-     */
-    async afMGetFormControlElement() {
-        return this._input;
-    }
-    /**
-     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet.
-     * @en Listens for when focus is set on the custom element and propagates it down to the actual input element.
-     */
-    focusOnInput() {
-        this.focusVisible = this.focusMethod !== 'pointer';
-        this._input.focus();
-        this.focusMethod = null;
-    }
-    /**
-     * Lyssnar på pointerdown för att kunna avgöra om fokus sätts via tangentbord eller mus/pekinteraktion.
-     * @en Listens for pointerdown to determine if focus is set via keyboard or mouse/touch interaction.
-     */
-    pointerDownHandler() {
-        this.focusMethod = 'pointer';
-    }
-    componentDidLoad() {
-        this.afOnReady.emit();
-    }
-    get cssModifiers() {
-        return {
-            'digi-form-radiobutton--focus-visible': this.focusVisible,
-            'digi-form-radiobutton--error': this.afValidation === FormRadiobuttonValidation.ERROR,
-            'digi-form-radiobutton--primary': this.afVariation === FormRadiobuttonVariation.PRIMARY,
-            'digi-form-radiobutton--secondary': this.afVariation === FormRadiobuttonVariation.SECONDARY,
-            [`digi-form-radiobutton--layout-${this.afLayout}`]: !!this.afLayout
-        };
-    }
-    blurHandler(e) {
-        if (!this.touched) {
-            this.afOnTouched.emit(e);
-            this.touched = true;
-        }
-        this.afOnBlur.emit(e);
-    }
-    changeHandler(e) {
-        this.afOnChange.emit(e);
-    }
-    focusHandler(e) {
-        this.afOnFocus.emit(e);
-    }
-    focusoutHandler(e) {
-        this.afOnFocusout.emit(e);
-    }
-    inputHandler(e) {
-        if (!this.dirty) {
-            this.afOnDirty.emit(e);
-            this.dirty = true;
-        }
-        this.afOnInput.emit(e);
-    }
-    render() {
-        return (h(Host, { key: 'fe6fc75d677f52442809001913f012b8aaa7817b', tabindex: -1 }, h("div", { key: '87aa662ea170803ea002653f26e03b13c3cbaba4', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '0e138b5b12f6ccd152980395a7ccfad705a0e497', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
-                ? 'true'
-                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '14e1da2bd43b84f94497b9529f619a172ba1c0d3', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '22ed147d6d453f200abfc5f24752e58111b51595', class: "digi-form-radiobutton__circle" }), this.afLabel))));
-    }
-    get hostElement() { return getElement(this); }
-    static get watchers() { return {
-        "value": [{
-                "onValueChanged": 0
-            }],
-        "checked": [{
-                "onCheckedChanged": 0
-            }],
-        "afChecked": [{
-                "onAfCheckedChanged": 0
-            }]
-    }; }
-};
-FormRadiobutton.style = formRadiobuttonCss();
-
-export { CodeBlock as digi_code_block, FormFieldset as digi_form_fieldset, FormRadiobutton as digi_form_radiobutton };
+export { CodeBlock as digi_code_block, FormFieldset as digi_form_fieldset };

package/dist/esm/digi-code-example.entry.js

@@ -1,11 +1,10 @@
-import { r as registerInstance, h, d as getElement } from './index-BnKuq1L7.js';
-import { C as CodeBlockVariation, b as CodeExampleVariation, a as CodeExampleLanguage } from './code-example-variation.enum-DGI7Jkg2.js';
-import { B as ButtonSize } from './button-size.enum-C7xgnp99.js';
+import { r as registerInstance, h, d as getElement } from './index-DyS35Hwi.js';
+import { C as CodeBlockVariation, b as CodeExampleVariation, a as CodeExampleLanguage, B as ButtonSize } from './code-example-variation.enum-Ooszw6tl.js';
 import { B as ButtonVariation } from './button-variation.enum-y5Nm4oWF.js';
 import { _ as _t } from './text-DsO1BTml.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
-const codeExampleCss = () => `.sc-digi-code-example-h{--digi--code-example--background:var(--digi--color--background--primary);--digi--code-example--controls--width:16.25rem;display:block}.digi-code-example.sc-digi-code-example{background-size:20px 20px;background-position:0 0, 0 10px, 10px -10px, -10px 0px;border:var(--digi--border-width--primary) solid var(--digi--color--divider--primary--light);height:100%;display:flex;flex-direction:row;border-radius:0.3rem;position:relative}@media (max-width: 35.9375rem){.digi-code-example.sc-digi-code-example{min-width:360px}}.digi-code-example--light.sc-digi-code-example{background-color:#ffffff;background-image:linear-gradient(45deg, #efefef 25%, transparent 25%), linear-gradient(-45deg, #efefef 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #efefef 75%), linear-gradient(-45deg, transparent 75%, #efefef 75%)}.digi-code-example--dark.sc-digi-code-example{background-color:#787777;background-image:linear-gradient(45deg, #666666 25%, transparent 25%), linear-gradient(-45deg, #666666 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #666666 75%), linear-gradient(-45deg, transparent 75%, #666666 75%)}.digi-code-example__container.sc-digi-code-example{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;position:relative}.digi-code-example--no-controls.sc-digi-code-example{flex-direction:column}.digi-code-example--no-controls.sc-digi-code-example .digi-code-example__copy-button.sc-digi-code-example{margin-top:0;align-self:flex-end;margin-bottom:0.2rem;z-index:1;position:absolute;bottom:0;right:0}.digi-code-example--no-controls.sc-digi-code-example .digi-code-example__copy-button--dark.sc-digi-code-example{--digi--button--color--text--function--default:var(--digi--color--text--secondary);--digi--button--color--text--function--hover:var(--digi--color--text--secondary);--digi--button--color--icon--function--default:var(--digi--color--text--secondary);--digi--button--color--icon--function--hover:var(--digi--color--text--secondary)}.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--largest-2);overflow-x:auto}@media (max-width: 48rem){.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--medium)}}@media (max-width: 35.9375rem){.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--small)}}.digi-code-example__copy-button.sc-digi-code-example{align-self:start;margin-top:var(--digi--padding--large);margin-right:var(--digi--padding--small)}.digi-code-example__codeblock.sc-digi-code-example digi-code-block.sc-digi-code-example{--digi--code-block--border-radius:0;--digi--code-block--border:none}.digi-code-example__controls.sc-digi-code-example{padding:var(--digi--padding--medium);background:var(--digi--color--background--secondary);display:flex;flex:0 var(--digi--code-example--controls--width);flex-direction:column;align-self:stretch;flex-shrink:0;justify-content:space-between;gap:var(--digi--gutter--medium)}@media (max-width: 48rem){.digi-code-example__controls.sc-digi-code-example{padding:var(--digi--padding--smaller)}}.digi-code-example__controls[hidden].sc-digi-code-example{display:none}.digi-code-example--inactive.sc-digi-code-example .digi-code-example__code.sc-digi-code-example{display:flex;flex-direction:column;flex-grow:1}.digi-code-example--inactive.sc-digi-code-example .digi-code-example__codeblock.sc-digi-code-example{flex-grow:1;height:64px;overflow-y:hidden;position:relative}.digi-code-example__code-expand.sc-digi-code-example{display:flex;align-items:center;justify-content:center;gap:var(--digi--gutter--icon);width:100%;padding:0.875rem 0;background:#272727;color:var(--digi--color--text--secondary);font-size:var(--digi--typography--body--font-size--desktop);font-family:var(--digi--global--typography--font-family--default);cursor:pointer;border:none}.digi-code-example__code-expand.sc-digi-code-example:hover{background:var(--digi--grayscale--900);text-decoration:underline}.digi-code-example__code-expand.sc-digi-code-example:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-code-example--no-controls.digi-code-example--inactive.sc-digi-code-example .digi-code-example__codeblock.sc-digi-code-example{height:64px}.digi-code-example__copy-button.sc-digi-code-example{--digi--button--padding--small:0;--digi--button--padding--medium:0;--digi--button--padding--large:0}.digi-code-example__code-expand-icon.sc-digi-code-example{--digi--icon--color:var(--digi--color--text--secondary);transition:ease-in-out var(--digi--animation--duration--base) all}.digi-code-example__code-expand-icon--open.sc-digi-code-example{transform:rotate(180deg)}.digi-code-example__fade.sc-digi-code-example{position:absolute;width:100%;bottom:0;height:var(--digi--padding--largest-2)}.digi-code-example__fade--light.sc-digi-code-example{background-image:linear-gradient(0deg, white, transparent)}.digi-code-example__fade--dark.sc-digi-code-example{--digi--color--background--inverted-3:#272727;background-image:linear-gradient(0deg, var(--digi--grayscale--900), transparent)}.slot__controls.sc-digi-code-example{margin-bottom:var(--digi--padding--smaller)}.sc-digi-code-example-s .slot__controls{display:flex;flex-direction:column;gap:var(--digi--padding--smaller)}.sc-digi-code-example-s .slot__controls[hidden]{display:none}.sc-digi-code-example-s .slot__controls digi-form-fieldset,.sc-digi-code-example-s .slot__controls digi-form-select,.sc-digi-code-example-s .slot__controls digi-form-fieldset+digi-form-checkbox,.sc-digi-code-example-s .slot__controls .divider{display:block;border-bottom:1px solid var(--digi--color--divider--primary--light);padding-bottom:var(--digi--padding--smaller);margin-bottom:var(--digi--padding--medium)}`;
+const codeExampleCss = () => `:host{--digi--code-example--background:var(--digi--color--background--primary);--digi--code-example--controls--width:16.25rem;display:block}.digi-code-example{background-size:20px 20px;background-position:0 0, 0 10px, 10px -10px, -10px 0px;border:var(--digi--border-width--primary) solid var(--digi--color--divider--primary--light);height:100%;display:flex;flex-direction:row;border-radius:0.3rem;position:relative}@media (max-width: 35.9375rem){.digi-code-example{min-width:360px}}.digi-code-example--light{background-color:#ffffff;background-image:linear-gradient(45deg, #efefef 25%, transparent 25%), linear-gradient(-45deg, #efefef 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #efefef 75%), linear-gradient(-45deg, transparent 75%, #efefef 75%)}@media (prefers-color-scheme: dark){.digi-code-example--light{background-color:#787777;background-image:linear-gradient(45deg, #666666 25%, transparent 25%), linear-gradient(-45deg, #666666 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #666666 75%), linear-gradient(-45deg, transparent 75%, #666666 75%)}}.digi-code-example--dark{background-color:#787777;background-image:linear-gradient(45deg, #666666 25%, transparent 25%), linear-gradient(-45deg, #666666 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #666666 75%), linear-gradient(-45deg, transparent 75%, #666666 75%)}.digi-code-example__container{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;position:relative}.digi-code-example--no-controls{flex-direction:column}.digi-code-example--no-controls .digi-code-example__copy-button{margin-top:0;align-self:flex-end;margin-bottom:0.2rem;z-index:1;position:absolute;bottom:0;right:0}.digi-code-example--no-controls .digi-code-example__copy-button--dark{--digi--button--color--text--function--default:var(--digi--color--text--secondary);--digi--button--color--text--function--hover:var(--digi--color--text--secondary);--digi--button--color--icon--function--default:var(--digi--color--text--secondary);--digi--button--color--icon--function--hover:var(--digi--color--text--secondary)}.digi-code-example__example{padding:var(--digi--padding--largest-2);overflow-x:auto}@media (max-width: 48rem){.digi-code-example__example{padding:var(--digi--padding--medium)}}@media (max-width: 35.9375rem){.digi-code-example__example{padding:var(--digi--padding--small)}}.digi-code-example__copy-button{align-self:start;margin-top:var(--digi--padding--large);margin-right:var(--digi--padding--small)}.digi-code-example__codeblock digi-code-block{--digi--code-block--border-radius:0;--digi--code-block--border:none}.digi-code-example__controls{padding:var(--digi--padding--medium);background:var(--digi--color--background--secondary);display:flex;flex:0 var(--digi--code-example--controls--width);flex-direction:column;align-self:stretch;flex-shrink:0;justify-content:space-between;gap:var(--digi--gutter--medium)}@media (max-width: 48rem){.digi-code-example__controls{padding:var(--digi--padding--smaller)}}.digi-code-example__controls[hidden]{display:none}.digi-code-example--inactive .digi-code-example__code{display:flex;flex-direction:column;flex-grow:1}.digi-code-example--inactive .digi-code-example__codeblock{flex-grow:1;height:64px;overflow-y:hidden;position:relative}.digi-code-example__code-expand{display:flex;align-items:center;justify-content:center;gap:var(--digi--gutter--icon);width:100%;padding:0.875rem 0;background:#272727;color:var(--digi--color--text--secondary);font-size:var(--digi--typography--body--font-size--desktop);font-family:var(--digi--global--typography--font-family--default);cursor:pointer;border:none}.digi-code-example__code-expand:hover{background:var(--digi--grayscale--900);text-decoration:underline}.digi-code-example__code-expand:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-code-example--no-controls.digi-code-example--inactive .digi-code-example__codeblock{height:64px}.digi-code-example__copy-button{--digi--button--padding--small:0;--digi--button--padding--medium:0;--digi--button--padding--large:0}.digi-code-example__code-expand-icon{--digi--icon--color:var(--digi--color--text--secondary);transition:ease-in-out var(--digi--animation--duration--base) all}.digi-code-example__code-expand-icon--open{transform:rotate(180deg)}.digi-code-example__fade{position:absolute;width:100%;bottom:0;height:var(--digi--padding--largest-2)}.digi-code-example__fade--light{background-image:linear-gradient(0deg, white, transparent)}.digi-code-example__fade--dark{--digi--color--background--inverted-3:#272727;background-image:linear-gradient(0deg, var(--digi--grayscale--900), transparent)}.slot__controls{margin-bottom:var(--digi--padding--smaller)}::slotted(* .slot__controls){display:flex;flex-direction:column;gap:var(--digi--padding--smaller)}::slotted(* .slot__controls[hidden]){display:none}::slotted(* .slot__controls digi-form-fieldset),::slotted(* .slot__controls digi-form-select),::slotted(* .slot__controls digi-form-fieldset+digi-form-checkbox),::slotted(* .slot__controls .divider){display:block;border-bottom:1px solid var(--digi--color--divider--primary--light);padding-bottom:var(--digi--padding--smaller);margin-bottom:var(--digi--padding--medium)}`;
 
 const CodeExample = class {
     constructor(hostRef) {
@@ -137,17 +136,17 @@ const CodeExample = class {
             .replace(/\w/, (firstLetter) => firstLetter.toUpperCase());
     }
     render() {
-        return (h("div", { key: '64b359db9b5ce07f09ec04965ec86ae5055e08dd', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: 'dccf1c981f42652cadc5761db4a25ee3e250ece3', class: {
+        return (h("div", { key: 'c8beee9d39ad65463eb78fdaf9d61f48dc47ccf3', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: 'f4e8fe5c000bf8c443b025a7b987016b6befce05', class: {
                 'digi-code-example__container': true
-            } }, h("div", { key: '5adc1e437c61314cbb90460e126aa690b3cb40bb', class: "digi-code-example__example" }, h("slot", { key: '630621134cd53d1e0523f785023178f4f3f03251' })), !this.afHideCode && (h("div", { key: '5530e6d9df1e69c6c365c435f6165311869d8198', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: '6f09b11e1c38d9e05f9191046093d38597d7296a', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', h("digi-icon-chevron-down", { key: '2d813db7f159d0e2a35c0949eb58b8a56e886a22', class: {
+            } }, h("div", { key: 'c15bd16acb94723f5484b21852dc1bdd3985cdba', class: "digi-code-example__example" }, h("slot", { key: 'af94801b00454401a1ffaf9f9ff783a9b803583c' })), !this.afHideCode && (h("div", { key: '671d5ec1d0e3109cc5adf52399aff5cde7ed7b5b', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: '73449b24bbffae8b664543c1e78a482608affb2f', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', h("digi-icon-chevron-down", { key: 'd5600ceea54943621159794535612257c9180785', class: {
                 'digi-code-example__code-expand-icon': true,
                 'digi-code-example__code-expand-icon--open': this.isActive
-            }, "aria-hidden": "true" }))), h("div", { key: 'c0bfcdb5072c09f74fecb30e49d5f21e02361e5e', class: {
+            }, "aria-hidden": "true" }))), h("div", { key: '04ba3cfe8367257b65013a5e00f53dd5dd7eeea3', class: {
                 'digi-code-example__codeblock': true,
                 'digi-code-example__codeblock--light': this.afCodeBlockVariation === 'light',
                 'digi-code-example__codeblock--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__codeblock--fade': !this.isActive && this.showMoreButton
-            } }, h("digi-code-block", { key: '3f0fd153637ab48268081008ef0d5b9f56efb407', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
+            } }, h("digi-code-block", { key: '03fbdc9df45937812d2172b8c310dfb4097cad97', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
                 'digi-code-example__fade': true,
                 'digi-code-example__fade--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BnKuq1L7.js';
+import { r as registerInstance, h } from './index-DyS35Hwi.js';
 import { a as CodeVariation, C as CodeLanguage } from './code-variation.enum-qc6KRZue.js';
 import { P as Prism } from './prism-git-CdcGvoTs.js';
 

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

@@ -1,47 +1,33 @@
-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-DyS35Hwi.js';
+import { c as DialogVariation, b as DialogSize, D as DialogHeadingLevel } from './typography-variation.enum-CC1-vxoR.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';
-import { B as ButtonSize } from './button-size.enum-C7xgnp99.js';
-import './button-type.enum-DShzaNrQ.js';
+import { B as ButtonSize } from './code-example-variation.enum-Ooszw6tl.js';
+import './form-input-type.enum-CN1mgrt1.js';
 import { B as ButtonVariation } from './button-variation.enum-y5Nm4oWF.js';
 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-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-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 './layout-container-max-width.enum-CuhrrYGE.js';
 import './layout-block-variation.enum-CWFirwyE.js';
-import './layout-columns-variation.enum-DJCufAhy.js';
-import './link-button-variation.enum-CPzcg9n3.js';
 import './list-type.enum-CsNHGpkJ.js';
 import './loader-skeleton-variation.enum-D_VIx0pC.js';
 import './loader-spinner-size.enum-ArGkfrXt.js';
-import './logo-color.enum-Chk3GCYK.js';
 import './media-figure-alignment.enum-evtVuhQt.js';
 import './navigation-sidebar-variation.enum-V-HTxO5a.js';
-import './navigation-vertical-menu-variation.enum-DPkRL9Bv.js';
 import './progress-circle-heading-level.enum-D0CENVum.js';
-import './progress-indicator-heading-level.enum-DE6sqPn9.js';
 import './progress-list-item-variation.enum-DXqRzyRP.js';
 import './progress-list-variation.enum-DoZkBEe8.js';
 import './progressbar-variation.enum-m9xS70Ez.js';
 import './quote-image-inner-position.enum-CmH9mJ43.js';
 import './table-variation.enum-DBcU_EnL.js';
-import './tag-media-icon.enum-BvcVTm_t.js';
 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-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-DyS35Hwi.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.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-DyS35Hwi.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-form-error-list.entry.js

@@ -1,47 +1,33 @@
-import { r as registerInstance, c as createEvent, h, d as getElement } from './index-BnKuq1L7.js';
+import { r as registerInstance, c as createEvent, h, d as getElement } from './index-DyS35Hwi.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
-import { f as FormErrorListHeadingLevel, x as NotificationAlertVariation, L as TypographyVariation } from './typography-variation.enum-Zivp2NJB.js';
+import { i as FormErrorListHeadingLevel, a0 as NotificationAlertVariation, ad as TypographyVariation } from './typography-variation.enum-CC1-vxoR.js';
 import './badge-notification-shape.enum-CKoZU0-H.js';
 import './badge-status-variation.enum-C0A-p3cU.js';
-import './button-size.enum-C7xgnp99.js';
-import './button-type.enum-DShzaNrQ.js';
+import './code-example-variation.enum-Ooszw6tl.js';
+import './form-input-type.enum-CN1mgrt1.js';
 import './button-variation.enum-y5Nm4oWF.js';
 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-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-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 './layout-container-max-width.enum-CuhrrYGE.js';
 import './layout-block-variation.enum-CWFirwyE.js';
-import './layout-columns-variation.enum-DJCufAhy.js';
-import './link-button-variation.enum-CPzcg9n3.js';
 import './list-type.enum-CsNHGpkJ.js';
 import './loader-skeleton-variation.enum-D_VIx0pC.js';
 import './loader-spinner-size.enum-ArGkfrXt.js';
-import './logo-color.enum-Chk3GCYK.js';
 import './media-figure-alignment.enum-evtVuhQt.js';
 import './navigation-sidebar-variation.enum-V-HTxO5a.js';
-import './navigation-vertical-menu-variation.enum-DPkRL9Bv.js';
 import './progress-circle-heading-level.enum-D0CENVum.js';
-import './progress-indicator-heading-level.enum-DE6sqPn9.js';
 import './progress-list-item-variation.enum-DXqRzyRP.js';
 import './progress-list-variation.enum-DoZkBEe8.js';
 import './progressbar-variation.enum-m9xS70Ez.js';
 import './quote-image-inner-position.enum-CmH9mJ43.js';
 import './table-variation.enum-DBcU_EnL.js';
-import './tag-media-icon.enum-BvcVTm_t.js';
 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-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-input-search.entry.js

@@ -1,7 +1,6 @@
-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-DyS35Hwi.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
-import { b as FormInputType, a as FormInputButtonVariation, F as FormInputSearchVariation } from './form-input-type.enum-C6S1HfeA.js';
-import { B as ButtonType } from './button-type.enum-DShzaNrQ.js';
+import { b as FormInputType, a as FormInputButtonVariation, F as FormInputSearchVariation, B as ButtonType } from './form-input-type.enum-CN1mgrt1.js';
 import { d as detectClickOutside } from './detectClickOutside.util-ROzp1Ej2.js';
 import { d as detectFocusOutside } from './detectFocusOutside.util-aFLLVVle.js';
 import './detectClosest.util-DwBvm-Nc.js';

package/dist/esm/digi-form-radiogroup.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-DyS35Hwi.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 import { F as FormRadiogroupValidation } from './form-radiogroup-validation.enum-DcnvI7UR.js';
 

package/dist/esm/digi-form-receipt.entry.js

@@ -1,46 +1,32 @@
-import { r as registerInstance, h, d as getElement } from './index-BnKuq1L7.js';
-import { p as FormReceiptVariation, o as FormReceiptType, n as FormReceiptHeadingLevel } from './typography-variation.enum-Zivp2NJB.js';
+import { r as registerInstance, h, d as getElement } from './index-DyS35Hwi.js';
+import { v as FormReceiptVariation, u as FormReceiptType, t as FormReceiptHeadingLevel } from './typography-variation.enum-CC1-vxoR.js';
 import './badge-notification-shape.enum-CKoZU0-H.js';
 import './badge-status-variation.enum-C0A-p3cU.js';
-import './button-size.enum-C7xgnp99.js';
-import './button-type.enum-DShzaNrQ.js';
+import './code-example-variation.enum-Ooszw6tl.js';
+import './form-input-type.enum-CN1mgrt1.js';
 import './button-variation.enum-y5Nm4oWF.js';
 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-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-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 './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';
-import './link-button-variation.enum-CPzcg9n3.js';
 import './list-type.enum-CsNHGpkJ.js';
 import './loader-skeleton-variation.enum-D_VIx0pC.js';
 import './loader-spinner-size.enum-ArGkfrXt.js';
-import './logo-color.enum-Chk3GCYK.js';
 import './media-figure-alignment.enum-evtVuhQt.js';
 import './navigation-sidebar-variation.enum-V-HTxO5a.js';
-import './navigation-vertical-menu-variation.enum-DPkRL9Bv.js';
 import './progress-circle-heading-level.enum-D0CENVum.js';
-import './progress-indicator-heading-level.enum-DE6sqPn9.js';
 import './progress-list-item-variation.enum-DXqRzyRP.js';
 import './progress-list-variation.enum-DoZkBEe8.js';
 import './progressbar-variation.enum-m9xS70Ez.js';
 import './quote-image-inner-position.enum-CmH9mJ43.js';
 import './table-variation.enum-DBcU_EnL.js';
-import './tag-media-icon.enum-BvcVTm_t.js';
 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-meta-variation.enum-CHxBAbI8.js';
 import './typography-time-variation.enum-rhVqmQwC.js';
 import './util-breakpoint-observer-breakpoints.enum-DPq588Q4.js';