@designsystem-se/af 35.0.1 → 35.1.0

package/dist/cjs/digi-button_16.cjs.entry.js

@@ -0,0 +1,798 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-81fc5a97.js');
+const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
+const codeExampleVariation_enum = require('./code-example-variation.enum-1611825e.js');
+const formInputSearchVariation_enum = require('./form-input-search-variation.enum-e0e025b1.js');
+const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
+require('./badge-notification-shape.enum-ff802554.js');
+const typographyVariation_enum = require('./typography-variation.enum-e636523c.js');
+require('./badge-status-variation.enum-0a5adc21.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-type.enum-9c8ee12a.js');
+require('./form-input-variation.enum-c750520c.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');
+const layoutBlockVariation_enum = 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('./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-meta-variation.enum-13ac3538.js');
+require('./typography-time-variation.enum-bce1d87e.js');
+const utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
+const keyboardHandler_util = require('./keyboardHandler.util-d8600adb.js');
+
+const buttonCss = ".sc-digi-button-h{--digi--button--color--background--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--background--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--focus:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--active:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--secondary--default:var(--digi--color--background--interactive--default--secondary);--digi--button--color--background--secondary--hover:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--focus:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--active:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--function--default:transparent;--digi--button--color--background--function--hover:transparent;--digi--button--color--background--function--focus:transparent;--digi--button--color--background--function--active:transparent;--digi--button--color--text--primary--default:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--hover:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--focus:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--active:var(--digi--color--text--interactive--secondary);--digi--button--color--text--secondary--default:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--hover:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--focus:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--active:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--function--default:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--hover:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--focus:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--active:var(--digi--color--text--interactive--primary);--digi--button--color--border--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--border--primary--focus:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--active:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--secondary--default:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--hover:var(--digi--color--border--interactive--hover--secondary);--digi--button--color--border--secondary--focus:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--active:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--function--default:initial;--digi--button--color--border--function--hover:initial;--digi--button--color--border--function--focus:initial;--digi--button--color--border--function--active:initial;--digi--button--color--icon--primary--default:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--hover:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--focus:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--active:var(--digi--color--icon--secondary);--digi--button--color--icon--secondary--default:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--hover:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--focus:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--active:var(--digi--color--icon--brand-primary);--digi--button--color--icon--function--default:var(--digi--color--icon--cta);--digi--button--color--icon--function--hover:var(--digi--color--icon--cta);--digi--button--color--icon--function--focus:var(--digi--color--icon--cta);--digi--button--color--icon--function--active:var(--digi--color--icon--cta);--digi--button--border-width--primary--default:var(--digi--border-width--primary);--digi--button--border-width--primary--hover:var(--digi--border-width--primary);--digi--button--border-width--secondary--default:var(--digi--border-width--primary);--digi--button--border-width--secondary--hover:var(--digi--border-width--primary);--digi--button--border-width--function--default:initial;--digi--button--border-width--function--hover:initial;--digi--button--border-style--primary--default:var(--digi--border-style--primary);--digi--button--border-style--primary--hover:var(--digi--border-style--primary);--digi--button--border-style--primary--focus:var(--digi--border-style--primary);--digi--button--border-style--primary--active:var(--digi--border-style--primary);--digi--button--border-style--secondary--default:var(--digi--border-style--primary);--digi--button--border-style--secondary--hover:var(--digi--border-style--primary);--digi--button--border-style--secondary--focus:var(--digi--border-style--primary);--digi--button--border-style--secondary--active:var(--digi--border-style--primary);--digi--button--border-style--function--default:var(--digi--border-style--secondary);--digi--button--border-style--function--hover:var(--digi--border-style--secondary);--digi--button--border-style--function--focus:var(--digi--border-style--secondary);--digi--button--border-style--function--active:var(--digi--border-style--secondary);--digi--button--border-radius--primary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--function--default:initial;--digi--button--border-radius--function--hover:initial;--digi--button--border-radius--function--focus:initial;--digi--button--border-radius--function--active:initial;--digi--button--padding--small:var(--digi--gutter--button-block-small) var(--digi--gutter--button-inline-small);--digi--button--padding--medium:var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);--digi--button--font-size--small:var(--digi--global--typography--font-size--interaction-small);--digi--button--font-size--medium:var(--digi--global--typography--font-size--interaction-medium);--digi--button--font-family:var(--digi--global--typography--font-family--default);--digi--button--font-weight--default:var(--digi--typography--button--font-weight--desktop);--digi--button--font-weight--function:var(--digi--typography--label--font-weight--desktop);--digi--button--width:initial;--digi--button--display:initial;--digi--button--justify-content--default:initial;--digi--button--justify-content--full-width:center;--digi--button--align-items:center;--digi--button--text-align--default:initial;--digi--button--text-align--full-width:center;--digi--button--outline--default:initial;--digi--button--outline--focus:initial;--digi--button--cursor:pointer;--digi--button--icon--spacing:var(--digi--gutter--large);--digi--button--min-height--small:unset}.sc-digi-button-h .digi-button.sc-digi-button{font-family:var(--digi--button--font-family);background:var(--COLOR--BACKGROUND--DEFAULT);color:var(--COLOR--TEXT--DEFAULT);padding:var(--PADDING);border-radius:var(--BORDER-RADIUS--DEFAULT);border-width:var(--BORDER-WIDTH--DEFAULT);border-style:var(--BORDER-STYLE--DEFAULT);border-color:var(--COLOR--BORDER--DEFAULT);font-weight:var(--FONT-WEIGHT);font-size:var(--FONT-SIZE);outline:var(--digi--button--outline--default);text-align:var(--digi--button--text-align--default);width:var(--digi--button--width);display:var(--digi--button--display);justify-content:var(--digi--button--justify-content--default);cursor:var(--digi--button--cursor);min-height:var(--MIN-HEIGHT);align-items:var(--digi--button--align-items);white-space:nowrap}.sc-digi-button-h .digi-button--variation-primary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--primary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--primary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--primary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--primary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--primary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--primary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--primary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--primary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--primary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--primary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--primary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--primary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--primary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--primary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--primary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--primary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--primary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--primary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--primary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--primary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--primary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--primary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--primary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--primary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--primary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--primary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--primary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--primary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-secondary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--secondary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--secondary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--secondary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--secondary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--secondary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--secondary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--secondary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--secondary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--secondary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--secondary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--secondary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--secondary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--secondary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--secondary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--secondary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--secondary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--secondary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--secondary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--secondary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--secondary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--secondary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--secondary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--secondary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--secondary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--secondary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--secondary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--secondary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--secondary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--function--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--function--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--function--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--function--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--function--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--function--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--function--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--function--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--function--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--function--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--function--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--function--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--function--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--function--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--function--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--function--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--function--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--function--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--function--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--function--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--function--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--function--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--function--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--function--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--function--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--function--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--function--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--function--active);--FONT-WEIGHT:var(--digi--button--font-weight--function)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button:hover,.sc-digi-button-h .digi-button--variation-function.sc-digi-button:focus{text-decoration:underline}.sc-digi-button-h .digi-button--size-small.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--small);--PADDING:var(--digi--button--padding--small);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-medium.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--medium);--PADDING:var(--digi--button--padding--medium);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button .sc-digi-button-s>[slot^=icon]{--digi--icon--height:1em;--digi--icon--width:1em;--digi--icon--color:var(--COLOR--ICON--DEFAULT);min-height:0}.sc-digi-button-h .digi-button.sc-digi-button:hover{background:var(--COLOR--BACKGROUND--HOVER);border-radius:var(--BORDER-RADIUS--HOVER);border-width:var(--BORDER-WIDTH--HOVER);border-style:var(--BORDER-STYLE--HOVER);border-color:var(--COLOR--BORDER--HOVER);color:var(--COLOR--TEXT--HOVER)}.sc-digi-button-h .digi-button:hover.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:hover .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--HOVER)}.sc-digi-button-h .digi-button.sc-digi-button:focus-visible{background:var(--COLOR--BACKGROUND--FOCUS);color:var(--COLOR--TEXT--FOCUS);border-style:var(--BORDER-STYLE--FOCUS);border-color:var(--COLOR--BORDER--FOCUS);outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-button-h .digi-button:focus-visible.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:focus-visible .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--FOCUS)}.sc-digi-button-h .digi-button.sc-digi-button:active{background:var(--COLOR--BACKGROUND--ACTIVE);color:var(--COLOR--TEXT--ACTIVE)}.sc-digi-button-h .digi-button:active.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:active .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--ACTIVE)}.sc-digi-button-h .digi-button--icon.sc-digi-button,.sc-digi-button-h .digi-button--icon-secondary.sc-digi-button{--digi--button--display:flex;align-items:center;justify-content:var(--digi--button--justify-content--default);gap:var(--digi--button--icon--spacing)}.sc-digi-button-h .digi-button--full-width.sc-digi-button{--digi--button--width:100%;--digi--button--text-align--default:var(--digi--button--text-align--full-width);--digi--button--justify-content--default:var(--digi--button--justify-content--full-width)}";
+const DigiButtonStyle0 = buttonCss;
+
+const Button = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnClick = index.createEvent(this, "afOnClick", 7);
+        this.afOnFocus = index.createEvent(this, "afOnFocus", 7);
+        this.afOnBlur = index.createEvent(this, "afOnBlur", 7);
+        this.afOnReady = index.createEvent(this, "afOnReady", 3);
+        this.hasIcon = undefined;
+        this.hasIconSecondary = undefined;
+        this.isFullSize = undefined;
+        this.afSize = codeExampleVariation_enum.ButtonSize.MEDIUM;
+        this.afTabindex = undefined;
+        this.afVariation = buttonVariation_enum.ButtonVariation.PRIMARY;
+        this.afType = formInputSearchVariation_enum.ButtonType.BUTTON;
+        this.afId = randomIdGenerator_util.randomIdGenerator('digi-button');
+        this.afAriaLabel = undefined;
+        this.afAriaLabelledby = undefined;
+        this.afAriaControls = undefined;
+        this.afForm = undefined;
+        this.afAriaPressed = undefined;
+        this.afAriaExpanded = undefined;
+        this.afAriaHaspopup = undefined;
+        this.afAriaCurrent = undefined;
+        this.afRole = undefined;
+        this.afAriaChecked = undefined;
+        this.afLang = undefined;
+        this.afDir = undefined;
+        this.afFullWidth = false;
+        this.afAutofocus = undefined;
+        this.afInputRef = undefined;
+    }
+    fullWidthHandler() {
+        this.isFullSize = this.afFullWidth;
+    }
+    /**
+     * Hämta en referens till buttonelementet. Bra för att t.ex. sätta fokus programmatiskt.
+     * @en Returns a reference to the button element. Handy for setting focus programmatically.
+     */
+    async afMGetButtonElement() {
+        return this._button;
+    }
+    componentWillLoad() {
+        this.setHasIcon();
+        this.fullWidthHandler();
+    }
+    componentWillUpdate() {
+        this.setHasIcon();
+    }
+    componentDidLoad() {
+        this.afOnReady.emit();
+    }
+    setHasIcon() {
+        const icon = !!this.hostElement.querySelector('[slot="icon"]');
+        const iconSecondary = !!this.hostElement.querySelector('[slot="icon-secondary"]');
+        if (icon) {
+            this.hasIcon = icon;
+        }
+        if (iconSecondary) {
+            this.hasIconSecondary = iconSecondary;
+        }
+    }
+    get cssModifiers() {
+        return {
+            [`digi-button--variation-${this.afVariation}`]: !!this.afVariation,
+            [`digi-button--size-${this.afSize}`]: !!this.afSize,
+            'digi-button--icon': this.hasIcon,
+            'digi-button--icon-secondary': this.hasIconSecondary,
+            'digi-button--full-width': this.isFullSize
+        };
+    }
+    get pressedState() {
+        if (this.afAriaPressed === null || this.afAriaPressed === undefined) {
+            return;
+        }
+        return this.afAriaPressed ? 'true' : 'false';
+    }
+    get expandedState() {
+        if (this.afAriaExpanded === null || this.afAriaExpanded === undefined) {
+            return;
+        }
+        return this.afAriaExpanded ? 'true' : 'false';
+    }
+    get hasPopup() {
+        if (this.afAriaHaspopup === null || this.afAriaHaspopup === undefined) {
+            return;
+        }
+        return this.afAriaHaspopup ? 'true' : 'false';
+    }
+    clickHandler(e) {
+        this.afOnClick.emit(e);
+    }
+    focusHandler(e) {
+        this.afOnFocus.emit(e);
+    }
+    blurHandler(e) {
+        this.afOnBlur.emit(e);
+    }
+    render() {
+        return (index.h(index.Host, { key: '3a398d75ad83e3caa9ec54928544d5bf8315d30f' }, index.h("button", { key: '2159552d7e8064acbb6da5c02c28ead3d4985e85', class: Object.assign({ 'digi-button': true }, this.cssModifiers), type: this.afType, role: this.afRole, ref: (el) => {
+                var _a, _b, _c;
+                this._button = el;
+                (_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
+                // Stencil has a bug wiith form attribute so we need to set it like this
+                // https://github.com/ionic-team/stencil/issues/2703
+                this.afForm
+                    ? (_b = this._button) === null || _b === void 0 ? void 0 : _b.setAttribute('form', this.afForm)
+                    : (_c = this._button) === null || _c === void 0 ? void 0 : _c.removeAttribute('form');
+            }, id: this.afId, tabindex: this.afTabindex, "aria-label": this.afAriaLabel, "aria-labelledby": this.afAriaLabelledby, "aria-controls": this.afAriaControls, "aria-pressed": this.pressedState, "aria-expanded": this.expandedState, "aria-haspopup": this.hasPopup, "aria-current": this.afAriaCurrent, "aria-checked": this.afAriaChecked, onClick: (e) => this.clickHandler(e), onFocus: (e) => this.focusHandler(e), onBlur: (e) => this.blurHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null, form: this.afForm, lang: this.afLang, dir: this.afDir }, this.hasIcon && (index.h("span", { key: '1188d5cb005a51e4e065b70663d06877db3a1477', class: "digi-button__icon" }, index.h("slot", { key: 'f90319563c18e1f82fa13f478b4d4d13ce3e9bf7', name: "icon" }))), index.h("span", { key: '17dce8eed2e845ca6166cf85a1c0252c2c0b8037', class: "digi-button__text" }, index.h("slot", { key: '2f637e48b837ecd0f0f2333349f328c497aee650' })), this.hasIconSecondary && (index.h("span", { key: '49ffd3361b0cc00c074e1ce332dab2de33127fcc', class: "digi-button__icon digi-button__icon--secondary" }, index.h("slot", { key: '367d3ba37e2fd0b7e83d600f35d02d4df303c1c0', name: "icon-secondary" }))))));
+    }
+    get hostElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "afFullWidth": ["fullWidthHandler"]
+    }; }
+};
+Button.style = DigiButtonStyle0;
+
+const headerCss = ".sc-digi-header-h{display:block;--digi--header--padding:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--font-size:var(--digi--typography--body--font-size--desktop);--digi--header--font-weight:var(--digi--typography--title-logo--font-weight--desktop)}.sc-digi-header-h .digi-header__logo.sc-digi-header{display:flex;width:100%;align-items:stretch;padding-top:var(--digi--header--padding);padding-bottom:var(--digi--header--padding)}.sc-digi-header-h .digi-header__border.sc-digi-header{border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-h .digi-header__logo-link.sc-digi-header{text-decoration:none}.sc-digi-header-h .digi-header__content.sc-digi-header{display:flex;align-items:center;margin-left:auto}.sc-digi-header-h .digi-header__wrapper.sc-digi-header{position:relative}.sc-digi-header-h .digi-header.sc-digi-header-s>a[slot=header-logo],.sc-digi-header-h .digi-header .sc-digi-header-s>a[slot=header-logo]{position:absolute;height:100%;width:100%;top:0;left:0}.sc-digi-header-h .digi-header.sc-digi-header-s>a[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>a[slot=header-logo]:focus-visible,.sc-digi-header-h .digi-header .sc-digi-header-s>a[slot=header-logo]:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content]{--digi--header--padding:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--font-size:var(--digi--typography--body--font-size--desktop);--digi--header--font-weight:var(--digi--typography--title-logo--font-weight--desktop);display:flex;align-items:center;padding-right:var(--digi--header--padding-right)}";
+const DigiHeaderStyle0 = headerCss;
+
+const Header = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afActive = undefined;
+        this.isMobile = undefined;
+        this.afSystemName = undefined;
+        this.afMenuButtonText = undefined;
+        this.afAriaLabel = undefined;
+        this.afHideSystemName = undefined;
+        this.afCentered = typographyVariation_enum.HeaderCenterContentWidth.DEFAULT;
+    }
+    toggleHandler(e) {
+        const element = e.target;
+        if (element.matches('digi-navigation-sidebar-button')) {
+            this.afActive = true;
+        }
+    }
+    closeHandler() {
+        this.afActive = false;
+    }
+    breakpointChange(e) {
+        const element = e.target;
+        const type = element.nodeName;
+        if (type.toLowerCase() === 'digi-util-breakpoint-observer') {
+            this.isMobile =
+                e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL;
+        }
+    }
+    renderContent() {
+        return (index.h(index.Fragment, null, index.h("div", { class: "digi-header__logo", "aria-label": this.afAriaLabel }, index.h("div", { class: "digi-header__wrapper" }, ((this.isMobile && !this.afHideSystemName) || !this.isMobile) && (index.h("digi-logo", { "af-system-name": this.afSystemName, afSvgAriaHidden: true })), this.afHideSystemName && this.isMobile && (index.h("digi-logo", { "af-system-name": " ", afSvgAriaHidden: true })), index.h("slot", { name: "header-logo" })), index.h("div", { class: "digi-header__content" }, index.h("slot", { name: "header-content" }), this.isMobile && (index.h("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))))));
+    }
+    render() {
+        return (index.h("header", { key: 'ea9eb6c5bb6e37082b4b0f674d663b728147f025', class: "digi-header" }, index.h("digi-util-breakpoint-observer", { key: 'a12bc91705505a970bbc4f1ab7c8954ca12314cf', onAfOnChange: (e) => (this.isMobile =
+                e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL) }), index.h("digi-layout-block", { key: '8a7719561230ff04cd023046f6dd21dfe01cb96e', afContainer: typographyVariation_enum.LayoutBlockContainer.NONE }, this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT ? (index.h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), index.h("div", { key: '46f513081b8c03d98b0c41de087c40ab8086ce62', class: "digi-header__border", "aria-label": this.afAriaLabel }), index.h("div", { key: '75ee0f61ee70d099e4940d99f989b4403b1570df', class: "digi-header__navigation" }, index.h("slot", { key: '2ef66a2070710fea45087cf96d4c56fbe02e03f1', name: "header-navigation" })))));
+    }
+};
+Header.style = DigiHeaderStyle0;
+
+const headerNavigationCss = ".sc-digi-header-navigation-h{--digi--header--border-color:var(--digi--color--divider--secondary);--digi--header--close-button--padding:var(--digi--padding--smaller);display:block}.sc-digi-header-navigation-h .digi-header-navigation.sc-digi-header-navigation{z-index:99}.sc-digi-header-navigation-h .digi-header-navigation__backdrop.sc-digi-header-navigation{background:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0}.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{display:none;grid-area:nav;background-color:var(--digi--color--background--secondary-muted);border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--visible.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__close-button.sc-digi-header-navigation{display:flex;flex-wrap:wrap;align-items:center;padding:var(--digi--header--close-button--padding) 0}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation{width:0;position:fixed;height:100%;right:0;top:0;visibility:hidden}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{position:absolute;top:0;right:0;height:100%;transform:translateX(100%);width:90vw;transition:ease var(--digi--animation--duration--base) all;overflow-y:auto}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{padding:0;display:block}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item:first-child,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item:first-child{border-top:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item{border-bottom:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation{visibility:visible}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{transform:translateX(0)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__backdrop.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__inner.sc-digi-header-navigation{list-style:none;margin:0;display:flex}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation{display:block;text-decoration:none;color:inherit;padding:var(--digi--padding--medium)}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation:hover{background-color:var(--digi--color--background--interactive--hover--quarternary)}";
+const DigiHeaderNavigationStyle0 = headerNavigationCss;
+
+const HeaderNavigation = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnClose = index.createEvent(this, "afOnClose", 7);
+        this.afOnEsc = index.createEvent(this, "afOnEsc", 7);
+        this.afOnBackdropClick = index.createEvent(this, "afOnBackdropClick", 7);
+        this.afOnToggle = index.createEvent(this, "afOnToggle", 7);
+        this._focusableElementsSelectors = 'a, input, select, textarea, button, button:not(hidden), iframe, object, [tabindex="0"]';
+        this.focusableElements = [];
+        this.isMobile = undefined;
+        this.isVisible = undefined;
+        this.afCloseButtonText = undefined;
+        this.afNavAriaLabel = undefined;
+        this.afCloseButtonAriaLabel = undefined;
+        this.afFocusableElement = undefined;
+        this.afCloseFocusableElement = undefined;
+        this.afActive = false;
+        this.afBackdrop = true;
+        this.afCentered = typographyVariation_enum.HeaderCenterContentWidth.DEFAULT;
+    }
+    //private _observer: any;
+    enablePageScroll() {
+        document.body.style.height = '';
+        document.body.style.overflowY = '';
+        document.body.style.paddingRight = '';
+    }
+    disablePageScroll() {
+        document.body.style.height = '100vh';
+        document.body.style.overflowY = 'hidden';
+    }
+    toggleHandler(e) {
+        const element = e.target;
+        this._closeFocusableElement = element.querySelector('.digi-navigation-sidebar-button button');
+        if (element.matches('digi-navigation-sidebar-button')) {
+            this.afActive = true;
+        }
+    }
+    get shouldUseFocusTrap() {
+        return this.isMobile && this.focusableElements.length > 0;
+    }
+    closeHandler(e) {
+        this.afActive = false;
+        this.afOnClose.emit(e);
+    }
+    escHandler(e) {
+        if (this.isMobile) {
+            this.afActive = false;
+            this.afOnClose.emit(e);
+        }
+    }
+    tabHandler(e) {
+        if (this.shouldUseFocusTrap) {
+            if (document.activeElement === this.lastFocusableEl) {
+                e.detail.preventDefault();
+                this.firstFocusableEl.focus();
+            }
+        }
+    }
+    backdropClickHandler(e) {
+        this.afActive = false;
+        this.afOnClose.emit(e);
+    }
+    shiftHandler(e) {
+        if (this.shouldUseFocusTrap) {
+            if (document.activeElement === this.firstFocusableEl) {
+                e.detail.preventDefault();
+                this.lastFocusableEl.focus();
+            }
+        }
+    }
+    clickHandler(e) {
+        // If clicking on toggle button, refresh the focusable items list
+        // with the new sub level of items
+        if (this.shouldUseFocusTrap) {
+            const el = e.detail.target;
+            if (el.tagName.toLowerCase() === 'button') {
+                setTimeout(() => {
+                    this.getFocusableItems();
+                }, 100);
+            }
+        }
+    }
+    setMobileView(isMobile) {
+        isMobile && this.afActive
+            ? (this.disablePageScroll(), this.getFocusableItems())
+            : this.enablePageScroll();
+    }
+    breakpointChange(e) {
+        this.isVisible = false;
+        const element = e.target;
+        const type = element.nodeName;
+        if (type.toLowerCase() === 'digi-util-breakpoint-observer') {
+            this.isMobile =
+                e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL;
+        }
+        if (this.isMobile) {
+            setTimeout(() => {
+                this.isVisible = true;
+            }, 100);
+        }
+        else {
+            this.isVisible = true;
+        }
+    }
+    componentDidLoad() {
+        const transition = this._wrapper;
+        transition.addEventListener('transitionend', () => {
+            this.getFocusableItems();
+            this.setFocus();
+        });
+    }
+    getFocusableItems() {
+        const allElements = this._wrapper.querySelectorAll(this._focusableElementsSelectors);
+        // Filters out visible items
+        this.focusableElements = Array.prototype.slice
+            .call(allElements)
+            .filter(function (item) {
+            return item.offsetParent !== null;
+        });
+        // Sets first and last focusable element
+        if (this.focusableElements.length > 0) {
+            this.firstFocusableEl = this.focusableElements[0];
+            this.lastFocusableEl = this.focusableElements[this.focusableElements.length - 1];
+        }
+    }
+    setFocus() {
+        if (this.afActive) {
+            let el;
+            const firstNavLink = this.firstFocusableEl;
+            if (this.afFocusableElement) {
+                el = this.hostElement.querySelector(`${this.afFocusableElement}`);
+            }
+            else {
+                el = firstNavLink;
+            }
+            if (el) {
+                el.focus();
+            }
+        }
+        else {
+            if (this.afCloseFocusableElement) {
+                const el = document.querySelector(`${this.afCloseFocusableElement}`);
+                el.focus();
+            }
+            else if (this._closeFocusableElement) {
+                const el = this._closeFocusableElement;
+                el.focus();
+            }
+        }
+    }
+    get cssModifiers() {
+        return {
+            'digi-header-navigation--open': this.afActive,
+            'digi-header-navigation--mobile': this.isMobile,
+            'digi-header-navigation--visible': this.isVisible
+        };
+    }
+    render() {
+        return (index.h("div", { key: '041d10bc22e9139c8b7871fdb07b11e159e062e8', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, index.h("digi-util-breakpoint-observer", { key: 'b330fa131799b4b3f4ea1c08fca75e80ae3aa9d0', onAfOnChange: (e) => (this.isMobile =
+                e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL) }, index.h("digi-util-keydown-handler", { key: '0edae0d30f360c04c1fc31776a1aee62378cdcfd', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, index.h("div", { key: '132a325306239f8a6d28bc5d91a6562c7d774e01' }, this.isMobile && (index.h("div", { key: '37826145d7a6f9b0b577f06660dfbc56ce3d5be5', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), index.h("nav", { key: '072e471c79bca52cd6bbe260ff2f54914c68765b', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
+                this._wrapper = el;
+            } }, this.isMobile && (index.h("digi-button", { key: '5d7174634ad7b2ec795b1d44e30eea1866c88ad6', onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-header-navigation__close-button" }, this.afCloseButtonText, index.h("digi-icon-x", { key: '956d1d2eb12761866bfa918c67260758aad35bcb', slot: "icon-secondary" }))), this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT ? (index.h("digi-layout-container", { "af-max-width": this.afCentered }, index.h("div", { role: "list", class: "digi-header-navigation__inner" }, index.h("slot", null)))) : (index.h("div", { role: "list", class: "digi-header-navigation__inner" }, index.h("slot", null)))))))));
+    }
+    get hostElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "isMobile": ["setMobileView"]
+    }; }
+};
+HeaderNavigation.style = DigiHeaderNavigationStyle0;
+
+const headerNavigationItemCss = ".sc-digi-header-navigation-item-h{--digi--header-navigation-item--font-family:var(--digi--global--typography--font-family--default);--digi--header-navigation-item--font-size:var(--digi--typography--body--font-size--desktop);--digi--header-navigation-item--color:var(--digi--color--text--interactive--tertiary);--digi--header-navigation-item--color-hover:var(--digi--color--text--interactive--primary);--digi--header-navigation-item--color-active:var(--digi--color--text--interactive--primary);--digi--header-navigation-item-indicator--inactive--color:var(--digi--color--background--secondary-muted);--digi--header-navigation-item-indicator--inactive-hover--color:var(--digi--color--background--interactive--hover--quarternary);--digi--header-navigation-item-indicator--active--color:var(--digi--color--marking--navigation--selected);display:block;--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--inactive--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a{display:block;text-decoration:none;padding:var(--digi--padding--medium);color:var(--digi--header-navigation-item--color);font-family:var(--digi--header-navigation-item--font-family);font-size:var(--digi--header-navigation-item--font-size)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:active,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:active,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:focus-visible,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:focus-visible{background-color:var(--digi--header-navigation-item-indicator--inactive-hover--color);color:var(--digi--header-navigation-item--color-hover);text-decoration:underline}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--inactive-hover--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator--active,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator--active{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--active--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:focus-visible,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-header-navigation-item-indicator.sc-digi-header-navigation-item{height:0.25rem;width:100%;background-color:var(--INDICATOR-COLOR)}.digi-header-navigation-item-indicator--active.sc-digi-header-navigation-item{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--active--color)}.digi-header-navigation-item--active.sc-digi-header-navigation-item-s>a,.digi-header-navigation-item--active .sc-digi-header-navigation-item-s>a{font-weight:bold}";
+const DigiHeaderNavigationItemStyle0 = headerNavigationItemCss;
+
+const HeaderNavigationItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afCurrentPage = undefined;
+    }
+    get cssModifiers() {
+        return {
+            'digi-header-navigation-item--active': this.afCurrentPage,
+            'digi-header-navigation-item-indicator--active': this.afCurrentPage
+        };
+    }
+    render() {
+        return (index.h("div", { key: '2da8031ab1a04399c649122865b19b085ad0f816', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, index.h("slot", { key: 'ee3a995a79159ca84e881d1040e98c9f27ccf6e4' }), index.h("div", { key: '7295781cf81a2c899dc1f7a9a577ada093782796', class: Object.assign({ 'digi-header-navigation-item-indicator': true }, this.cssModifiers) })));
+    }
+};
+HeaderNavigationItem.style = DigiHeaderNavigationItemStyle0;
+
+const headerNotificationCss = ".sc-digi-header-notification-h .digi-header-notification.sc-digi-header-notification{--digi--header-notification--font-family:var(--digi--global--typography--font-family--default);--digi--header-notification--font-size:var(--digi--typography--body--font-size--desktop);--digi--header-notification--color:var(--digi--color--text--primary);--digi--header-notification--color-hover:var(--digi--color--text--interactive--primary);--digi--header-notification--color-active:var(--digi--color--text--interactive--primary);display:flex;position:relative;align-items:center;font-family:\"Open Sans\"}.sc-digi-header-notification-h .digi-header-notification__number.sc-digi-header-notification{background-color:var(--digi--color--background--notification);color:var(--digi--color--text--secondary--light);padding:2px;z-index:5;font-size:12px;line-height:normal;font-weight:600;border-radius:10px;padding:1px 6px;position:absolute;top:-12px;left:20px;letter-spacing:0.5px}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h .sc-digi-header-notification-s>a{display:flex;position:relative;align-items:center;margin-right:8px;text-decoration:none;color:var(--digi--header-notification--color);font-family:var(--digi--header-notification--font-family);font-size:var(--digi--header-notification--font-size)}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a [class*=digi-icon]:not(svg),.sc-digi-header-notification-h .sc-digi-header-notification-s>a [class*=digi-icon]:not(svg){height:2rem;width:2rem;display:flex;align-items:center;flex-grow:1;background:var(--digi--color--background--interactive--default--tertiary);justify-content:center;border-radius:100%;margin-right:8px}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a svg,.sc-digi-header-notification-h .sc-digi-header-notification-s>a svg{--digi--icon--width:1rem;--digi--icon--height:1rem}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:hover,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:hover,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:active,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:active,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:focus-visible,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:focus-visible{color:var(--digi--header-notification--color-hover);text-decoration:underline}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:hover,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:hover svg,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:hover svg,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:active,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:active svg,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:active svg{color:var(--digi--color--text--primary)}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:focus-visible,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}";
+const DigiHeaderNotificationStyle0 = headerNotificationCss;
+
+const HeaderNotification = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afNotificationAmount = undefined;
+    }
+    render() {
+        return (index.h("div", { key: 'c089287f32f02bccec66f787f7c9ee4d82479269', class: "digi-header-notification" }, this.afNotificationAmount > 0 && (index.h("span", { key: '6ccb42a9d7b4aca287cdb8543be541067806fa43', class: "digi-header-notification__number" }, this.afNotificationAmount < 100
+            ? this.afNotificationAmount
+            : '+99')), index.h("slot", { key: 'd1cb6d49219784cf960c553a47d1d06e5b33946d' })));
+    }
+};
+HeaderNotification.style = DigiHeaderNotificationStyle0;
+
+const iconBarsCss = ".sc-digi-icon-bars-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-bars-h svg.sc-digi-icon-bars{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconBarsStyle0 = iconBarsCss;
+
+const IconBars = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("svg", { key: '883806bdea911c1b8b55617a06c4ffbc0af4ec33', class: "digi-icon-bars", width: "22", height: "26", viewBox: "0 0 22 26", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, this.afTitle && index.h("title", { key: '72757904a255f9c645e0cdae2e6a081e5d9bcf12', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '40f918cde0da44267cf5d4fe7eaa247c852df6c9' }, this.afDesc), index.h("path", { key: 'bb4135a129924a8cca8522ca198419cbf06e2e58', class: "digi-icon-bars__shape", d: "M0.8,6.9h20.4c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8C0.4,3.4,0,3.7,0,4.2v2C0,6.6,0.4,6.9,0.8,6.9z M0.8,14.8 h20.4c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8C0.4,11.2,0,11.6,0,12v2C0,14.4,0.4,14.8,0.8,14.8z M0.8,22.6h20.4 c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8c-0.4,0-0.8,0.4-0.8,0.8v2C0,22.3,0.4,22.6,0.8,22.6z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+IconBars.style = DigiIconBarsStyle0;
+
+const iconBellFilledCss = ".sc-digi-icon-bell-filled-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-bell-filled-h svg.sc-digi-icon-bell-filled{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconBellFilledStyle0 = iconBellFilledCss;
+
+const IconBellFilled = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("svg", { key: 'd3c88387173fc02a0bdd9c18bbb4f93fc7c87bea', class: "digi-icon-bell-filled", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '9f3370aac18a1cd98449c01fe0fce9add1937cdc', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '1ab0693cb5e4ebaacdba29d9c6ea090dfa2c0789' }, this.afDesc), index.h("path", { key: '61451edca9df8cd650bbd36aec3a70d586201366', class: "digi-icon-bell-filled__shape", d: "M23.555833,48 C26.8859842,48 29.5872534,45.3140625 29.5872534,42 L17.5244126,42 C17.5244126,45.3140625 20.2256818,48 23.555833,48 Z M43.8639093,33.9646875 C42.0423204,32.0184375 38.6339126,29.090625 38.6339126,19.5 C38.6339126,12.215625 33.4972582,6.384375 26.5710718,4.95375 L26.5710718,3 C26.5710718,1.3434375 25.2209086,0 23.555833,0 C21.8907574,0 20.5405942,1.3434375 20.5405942,3 L20.5405942,4.95375 C13.6144078,6.384375 8.47775338,12.215625 8.47775338,19.5 C8.47775338,29.090625 5.06934557,32.0184375 3.24775666,33.9646875 C2.68204582,34.569375 2.43124734,35.2921875 2.43589641,36 C2.44633297,37.5375 3.65978272,39 5.4625146,39 L41.6491514,39 C43.4518833,39 44.6662759,37.5375 44.6757696,36 C44.6804187,35.2921875 44.4296202,34.5684375 43.8639093,33.9646875 L43.8639093,33.9646875 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+IconBellFilled.style = DigiIconBellFilledStyle0;
+
+const iconXCss = ".sc-digi-icon-x-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-x-h svg.sc-digi-icon-x{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconXStyle0 = iconXCss;
+
+const IconX = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("svg", { key: '7aa95142f5b6d2f3e53aa8a94d956346e4b11d64', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: 'bf5fd04f0bb5fe6ee5a89f312d8c7d185bd4d3ca', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '20e09c4c58c0ea69f1335c8cdaedebec67548b99' }, this.afDesc), index.h("g", { key: '35167408b13a4f65211ebe347d2e96cca53fe592', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, index.h("path", { key: 'a0ce6a3f6110b488a97478334c27fe52eaf07b01', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
+    }
+};
+IconX.style = DigiIconXStyle0;
+
+const layoutBlockCss = ".sc-digi-layout-block-h{--digi--layout-block--background--primary:var(--digi--color--background--primary);--digi--layout-block--background--secondary:var(--digi--color--background--secondary);--digi--layout-block--background--tertiary:var(--digi--color--background--sentiment--neutral--primary);--digi--layout-block--background--symbol:var(--digi--color--background--pop-out);--digi--layout-block--background--profile:var(--digi--color--background--brand-primary);display:block}.sc-digi-layout-block-h .digi-layout-block.sc-digi-layout-block{background:var(--BACKGROUND)}.sc-digi-layout-block-h .digi-layout-block--transparent.sc-digi-layout-block{--BACKGROUND:transparent}.sc-digi-layout-block-h .digi-layout-block--primary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--primary)}.sc-digi-layout-block-h .digi-layout-block--secondary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--secondary)}.sc-digi-layout-block-h .digi-layout-block--tertiary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--tertiary)}.sc-digi-layout-block-h .digi-layout-block--symbol.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--symbol)}.sc-digi-layout-block-h .digi-layout-block--profile.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--profile)}";
+const DigiLayoutBlockStyle0 = layoutBlockCss;
+
+const LayoutBlock = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this._container = typographyVariation_enum.LayoutBlockContainer.STATIC;
+        this.afVariation = layoutBlockVariation_enum.LayoutBlockVariation.PRIMARY;
+        this.afContainer = typographyVariation_enum.LayoutBlockContainer.STATIC;
+        this.afVerticalPadding = undefined;
+        this.afMarginTop = undefined;
+        this.afMarginBottom = undefined;
+    }
+    containerChangeHandler() {
+        this._container = this.afContainer;
+    }
+    componentWillLoad() {
+        this.containerChangeHandler();
+    }
+    get cssModifiers() {
+        return {
+            'digi-layout-block--transparent': this.afVariation === layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT,
+            'digi-layout-block--primary': this.afVariation === layoutBlockVariation_enum.LayoutBlockVariation.PRIMARY,
+            'digi-layout-block--secondary': this.afVariation === layoutBlockVariation_enum.LayoutBlockVariation.SECONDARY,
+            'digi-layout-block--tertiary': this.afVariation === layoutBlockVariation_enum.LayoutBlockVariation.TERTIARY,
+            'digi-layout-block--symbol': this.afVariation === layoutBlockVariation_enum.LayoutBlockVariation.SYMBOL,
+            'digi-layout-block--profile': this.afVariation === layoutBlockVariation_enum.LayoutBlockVariation.PROFILE
+        };
+    }
+    render() {
+        return (index.h("div", { key: '10eb7663890b45d8940fb531d40e939e78d9b06c', class: Object.assign({ 'digi-layout-block': true }, this.cssModifiers) }, this._container === typographyVariation_enum.LayoutBlockContainer.NONE ? (index.h(index.Fragment, null, index.h("slot", null))) : (index.h("digi-layout-container", { afVariation: this._container, "af-vertical-padding": this.afVerticalPadding, "af-margin-top": this.afMarginTop, "af-margin-bottom": this.afMarginBottom }, index.h("slot", null)))));
+    }
+    static get watchers() { return {
+        "afContainer": ["containerChangeHandler"]
+    }; }
+};
+LayoutBlock.style = DigiLayoutBlockStyle0;
+
+const layoutContainerCss = ".sc-digi-layout-container-h{--digi--layout-container--width:var(--digi--container-width--smaller);--digi--layout-container--gutter:var(--digi--container-gutter--base);--digi--layout-container--vertical-padding:0;--digi--layout-container--margin-top:0;--digi--layout-container--margin-bottom:0}.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{box-sizing:border-box;width:100%;max-width:var(--digi--layout-container--width);padding:var(--digi--layout-container--vertical-padding) var(--digi--layout-container--gutter);margin-left:auto;margin-right:auto;margin-top:var(--digi--layout-container--margin-top);margin-bottom:var(--digi--layout-container--margin-bottom);box-sizing:border-box}@media (min-width: 47.9375rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--small);--digi--layout-container--gutter:var(--digi--container-gutter--small)}}@media (min-width: 48rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--medium);--digi--layout-container--gutter:var(--digi--container-gutter--medium)}}@media (min-width: 61.9375rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--large);--digi--layout-container--gutter:var(--digi--container-gutter--large)}}@media (min-width: 75rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--larger);--digi--layout-container--gutter:var(--digi--container-gutter--larger)}}@media (min-width: 87.5rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--largest);--digi--layout-container--gutter:var(--digi--container-gutter--largest)}.sc-digi-layout-container-h .digi-layout-container--max-width-1200.sc-digi-layout-container{--digi--layout-container--width:var(--digi--global--size--larger)}}.sc-digi-layout-container-h .digi-layout-container--fluid.sc-digi-layout-container{--digi--layout-container--width:none !important}.sc-digi-layout-container-h .digi-layout-container--no-gutter.sc-digi-layout-container{--digi--layout-container--gutter:0}.sc-digi-layout-container-h .digi-layout-container--vertical-padding.sc-digi-layout-container{--digi--layout-container--vertical-padding:var(--digi--padding--large)}.sc-digi-layout-container-h .digi-layout-container--margin-top.sc-digi-layout-container{--digi--layout-container--margin-top:var(--digi--margin--large)}.sc-digi-layout-container-h .digi-layout-container--margin-bottom.sc-digi-layout-container{--digi--layout-container--margin-bottom:var(--digi--margin--large)}";
+const DigiLayoutContainerStyle0 = layoutContainerCss;
+
+const LayoutContainer = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this._variation = typographyVariation_enum.LayoutContainerVariation.STATIC;
+        this.afVariation = typographyVariation_enum.LayoutContainerVariation.STATIC;
+        this.afMaxWidth = typographyVariation_enum.LayoutContainerMaxWidth.WIDTH_1400;
+        this.afNoGutter = undefined;
+        this.afVerticalPadding = undefined;
+        this.afMarginTop = undefined;
+        this.afMarginBottom = undefined;
+    }
+    variationChangeHandler() {
+        this._variation = this.afVariation;
+    }
+    componentWillLoad() {
+        this.variationChangeHandler();
+    }
+    get cssModifiers() {
+        if (this._variation === typographyVariation_enum.LayoutContainerVariation.NONE) {
+            return {};
+        }
+        return {
+            'digi-layout-container': true,
+            'digi-layout-container--static': this._variation === typographyVariation_enum.LayoutContainerVariation.STATIC,
+            'digi-layout-container--fluid': this._variation === typographyVariation_enum.LayoutContainerVariation.FLUID,
+            'digi-layout-container--max-width-1200': this.afMaxWidth === typographyVariation_enum.LayoutContainerMaxWidth.WIDTH_1200,
+            'digi-layout-container--no-gutter': this.afNoGutter,
+            'digi-layout-container--vertical-padding': this.afVerticalPadding,
+            'digi-layout-container--margin-top': this.afMarginTop,
+            'digi-layout-container--margin-bottom': this.afMarginBottom
+        };
+    }
+    render() {
+        return (index.h("div", { key: '1f08272f8b59561c8c0de1d49fb58f4dcd329c3f', class: Object.assign({}, this.cssModifiers) }, index.h("slot", { key: '1d9eddd0524c7bbea9417b2c275905677b0a0257' })));
+    }
+    static get watchers() { return {
+        "afVariation": ["variationChangeHandler"]
+    }; }
+};
+LayoutContainer.style = DigiLayoutContainerStyle0;
+
+const logoCss = ".sc-digi-logo-h{--digi--logo--img--min-width:16rem;--digi--logo--img--max-width:19.5rem;--digi--logo--img--max-width--large:24.5rem;--digi--logo--img--max-width--system:2.75rem;--digi--logo--padding:var(--digi--gutter--medium);--digi--logo--padding--wide:var(--digi--gutter--larger);--digi--logo--padding--large:var(--digi--gutter--medium);--digi--logo--padding--large--wide:var(--digi--gutter--larger);--digi--logo--logotype-color:var(--digi--color--logotype-color);--digi--logo--color--primary:var(--digi--color--text--interactive--brand-primary);--digi--logo--color--secondary:var(--digi--color--text--secondary);--digi--logo--system-name-color--primary:var(--digi--color--text--primary);--digi--logo--system-name-color--secondary:var(--digi--color--text--secondary);--digi--logo--color--border--primary:var(--digi--color--text--primary);--digi--logo--color--border--secondary:var(--digi--color--text--secondary);--digi--logo--border-width:var(--digi--border-width--primary);--digi--logo--border-width--large:var(--digi--border-width--secondary);--digi--logo--margin--system:0 0 0 var(--digi--gutter--medium);--digi--logo--margin--system--large:0 0 0 var(--digi--gutter--larger);--digi--logo--padding--system:0 0 0 var(--digi--gutter--medium);--digi--logo--padding--system--large:0 0 0 var(--digi--gutter--larger);--digi--logo--font-size:var(--digi--typography--title-logo--font-size--mobile);--digi--logo--font-size--large:var(--digi--typography--title-logo--font-size--desktop-large);--digi--logo--font-size--system:var(--digi--typography--title-logo--font-size--mobile);--digi--logo--font-size--system--large:var(--digi--typography--title-logo--font-size--desktop);--digi--logo--font-weight:var(--digi--typography--title-logo--font-weight--desktop);--digi--logo--line-height:2.75rem;--digi--logo--font-family:var(--digi--global--typography--font-family--default)}.sc-digi-logo-h .digi-logo.sc-digi-logo{display:flex;align-items:center;color:var(--COLOR);padding:var(--PADDING);font-family:var(--digi--logo--font-family);font-size:var(--digi--logo--font-size);font-weight:var(--digi--logo--font-weight);line-height:var(--digi--logo--line-height)}.sc-digi-logo-h .digi-logo.sc-digi-logo .main-symbol.sc-digi-logo{fill:var(--digi--logo--logotype-color)}.sc-digi-logo-h .digi-logo--primary.sc-digi-logo{--COLOR--BORDER:var(--digi--logo--color--border--primary);--COLOR:var(--digi--logo--color--primary)}.sc-digi-logo-h .digi-logo--secondary.sc-digi-logo{--COLOR--BORDER:var(--digi--logo--color--border--secondary);--COLOR:var(--digi--logo--color--secondary);--digi--logo--system-name-color--primary:var(--digi--logo--system-name-color--secondary)}.sc-digi-logo-h .digi-logo--small.sc-digi-logo{--PADDING:var(--digi--logo--padding)}@media (min-width: 61.9375rem){.sc-digi-logo-h .digi-logo--small.sc-digi-logo{--PADDING:var(--digi--logo--padding--wide)}}.sc-digi-logo-h .digi-logo--small.sc-digi-logo .digi-logo__img.sc-digi-logo{flex-shrink:0}.sc-digi-logo-h .digi-logo--large.sc-digi-logo{--PADDING:var(--digi--logo--padding--large)}@media (min-width: 61.9375rem){.sc-digi-logo-h .digi-logo--large.sc-digi-logo{--PADDING:var(--digi--logo--padding--large--wide)}}.sc-digi-logo-h .digi-logo--large.sc-digi-logo svg.sc-digi-logo{min-width:var(--digi--logo--img--min-width)}.sc-digi-logo-h .digi-logo__img.sc-digi-logo{display:flex}.sc-digi-logo-h .digi-logo.sc-digi-logo svg.sc-digi-logo{fill:var(--COLOR);width:100%;height:auto;max-width:var(--digi--logo--img--max-width)}.sc-digi-logo-h .digi-logo--system-name.sc-digi-logo{--COLOR:var(--digi--logo--system-name-color--primary)}.sc-digi-logo-h .digi-logo--system-name.sc-digi-logo svg.sc-digi-logo{--digi--logo--img--max-width:var(--digi--logo--img--max-width--system)}.sc-digi-logo-h .digi-logo__system-name.sc-digi-logo{position:relative;display:inline-block;padding:var(--digi--logo--padding--system);margin:var(--digi--logo--margin--system);font-size:var(--digi--logo--font-size--system)}.sc-digi-logo-h .digi-logo__system-name.sc-digi-logo::before{content:\"\";display:inline-block;position:absolute;left:0;top:0;bottom:0;border-left:solid var(--digi--logo--border-width) var(--COLOR--BORDER);pointer-events:none}@media (min-width: 61.9375rem){.sc-digi-logo-h .digi-logo.sc-digi-logo svg.sc-digi-logo{--digi--logo--img--max-width:var(--digi--logo--img--max-width--large)}.sc-digi-logo-h .digi-logo--system-name.sc-digi-logo svg.sc-digi-logo{--digi--logo--img--max-width:var(--digi--logo--img--max-width--system)}.sc-digi-logo-h .digi-logo__system-name.sc-digi-logo{--digi--logo--font-size--system:var(--digi--logo--font-size--system--large);--digi--logo--margin--system:var(--digi--logo--margin--system--large);--digi--logo--padding--system:var(--digi--logo--padding--system--large)}.sc-digi-logo-h .digi-logo__system-name.sc-digi-logo::before{--digi--logo--border-width:var(--digi--logo--border-width--large)}}";
+const DigiLogoStyle0 = logoCss;
+
+const Logo = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.relation = undefined;
+        this.afColor = typographyVariation_enum.LogoColor.PRIMARY;
+        this.afVariation = typographyVariation_enum.LogoVariation.LARGE;
+        this.afSystemName = undefined;
+        this.afTitle = 'Arbetsförmedlingen';
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = undefined;
+        this.afTitleId = randomIdGenerator_util.randomIdGenerator('digi-logo__title');
+    }
+    get cssModifiers() {
+        return {
+            'digi-logo': true,
+            'digi-logo--small': this.afVariation === typographyVariation_enum.LogoVariation.SMALL || !!this.afSystemName,
+            'digi-logo--large': this.afVariation === typographyVariation_enum.LogoVariation.LARGE && !this.afSystemName,
+            'digi-logo--primary': this.afColor === typographyVariation_enum.LogoColor.PRIMARY,
+            'digi-logo--secondary': this.afColor === typographyVariation_enum.LogoColor.SECONDARY,
+            'digi-logo--system-name': !!this.afSystemName
+        };
+    }
+    render() {
+        return (index.h("div", { key: '1fffb5e4020a8fc15e95d275655558a851a67118', class: Object.assign({}, this.cssModifiers) }, index.h("div", { key: '0c90c037fefb6acf6a5751145bc2607901ac2080', class: "digi-logo__img" }, (this.afVariation === typographyVariation_enum.LogoVariation.SMALL ||
+            !!this.afSystemName) && (index.h("svg", { key: 'c5397410e623697351d4884ef2ed7fed1aa921c2', width: "44px", height: "44px", viewBox: "0 0 44 44", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": this.afTitle ? this.afTitleId : null, class: "digi-logo-small", "aria-hidden": this.afSvgAriaHidden && 'true', role: "img" }, this.afTitle && (index.h("title", { key: '9ab58220ca78b2c80e24c743eb03d7070cb810d5', id: this.afTitleId }, this.afTitle)), this.afDesc && index.h("desc", { key: '8e24e0f24100172c0c4114bd42b62c2824a4664f' }, this.afDesc), index.h("defs", { key: '8925408bda07218103d98fd2cb2541b0ffe42dbf' }, index.h("path", { key: '0599c5ac90730995eb50706355d98ca06b3f0b04', d: "M15.0075701,0 C31.0194479,0 44,12.9056055 44,28.8260562 C44,34.3951264 42.4072773,39.5923154 39.6561271,44 L33.8018821,40.1595143 C35.8219992,36.8551231 36.9854872,32.9757568 36.9854872,28.8260562 C36.9854872,16.7575266 27.1457549,6.97425981 15.0075701,6.97425981 Z M15.0075701,13.9047447 C23.2959849,13.9047447 30.0151401,20.5853418 30.0151401,28.825736 C30.0151401,37.0665877 23.2959849,43.7471848 15.0075701,43.7471848 C6.71915517,43.7471848 0,37.0665877 0,28.825736 C0,20.5853418 6.71915517,13.9047447 15.0075701,13.9047447 Z M15.0075701,20.8547613 C10.5795065,20.8547613 6.99058971,24.4235404 6.99058971,28.825736 C6.99058971,33.2283891 10.5795065,36.7971682 15.0075701,36.7971682 C19.4356336,36.7971682 23.0245504,33.2283891 23.0245504,28.825736 C23.0245504,24.4235404 19.4356336,20.8547613 15.0075701,20.8547613 Z", id: "path-1" })), index.h("g", { key: 'c147548c4d2f06bb6ed8e37cbcc000f1f54da9ed', id: "Logotypguide", stroke: "none", class: "main-symbol", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, index.h("g", { key: 'fca67586de66463b2574c8788f2e98a763a3dd38', id: "Prim\u00E4r", transform: "translate(-24, -22)" }, index.h("g", { key: 'eb2819843b3598cc80cb44bab1acc1c8c74a327e', id: "Symbolen", transform: "translate(24, 22)" }, index.h("mask", { key: '74e8455984655995b65e9242c6ee826fd9f6c46b', id: "mask-2", fill: "white" }, index.h("use", { key: '8a8e3a85788a605ebf96e5ca907af0ad4abad14f', href: "#path-1" })), index.h("use", { key: '828daf98f56c259067fd7c8967edef14241e77aa', id: "Main-Symbol", href: "#path-1" })))))), this.afVariation === typographyVariation_enum.LogoVariation.LARGE && !this.afSystemName && (index.h("svg", { key: 'cd3c1bef9d21cd87bdb35bf63d094cd565efee9b', "aria-labelledby": this.afTitle ? this.afTitleId : null, class: "digi-logo-large", width: "392px", height: "88px", viewBox: "0 0 392 88", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden && 'true', role: "img" }, this.afTitle && (index.h("title", { key: '32958dc8761e9579683ebb9a934b02ca9d59c144', id: this.afTitleId }, this.afTitle)), this.afDesc && index.h("desc", { key: 'aecda978c697e793776fc3c6caa1f068e656ee5b' }, this.afDesc), index.h("defs", { key: '33ece488661257a817c8b5e165a82724f02a9703' }, index.h("path", { key: 'd79f856ec8d9406ff5bca3125c92a20a56e0d923', d: "M15.0075701,0 C31.0194479,0 44,12.9056055 44,28.8260562 C44,34.3951264 42.4072773,39.5923154 39.6561271,44 L33.8018821,40.1595143 C35.8219992,36.8551231 36.9854872,32.9757568 36.9854872,28.8260562 C36.9854872,16.7575266 27.1457549,6.97425981 15.0075701,6.97425981 Z M15.0075701,13.9047447 C23.2959849,13.9047447 30.0151401,20.5853418 30.0151401,28.825736 C30.0151401,37.0665877 23.2959849,43.7471848 15.0075701,43.7471848 C6.71915517,43.7471848 0,37.0665877 0,28.825736 C0,20.5853418 6.71915517,13.9047447 15.0075701,13.9047447 Z M15.0075701,20.8547613 C10.5795065,20.8547613 6.99058971,24.4235404 6.99058971,28.825736 C6.99058971,33.2283891 10.5795065,36.7971682 15.0075701,36.7971682 C19.4356336,36.7971682 23.0245504,33.2283891 23.0245504,28.825736 C23.0245504,24.4235404 19.4356336,20.8547613 15.0075701,20.8547613 Z", id: "path-1" })), index.h("g", { key: '3e5b5091d119528b9932dd20d6f6d3934dc8fe95', id: "Logotypguide", stroke: "none", "stroke-width": "1", "fill-rule": "evenodd" }, index.h("g", { key: 'e9668e8b39191fd03aa6467827114d81ddd10e2e', id: "Vart?", transform: "translate(-24, -88)" }, index.h("g", { key: 'b8bd040548aac4a0f21e08cceda0aa54be703a9a', id: "Arbetsf\u00F6rmedlingen/Primary", transform: "translate(24, 110)" }, index.h("g", { key: 'f1d5d9136c381b503525cad43f7d47e682aec611', id: "Ordbild", transform: "translate(56, 0)", fill: this.afColor }, index.h("path", { key: 'ad5e29bfd44f284c70d80d2b42956f699e5bab7d', d: "M10.0781759,14.984252 L8.21498371,10.2637795 L6.30944625,14.984252 L10.0781759,14.984252 Z M11.2638436,17.7559055 L5.16612378,17.7559055 L3.21824104,22 L0,22 L8.17263844,4.02755906 L8.25732899,4.02755906 L16.4299674,22 L13.1270358,22 L11.2638436,17.7559055 L11.2638436,17.7559055 Z M23.7980456,7.4488189 L23.7980456,11.9527559 L26.762215,11.9527559 C27.990228,11.9527559 29.0488599,10.9566929 29.0488599,9.7007874 C29.0488599,8.44488189 28.0749186,7.4488189 26.8469055,7.4488189 L23.7980456,7.4488189 Z M29.3876221,22 L23.7980456,14.6377953 L23.7980456,22 L20.7491857,22 L20.7491857,4.54724409 L26.8469055,4.54724409 C29.7687296,4.54724409 32.0977199,6.71259843 32.0977199,9.65748031 C32.0977199,12.6023622 29.980456,14.2480315 27.3973941,14.5511811 L33.2410423,22 L29.3876221,22 L29.3876221,22 Z M144.651466,7.4488189 L144.651466,11.9527559 L147.615635,11.9527559 C148.843648,11.9527559 149.90228,10.9566929 149.90228,9.7007874 C149.90228,8.44488189 148.928339,7.4488189 147.700326,7.4488189 L144.651466,7.4488189 Z M150.241042,22 L144.651466,14.6377953 L144.651466,22 L141.602606,22 L141.602606,4.54724409 L147.700326,4.54724409 C150.62215,4.54724409 152.95114,6.71259843 152.95114,9.65748031 C152.95114,12.6023622 150.833876,14.2480315 148.250814,14.5511811 L154.094463,22 L150.241042,22 L150.241042,22 Z M46.6221498,16.8897638 C46.6221498,15.6338583 45.5211726,14.6377953 44.2931596,14.6377953 L41.7100977,14.6377953 L41.7100977,19.0551181 L44.2931596,19.0551181 C45.5211726,19.0551181 46.6221498,18.1889764 46.6221498,16.8897638 Z M41.7100977,7.4488189 L41.7100977,11.7362205 L44.2931596,11.7362205 C45.5211726,11.7362205 46.4104235,10.9133858 46.4104235,9.61417323 C46.4104235,8.35826772 45.5211726,7.4488189 44.2931596,7.4488189 L41.7100977,7.4488189 Z M49.7980456,16.8897638 C49.7980456,19.7913386 47.5114007,22 44.2931596,22 L38.7035831,22 L38.7035831,4.54724409 L44.2931596,4.54724409 C47.2149837,4.54724409 49.4592834,6.71259843 49.4592834,9.65748031 C49.4592834,11.1732283 48.9087948,12.3858268 47.8501629,13.2086614 C49.0358306,13.9448819 49.7980456,15.3740157 49.7980456,16.8897638 L49.7980456,16.8897638 Z M59.1563518,7.4488189 L59.1563518,11.7795276 L65.3811075,11.7795276 L65.3811075,14.6811024 L59.1563518,14.6811024 L59.1563518,19.011811 L65.5928339,19.011811 L65.5928339,21.9133858 L56.1498371,21.9133858 L56.1498371,4.46062992 L65.5928339,4.46062992 L65.5928339,7.36220472 L59.1563518,7.36220472 L59.1563518,7.4488189 M75.0781759,7.4488189 L70.7166124,7.4488189 L70.7166124,4.54724409 L82.4885993,4.54724409 L82.4885993,7.4488189 L78.1270358,7.4488189 L78.1270358,22 L75.0781759,22 L75.0781759,7.4488189 M106.371336,7.4488189 L106.371336,11.7795276 L112.723127,11.7795276 L112.723127,14.6811024 L106.371336,14.6811024 L106.371336,21.9566929 L103.449511,21.9566929 L103.449511,4.50393701 L112.892508,4.50393701 L112.892508,7.40551181 L106.371336,7.4488189 M130.592834,1.77559055 C130.592834,0.779527559 131.439739,0 132.371336,0 C133.302932,0 134.149837,0.779527559 134.149837,1.77559055 C134.149837,2.77165354 133.302932,3.5511811 132.371336,3.5511811 C131.439739,3.5511811 130.592834,2.81496063 130.592834,1.77559055 Z M133.218241,13.2519685 C133.218241,9.74409449 130.592834,7.1023622 127.162866,7.1023622 C123.732899,7.1023622 121.107492,9.78740157 121.107492,13.2519685 C121.107492,16.7598425 123.732899,19.4015748 127.162866,19.4015748 C130.550489,19.4448819 133.218241,16.7598425 133.218241,13.2519685 Z M120.218241,1.81889764 C120.218241,0.822834646 121.065147,0.0433070866 121.996743,0.0433070866 C122.928339,0.0433070866 123.775244,0.822834646 123.775244,1.81889764 C123.775244,2.81496063 122.928339,3.59448819 121.996743,3.59448819 C121.065147,3.59448819 120.218241,2.81496063 120.218241,1.81889764 Z M118.016287,13.2519685 C118.016287,8.18503937 122.081433,4.15748031 127.162866,4.15748031 C132.201954,4.15748031 136.309446,8.18503937 136.309446,13.2519685 C136.309446,18.3188976 132.2443,22.3464567 127.162866,22.3464567 C122.081433,22.3464567 118.016287,18.3188976 118.016287,13.2519685 L118.016287,13.2519685 Z M177.214984,4.15748031 L177.214984,22 L174.1657,22 L174.1657,10.6535433 L168.407166,15.8070866 L162.605863,10.6102362 L162.605863,22 L159.55658,22 L159.55658,4.15748031 L159.599349,4.15748031 L168.364821,11.8228346 L177.087948,4.15748031 L177.214984,4.15748031 M186.996743,7.4488189 L186.996743,11.7795276 L193.221498,11.7795276 L193.221498,14.6811024 L186.996743,14.6811024 L186.996743,19.011811 L193.433225,19.011811 L193.433225,21.9133858 L183.990228,21.9133858 L183.990228,4.46062992 L193.433225,4.46062992 L193.433225,7.36220472 L186.996743,7.36220472 L186.996743,7.4488189 M210.837134,13.2952756 C210.837134,9.83070866 208.423453,7.49212598 204.824104,7.49212598 L203.299674,7.49212598 L203.299674,19.0551181 L204.824104,19.0551181 C208.423453,19.0551181 210.837134,16.7165354 210.837134,13.2952756 Z M213.928339,13.2952756 C213.928339,18.4055118 210.074919,22 204.824104,22 L200.29316,22 L200.29316,4.54724409 L204.824104,4.54724409 C210.074919,4.54724409 213.928339,8.14173228 213.928339,13.2952756 L213.928339,13.2952756 Z M228.537459,19.0551181 L228.537459,21.9566929 L219.094463,21.9566929 L219.094463,4.50393701 L222.143322,4.50393701 L222.143322,19.0551181 L228.537459,19.0551181 M233.915309,22 L236.964169,22 L236.964169,4.50393701 L233.915309,4.50393701 L233.915309,22 Z M257.628664,4.54724409 L257.628664,22.3464567 L257.586319,22.3464567 L246.745928,11.3464567 L246.745928,22 L243.697068,22 L243.697068,4.2007874 L243.739414,4.2007874 L254.579805,15.1574803 L254.579805,4.54724409 L257.628664,4.54724409 M311.999577,4.54724409 L311.999577,22.3464567 L311.957655,22.3464567 L301.117264,11.3464567 L301.117264,22 L298.068404,22 L298.068404,4.2007874 L298.110749,4.2007874 L308.993485,15.1574803 L308.993485,4.54724409 L311.999577,4.54724409 M276.514658,22 L272.322476,22 C267.029316,22 263.218241,18.3622047 263.218241,13.2952756 C263.218241,8.18503937 267.071661,4.54724409 272.322476,4.54724409 L275.2443,4.54724409 L275.2443,7.4488189 L272.322476,7.4488189 C268.723127,7.4488189 266.309446,9.78740157 266.309446,13.2519685 C266.309446,16.7165354 268.723127,19.0551181 272.322476,19.0551181 L273.508143,19.0551181 L273.508143,14.7244094 L270.924658,14.7244094 L270.924658,11.8228346 L276.514658,11.8228346 L276.514658,22 M285.618893,7.4488189 L285.618893,11.7795276 L291.843648,11.7795276 L291.843648,14.6811024 L285.618893,14.6811024 L285.618893,19.011811 L292.055375,19.011811 L292.055375,21.9133858 L282.612378,21.9133858 L282.612378,4.46062992 L292.055375,4.46062992 L292.055375,7.36220472 L285.618893,7.36220472 L285.618893,7.4488189 M87.2312704,19.0551181 L92.6091205,19.0551181 C93.8371336,19.0551181 94.8110749,18.015748 94.8110749,16.7598425 C94.8110749,15.503937 93.8371336,14.507874 92.6091205,14.507874 L91.8469055,14.4645669 C88.7557003,14.4645669 86.723127,12.8188976 86.723127,9.57086614 C86.723127,6.27952756 89.0944625,4.59055118 91.9739414,4.59055118 L96.8859935,4.59055118 L96.8859935,7.49212598 L91.9739414,7.49212598 C90.7459283,7.49212598 89.771987,8.27165354 89.771987,9.57086614 C89.771987,10.8267717 90.7459283,11.476378 91.9739414,11.476378 L92.7361564,11.519685 C95.9543974,11.519685 97.8599349,13.2952756 97.8599349,16.7598425 C97.8599349,20.007874 95.4885993,22 92.6091205,22 L87.2312704,22 L87.2312704,19.0551181 M23.4592834,32.8267717 L18.3778502,44 L18.3355049,44 L16.0912052,39.0629921 L13.8469055,44 L8.76547231,32.8267717 L10.5016287,32.8267717 L13.8469055,40.2755906 L15.2442997,37.2007874 L13.2540717,32.8267717 L14.990228,32.8267717 L16.0912052,35.2952756 L17.1921824,32.8267717 L18.8859935,32.8267717 L16.8957655,37.1574803 L18.2931596,40.2755906 L21.6384365,32.8267717 L23.4592834,32.8267717 M27.3550489,34.3858268 L27.3550489,37.5472441 L31.4625407,37.5472441 L31.4625407,39.1062992 L27.3550489,39.1062992 L27.3550489,42.2677165 L31.5472313,42.2677165 L31.5472313,43.8267717 L25.7459283,43.8267717 L25.7459283,32.9133858 L31.5472313,32.9133858 L31.5472313,34.4724409 L27.3550489,34.4724409 L27.3550489,34.3858268 M41.9641694,38.2834646 C41.9641694,35.9448819 40.3127036,34.3425197 37.8990228,34.3425197 L36.7980456,34.3425197 L36.7980456,42.1811024 L37.8990228,42.1811024 C40.3127036,42.2244094 41.9641694,40.6220472 41.9641694,38.2834646 Z M43.5732899,38.2834646 C43.5732899,41.488189 41.1596091,43.7401575 37.8566775,43.7401575 L35.1465798,43.7401575 L35.1465798,32.8267717 L37.8566775,32.8267717 C41.1596091,32.8267717 43.5732899,35.0787402 43.5732899,38.2834646 L43.5732899,38.2834646 Z M46.495114,43.7401575 L48.1042345,43.7401575 L48.1042345,32.8267717 L46.495114,32.8267717 L46.495114,43.7401575 Z M69.4462541,32.8267717 L69.4462541,43.7401575 L67.8371336,43.7401575 L67.8371336,39.0629921 L62.6286645,39.0629921 L62.6286645,43.7401575 L61.019544,43.7401575 L61.019544,32.8267717 L62.6286645,32.8267717 L62.6286645,37.503937 L67.8371336,37.503937 L67.8371336,32.8267717 L69.4462541,32.8267717 M83.8013029,35.9448819 C83.8013029,35.0354331 83.0814332,34.3425197 82.1921824,34.3425197 L80.4136808,34.3425197 L80.4136808,37.5472441 L82.1921824,37.5472441 C83.0814332,37.5472441 83.8013029,36.8976378 83.8013029,35.9448819 Z M85.3680782,35.9448819 C85.3680782,37.7637795 83.9283388,39.1062992 82.1498371,39.1062992 L80.3713355,39.1062992 L80.3713355,43.7401575 L78.762215,43.7401575 L78.762215,32.8267717 L82.1074919,32.8267717 C83.9283388,32.8267717 85.3680782,34.1692913 85.3680782,35.9448819 L85.3680782,35.9448819 Z M88.1205212,40.3622047 L88.1205212,32.8267717 L89.7296417,32.8267717 L89.7296417,40.3622047 C89.7296417,41.488189 90.5765472,42.4409449 91.8892508,42.4409449 C93.1596091,42.4409449 94.0488599,41.488189 94.0488599,40.3622047 L94.0488599,32.8267717 L95.6579805,32.8267717 L95.6579805,40.3622047 C95.6579805,42.4409449 94.218241,44 91.9315961,44 C89.5602606,44 88.1205212,42.3976378 88.1205212,40.3622047 M104.254072,40.6220472 C104.254072,39.7125984 103.449511,39.019685 102.517915,39.019685 L100.739414,39.019685 L100.739414,42.2244094 L102.517915,42.2244094 C103.407166,42.2244094 104.254072,41.5314961 104.254072,40.6220472 Z M100.739414,34.3858268 L100.739414,37.4606299 L102.517915,37.4606299 C103.449511,37.4606299 104.084691,36.8543307 104.084691,35.9015748 C104.084691,34.992126 103.449511,34.3858268 102.517915,34.3858268 L100.739414,34.3858268 Z M105.863192,40.6220472 C105.863192,42.5708661 104.465798,43.7834646 102.517915,43.7834646 L99.1726384,43.7834646 L99.1726384,32.8700787 L102.517915,32.8700787 C104.296417,32.8700787 105.693811,34.1692913 105.693811,35.9448819 C105.693811,36.9409449 105.270358,37.7204724 104.592834,38.2834646 C105.270358,38.7598425 105.863192,39.6259843 105.863192,40.6220472 L105.863192,40.6220472 Z M114.840391,42.2244094 L114.840391,43.7834646 L109.166124,43.7834646 L109.166124,32.8700787 L110.775244,32.8700787 L110.775244,42.2677165 L114.840391,42.2677165 L114.840391,42.2244094 M117.635179,43.7401575 L119.2443,43.7401575 L119.2443,32.8267717 L117.635179,32.8267717 L117.635179,43.7401575 Z M122.081433,38.2834646 C122.081433,35.0787402 124.495114,32.8267717 127.798046,32.8267717 L129.407166,32.8267717 L129.407166,34.3858268 L127.798046,34.3858268 C125.34202,34.3858268 123.732899,35.9448819 123.732899,38.3267717 C123.732899,40.6653543 125.384365,42.2244094 127.798046,42.2244094 L129.407166,42.2244094 L129.407166,43.7834646 L127.798046,43.7834646 C124.495114,43.7401575 122.081433,41.488189 122.081433,38.2834646 M139.527687,34.3858268 L139.527687,37.5472441 L143.635179,37.5472441 L143.635179,39.1062992 L139.527687,39.1062992 L139.527687,42.2677165 L143.71987,42.2677165 L143.71987,43.8267717 L137.918567,43.8267717 L137.918567,32.9133858 L143.71987,32.9133858 L143.71987,34.4724409 L139.527687,34.4724409 L139.527687,34.3858268 M158.159609,32.6102362 L158.159609,43.7401575 L156.550489,43.7401575 L156.550489,35.9448819 L152.781759,39.1496063 L149.013029,35.9448819 L149.013029,43.7401575 L147.446254,43.7401575 L147.446254,32.5669291 L147.488599,32.5669291 L152.824104,37.1141732 L158.159609,32.6102362 M167.094463,35.9448819 C167.094463,35.0354331 166.374593,34.3425197 165.485342,34.3425197 L163.70684,34.3425197 L163.70684,37.5472441 L165.485342,37.5472441 C166.416938,37.5472441 167.094463,36.8976378 167.094463,35.9448819 Z M168.703583,35.9448819 C168.703583,37.7637795 167.263844,39.1062992 165.485342,39.1062992 L163.70684,39.1062992 L163.70684,43.7401575 L162.09772,43.7834646 L162.09772,32.8700787 L165.442997,32.8267717 C167.263844,32.8267717 168.703583,34.1692913 168.703583,35.9448819 L168.703583,35.9448819 Z M176.960912,42.2244094 L176.960912,43.7834646 L171.286645,43.7834646 L171.286645,32.8700787 L172.895765,32.8700787 L172.895765,42.2677165 L176.960912,42.2677165 L176.960912,42.2244094 M188.436482,38.2834646 C188.436482,35.9015748 186.657557,34.1259843 184.328567,34.1259843 C181.999577,34.1259843 180.221498,35.9448819 180.221498,38.2834646 C180.221498,40.6653543 181.999577,42.4409449 184.328567,42.4409449 C186.65798,42.4409449 188.436482,40.6653543 188.436482,38.2834646 Z M178.612378,38.2834646 C178.612378,35.1220472 181.153094,32.5669291 184.32899,32.5669291 C187.504886,32.5669291 190.045603,35.0787402 190.045603,38.2834646 C190.045603,41.4448819 187.504886,44 184.32899,44 C181.153094,44 178.612378,41.4448819 178.612378,38.2834646 L178.612378,38.2834646 Z M195.931596,38.4566929 L195.931596,43.7401575 L194.322476,43.7401575 L194.322476,38.4566929 L191.061889,32.8267717 L192.840391,32.8267717 L195.127036,36.7677165 L197.413681,32.8267717 L199.192182,32.8267717 L195.931596,38.4566929 M212.27645,32.6102362 L212.27645,43.7401575 L210.667752,43.7401575 L210.667752,35.9448819 L206.899023,39.1496063 L203.130293,35.9448819 L203.130293,43.7401575 L201.521173,43.7401575 L201.521173,32.5669291 L201.563518,32.5669291 L206.899023,37.1141732 L212.27645,32.6102362 M217.908795,34.3858268 L217.908795,37.5472441 L222.016287,37.5472441 L222.016287,39.1062992 L217.908795,39.1062992 L217.908795,42.2677165 L222.100977,42.2677165 L222.100977,43.8267717 L216.299674,43.8267717 L216.299674,32.9133858 L222.100977,32.9133858 L222.100977,34.4724409 L217.908795,34.4724409 L217.908795,34.3858268 M234.254072,32.8267717 L234.254072,43.9566929 L234.211726,43.9566929 L227.436482,36.4645669 L227.436482,43.7401575 L225.827362,43.7401575 L225.827362,32.5669291 L225.869707,32.5669291 L232.644951,40.015748 L232.644951,32.7834646 L234.254072,32.8267717 M239.631922,34.3858268 L236.837134,34.3858268 L236.837134,32.8267717 L243.993485,32.8267717 L243.993485,34.3858268 L241.241042,34.3858268 L241.241042,43.7401575 L239.631922,43.7401575 L239.631922,34.3858268 M0.804560261,42.2244094 L4.0228013,42.2244094 C4.91205212,42.2244094 5.6742671,41.488189 5.6742671,40.5787402 C5.6742671,39.6692913 4.91205212,38.9330709 4.0228013,38.9330709 L3.64169381,38.9330709 C1.43973941,38.9330709 0.423452769,37.6771654 0.423452769,35.9015748 C0.423452769,34.1259843 1.56677524,32.8700787 3.64169381,32.8700787 L6.64820847,32.8700787 L6.64820847,34.4291339 L3.59934853,34.4291339 C2.71009772,34.4291339 1.99022801,34.992126 1.99022801,35.9015748 C1.99022801,36.8110236 2.71009772,37.3740157 3.59934853,37.3740157 L3.98045603,37.3740157 C6.2247557,37.3740157 7.24104235,38.7598425 7.24104235,40.5787402 C7.24104235,42.3543307 6.05537459,43.7834646 3.98045603,43.7834646 L0.804560261,43.7834646 L0.804560261,42.2244094 M51.6188925,42.2244094 L54.8371336,42.2244094 C55.7263844,42.2244094 56.4885993,41.488189 56.4885993,40.5787402 C56.4885993,39.6692913 55.7263844,38.9330709 54.8371336,38.9330709 L54.4560261,38.9330709 C52.2540717,38.9330709 51.237785,37.6771654 51.237785,35.9015748 C51.237785,34.1259843 52.3811075,32.8700787 54.4560261,32.8700787 L57.504886,32.8700787 L57.504886,34.4291339 L54.4560261,34.4291339 C53.5667752,34.4291339 52.8469055,34.992126 52.8469055,35.9015748 C52.8469055,36.8110236 53.5667752,37.3740157 54.4560261,37.3740157 L54.8371336,37.3740157 C57.0814332,37.3740157 58.0977199,38.7598425 58.0977199,40.5787402 C58.0977199,42.3543307 56.9120521,43.7834646 54.8371336,43.7834646 L51.6612378,43.7834646 L51.6612378,42.2244094 L51.6188925,42.2244094 M251.488599,42.2244094 L254.70684,42.2244094 C255.596091,42.2244094 256.358306,41.488189 256.358306,40.5787402 C256.358306,39.6692913 255.596091,38.9330709 254.70684,38.9330709 L254.325733,38.9330709 C252.123779,38.9330709 251.107492,37.6771654 251.107492,35.9015748 C251.107492,34.1259843 252.250814,32.8700787 254.325733,32.8700787 L257.374169,32.8700787 L257.374169,34.4291339 L254.325733,34.4291339 C253.436482,34.4291339 252.716189,34.992126 252.716189,35.9015748 C252.716189,36.8110236 253.436482,37.3740157 254.325733,37.3740157 L254.70684,37.3740157 C256.950717,37.3740157 257.967427,38.7598425 257.967427,40.5787402 C257.967427,42.3543307 256.781759,43.7834646 254.70684,43.7834646 L251.530945,43.7834646 L251.488599,42.2244094 M262.964169,34.3858268 L262.964169,37.5472441 L267.071661,37.5472441 L267.071661,39.1062992 L262.964169,39.1062992 L262.964169,42.2677165 L267.156352,42.2677165 L267.156352,43.8267717 L261.355049,43.8267717 L261.355049,32.9133858 L267.156352,32.9133858 L267.156352,34.4724409 L262.964169,34.4724409 L262.964169,34.3858268 M272.406743,34.3858268 L272.406743,37.5472441 L274.31228,37.5472441 C275.2443,37.5472441 275.921824,36.8976378 275.921824,35.9448819 C275.921824,35.0354331 275.201954,34.3858268 274.31228,34.3858268 L272.406743,34.3858268 Z M276.13355,43.7401575 L272.407166,38.9330709 L272.407166,43.7401575 L270.798046,43.7401575 L270.798046,32.8267717 L274.312704,32.8267717 C276.091205,32.8267717 277.530945,34.1692913 277.530945,35.9448819 C277.530945,37.7204724 276.13355,38.9330709 274.355049,39.019685 L278.081433,43.7834646 L276.13355,43.7834646 L276.13355,43.7401575 L276.13355,43.7401575 Z M289.133127,32.8267717 L284.051694,44 L284.009772,44 L278.928339,32.8267717 L280.664072,32.8267717 L284.009772,40.2755906 L287.355049,32.8267717 L289.133127,32.8267717 M291.37785,43.7401575 L292.986971,43.7401575 L292.986971,32.8267717 L291.37785,32.8267717 L291.37785,43.7401575 Z M295.908371,38.2834646 C295.908371,35.0787402 298.322476,32.8267717 301.624984,32.8267717 L303.234528,32.8267717 L303.234528,34.3858268 L301.624984,34.3858268 C299.169381,34.3858268 297.560261,35.9448819 297.560261,38.3267717 C297.560261,40.6653543 299.211726,42.2244094 301.624984,42.2244094 L303.234528,42.2244094 L303.234528,43.7834646 L301.624984,43.7834646 C298.322476,43.7401575 295.908371,41.488189 295.908371,38.2834646 M307.807818,34.3858268 L307.807818,37.5472441 L311.915309,37.5472441 L311.915309,39.1062992 L307.807818,39.1062992 L307.807818,42.2677165 L312,42.2677165 L312,43.8267717 L306.198697,43.8267717 L306.198697,32.9133858 L312,32.9133858 L312,34.4724409 L307.807818,34.4724409 L307.807818,34.3858268" })), index.h("g", { key: '69f0975961599efa6dd2cc4ebd4198ab1006fcf7', id: "Symbol", transform: "translate(0, 0)", class: "main-symbol" }, index.h("mask", { key: '1eae13f033bb37d4b25e490227065fe8b079b01c', id: "mask-2" }, index.h("use", { key: 'ff47dc783e5476050686ee5926c9716421213f8f', href: "#path-1" })), index.h("use", { key: '4eb0f04feb355b7b17139674e58c187d8ad9fb3a', id: "Main-Symbol", href: "#path-1" })))))))), !!this.afSystemName && (index.h("span", { key: 'd28117e58f547dc0163339471a080256475ff3f5', class: "digi-logo__system-name" }, index.h("slot", { key: 'bf14e70fc449d0f24fa3a01397e603166e99eae7' }), this.afSystemName))));
+    }
+};
+Logo.style = DigiLogoStyle0;
+
+const navigationSidebarButtonCss = ".sc-digi-navigation-sidebar-button-h{--digi--navigation-sidebar-button--display:inline-flex}.sc-digi-navigation-sidebar-button-h .digi-navigation-sidebar-button.sc-digi-navigation-sidebar-button{display:var(--digi--navigation-sidebar-button--display)}";
+const DigiNavigationSidebarButtonStyle0 = navigationSidebarButtonCss;
+
+const NavigationSidebarButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnToggle = index.createEvent(this, "afOnToggle", 7);
+        this.isActive = false;
+        this.afText = undefined;
+        this.afAriaLabel = undefined;
+        this.afId = randomIdGenerator_util.randomIdGenerator('digi-navigation-sidebar-button');
+    }
+    toggleHandler() {
+        this.isActive = !this.isActive;
+        this.afOnToggle.emit(this.isActive);
+    }
+    render() {
+        return (index.h("digi-button", { key: '48d71335120e125d79e705581867f8870ec620a8', id: this.afId, class: "digi-navigation-sidebar-button", "af-variation": "function", "af-aria-label": this.afAriaLabel, onClick: () => this.toggleHandler() }, this.afText, index.h("digi-icon-bars", { key: 'b8e2adb4934acfc5b594a655722c79a25ac94f18', slot: "icon" })));
+    }
+};
+NavigationSidebarButton.style = DigiNavigationSidebarButtonStyle0;
+
+const typographyHeadingJumboCss = ".sc-digi-typography-heading-jumbo-h{display:block}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{font-size:var(--digi--typography--heading-jumbo--font-size--desktop);font-family:var(--digi--global--typography--font-family--default);color:var(--digi--color--text--primary);font-weight:var(--digi--typography--heading-jumbo--font-weight--desktop)}@media (min-width: 61.9375rem){.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{font-size:var(--digi--typography--heading-jumbo--font-size--desktop-large)}}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo--secondary.sc-digi-typography-heading-jumbo{color:var(--digi--grayscale--0)}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo::after{content:\"\";width:11.875rem;height:0.4375rem;background:var(--digi--color--border--accent--primary);display:block;margin-top:var(--digi--padding--small)}@media (min-width: 61.9375rem){.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo::after{width:13.75rem;margin-top:var(--digi--margin--h2-large);height:0.625rem}}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo--secondary.sc-digi-typography-heading-jumbo::after{background:var(--digi--color--border--accent--secondary)}digi-typography .sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{margin-bottom:var(--digi--margin--medium)}";
+const DigiTypographyHeadingJumboStyle0 = typographyHeadingJumboCss;
+
+const TypographyHeadingJumbo = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afText = '';
+        this.afVariation = undefined;
+        this.afLevel = typographyVariation_enum.TypographyHeadingJumboLevel.H1;
+        this.afLang = 'sv';
+    }
+    /**
+     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
+     * @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
+     */
+    focusOnHeading() {
+        this.headingElement.focus();
+    }
+    get cssModifiers() {
+        return {
+            'digi-typography-heading-jumbo--primary': this.afVariation === typographyVariation_enum.TypographyHeadingJumboVariation.PRIMARY,
+            'digi-typography-heading-jumbo--secondary': this.afVariation === typographyVariation_enum.TypographyHeadingJumboVariation.SECONDARY
+        };
+    }
+    render() {
+        return (index.h(this.afLevel, { key: '39fb3b14c34db1eeef60bf06af00ceacae22240e', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
+    }
+};
+TypographyHeadingJumbo.style = DigiTypographyHeadingJumboStyle0;
+
+const typographyPreambleCss = ".sc-digi-typography-preamble-h .digi-typography-preamble.sc-digi-typography-preamble{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--preamble--font-size--mobile);font-weight:var(--digi--typography--preamble--font-weight--desktop);line-height:var(--digi--typography--preamble--line-height--mobile);color:var(--digi--color--text--primary);max-width:var(--digi--paragraph-width--medium)}@media (min-width: 61.9375rem){.sc-digi-typography-preamble-h .digi-typography-preamble.sc-digi-typography-preamble{font-size:var(--digi--typography--preamble--font-size--desktop);line-height:var(--digi--typography--preamble--line-height--desktop)}}";
+const DigiTypographyPreambleStyle0 = typographyPreambleCss;
+
+const TypographyPreamble = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("p", { key: 'a91faae2c3023b40a84d7aa17404c87d210c3a07', class: "digi-typography-preamble" }, index.h("slot", { key: 'cb97e957294bcd584ab10b7796dc1f639a3af568' })));
+    }
+};
+TypographyPreamble.style = DigiTypographyPreambleStyle0;
+
+const utilBreakpointObserverCss = ".sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer.sc-digi-util-breakpoint-observer{--SMALL:small;--MEDIUM:medium;--LARGE:large;--XLARGE:xlarge}.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--SMALL);border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;pointer-events:none;transition:transform 0.01s;transform:rotate(0deg)}@media (min-width: 48rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--MEDIUM);transform:rotate(10deg)}}@media (min-width: 61.9375rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--LARGE);transform:rotate(20deg)}}@media (min-width: 75rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--XLARGE);transform:rotate(30deg)}}";
+const DigiUtilBreakpointObserverStyle0 = utilBreakpointObserverCss;
+
+const UtilBreakpointObserver = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnChange = index.createEvent(this, "afOnChange", 7);
+        this.afOnSmall = index.createEvent(this, "afOnSmall", 7);
+        this.afOnMedium = index.createEvent(this, "afOnMedium", 7);
+        this.afOnLarge = index.createEvent(this, "afOnLarge", 7);
+        this.afOnXLarge = index.createEvent(this, "afOnXLarge", 7);
+    }
+    componentDidLoad() {
+        this.handleBreakpoint();
+    }
+    handleBreakpoint(e) {
+        const observerCSSVariables = window.getComputedStyle(this._observer);
+        const value = observerCSSVariables.getPropertyValue('--digi--util-breakpoint-observer--breakpoint');
+        this.afOnChange.emit({ value, e });
+        switch (value) {
+            case utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL:
+                this.afOnSmall.emit({ value, e });
+                break;
+            case utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.MEDIUM:
+                this.afOnMedium.emit({ value, e });
+                break;
+            case utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.LARGE:
+                this.afOnLarge.emit({ value, e });
+                break;
+            case utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.XLARGE:
+                this.afOnXLarge.emit({ value, e });
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: '439126d441c52c881d66e6bfbda841f3609f128a' }, index.h("div", { key: 'ed1a3ed7fca219fdf3afe1680eee42ca7cdf5660', class: "digi-util-breakpoint-observer" }, index.h("div", { key: 'df8d7e24f1ab348e44e6200c6f99925715e8902f', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), index.h("slot", { key: '13abc4c5eaa4c6e2a075dea1ed96b2960fd4a29a' }))));
+    }
+    get hostElement() { return index.getElement(this); }
+};
+UtilBreakpointObserver.style = DigiUtilBreakpointObserverStyle0;
+
+const UtilKeydownHandler = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnEsc = index.createEvent(this, "afOnEsc", 7);
+        this.afOnEnter = index.createEvent(this, "afOnEnter", 7);
+        this.afOnTab = index.createEvent(this, "afOnTab", 7);
+        this.afOnSpace = index.createEvent(this, "afOnSpace", 7);
+        this.afOnShiftTab = index.createEvent(this, "afOnShiftTab", 7);
+        this.afOnUp = index.createEvent(this, "afOnUp", 7);
+        this.afOnDown = index.createEvent(this, "afOnDown", 7);
+        this.afOnLeft = index.createEvent(this, "afOnLeft", 7);
+        this.afOnRight = index.createEvent(this, "afOnRight", 7);
+        this.afOnHome = index.createEvent(this, "afOnHome", 7);
+        this.afOnEnd = index.createEvent(this, "afOnEnd", 7);
+        this.afOnKeyDown = index.createEvent(this, "afOnKeyDown", 7);
+    }
+    keydownHandler(e) {
+        const key = keyboardHandler_util.keyboardHandler(e);
+        switch (key) {
+            case keyboardHandler_util.KEY_CODE.SHIFT_TAB:
+                this.afOnShiftTab.emit(e);
+                break;
+            case keyboardHandler_util.KEY_CODE.DOWN_ARROW:
+                this.afOnDown.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case keyboardHandler_util.KEY_CODE.UP_ARROW:
+                this.afOnUp.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case keyboardHandler_util.KEY_CODE.LEFT_ARROW:
+                this.afOnLeft.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case keyboardHandler_util.KEY_CODE.RIGHT_ARROW:
+                this.afOnRight.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case keyboardHandler_util.KEY_CODE.ENTER:
+                this.afOnEnter.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case keyboardHandler_util.KEY_CODE.ESCAPE:
+                this.afOnEsc.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case keyboardHandler_util.KEY_CODE.TAB:
+                this.afOnTab.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case keyboardHandler_util.KEY_CODE.SPACE:
+                this.afOnSpace.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case keyboardHandler_util.KEY_CODE.HOME:
+                this.afOnHome.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case keyboardHandler_util.KEY_CODE.END:
+                this.afOnEnd.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case keyboardHandler_util.KEY_CODE.ANY:
+                this.afOnKeyDown.emit(e);
+                break;
+            default:
+                this.afOnKeyDown.emit(e);
+                return;
+        }
+    }
+    render() {
+        return index.h("slot", { key: '780c02993f4c9494fc31ba9afbf57e96c7cf6e9b' });
+    }
+};
+
+exports.digi_button = Button;
+exports.digi_header = Header;
+exports.digi_header_navigation = HeaderNavigation;
+exports.digi_header_navigation_item = HeaderNavigationItem;
+exports.digi_header_notification = HeaderNotification;
+exports.digi_icon_bars = IconBars;
+exports.digi_icon_bell_filled = IconBellFilled;
+exports.digi_icon_x = IconX;
+exports.digi_layout_block = LayoutBlock;
+exports.digi_layout_container = LayoutContainer;
+exports.digi_logo = Logo;
+exports.digi_navigation_sidebar_button = NavigationSidebarButton;
+exports.digi_typography_heading_jumbo = TypographyHeadingJumbo;
+exports.digi_typography_preamble = TypographyPreamble;
+exports.digi_util_breakpoint_observer = UtilBreakpointObserver;
+exports.digi_util_keydown_handler = UtilKeydownHandler;