@designsystem-se/af 36.0.2-beta.1 → 36.0.3-beta.0

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

@@ -1,232 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-7a477838.js');
-const codeExampleVariation_enum = require('./code-example-variation.enum-c6557727.js');
-const typographyVariation_enum = require('./typography-variation.enum-50512a4e.js');
-const prismGit = require('./prism-git-df985529.js');
-require('./badge-notification-shape.enum-ff802554.js');
-require('./badge-status-variation.enum-0a5adc21.js');
-const buttonSize_enum = require('./button-size.enum-1fd86b9e.js');
-require('./button-type.enum-406723db.js');
-const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
-require('./calendar-week-view-heading-level.enum-fd0c841b.js');
-require('./bar-chart-variation.enum-a4e866b6.js');
-require('./code-variation.enum-c4a4e6fd.js');
-require('./expandable-accordion-header-level.enum-45483252.js');
-require('./expandable-faq-item-variation.enum-89427195.js');
-require('./expandable-faq-variation.enum-af923f49.js');
-require('./footer-card-variation.enum-99555edc.js');
-require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-search-variation.enum-c50239bc.js');
-require('./form-input-type.enum-9c8ee12a.js');
-require('./form-input-variation.enum-c750520c.js');
-require('./form-radiogroup-validation.enum-03a17d4d.js');
-require('./form-select-variation.enum-528c1bf0.js');
-require('./form-textarea-variation.enum-9c90d40f.js');
-require('./form-validation-message-variation.enum-855ae0be.js');
-require('./info-card-multi-type.enum-14746572.js');
-require('./info-card-variation.enum-64cef637.js');
-require('./layout-container-max-width.enum-7e637f44.js');
-require('./layout-block-variation.enum-f6102119.js');
-require('./layout-columns-variation.enum-65675649.js');
-require('./link-button-variation.enum-137785e3.js');
-require('./list-type.enum-aea4d012.js');
-require('./loader-skeleton-variation.enum-d52ba55e.js');
-require('./loader-spinner-size.enum-db2973f0.js');
-require('./logo-variation.enum-607fadb4.js');
-require('./media-figure-alignment.enum-3885aba5.js');
-require('./navigation-sidebar-variation.enum-1c0c3064.js');
-require('./navigation-vertical-menu-variation.enum-c237edd3.js');
-require('./progress-indicator-variation.enum-7cf8e0e4.js');
-require('./progress-list-item-variation.enum-90e4c874.js');
-require('./progress-list-variation.enum-06d5ce27.js');
-require('./progressbar-variation.enum-aff9fa80.js');
-require('./quote-image-inner-position.enum-e64e7a6d.js');
-require('./table-variation.enum-25df2ad7.js');
-require('./tag-media-icon.enum-372563c5.js');
-require('./tag-size.enum-387c516c.js');
-require('./tools-feedback-banner-type.enum-de373ba0.js');
-require('./tools-feedback-rating-variation.enum-2f71e84d.js');
-require('./tools-theme-provider.brand.enum-bc855272.js');
-require('./typography-heading-jumbo-variation.enum-8677e099.js');
-require('./typography-meta-variation.enum-13ac3538.js');
-require('./typography-time-variation.enum-bce1d87e.js');
-require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
-const text = require('./text-65b1b58c.js');
-const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.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) {
-        index.registerInstance(this, hostRef);
-        this.highlightedCode = undefined;
-        this.afCode = undefined;
-        this.afVariation = codeExampleVariation_enum.CodeBlockVariation.DARK;
-        this.afLanguage = typographyVariation_enum.CodeBlockLanguage.HTML;
-        this.afLang = 'en';
-        this.afHideToolbar = false;
-    }
-    componentWillLoad() {
-        prismGit.Prism.manual = true;
-        this.formatCode();
-    }
-    formatCode() {
-        this.highlightedCode = prismGit.Prism.highlight(this.afCode, prismGit.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 === codeExampleVariation_enum.CodeBlockVariation.LIGHT,
-            'digi-code-block--dark': this.afVariation === codeExampleVariation_enum.CodeBlockVariation.DARK
-        };
-    }
-    render() {
-        return (index.h("div", { key: 'efc4eab4b814bc5ec01559f89d951d694ed695e1', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, index.h("pre", { key: '85b42423a9f62a227739e3107972251f9a825a97', class: `digi-code-block__pre language-${this.afLanguage}` }, index.h("code", { key: '266c28f90184f60eab0fc1febf743a53f46aab3b', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (index.h("div", { key: '6230d33b96b03f7ea584d3b93efff81f636bad18', class: "digi-code-block__toolbar" }, index.h("digi-button", { key: 'b54ad1cc57faafeb0f82cc0de0865cf3e585fddf', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afSize: buttonSize_enum.ButtonSize.SMALL }, index.h("digi-icon-copy", { key: 'f223bd2e83be5d853c78c0322d69c7fe34cd257a', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), text._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) {
-        index.registerInstance(this, hostRef);
-        this.afLegend = undefined;
-        this.afName = undefined;
-        this.afForm = undefined;
-        this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-fieldset');
-        this.afValidation = typographyVariation_enum.FormFieldsetValidation.NEUTRAL;
-        this.afValidationText = undefined;
-        this.afErrorMessageIsAlert = true;
-    }
-    get errorMessageIsAlert() {
-        return (this.afErrorMessageIsAlert !== false &&
-            this.afErrorMessageIsAlert !== 'false');
-    }
-    render() {
-        return (index.h("fieldset", { key: '2a3aeddb712d49ff99f788867ac270f563f34454', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (index.h("legend", { key: 'a2e44584d821be6b1fd71a04d9313fdb572b8390', class: "digi-form-fieldset__legend" }, this.afLegend)), index.h("slot", { key: '072437bb8dd5064642f96c605388957016423360' }), index.h("div", { key: '57859d430e16c47b4fd70174f13b04b9dec61561', class: "digi-form-input__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-text` }, this.afValidation != typographyVariation_enum.FormFieldsetValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: 'b74841c651c2a9c0822b2eaeb3d21be617b279a8', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
-    }
-};
-FormFieldset.style = DigiFormFieldsetStyle0;
-
-const formRadiobuttonCss = ".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)}.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;margin-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__input.sc-digi-form-radiobutton:focus:not(:checked)~.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) {
-        index.registerInstance(this, hostRef);
-        this.afOnChange = index.createEvent(this, "afOnChange", 7);
-        this.afOnBlur = index.createEvent(this, "afOnBlur", 7);
-        this.afOnFocus = index.createEvent(this, "afOnFocus", 7);
-        this.afOnFocusout = index.createEvent(this, "afOnFocusout", 7);
-        this.afOnInput = index.createEvent(this, "afOnInput", 7);
-        this.afOnDirty = index.createEvent(this, "afOnDirty", 7);
-        this.afOnTouched = index.createEvent(this, "afOnTouched", 7);
-        this.afOnReady = index.createEvent(this, "afOnReady", 3);
-        this.dirty = false;
-        this.touched = false;
-        this.afLabel = undefined;
-        this.afVariation = typographyVariation_enum.FormRadiobuttonVariation.PRIMARY;
-        this.afLayout = typographyVariation_enum.FormRadiobuttonLayout.INLINE;
-        this.afName = undefined;
-        this.afId = randomIdGenerator_util.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._input.focus();
-    }
-    componentDidLoad() {
-        this.afOnReady.emit();
-    }
-    get cssModifiers() {
-        return {
-            'digi-form-radiobutton--error': this.afValidation === typographyVariation_enum.FormRadiobuttonValidation.ERROR,
-            'digi-form-radiobutton--primary': this.afVariation === typographyVariation_enum.FormRadiobuttonVariation.PRIMARY,
-            'digi-form-radiobutton--secondary': this.afVariation === typographyVariation_enum.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 (index.h(index.Host, { key: 'eb737e11842838386c3c150b7159470340902bfd', tabindex: -1 }, index.h("div", { key: '6de2e2956df73b07e27a3ff47513eeb47091e46e', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, index.h("input", { key: '203d3c4bee7f360d47a8a81bb5b970176839ade2', 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 === typographyVariation_enum.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 }), index.h("label", { key: 'fa72694ab9d81781251da78b9356ad2fceb916ac', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, index.h("span", { key: 'dc9a093395165968b384fee6a8fcaf1fd5c8c142', class: "digi-form-radiobutton__circle" }), this.afLabel))));
-    }
-    get hostElement() { return index.getElement(this); }
-    static get watchers() { return {
-        "value": ["onValueChanged"],
-        "checked": ["onCheckedChanged"],
-        "afChecked": ["onAfCheckedChanged"]
-    }; }
-};
-FormRadiobutton.style = DigiFormRadiobuttonStyle0;
-
-exports.digi_code_block = CodeBlock;
-exports.digi_form_fieldset = FormFieldset;
-exports.digi_form_radiobutton = FormRadiobutton;

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

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

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

@@ -1,121 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-7a477838.js');
-
-const formCategoryFilterCss = ".sc-digi-form-category-filter-h{--digi--form-category-filter--gap:var(--digi--padding--small)}.sc-digi-form-category-filter-h .digi-form-category-filter.sc-digi-form-category-filter{display:flex;flex-wrap:wrap;gap:var(--digi--form-category-filter--gap)}.sc-digi-form-category-filter-h .digi-form-category-filter--category.sc-digi-form-category-filter{--digi--button--icon--spacing:0px}.sc-digi-form-category-filter-h .digi-form-category-filter--category--not-selected.sc-digi-form-category-filter{--digi--button--color--background--primary--default:var(--digi--color--background--interactive--default--quaternary);--digi--button--color--text--primary--default:var(--digi--color--text--interactive--brand-primary);--digi--button--color--border--primary--default:var(--digi--color--background--interactive--default--quaternary)}.sc-digi-form-category-filter-h .digi-form-category-filter--category--thin-text.sc-digi-form-category-filter{font-weight:400}";
-const DigiFormCategoryFilterStyle0 = formCategoryFilterCss;
-
-const FormCategoryFilter = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afOnSelectedCategoryChange = index.createEvent(this, "afOnSelectedCategoryChange", 7);
-        this.afCategories = [];
-        this.afAllCategories = true;
-        this.afAllCategoriesSelected = true;
-        this.afAllCategoriesText = 'Alla kategorier';
-        this.afVisibleCollapsed = 0;
-        this.afStartCollapsed = false;
-        this.afMultiselect = true;
-        this.afHideToggle = false;
-        this.selectedCategories = [];
-        this.collapsed = false;
-    }
-    afCategoriesChangeHandler() {
-        this.selectedCategories = this.afCategories
-            .filter((category) => category.selected)
-            .map((category) => category.name);
-        if (this.selectedCategories.length === 0 &&
-            this.afAllCategories &&
-            this.afAllCategoriesSelected)
-            this.selectedCategories = [this.afAllCategoriesText];
-    }
-    componentDidLoad() {
-        this.afCategoriesChangeHandler();
-        this.collapsed = this.afStartCollapsed;
-    }
-    displayCategories() {
-        if (this.afHideToggle) {
-            return [{ name: this.afAllCategoriesText }, ...this.afCategories];
-        }
-        if (this.afAllCategories) {
-            if (this.collapsed &&
-                this.afCategories.length + 1 > this.afVisibleCollapsed)
-                return [
-                    { name: this.afAllCategoriesText },
-                    ...this.afCategories.slice(0, this.afVisibleCollapsed - 1)
-                ];
-            return [{ name: this.afAllCategoriesText }, ...this.afCategories];
-        }
-        if (this.collapsed && this.afCategories.length > this.afVisibleCollapsed)
-            return this.afCategories.slice(0, this.afVisibleCollapsed);
-        return this.afCategories;
-    }
-    toggleCategory(category) {
-        if (!this.afMultiselect) {
-            if (this.afAllCategories && category.name === this.afAllCategoriesText) {
-                if (this.selectedCategories.includes(this.afAllCategoriesText)) {
-                    this.selectedCategories = [];
-                    this.afOnSelectedCategoryChange.emit([]);
-                }
-                else {
-                    this.selectedCategories = [this.afAllCategoriesText];
-                    this.afOnSelectedCategoryChange.emit(this.afCategories.map((category) => category.name));
-                }
-            }
-            // Not allCategories
-            this.selectedCategories = [category.name];
-            this.afOnSelectedCategoryChange.emit(this.selectedCategories);
-            return;
-        }
-        if (this.afAllCategories && category.name === this.afAllCategoriesText) {
-            if (this.selectedCategories.includes(this.afAllCategoriesText)) {
-                this.selectedCategories = [];
-                this.afOnSelectedCategoryChange.emit([]);
-            }
-            else {
-                this.selectedCategories = [this.afAllCategoriesText];
-                this.afOnSelectedCategoryChange.emit(this.afCategories.map((category) => category.name));
-            }
-        }
-        else {
-            if (this.selectedCategories.findIndex((name) => name === category.name) >= 0)
-                this.selectedCategories = this.selectedCategories.filter((name) => name !== category.name);
-            else if (this.afAllCategories)
-                this.selectedCategories = [
-                    ...this.selectedCategories.filter((name) => name !== this.afAllCategoriesText),
-                    category.name
-                ];
-            else
-                this.selectedCategories = [...this.selectedCategories, category.name];
-            this.afOnSelectedCategoryChange.emit(this.selectedCategories);
-        }
-    }
-    toggleCollapsed() {
-        this.collapsed = !this.collapsed;
-    }
-    toggleHidden() {
-        this.afHideToggle = !this.toggleHidden;
-    }
-    render() {
-        return (index.h(index.Host, { key: '74f5f06035832ce1cebf26ab089e404a649f9240' }, index.h("div", { key: '7e71bbdf539632985c56ba33ecba9e57b64d271e', class: {
-                'digi-form-category-filter': true
-            } }, this.displayCategories().map((category) => (index.h("digi-button", { class: {
-                'digi-form-category-filter--category': true,
-                'digi-form-category-filter--category--not-selected': !this.selectedCategories.includes(category.name)
-            }, afVariation: "primary", afAriaPressed: this.selectedCategories.includes(category.name), onAfOnClick: () => {
-                this.toggleCategory(category);
-            } }, typeof category.hits === 'undefined' && category.name, typeof category.hits !== 'undefined' && (index.h("span", null, category.name, ' ', index.h("span", { class: "digi-form-category-filter--category--thin-text" }, "(", category.hits, ")")))))), this.afHideToggle === false &&
-            this.afCategories.length > this.afVisibleCollapsed && (index.h("div", { key: '415f044908497e9def159aeda3eeebd597ba1a6d' }, index.h("digi-button", { key: '176c0a91996e9134fbceaea2916344962cbb9561', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
-                this.toggleCollapsed();
-            } }, this.collapsed ? 'Visa alla' : 'Visa färre', this.collapsed ? (index.h("digi-icon-plus", { slot: "icon", "aria-hidden": "true" })) : (index.h("digi-icon-minus", { slot: "icon", "aria-hidden": "true" }))))))));
-    }
-    get hostElement() { return index.getElement(this); }
-    static get watchers() { return {
-        "afCategories": ["afCategoriesChangeHandler"]
-    }; }
-};
-FormCategoryFilter.style = DigiFormCategoryFilterStyle0;
-
-exports.digi_form_category_filter = FormCategoryFilter;