@designsystem-se/af 38.0.0 → 38.0.1-beta.1

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

@@ -1,233 +0,0 @@
-import { r as registerInstance, h, c as createEvent, H as Host, g as getElement } from './index-148a7577.js';
-import { C as CodeBlockVariation, B as ButtonSize } from './code-example-variation.enum-e656d235.js';
-import { a as CodeBlockLanguage, f as FormFieldsetValidation, i as FormRadiobuttonVariation, g as FormRadiobuttonLayout, h as FormRadiobuttonValidation } from './typography-variation.enum-c85d7857.js';
-import { P as Prism } from './prism-git-92a0d5cd.js';
-import './badge-notification-shape.enum-e15a6245.js';
-import './badge-status-variation.enum-8d6370ff.js';
-import './form-input-search-variation.enum-6d8dc10a.js';
-import { B as ButtonVariation } from './button-variation.enum-94fffdd6.js';
-import './calendar-week-view-heading-level.enum-6774297c.js';
-import './bar-chart-variation.enum-97c0b47f.js';
-import './code-variation.enum-1eee7c7a.js';
-import './expandable-accordion-header-level.enum-85681e2f.js';
-import './expandable-faq-item-variation.enum-a8cb225b.js';
-import './expandable-faq-variation.enum-6934c367.js';
-import './form-checkbox-variation.enum-83e906fc.js';
-import './form-file-upload-variation.enum-9c49ec5e.js';
-import './form-input-type.enum-3da3db27.js';
-import './form-input-variation.enum-64d9450f.js';
-import './form-radiogroup-validation.enum-d790fc66.js';
-import './form-select-variation.enum-f2f6098d.js';
-import './form-textarea-variation.enum-05017e8e.js';
-import './form-validation-message-variation.enum-bcef8a9d.js';
-import './info-card-multi-type.enum-07ee124f.js';
-import './info-card-variation.enum-2ccc52c1.js';
-import './layout-block-variation.enum-b7a20db4.js';
-import './layout-columns-variation.enum-34f7754e.js';
-import './link-button-variation.enum-84d4976f.js';
-import './list-type.enum-fbb331ad.js';
-import './loader-skeleton-variation.enum-f9f867b4.js';
-import './loader-spinner-size.enum-0b246fa0.js';
-import './media-figure-alignment.enum-a1d36567.js';
-import './navigation-sidebar-variation.enum-8fead764.js';
-import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
-import './progress-indicator-variation.enum-b12ba50a.js';
-import './progress-list-item-variation.enum-384b9a3a.js';
-import './progress-list-variation.enum-300bd89d.js';
-import './progressbar-variation.enum-40adaab4.js';
-import './quote-image-inner-position.enum-8e9b1e65.js';
-import './table-variation.enum-dd9366b6.js';
-import './tag-media-icon.enum-fefa191c.js';
-import './tag-size.enum-403e0cd8.js';
-import './tools-feedback-banner-type.enum-74b4e580.js';
-import './tools-feedback-rating-variation.enum-29058ff2.js';
-import './tools-theme-provider.brand.enum-8c5a98c9.js';
-import './typography-heading-jumbo-variation.enum-eb737f1b.js';
-import './typography-meta-variation.enum-1f7c2878.js';
-import './typography-time-variation.enum-34c830ef.js';
-import './util-breakpoint-observer-breakpoints.enum-6d004731.js';
-import { _ as _t } from './text-8f88c0f6.js';
-import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-
-const codeBlockCss = "digi-code-block{--digi--code-block--background:var(--digi--color--background--primary);--digi--code-block--border-radius:0.3rem;--digi--code-block--border:1px solid var(--digi--grayscale--900);display:block}digi-code-block .digi-code-block{border-radius:var(--digi--code-block--border-radius);border:var(--digi--code-block--border);overflow:hidden;position:relative}digi-code-block .digi-code-block pre{margin:0}digi-code-block .digi-code-block--light{}digi-code-block .digi-code-block--light code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{color:#545454;background:none;font-family:var(--digi--global--typography--font-family--mono);text-align:left;white-space:pre-wrap;word-spacing:normal;word-break:break-word;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}digi-code-block .digi-code-block--light pre[class*=language-]{padding:1em;overflow:auto}digi-code-block .digi-code-block--light :not(pre)>code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{background:#fefefe}digi-code-block .digi-code-block--light :not(pre)>code[class*=language-]{padding:0.1em;white-space:normal}digi-code-block .digi-code-block--light .token.comment,digi-code-block .digi-code-block--light .token.prolog,digi-code-block .digi-code-block--light .token.doctype,digi-code-block .digi-code-block--light .token.cdata{color:#696969}digi-code-block .digi-code-block--light .token.punctuation{color:#545454}digi-code-block .digi-code-block--light .token.property,digi-code-block .digi-code-block--light .token.tag,digi-code-block .digi-code-block--light .token.constant,digi-code-block .digi-code-block--light .token.symbol,digi-code-block .digi-code-block--light .token.deleted{color:#007faa}digi-code-block .digi-code-block--light .token.boolean,digi-code-block .digi-code-block--light .token.number{color:#008000}digi-code-block .digi-code-block--light .token.selector,digi-code-block .digi-code-block--light .token.attr-name,digi-code-block .digi-code-block--light .token.string,digi-code-block .digi-code-block--light .token.char,digi-code-block .digi-code-block--light .token.builtin,digi-code-block .digi-code-block--light .token.inserted{color:#aa5d00}digi-code-block .digi-code-block--light .token.operator,digi-code-block .digi-code-block--light .token.entity,digi-code-block .digi-code-block--light .token.url,digi-code-block .digi-code-block--light .language-css .token.string,digi-code-block .digi-code-block--light .style .token.string,digi-code-block .digi-code-block--light .token.variable{color:#008000}digi-code-block .digi-code-block--light .token.atrule,digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.function{color:#aa5d00}digi-code-block .digi-code-block--light .token.keyword{color:#d91e18}digi-code-block .digi-code-block--light .token.regex,digi-code-block .digi-code-block--light .token.important{color:#d91e18}digi-code-block .digi-code-block--light .token.important,digi-code-block .digi-code-block--light .token.bold{font-weight:bold}digi-code-block .digi-code-block--light .token.italic{font-style:italic}digi-code-block .digi-code-block--light .token.entity{cursor:help}@media screen and (-ms-high-contrast: active){digi-code-block .digi-code-block--light code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{color:windowText;background:window}digi-code-block .digi-code-block--light :not(pre)>code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{background:window}digi-code-block .digi-code-block--light .token.important{background:highlight;color:window;font-weight:normal}digi-code-block .digi-code-block--light .token.atrule,digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.function,digi-code-block .digi-code-block--light .token.keyword,digi-code-block .digi-code-block--light .token.operator,digi-code-block .digi-code-block--light .token.selector{font-weight:bold}digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.comment,digi-code-block .digi-code-block--light .token.doctype,digi-code-block .digi-code-block--light .token.function,digi-code-block .digi-code-block--light .token.keyword,digi-code-block .digi-code-block--light .token.operator,digi-code-block .digi-code-block--light .token.property,digi-code-block .digi-code-block--light .token.string{color:highlight}digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.url{font-weight:normal}}digi-code-block .digi-code-block--dark{}digi-code-block .digi-code-block--dark .digi-code-block__button{--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--button--color--text--function--focus:var(--digi--color--text--secondary);--digi--button--color--icon--function--focus:var(--digi--color--text--secondary)}digi-code-block .digi-code-block--dark code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{color:#f8f8f2;background:none;font-family:var(--digi--global--typography--font-family--mono);text-align:left;white-space:pre-wrap;word-spacing:normal;word-break:break-word;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}digi-code-block .digi-code-block--dark pre[class*=language-]{padding:1em;overflow:auto}digi-code-block .digi-code-block--dark :not(pre)>code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{background:#272727}digi-code-block .digi-code-block--dark :not(pre)>code[class*=language-]{padding:0.1em;white-space:normal}digi-code-block .digi-code-block--dark .token.comment,digi-code-block .digi-code-block--dark .token.prolog,digi-code-block .digi-code-block--dark .token.doctype,digi-code-block .digi-code-block--dark .token.cdata{color:#d4d0ab}digi-code-block .digi-code-block--dark .token.punctuation{color:#fefefe}digi-code-block .digi-code-block--dark .token.property,digi-code-block .digi-code-block--dark .token.tag,digi-code-block .digi-code-block--dark .token.constant,digi-code-block .digi-code-block--dark .token.symbol,digi-code-block .digi-code-block--dark .token.deleted{color:#ffa07a}digi-code-block .digi-code-block--dark .token.boolean,digi-code-block .digi-code-block--dark .token.number{color:#00e0e0}digi-code-block .digi-code-block--dark .token.selector,digi-code-block .digi-code-block--dark .token.attr-name,digi-code-block .digi-code-block--dark .token.string,digi-code-block .digi-code-block--dark .token.char,digi-code-block .digi-code-block--dark .token.builtin,digi-code-block .digi-code-block--dark .token.inserted{color:#abe338}digi-code-block .digi-code-block--dark .token.operator,digi-code-block .digi-code-block--dark .token.entity,digi-code-block .digi-code-block--dark .token.url,digi-code-block .digi-code-block--dark .language-css .token.string,digi-code-block .digi-code-block--dark .style .token.string,digi-code-block .digi-code-block--dark .token.variable{color:#00e0e0}digi-code-block .digi-code-block--dark .token.atrule,digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.function{color:#ffd700}digi-code-block .digi-code-block--dark .token.keyword{color:#00e0e0}digi-code-block .digi-code-block--dark .token.regex,digi-code-block .digi-code-block--dark .token.important{color:#ffd700}digi-code-block .digi-code-block--dark .token.important,digi-code-block .digi-code-block--dark .token.bold{font-weight:bold}digi-code-block .digi-code-block--dark .token.italic{font-style:italic}digi-code-block .digi-code-block--dark .token.entity{cursor:help}@media screen and (-ms-high-contrast: active){digi-code-block .digi-code-block--dark code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{color:windowText;background:window}digi-code-block .digi-code-block--dark :not(pre)>code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{background:window}digi-code-block .digi-code-block--dark .token.important{background:highlight;color:window;font-weight:normal}digi-code-block .digi-code-block--dark .token.atrule,digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.function,digi-code-block .digi-code-block--dark .token.keyword,digi-code-block .digi-code-block--dark .token.operator,digi-code-block .digi-code-block--dark .token.selector{font-weight:bold}digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.comment,digi-code-block .digi-code-block--dark .token.doctype,digi-code-block .digi-code-block--dark .token.function,digi-code-block .digi-code-block--dark .token.keyword,digi-code-block .digi-code-block--dark .token.operator,digi-code-block .digi-code-block--dark .token.property,digi-code-block .digi-code-block--dark .token.string{color:highlight}digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.url{font-weight:normal}}digi-code-block .digi-code-block__toolbar{padding-bottom:0.5rem;display:flex;justify-content:flex-end;position:absolute;bottom:0;width:100%}digi-code-block .digi-code-block__button{margin-right:var(--digi--margin--smaller)}";
-const DigiCodeBlockStyle0 = codeBlockCss;
-
-const CodeBlock = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.highlightedCode = undefined;
-        this.afCode = undefined;
-        this.afVariation = CodeBlockVariation.DARK;
-        this.afLanguage = CodeBlockLanguage.HTML;
-        this.afLang = 'en';
-        this.afHideToolbar = false;
-    }
-    componentWillLoad() {
-        Prism.manual = true;
-        this.formatCode();
-    }
-    formatCode() {
-        this.highlightedCode = Prism.highlight(this.afCode, Prism.languages[this.afLanguage], this.afLanguage);
-    }
-    copyButtonClickHandler() {
-        navigator.clipboard.writeText(this.afCode).then(() => {
-            // console.log('hurra!');
-        }, (err) => {
-            // console.log('åh nej!', err);
-            console.error(err);
-        });
-    }
-    get cssModifiers() {
-        return {
-            'digi-code-block--light': this.afVariation === CodeBlockVariation.LIGHT,
-            'digi-code-block--dark': this.afVariation === CodeBlockVariation.DARK
-        };
-    }
-    render() {
-        return (h("div", { key: 'd4a2f69a550c83923cc29345e6d0015be77918ea', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, h("pre", { key: 'd7912db4bdb868018b26e59c7bbae4244b28236a', class: `digi-code-block__pre language-${this.afLanguage}` }, h("code", { key: '484b111ec3fd7893d185633c377a9b6d4f8d3d52', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (h("div", { key: '95f25d6e32161ba02268abf67040930ba5c5abd4', class: "digi-code-block__toolbar" }, h("digi-button", { key: 'fc454e58b3061884951c6d20541eb16cc6d566d0', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: ButtonVariation.FUNCTION, afSize: ButtonSize.SMALL }, h("digi-icon-copy", { key: 'b8ea39049f5da02449760433b09651273b14a9d9', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy)))));
-    }
-    static get watchers() { return {
-        "afCode": ["formatCode"]
-    }; }
-};
-CodeBlock.style = DigiCodeBlockStyle0;
-
-const formFieldsetCss = ".sc-digi-form-fieldset-h{--digi--form-fieldset--padding:0;--digi--form-fieldset--border:none;--digi--form-fieldset--legend--font-weight:var(--digi--typography--description--font-weight--desktop);--digi--form-fieldset--legend--font-family:var(--digi--global--typography--font-family--default);--digi--form-fieldset--legend--font-size:var(--digi--typography--description--font-size--desktop);--digi--form-fieldset--legend--color:var(--digi--color--text--primary);--digi--form-fieldset--legend--margin:var(--digi--margin--h2-large)}.sc-digi-form-fieldset-h .digi-form-fieldset.sc-digi-form-fieldset{margin:0px;padding:var(--digi--form-fieldset--padding);border:var(--digi--form-fieldset--border)}.sc-digi-form-fieldset-h .digi-form-fieldset__legend.sc-digi-form-fieldset{font-weight:var(--digi--form-fieldset--legend--font-weight);font-family:var(--digi--form-fieldset--legend--font-family);font-size:var(--digi--form-fieldset--legend--font-size);color:var(--digi--form-fieldset--legend--color);margin-block-end:var(--digi--form-fieldset--legend--margin);padding:0px}";
-const DigiFormFieldsetStyle0 = formFieldsetCss;
-
-const FormFieldset = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afLegend = undefined;
-        this.afName = undefined;
-        this.afForm = undefined;
-        this.afId = randomIdGenerator('digi-form-fieldset');
-        this.afValidation = FormFieldsetValidation.NEUTRAL;
-        this.afValidationText = undefined;
-        this.afErrorMessageIsAlert = true;
-    }
-    get errorMessageIsAlert() {
-        return (this.afErrorMessageIsAlert !== false &&
-            this.afErrorMessageIsAlert !== 'false');
-    }
-    render() {
-        return (h("fieldset", { key: '29ecbd04ee5123d1b3acf9ee3e842564c2d50367', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (h("legend", { key: '1571695ba1c78ed305ad0f3ee66e0026cdf0dcd3', class: "digi-form-fieldset__legend" }, this.afLegend)), h("slot", { key: 'c32976dfc7b74adb2b693b73e969d28d15848302' }), h("div", { key: '2753776b8376b6adaec15c619422c51305eca8ac', class: "digi-form-input__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-text` }, this.afValidation != FormFieldsetValidation.NEUTRAL && (h("digi-form-validation-message", { key: '480e90b969af570cee1fd8c50d72214480f9bb48', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
-    }
-};
-FormFieldset.style = DigiFormFieldsetStyle0;
-
-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 DigiFormRadiobuttonStyle0 = formRadiobuttonCss;
-
-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;
-        this.afLabel = undefined;
-        this.afVariation = FormRadiobuttonVariation.PRIMARY;
-        this.afLayout = FormRadiobuttonLayout.INLINE;
-        this.afName = undefined;
-        this.afId = randomIdGenerator('digi-form-radiobutton');
-        this.afRequired = undefined;
-        this.value = undefined;
-        this.afValue = undefined;
-        this.checked = undefined;
-        this.afChecked = undefined;
-        this.afValidation = undefined;
-        this.afAriaLabelledby = undefined;
-        this.afAriaDescribedby = undefined;
-        this.afAutofocus = undefined;
-    }
-    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: 'ec217535e0b0c596d9823eaa069a821d3dace97a', tabindex: -1 }, h("div", { key: '04976fd86d7aaa1bcbfff4b95692b397fd628955', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '5241250e0afc92eea48123accd45ed6944f51ed0', 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: '9a0c06e2e514422bdbbc39df05996c9e445dc093', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '1e5ef984c274330cc155d8f9a41e32c861c63d14', class: "digi-form-radiobutton__circle" }), this.afLabel))));
-    }
-    get hostElement() { return getElement(this); }
-    static get watchers() { return {
-        "value": ["onValueChanged"],
-        "checked": ["onCheckedChanged"],
-        "afChecked": ["onAfCheckedChanged"]
-    }; }
-};
-FormRadiobutton.style = DigiFormRadiobuttonStyle0;
-
-export { CodeBlock as digi_code_block, FormFieldset as digi_form_fieldset, FormRadiobutton as digi_form_radiobutton };

