@designsystem-se/af 37.0.2-beta.0 → 37.0.2

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

@@ -0,0 +1,238 @@
+import { r as registerInstance, h, c as createEvent, H as Host, g as getElement } from './index-148a7577.js';
+import { C as CodeBlockVariation } from './code-example-variation.enum-e9f9fced.js';
+import { a as CodeBlockLanguage, e as FormFieldsetValidation, h as FormRadiobuttonVariation, f as FormRadiobuttonLayout, g as FormRadiobuttonValidation } from './typography-variation.enum-8c3ff25c.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 { B as ButtonSize } from './button-size.enum-d5ff6ff3.js';
+import './button-type.enum-5250ae0b.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 './footer-card-variation.enum-cc732148.js';
+import './form-checkbox-variation.enum-83e906fc.js';
+import './form-file-upload-variation.enum-9c49ec5e.js';
+import './form-input-search-variation.enum-f9d669f2.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-container-max-width.enum-c40018ac.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 './logo-variation.enum-5b68b79f.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: 'efc4eab4b814bc5ec01559f89d951d694ed695e1', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, h("pre", { key: '85b42423a9f62a227739e3107972251f9a825a97', class: `digi-code-block__pre language-${this.afLanguage}` }, h("code", { key: '266c28f90184f60eab0fc1febf743a53f46aab3b', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (h("div", { key: '6230d33b96b03f7ea584d3b93efff81f636bad18', class: "digi-code-block__toolbar" }, h("digi-button", { key: 'b54ad1cc57faafeb0f82cc0de0865cf3e585fddf', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: ButtonVariation.FUNCTION, afSize: ButtonSize.SMALL }, h("digi-icon-copy", { key: 'f223bd2e83be5d853c78c0322d69c7fe34cd257a', 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: '2a3aeddb712d49ff99f788867ac270f563f34454', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (h("legend", { key: 'a2e44584d821be6b1fd71a04d9313fdb572b8390', class: "digi-form-fieldset__legend" }, this.afLegend)), h("slot", { key: '072437bb8dd5064642f96c605388957016423360' }), h("div", { key: '57859d430e16c47b4fd70174f13b04b9dec61561', 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: 'b74841c651c2a9c0822b2eaeb3d21be617b279a8', 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: 'f70124a9cc34980f21e1a00e0fe6ee05c9357bee', tabindex: -1 }, h("div", { key: 'fd9dcdf5855ef66bc3e3904e33ccf6465e4cf3d5', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '4e8e9c2cf1376b2a1d50cd997ee5bc5667c189cf', 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: 'ca650fef6df415c4372f6850792c39d0ed6e7bf3', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '62fde4290dd8e0ada2f538c86dfcc167e25565c1', 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-code-example.entry.js

@@ -1,10 +1,11 @@
 import { r as registerInstance, h, g as getElement } from './index-148a7577.js';
-import { C as CodeBlockVariation, b as CodeExampleVariation, a as CodeExampleLanguage, B as ButtonSize } from './code-example-variation.enum-e656d235.js';
+import { C as CodeBlockVariation, b as CodeExampleVariation, a as CodeExampleLanguage } from './code-example-variation.enum-e9f9fced.js';
+import { B as ButtonSize } from './button-size.enum-d5ff6ff3.js';
 import { B as ButtonVariation } from './button-variation.enum-94fffdd6.js';
 import { _ as _t } from './text-8f88c0f6.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.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%)}@media (prefers-color-scheme: dark){.digi-code-example--light.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--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 = ".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 DigiCodeExampleStyle0 = codeExampleCss;
 
 const CodeExample = class {

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

@@ -1,21 +1,31 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-148a7577.js';
-import { c as DialogVariation, b as DialogSize, D as DialogHeadingLevel } from './typography-variation.enum-b07f76c9.js';
+import { c as DialogVariation, b as DialogSize, D as DialogHeadingLevel } from './typography-variation.enum-8c3ff25c.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 import './badge-notification-shape.enum-e15a6245.js';
 import './badge-status-variation.enum-8d6370ff.js';
-import { B as ButtonSize } from './code-example-variation.enum-e656d235.js';
-import './form-input-type.enum-a6bba983.js';
+import { B as ButtonSize } from './button-size.enum-d5ff6ff3.js';
+import './button-type.enum-5250ae0b.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-example-variation.enum-e9f9fced.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 './footer-card-variation.enum-cc732148.js';
-import './form-validation-message-variation.enum-f7835fc5.js';
+import './form-checkbox-variation.enum-83e906fc.js';
+import './form-file-upload-variation.enum-9c49ec5e.js';
+import './form-input-search-variation.enum-f9d669f2.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-container-max-width.enum-c40018ac.js';
 import './layout-block-variation.enum-b7a20db4.js';
 import './layout-columns-variation.enum-34f7754e.js';
 import './link-button-variation.enum-84d4976f.js';
@@ -25,6 +35,8 @@ import './loader-spinner-size.enum-0b246fa0.js';
 import './logo-variation.enum-5b68b79f.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';
@@ -34,11 +46,13 @@ 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';
 
-const dialogCss = ":host{--digi--dialog--backdrop--position:fixed;--digi--dialog--backdrop--opacity:1;--digi--dialog--backdrop--z--index:999;--digi--dialog--backdrop--left:0;--digi--dialog--backdrop--top:0;--digi--dialog--backdrop--width:100vw;--digi--dialog--backdrop--height:100vh;--digi--dialog--backdrop--display:flex;--digi--dialog--backdrop--justify--content:center;--digi--dialog--backdrop--align--items:center;--digi--dialog--close--button--display:grid;--digi--dialog--close--button--justify--content:end;--digi--dialog--close--button--margin--right:-1rem;--digi--dialog--button--container--display:flex;--digi--dialog--button--container--flex-wrap:wrap;--digi--dialog--button--container--gap:var(--digi--gutter--large);--digi--dialog--button--container--padding--top:var(--digi--gutter--largest-2);--digi--dialog--button--text--align--mobile:center;--digi--dialog--content--gutter:var(--digi--gutter--largest);--digi--dialog--content--margin:var(--digi--margin--large) auto;--digi--dialog--content--padding:var(--digi--padding--large);--digi--dialog--content--width--small:28.75rem;--digi--dialog--content--width--medium:42.1875rem;--digi--dialog--content--width--large:56.25rem;--digi--dialog--content--color--primary:var(--digi--color--text--primary);--digi--dialog--content--color--background--primary:var(--digi--color--background--primary-elevated);--digi--dialog--icon--color--primary:var(--digi--color--icon--primary);--digi--dialog--icon--color--primary--hover:var(--digi--color--icon--primary)}:host .digi-dialog{background:rgba(0, 0, 0, 0.7);overflow-x:hidden;overflow-y:auto;position:var(--digi--dialog--backdrop--position);opacity:var(--digi--dialog--backdrop--opacity);z-index:var(--digi--dialog--backdrop--z--index);left:var(--digi--dialog--backdrop--left);top:var(--digi--dialog--backdrop--top);width:var(--digi--dialog--backdrop--width);height:var(--digi--dialog--backdrop--height);display:var(--digi--dialog--backdrop--display);justify-content:var(--digi--dialog--backdrop--justify--content);align-items:var(--digi--dialog--backdrop--align--items);padding:var(--digi--padding--medium);box-sizing:border-box}:host .digi-dialog--primary{--DIGI--DIALOG--COLOR--BACKGROUND:var(\n    --digi--dialog--content--color--background--primary\n  );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--primary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:initial}:host .digi-dialog--secondary{--digi--dialog--content--color--secondary:var(\n    --digi--global--color--profile--white--base\n  );--digi--dialog--content--color--background--secondary:var(\n    --digi--global--color--profile--blue--base\n  );--DIGI--DIALOG--COLOR--BACKGROUND:var(\n    --digi--dialog--content--color--background--secondary\n  );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--secondary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:#b7b7ff;--digi--color--text--primary:var(--digi--dialog--content--color--secondary)}:host .digi-dialog--small{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--small)}:host .digi-dialog--medium{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--medium)}:host .digi-dialog--large{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--large)}:host .digi-dialog__keydown-handler{width:100%;max-height:100%}:host .digi-dialog__content{background:var(--DIGI--DIALOG--COLOR--BACKGROUND);color:var(--DIGI--DIALOG--COLOR);max-width:var(--DIGI--DIALOG--CONTENT--WIDTH);width:100%;margin:var(--digi--dialog--content--margin);padding:var(--digi--padding--smaller) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding);box-sizing:border-box}:host .digi-dialog__close-button{--digi--button--color--text--function--default:var(--DIGI--DIALOG--COLOR);--digi--button--color--text--function--hover:var(--DIGI--DIALOG--COLOR);--digi--button--color--icon--function--default:var(--digi--dialog--icon--color--primary);--digi--button--color--icon--function--hover:var(--digi--dialog--icon--color--primary--hover);display:var(--digi--dialog--close--button--display);justify-content:var(--digi--dialog--close--button--justify--content);margin-right:var(--digi--dialog--close--button--margin--right)}:host .digi-dialog__button-container{display:var(--digi--dialog--button--container--display);flex-wrap:var(--digi--dialog--button--container--flex-wrap);gap:var(--digi--dialog--button--container--gap);padding-top:var(--digi--dialog--button--container--padding--top)}:host .digi-dialog__button-container digi-button,:host .digi-dialog__button-container .digi-button--medium{text-align:var(--digi--dialog--button--text--align--mobile)}:host .digi-dialog__button-container digi-button :first-of-type,:host .digi-dialog__button-container .digi-button--medium :first-of-type{--digi--button--color--border--primary--default:var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY);--digi--button--color--border--primary--hover:var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY)}";
+const dialogCss = ":host{--digi--dialog--backdrop--position:fixed;--digi--dialog--backdrop--opacity:1;--digi--dialog--backdrop--z--index:999;--digi--dialog--backdrop--left:0;--digi--dialog--backdrop--top:0;--digi--dialog--backdrop--width:100vw;--digi--dialog--backdrop--height:100vh;--digi--dialog--backdrop--display:flex;--digi--dialog--backdrop--justify--content:center;--digi--dialog--backdrop--align--items:center;--digi--dialog--close--button--display:grid;--digi--dialog--close--button--justify--content:end;--digi--dialog--close--button--margin--right:-1rem;--digi--dialog--button--container--display:flex;--digi--dialog--button--container--flex-wrap:wrap;--digi--dialog--button--container--gap:var(--digi--gutter--large);--digi--dialog--button--container--padding--top:var(--digi--gutter--largest-2);--digi--dialog--button--text--align--mobile:center;--digi--dialog--content--gutter:var(--digi--gutter--largest);--digi--dialog--content--margin:var(--digi--margin--large) auto;--digi--dialog--content--padding:var(--digi--padding--large);--digi--dialog--content--width--small:28.75rem;--digi--dialog--content--width--medium:42.1875rem;--digi--dialog--content--width--large:56.25rem;--digi--dialog--content--color--primary:var(--digi--color--text--primary);--digi--dialog--content--color--background--primary:var(--digi--color--background--primary);--digi--dialog--icon--color--primary:var(--digi--color--icon--primary);--digi--dialog--icon--color--primary--hover:var(--digi--color--icon--primary)}:host .digi-dialog{background:rgba(0, 0, 0, 0.7);overflow-x:hidden;overflow-y:auto;position:var(--digi--dialog--backdrop--position);opacity:var(--digi--dialog--backdrop--opacity);z-index:var(--digi--dialog--backdrop--z--index);left:var(--digi--dialog--backdrop--left);top:var(--digi--dialog--backdrop--top);width:var(--digi--dialog--backdrop--width);height:var(--digi--dialog--backdrop--height);display:var(--digi--dialog--backdrop--display);justify-content:var(--digi--dialog--backdrop--justify--content);align-items:var(--digi--dialog--backdrop--align--items);padding:var(--digi--padding--medium);box-sizing:border-box}:host .digi-dialog--primary{--DIGI--DIALOG--COLOR--BACKGROUND:var(\n    --digi--dialog--content--color--background--primary\n  );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--primary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:initial}:host .digi-dialog--secondary{--digi--dialog--content--color--secondary:var(\n    --digi--global--color--profile--white--base\n  );--digi--dialog--content--color--background--secondary:var(\n    --digi--global--color--profile--blue--base\n  );--DIGI--DIALOG--COLOR--BACKGROUND:var(\n    --digi--dialog--content--color--background--secondary\n  );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--secondary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:#b7b7ff;--digi--color--text--primary:var(--digi--dialog--content--color--secondary)}:host .digi-dialog--small{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--small)}:host .digi-dialog--medium{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--medium)}:host .digi-dialog--large{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--large)}:host .digi-dialog__keydown-handler{width:100%;max-height:100%}:host .digi-dialog__content{background:var(--DIGI--DIALOG--COLOR--BACKGROUND);color:var(--DIGI--DIALOG--COLOR);max-width:var(--DIGI--DIALOG--CONTENT--WIDTH);width:100%;margin:var(--digi--dialog--content--margin);padding:var(--digi--padding--smaller) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding);box-sizing:border-box}:host .digi-dialog__close-button{--digi--button--color--text--function--default:var(--DIGI--DIALOG--COLOR);--digi--button--color--text--function--hover:var(--DIGI--DIALOG--COLOR);--digi--button--color--icon--function--default:var(--digi--dialog--icon--color--primary);--digi--button--color--icon--function--hover:var(--digi--dialog--icon--color--primary--hover);display:var(--digi--dialog--close--button--display);justify-content:var(--digi--dialog--close--button--justify--content);margin-right:var(--digi--dialog--close--button--margin--right)}:host .digi-dialog__button-container{display:var(--digi--dialog--button--container--display);flex-wrap:var(--digi--dialog--button--container--flex-wrap);gap:var(--digi--dialog--button--container--gap);padding-top:var(--digi--dialog--button--container--padding--top)}:host .digi-dialog__button-container digi-button,:host .digi-dialog__button-container .digi-button--medium{text-align:var(--digi--dialog--button--text--align--mobile)}:host .digi-dialog__button-container digi-button :first-of-type,:host .digi-dialog__button-container .digi-button--medium :first-of-type{--digi--button--color--border--primary--default:var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY);--digi--button--color--border--primary--hover:var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY)}";
 const DigiDialogStyle0 = dialogCss;
 
 const Dialog = class {

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

@@ -0,0 +1,93 @@
+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: 'e412b493af65f46ae29f328eddcb578b2541edd8', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '145157d04dfdc71a3c97fa7aadf4e907407ad98d', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: 'd756b0ebc4c2787eb6ccfc209332d5ab91bcd850' }, h("button", { key: '47ad4e697d1098e17e08f662ee8623b5cbdca1f7', 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: 'eea58e9001fbeac3d398de353c267b5e5a32ac9b', class: {
+                'digi-expandable-faq-item__header--toggle-icon': true,
+                'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
+            } }), h("div", { key: 'a5bd2b8c7a79543c3abc8dc4d8e287aad2b26712', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), h("section", { key: '535ff0e89a64e71ca8c8cbdd2f4492e71f46e374', 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: 'e8bf194e00157e1fead5927000024f7710ef8740' }, h("digi-typography", { key: 'a1fe6e46cc23cf0f6602d041499e04ff5952b119' }, h("slot", { key: '83a8cf8b3316a072b08202f9ba8ccaead336dfaf' }))))));
+    }
+    get hostElement() { return getElement(this); }
+    static get watchers() { return {
+        "afExpanded": ["animateContentHeight"]
+    }; }
+};
+ExpandableFaqItem.style = DigiExpandableFaqItemStyle0;
+
+export { ExpandableFaqItem as digi_expandable_faq_item };

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

@@ -1,20 +1,30 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-148a7577.js';
-import { F as FooterVariation } from './typography-variation.enum-b07f76c9.js';
+import { F as FooterVariation } from './typography-variation.enum-8c3ff25c.js';
 import './badge-notification-shape.enum-e15a6245.js';
 import './badge-status-variation.enum-8d6370ff.js';
-import './code-example-variation.enum-e656d235.js';
-import './form-input-type.enum-a6bba983.js';
+import './button-size.enum-d5ff6ff3.js';
+import './button-type.enum-5250ae0b.js';
 import './button-variation.enum-94fffdd6.js';
 import './calendar-week-view-heading-level.enum-6774297c.js';
 import './bar-chart-variation.enum-97c0b47f.js';
+import './code-example-variation.enum-e9f9fced.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 './footer-card-variation.enum-cc732148.js';
-import './form-validation-message-variation.enum-f7835fc5.js';
+import './form-checkbox-variation.enum-83e906fc.js';
+import './form-file-upload-variation.enum-9c49ec5e.js';
+import './form-input-search-variation.enum-f9d669f2.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-container-max-width.enum-c40018ac.js';
 import { L as LayoutBlockVariation } from './layout-block-variation.enum-b7a20db4.js';
 import './layout-columns-variation.enum-34f7754e.js';
 import './link-button-variation.enum-84d4976f.js';
@@ -24,6 +34,8 @@ import './loader-spinner-size.enum-0b246fa0.js';
 import './logo-variation.enum-5b68b79f.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';
@@ -33,6 +45,8 @@ 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';