package/dist/esm/digi-context-menu.entry.js

@@ -1,236 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-148a7577.js';
-import { d as detectClickOutside } from './detectClickOutside.util-72594957.js';
-import { d as detectFocusOutside } from './detectFocusOutside.util-a8676bee.js';
-import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-import './detectClosest.util-58a7504f.js';
-
-const navigationContextMenuCss = ".sc-digi-context-menu-h{--digi--navigation-context-menu--toggle-icon--transition:ease-in-out 0.2s all;--digi--navigation-context-menu--toggle-icon--transform:rotate(-180deg);--digi--navigation-context-menu--content--background-color:var(--digi--color--background--primary);--digi--navigation-context-menu--content--border-radius:var(--digi--border-radius--secondary);--digi--navigation-context-menu--content--max-width:90vw;--digi--navigation-context-menu--content--max-height:15rem;--digi--navigation-context-menu--button-icon--width:0.875rem;--digi--navigation-context-menu--button-trigger--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--button-trigger--padding:0;--digi--navigation-context-menu--item--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--item--background-color--active:var(--digi--color--background--interactive--selected--tertiary);--digi--navigation-context-menu--item--display:flex;--digi--navigation-context-menu--item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-context-menu--item--font-color:var(--digi--color--text--primary);display:block;box-sizing:border-box;width:fit-content}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu{display:grid}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__toggle-icon.sc-digi-context-menu{transition:var(--digi--navigation-context-menu--toggle-icon--transition)}.sc-digi-context-menu-h .digi-navigation-context-menu--active.sc-digi-context-menu .digi-navigation-context-menu__toggle-icon.sc-digi-context-menu{transform:var(--digi--navigation-context-menu--toggle-icon--transform)}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__trigger-button.sc-digi-context-menu{display:block;--digi--button--padding--medium:var(--digi--navigation-context-menu--button-trigger--padding);width:fit-content;--digi--button--font-size--medium:var(--digi--navigation-context-menu--button-trigger--font-size)}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__list.sc-digi-context-menu{width:100%;position:relative;display:none}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__list--active.sc-digi-context-menu{display:inline-grid}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__list.sc-digi-context-menu .dropdown-wrapper.sc-digi-context-menu{padding:0.5rem 0;display:none;width:max-content;min-width:100%;max-width:var(--digi--navigation-context-menu--content--max-width);max-height:var(--digi--navigation-context-menu--content--max-height);overflow-y:auto;box-sizing:border-box;z-index:10;margin-top:0.5rem;background-color:var(--digi--navigation-context-menu--content--background-color);border-radius:var(--digi--navigation-context-menu--content--border-radius);box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.7);position:absolute}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__list.sc-digi-context-menu .dropdown-wrapper--visible.sc-digi-context-menu{display:block}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__list.sc-digi-context-menu .dropdown-wrapper--position-right.sc-digi-context-menu{right:0}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__list.sc-digi-context-menu .dropdown-wrapper--position-center.sc-digi-context-menu{left:50%;transform:translateX(-50%)}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .content-wrapper.sc-digi-context-menu{display:flex;flex-direction:row;align-items:baseline;padding-left:1rem;padding-right:1rem;gap:0.5rem}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item.sc-digi-context-menu{font-size:var(--digi--navigation-context-menu--item--font-size);display:var(--digi--navigation-context-menu--item--display);font-family:var(--digi--navigation-context-menu--item--font-family);padding:0.625rem 0;max-width:max-content;min-width:100%;width:100%;position:relative;cursor:pointer}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item.sc-digi-context-menu:hover{background-color:var(--digi--navigation-context-menu--item--background-color--active)}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item.sc-digi-context-menu:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item--active.sc-digi-context-menu{font-weight:600;background-color:var(--digi--navigation-context-menu--item--background-color--active)}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item--link.sc-digi-context-menu{list-style:none;margin:0;padding:0}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item--link.sc-digi-context-menu a.sc-digi-context-menu{padding:0.625rem 1rem;color:var(--digi--navigation-context-menu--item--font-color, #333333);text-decoration:none;margin:0;width:100%}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item.sc-digi-context-menu .digi-navigation-context-menu__button-icon.sc-digi-context-menu{--digi--icon--width:var(--digi--navigation-context-menu--button-icon--width)}";
-const DigiContextMenuStyle0 = navigationContextMenuCss;
-
-function deserializeProp(prop) {
-    if (typeof prop === 'string') {
-        return JSON.parse(prop);
-    }
-    return prop;
-}
-const ContextMenu = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afChangeItem = createEvent(this, "afChangeItem", 7);
-        this.afFocusItem = createEvent(this, "afFocusItem", 7);
-        this.afToggleMenu = createEvent(this, "afToggleMenu", 7);
-        this.afBlur = createEvent(this, "afBlur", 7);
-        this.itemRefs = {};
-        this.visible = false;
-        this.activeItemIdx = undefined;
-        this.selectItemIdx = 0;
-        this.afId = randomIdGenerator('digi-context-menu');
-        this.afIcon = undefined;
-        this.afTitle = undefined;
-        this.afMenuItems = undefined;
-        this.afDir = undefined;
-        this.afLang = undefined;
-        this.afAriaLabel = undefined;
-        this.afMenuPosition = 'left-bottom';
-        this.afActiveItem = undefined;
-    }
-    clickHandler(e) {
-        const target = e.target;
-        const selector = `#${this.afId}-identifier`;
-        if (detectClickOutside(target, selector) && this.visible) {
-            this.hideMenu();
-        }
-    }
-    focusoutHandler(e) {
-        const target = e.target;
-        const selector = `#${this.afId}-identifier`;
-        if (detectFocusOutside(target, selector) && this.visible) {
-            this.hideMenu();
-            this.afBlur.emit();
-        }
-    }
-    syncActiveItem() {
-        if (this.afActiveItem != null) {
-            const menuItems = this.afMenuItems;
-            this.activeItemIdx = menuItems.findIndex((item) => item.id.toString() === this.afActiveItem);
-        }
-    }
-    syncItems() {
-        this.afMenuItems = deserializeProp(this.afMenuItems);
-    }
-    componentWillLoad() {
-        this.syncItems();
-        this.syncActiveItem();
-    }
-    get digiIcon() {
-        if (this.afIcon != null) {
-            return `digi-icon-${this.afIcon}`;
-        }
-    }
-    hideMenu() {
-        this.visible = false;
-        this.afToggleMenu.emit(this.visible);
-    }
-    showMenu() {
-        this.visible = true;
-        this.afToggleMenu.emit(this.visible);
-    }
-    isLink() {
-        if (this.afMenuItems && this.afMenuItems.length > 0) {
-            const itemToCheck = this.afMenuItems[0];
-            return itemToCheck.type && itemToCheck.type === 'link';
-        }
-        return false;
-    }
-    async handleToggle() {
-        if (this.visible) {
-            this.hideMenu();
-            this.focusOnButton();
-        }
-        else {
-            this.showMenu();
-            if (!this.isLink()) {
-                const idx = this.activeItemIdx || 0;
-                const item = this.afMenuItems[idx];
-                setTimeout(() => this.itemRefs[item.id].focus(), 25);
-            }
-        }
-    }
-    async focusOnButton() {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-expect-error
-        const digiButton = this.buttonRef;
-        const button = (await digiButton.afMGetButtonElement());
-        button.focus();
-    }
-    handleChangeItem(item, idx) {
-        this.activeItemIdx = idx;
-        this.handleToggle();
-        this.afChangeItem.emit({ item, idx });
-    }
-    handleRef(ref, refId, payload) {
-        if (refId === 'item') {
-            this.itemRefs[payload.id] = ref;
-        }
-    }
-    isActive(idx) {
-        if ((this.activeItemIdx !== undefined || this.activeItemIdx !== null) &&
-            this.activeItemIdx === idx) {
-            return true;
-        }
-        return false;
-    }
-    isSelected(idx) {
-        return this.selectItemIdx === idx;
-    }
-    nextIdx(idx) {
-        if (idx > this.afMenuItems.length - 1) {
-            return 0;
-        }
-        else if (idx < 0) {
-            return this.afMenuItems.length - 1;
-        }
-        else {
-            return idx;
-        }
-    }
-    activateItem(idx) {
-        const item = this.afMenuItems[idx];
-        this.activeItemIdx = idx;
-        this.focusItem(idx);
-        this.handleChangeItem(item, idx);
-    }
-    focusItem(idx) {
-        var _a;
-        const item = this.afMenuItems[idx];
-        this.selectItemIdx = idx;
-        (_a = this.itemRefs[item.id]) === null || _a === void 0 ? void 0 : _a.focus();
-        this.afFocusItem.emit({ item, idx });
-    }
-    focusCaptured() {
-        const menuItems = this.afMenuItems;
-        return menuItems.some((item) => this.itemRefs[item.id] === document.activeElement);
-    }
-    handleKey(e) {
-        if (!this.focusCaptured())
-            return;
-        switch (e.key) {
-            case 'ArrowUp':
-                this.focusItem(this.nextIdx(this.selectItemIdx - 1));
-                break;
-            case 'ArrowDown':
-                this.focusItem(this.nextIdx(this.selectItemIdx + 1));
-                break;
-            case 'Escape':
-                this.hideMenu();
-                this.focusOnButton();
-                break;
-            case 'Enter':
-            case ' ':
-                e.preventDefault();
-                e.stopPropagation();
-                this.activateItem(this.selectItemIdx);
-                break;
-        }
-    }
-    handleLinkClick(e, item, idx) {
-        if (!item.overrideLink) {
-            window.location.assign(item.href);
-        }
-        else {
-            e.preventDefault();
-            this.handleChangeItem(item, idx);
-        }
-    }
-    renderLink(item, idx) {
-        const menuItem = this.afMenuItems[idx];
-        return (h("li", { id: `${this.afId}-listbox-item-${item.id}`, key: item.id, class: {
-                'digi-navigation-context-menu__item': true,
-                'digi-navigation-context-menu__item--link': true,
-                'digi-navigation-context-menu__item--active': this.isActive(idx)
-            }, dir: this.afDir, lang: this.afLang, ref: (ref) => { var _a; return (_a = this.handleRef) === null || _a === void 0 ? void 0 : _a.call(this, ref, 'item', item); } }, h("a", { "aria-label": item.ariaLabel ? item.ariaLabel : null, href: menuItem.href ? menuItem.href : null, onClick: (e) => this.handleLinkClick(e, item, idx) }, item.title)));
-    }
-    renderDiv(item, idx) {
-        return (h("div", { role: "option", id: `${this.afId}-listbox-item-${item.id}`, key: item.id, class: {
-                'digi-navigation-context-menu__item': true,
-                'digi-navigation-context-menu__item--active': this.isActive(idx)
-            }, dir: this.afDir, lang: this.afLang, "aria-selected": this.isActive(idx).toString(), tabIndex: this.isSelected(idx) ? 0 : -1, onClick: () => { var _a; return (_a = this.handleChangeItem) === null || _a === void 0 ? void 0 : _a.call(this, item, idx); }, ref: (ref) => { var _a; return (_a = this.handleRef) === null || _a === void 0 ? void 0 : _a.call(this, ref, 'item', item); } }, h("div", { class: "content-wrapper" }, h("digi-icon-check", { class: "digi-navigation-context-menu__button-icon", slot: "icon", style: {
-                visibility: idx === this.activeItemIdx && this.visible
-                    ? 'visible'
-                    : 'hidden'
-            } }), h("span", { "aria-label": item.ariaLabel ? item.ariaLabel : null }, item.title)), ' '));
-    }
-    render() {
-        const menuItems = this.afMenuItems;
-        return (h(Host, { key: '3d710f244c36361e7a1db54d6ff91bcfa7dc8f61' }, h("div", { key: '098d2c031d46d62987810f254621d5540709c738', id: `${this.afId}-identifier`, class: {
-                'digi-navigation-context-menu': true,
-                'digi-navigation-context-menu--active': this.visible
-            } }, h("digi-button", { key: '1bb808252655162e41807b2c05466ca6eb59dcd2', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: "digi-navigation-context-menu__trigger-button" }, !!this.afIcon && h(this.digiIcon, { key: '3b9dea7016fba1b2fd47cbb554dfc237c677efd9', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: '0fc00e257f1c52097e5e9588128a09d31c0e9470', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '3ece43fb02a56fc404a371b3eec3d9bc5255cf6d', class: {
-                'digi-navigation-context-menu__list': true,
-                'digi-navigation-context-menu__list--active': this.visible
-            } }, h("div", { key: 'd25725930bd2dc57e3cba2d79a80a30d70ca7feb', onKeyDown: (e) => {
-                this.handleKey(e);
-            }, id: `${this.afId}-dropdown`, style: {
-                visibility: this.visible ? 'visible' : 'hidden'
-            }, role: this.isLink() ? 'list' : 'listbox', "aria-labelledby": `${this.afId}-trigger`, class: {
-                'dropdown-wrapper': true,
-                'dropdown-wrapper--visible': this.visible,
-                'dropdown-wrapper--position-right': this.afMenuPosition === 'right-bottom',
-                'dropdown-wrapper--position-center': this.afMenuPosition === 'center-bottom'
-            } }, menuItems &&
-            menuItems.map((item, idx) => {
-                const menuItem = menuItems[idx];
-                if (menuItem.type && (menuItem === null || menuItem === void 0 ? void 0 : menuItem.type) === 'link') {
-                    return this.renderLink(item, idx);
-                }
-                return this.renderDiv(item, idx);
-            }))))));
-    }
-    static get watchers() { return {
-        "afActiveItem": ["syncActiveItem"],
-        "afMenuItems": ["syncItems"]
-    }; }
-};
-ContextMenu.style = DigiContextMenuStyle0;
-
-export { ContextMenu as digi_context_menu };

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

@@ -1,93 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-148a7577.js';
-import { E as ExpandableFaqItemHeadingLevel, a as ExpandableFaqItemVariation } from './expandable-faq-item-variation.enum-a8cb225b.js';
-import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.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) {
-        registerInstance(this, hostRef);
-        this.afOnClick = createEvent(this, "afOnClick", 7);
-        this.afHeading = undefined;
-        this.afHeadingLevel = ExpandableFaqItemHeadingLevel.H3;
-        this.afFullWidth = false;
-        this.afExpanded = false;
-        this.afVariation = ExpandableFaqItemVariation.PRIMARY;
-        this.afAnimation = true;
-        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.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 (h("article", { key: '77cebf9e6024110a7a13e0a8b8bad26443783f3f', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: 'cfcd9dd4602a738d93c588e78aacf3a1d680be7f', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: '070e9ce1ae568f76a98c790eecd9f6c8170882eb' }, h("button", { key: 'bd22294c7b556c2f048a9168e7ef6623df5f7344', 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: '8d32c3b205fb19bd82887eaeb586e823f43f275a', class: {
-                'digi-expandable-faq-item__header--toggle-icon': true,
-                'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
-            } }), h("div", { key: '8f3a9b920c46c0bd7604fc263eee364aab0530bc', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), h("section", { key: '0044fcff40a354d5aa2eab9cd3aa8bb8f84a655e', 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: '57d0847d6c133b95366884299109f728b72f9cdf' }, h("digi-typography", { key: 'a7ac9df70a7e68d0f55b6f745d456884ab3527ac' }, h("slot", { key: '49f68abb221c4b439269ea016c8f66e7dd5c37ea' }))))));
-    }
-    get hostElement() { return getElement(this); }
-    static get watchers() { return {
-        "afExpanded": ["animateContentHeight"]
-    }; }
-};
-ExpandableFaqItem.style = DigiExpandableFaqItemStyle0;
-
-export { ExpandableFaqItem as digi_expandable_faq_item };