@designsystem-se/af 35.4.0 → 36.0.0

package/dist/cjs/digi-navigation-vertical-menu.cjs.entry.js

@@ -0,0 +1,177 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-7a477838.js');
+const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
+const logger_util = require('./logger.util-fdafc086.js');
+const navigationVerticalMenuVariation_enum = require('./navigation-vertical-menu-variation.enum-c237edd3.js');
+
+const navigationVerticalMenuCss = ".sc-digi-navigation-vertical-menu-h{--digi--navigation-vertical-menu--background:transparent;--digi--navigation-vertical-menu--item--border-top:solid var(--digi--border-width--primary) var(--digi--color--divider--secondary)}.sc-digi-navigation-vertical-menu-h .digi-navigation-vertical-menu.sc-digi-navigation-vertical-menu{display:block;background:var(--digi--navigation-vertical-menu--background)}.sc-digi-navigation-vertical-menu-s>.digi-navigation-vertical-menu--indicator--secondary ul.digi-navigation-vertical-menu__list--root.secondary{--subnav-indicator--width:var(--subnav-indicator--width--xl)}.sc-digi-navigation-vertical-menu-s>.digi-navigation-vertical-menu--indicator--secondary ul.digi-navigation-vertical-menu__list--root.secondary .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-width:var(--subnav-indicator--width--xl)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root{--subnav-indicator--left:var(--digi--padding--medium);--subnav-indicator--width:1px;--subnav-indicator--width--l:4px;--subnav-indicator--width--xl:6px;--subnav-indicator--background-color:var(--digi--color--divider--secondary);--subnav-indicator--background-color--default:var(--digi--color--divider--secondary);--subnav-indicator--background-color--current:var(--digi--color--marking--navigation--level-active)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root,.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root ul,.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root li{list-style:none;padding:0;margin:0}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root>li:not(:first-child){border-top:var(--digi--navigation-vertical-menu--item--border-top)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root>li ul digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--font-size:var(--digi--typography--tag--font-size--desktop)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary>.digi-navigation-vertical-menu__item--active{padding-bottom:var(--digi--padding--small)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level{--subnav-indicator--background-color:var(--subnav-indicator--background-color--current)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level ul{--subnav-indicator--background-color:var(--subnav-indicator--background-color--default)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-width:4px}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active{position:relative}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul{position:relative}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul::before{content:\"\";display:inline-block;position:absolute;top:0;bottom:0;z-index:1;left:var(--subnav-indicator--left);width:var(--subnav-indicator--width);background-color:var(--subnav-indicator--background-color)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:var(--digi--padding--medium)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul{--subnav-indicator--left:var(--digi--padding--largest)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:var(--digi--padding--largest)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul{--subnav-indicator--left:calc(var(--digi--padding--largest-2) + var(--digi--padding--smaller))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:calc(var(--digi--padding--largest-2) + var(--digi--padding--smaller))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul{--subnav-indicator--left:calc(var(--digi--padding--largest-2) + var(--digi--padding--largest))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:calc(var(--digi--padding--largest-2) + var(--digi--padding--largest))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul ul{--subnav-indicator--left:calc(var(--digi--padding--largest-2) + var(--digi--padding--largest-2))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:calc(var(--digi--padding--largest-2) + var(--digi--padding--largest-2))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary.digi-navigation-vertical-menu__item--current-level::before,.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level::before{--subnav-indicator--width:var(--subnav-indicator--width--l)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--largest)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--smaller))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--largest))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--largest-2))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary{--subnav-indicator--width:var(--subnav-indicator--width--l)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary>.digi-navigation-vertical-menu__item--active{position:relative}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary>.digi-navigation-vertical-menu__item--active::before{content:\"\";display:inline-block;position:absolute;top:0;bottom:0;width:var(--subnav-indicator--width);background-color:var(--digi--color--background--pop-out);z-index:1}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary .digi-navigation-vertical-menu__item--deep-active{background-color:var(--digi--color--background--pop-out)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary .digi-navigation-vertical-menu__item--deep-active>ul>li>digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--color--background--primary);--digi--navigation-vertical-menu-item--toggle-icon--background--active:var(--digi--color--background--primary)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--largest)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--smaller))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--largest))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--largest-2))}.sc-digi-navigation-vertical-menu-s li.digi-navigation-vertical-menu__item--highlight>digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__button:first-child .digi-navigation-vertical-menu-item__text::after,.sc-digi-navigation-vertical-menu-s li.digi-navigation-vertical-menu__item--highlight>digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__link:first-child .digi-navigation-vertical-menu-item__text::after{display:inline-flex;position:relative;align-items:center;justify-content:center;overflow:hidden;content:\"\";width:0.625rem;height:0.625rem;border-radius:0.625rem;line-height:1;transform:translateY(-5px);margin-left:var(--digi--padding--smaller);background:var(--digi--color--background--pop-out)}";
+const DigiNavigationVerticalMenuStyle0 = navigationVerticalMenuCss;
+
+const NavigationVerticalMenu = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnReady = index.createEvent(this, "afOnReady", 3);
+        this.listItems = [];
+        this.afId = randomIdGenerator_util.randomIdGenerator('digi-navigation-vertical-menu');
+        this.afVariation = navigationVerticalMenuVariation_enum.NavigationVerticalMenuVariation.PRIMARY;
+        this.afActiveIndicatorSize = navigationVerticalMenuVariation_enum.NavigationVerticalMenuActiveIndicatorSize.PRIMARY;
+        this.afAriaLabel = undefined;
+    }
+    linkClickHandler(e) {
+        this.setCurrentActiveLevel(e.target);
+        this.setClasses(e.target);
+    }
+    setClasses(el) {
+        const activeDeepClass = 'digi-navigation-vertical-menu__item--deep-active';
+        const activeClass = 'digi-navigation-vertical-menu__item--active';
+        const navList = this.hostElement.querySelector('.digi-navigation-vertical-menu__list');
+        const activeNavItems = Array.from(navList.children).filter((item) => item.classList.contains(activeClass));
+        activeNavItems.forEach((listItem) => {
+            listItem.classList.add(activeDeepClass);
+            setClassRecursive(listItem);
+        });
+        function setClassRecursive(listItem) {
+            const arr = Array.from(listItem.children).filter((item) => item.tagName === 'UL');
+            const list = arr[0];
+            const activeListItems = Array.from(list.children).filter((item) => item.classList.contains(activeClass));
+            if (activeListItems.length == 0) {
+                removeClassRecursive(list);
+                return;
+            }
+            activeListItems.forEach((item) => {
+                item.classList.add(activeDeepClass);
+                setClassRecursive(item);
+            });
+        }
+        function removeClassRecursive(item, deepElement = true) {
+            const parentEl = item.closest('li');
+            if (!parentEl) {
+                return;
+            }
+            if (!deepElement) {
+                parentEl.classList.remove(activeDeepClass);
+            }
+            const deepParent = parentEl.closest('ul');
+            if (!deepParent) {
+                return;
+            }
+            removeClassRecursive(deepParent, false);
+        }
+        const removeUnselected = this.hostElement.querySelectorAll(`.${activeDeepClass}:not(.${activeClass})`);
+        removeUnselected.forEach((item) => {
+            item.classList.remove(activeDeepClass);
+        });
+        if (!el.matches('.digi-navigation-vertical-menu-item--has-subnav')) {
+            removeClassRecursive(el);
+        }
+    }
+    componentWillLoad() {
+        this.getListItems();
+        this.initNav();
+        this.setLevelClass();
+    }
+    componentDidLoad() {
+        this.initCurrentActiveLevel();
+        this.afOnReady.emit();
+    }
+    componentWillUpdate() {
+        this.getListItems();
+        this.initNav();
+        this.setLevelClass();
+    }
+    initCurrentActiveLevel() {
+        let elActiveSubnav = this.hostElement.querySelector('digi-navigation-vertical-menu-item[af-active-subnav="true"]');
+        if (elActiveSubnav) {
+            const getDeep = (elActiveSubnav) => {
+                const deepEl = elActiveSubnav
+                    .closest('li')
+                    .querySelector('ul')
+                    .querySelector('digi-navigation-vertical-menu-item[af-active-subnav="true"]');
+                return deepEl ? deepEl : null;
+            };
+            const checkRecursive = (deepEl) => {
+                const elToCheck = getDeep(deepEl);
+                if (elToCheck) {
+                    elActiveSubnav = elToCheck;
+                    checkRecursive(elToCheck);
+                }
+                else {
+                    elActiveSubnav = deepEl;
+                }
+            };
+            checkRecursive(elActiveSubnav);
+            this.setCurrentActiveLevel(elActiveSubnav);
+        }
+    }
+    setCurrentActiveLevel(targetElement) {
+        const currentLevelClass = 'digi-navigation-vertical-menu__item--current-level';
+        const target = targetElement;
+        const oldTarget = this.hostElement.querySelectorAll('.digi-navigation-vertical-menu__item--current-level');
+        oldTarget.forEach((el) => {
+            el.classList.remove(currentLevelClass);
+        });
+        let subnav = target.closest('li').querySelector('ul');
+        if (target.matches('.digi-navigation-vertical-menu-item--has-subnav')) {
+            subnav = target.closest('ul');
+            subnav.classList.add(currentLevelClass);
+            return;
+        }
+        if (subnav) {
+            subnav.classList.add(currentLevelClass);
+        }
+        else {
+            subnav = target.closest('ul');
+            subnav.classList.add(currentLevelClass);
+        }
+    }
+    setLevelClass() {
+        this.hostElement
+            .querySelector('ul')
+            .classList.remove('primary', 'secondary');
+        this.hostElement
+            .querySelector('ul')
+            .classList.add('digi-navigation-vertical-menu__list--root', this.afVariation);
+    }
+    initNav() {
+        const $ul = this.hostElement.querySelectorAll('ul');
+        const $li = this.hostElement.querySelectorAll('li');
+        $ul.forEach((item) => item.classList.add('digi-navigation-vertical-menu__list'));
+        $li.forEach((item) => item.classList.add('digi-navigation-vertical-menu__item'));
+    }
+    async afMSetCurrentActiveLevel(e) {
+        this.setCurrentActiveLevel(e);
+        this.initNav();
+        this.setClasses(e);
+    }
+    getListItems() {
+        const menuItems = this.hostElement.children;
+        if (!menuItems || menuItems.length <= 0) {
+            logger_util.logger.warn(`The slot contains no children elements.`, this.hostElement);
+            return;
+        }
+        this.listItems = [...Array.from(menuItems)].map((filter) => {
+            return {
+                outerHTML: filter.outerHTML
+            };
+        });
+    }
+    get cssModifiers() {
+        return {
+            'digi-navigation-vertical-menu': false,
+            'digi-navigation-vertical-menu--primary': this.afVariation === navigationVerticalMenuVariation_enum.NavigationVerticalMenuVariation.PRIMARY,
+            'digi-navigation-vertical-menu--secondary': this.afVariation === navigationVerticalMenuVariation_enum.NavigationVerticalMenuVariation.SECONDARY,
+            'digi-navigation-vertical-menu--indicator--secondary': this.afActiveIndicatorSize ===
+                navigationVerticalMenuVariation_enum.NavigationVerticalMenuActiveIndicatorSize.SECONDARY
+        };
+    }
+    render() {
+        return (index.h("nav", { key: '13a48e092811f77f6520ae71bd9bc93514c452cf', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, index.h("slot", { key: '13bef2c7ef6ace04ebf250e9a106836ad4be5137' })));
+    }
+    get hostElement() { return index.getElement(this); }
+};
+NavigationVerticalMenu.style = DigiNavigationVerticalMenuStyle0;
+
+exports.digi_navigation_vertical_menu = NavigationVerticalMenu;

package/dist/cjs/digi-notification-alert.cjs.entry.js

@@ -4,14 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7a477838.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const typographyVariation_enum = require('./typography-variation.enum-9f56fd50.js');
+const typographyVariation_enum = require('./typography-variation.enum-50512a4e.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-require('./code-example-variation.enum-1611825e.js');
-require('./form-input-search-variation.enum-e0e025b1.js');
+require('./button-size.enum-1fd86b9e.js');
+require('./button-type.enum-406723db.js');
 const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
+require('./code-example-variation.enum-c6557727.js');
 require('./code-variation.enum-c4a4e6fd.js');
 require('./expandable-accordion-header-level.enum-45483252.js');
 require('./expandable-faq-item-variation.enum-89427195.js');
@@ -19,13 +20,16 @@ require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
 require('./form-file-upload-variation.enum-634cfae8.js');
+require('./form-input-search-variation.enum-c50239bc.js');
 require('./form-input-type.enum-9c8ee12a.js');
 require('./form-input-variation.enum-c750520c.js');
+require('./form-radiogroup-validation.enum-03a17d4d.js');
 require('./form-select-variation.enum-528c1bf0.js');
 require('./form-textarea-variation.enum-9c90d40f.js');
 require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
+require('./layout-container-max-width.enum-7e637f44.js');
 require('./layout-block-variation.enum-f6102119.js');
 require('./layout-columns-variation.enum-65675649.js');
 require('./link-button-variation.enum-137785e3.js');
@@ -35,6 +39,7 @@ require('./loader-spinner-size.enum-db2973f0.js');
 require('./logo-variation.enum-607fadb4.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
+require('./navigation-vertical-menu-variation.enum-c237edd3.js');
 require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');
@@ -46,6 +51,7 @@ require('./tag-size.enum-387c516c.js');
 require('./tools-feedback-banner-type.enum-de373ba0.js');
 require('./tools-feedback-rating-variation.enum-2f71e84d.js');
 require('./tools-theme-provider.brand.enum-bc855272.js');
+require('./typography-heading-jumbo-variation.enum-8677e099.js');
 require('./typography-meta-variation.enum-13ac3538.js');
 require('./typography-time-variation.enum-bce1d87e.js');
 require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
@@ -100,8 +106,8 @@ const NotificationAlert = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'e4266774905fbf2b55a74e8a0955671356b98d41', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, index.h("div", { key: '9abdb6437416b3bf27bbfd7f1b24877df49547a3', class: "digi-notification-alert__layout" }, index.h("div", { key: '5d243b8d43b9e1279b688b2bbfe86d74480a0f10', class: "icon-wrapper" }, index.h("div", { key: '157da6ae9d428763051b79f10e6a647ef51beaa8', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), index.h("div", { key: '0f489f9fb220be2b4c0afc96c8c17a902e8110ec', class: "main-wrapper" }, index.h("div", { key: '7354aa28d772f5e79cddfc78d73d8f791eb32c5d', class: "digi-notification-alert__wrapper" }, this.afCloseable && (index.h("digi-button", { key: '24266095733533913ff851a84b3478850a75f8da', "af-aria-label": this.afCloseAriaLabel, "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, index.h("span", { key: 'd86d0a95802ddd4f1d56e009e6551f4f7c5b9a6d', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), index.h("digi-icon-x", { key: '30d19c2d35a5deaed77d8921a24447796f2560c2', slot: "icon-secondary", "aria-hidden": "true" }))), index.h("div", { key: 'fed2a1627e9137a9f233329550138082a0295a14', class: "digi-notification-alert__text" }, this.afHeading &&
-            this.afSize === typographyVariation_enum.NotificationAlertSize.LARGE && (index.h(this.afHeadingLevel, { key: '6931822676b2439e74d27ee5151199360a02f6b5', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), index.h("div", { key: 'ad16adaad35788c28b3d7df61081e52e26f00016', class: "digi-notification-alert__content" }, index.h("digi-typography", { key: '3b2d41e52020b6ea4ad0580912cdbcb063b2a9db', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("slot", { key: '0484d598f84c53ddb678bb53264fd125b85e3b8f' })))))))));
+        return (index.h("div", { key: 'bf3f0a58082fb86cf6642f9769c101489c72edde', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, index.h("div", { key: '31a46f56e2bd7248c2b9df479a02c21e2efade82', class: "digi-notification-alert__layout" }, index.h("div", { key: 'adc8397ce115af922885eeecafdebbf7bf18035d', class: "icon-wrapper" }, index.h("div", { key: '38440269617cbeb7185c90eb81194cab8d46afbd', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), index.h("div", { key: '8be12ad3c0d0466ad60f102dbcb599c1aff3eebe', class: "main-wrapper" }, index.h("div", { key: '306c289ee677e7f2ce4601f9a8bba2fc3a550196', class: "digi-notification-alert__wrapper" }, this.afCloseable && (index.h("digi-button", { key: '5b9e99e93677b1057f4485d13e9827d5404f85a4', "af-aria-label": this.afCloseAriaLabel, "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, index.h("span", { key: '73b426345ac2352b8c851ae64e5063fa525e422b', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), index.h("digi-icon-x", { key: 'ee1089839ba1094b780ccc32d59bcdb2c0126e5b', slot: "icon-secondary", "aria-hidden": "true" }))), index.h("div", { key: '283a3e0f4fe25c420b0b284251c0e325cd51e4b8', class: "digi-notification-alert__text" }, this.afHeading &&
+            this.afSize === typographyVariation_enum.NotificationAlertSize.LARGE && (index.h(this.afHeadingLevel, { key: '42d1221b2fd943f970e9e6d3a18833c28cc91881', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), index.h("div", { key: '60fea41af154d6690f3313af4e710461f81f3b62', class: "digi-notification-alert__content" }, index.h("digi-typography", { key: '146f0bb6da09fce6e3044f23d8cfaeac564334b9', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("slot", { key: 'e34dead87fa7f3fb474e83c325dbfabef465f53a' })))))))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-notification-error-page.cjs.entry.js

@@ -3,15 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7a477838.js');
-const typographyVariation_enum = require('./typography-variation.enum-9f56fd50.js');
+const typographyVariation_enum = require('./typography-variation.enum-50512a4e.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-require('./code-example-variation.enum-1611825e.js');
-require('./form-input-search-variation.enum-e0e025b1.js');
+require('./button-size.enum-1fd86b9e.js');
+require('./button-type.enum-406723db.js');
 require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
+require('./code-example-variation.enum-c6557727.js');
 require('./code-variation.enum-c4a4e6fd.js');
 require('./expandable-accordion-header-level.enum-45483252.js');
 require('./expandable-faq-item-variation.enum-89427195.js');
@@ -19,13 +20,16 @@ require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
 require('./form-file-upload-variation.enum-634cfae8.js');
+require('./form-input-search-variation.enum-c50239bc.js');
 require('./form-input-type.enum-9c8ee12a.js');
 require('./form-input-variation.enum-c750520c.js');
+require('./form-radiogroup-validation.enum-03a17d4d.js');
 require('./form-select-variation.enum-528c1bf0.js');
 require('./form-textarea-variation.enum-9c90d40f.js');
 require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
+require('./layout-container-max-width.enum-7e637f44.js');
 require('./layout-block-variation.enum-f6102119.js');
 require('./layout-columns-variation.enum-65675649.js');
 require('./link-button-variation.enum-137785e3.js');
@@ -35,6 +39,7 @@ require('./loader-spinner-size.enum-db2973f0.js');
 require('./logo-variation.enum-607fadb4.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
+require('./navigation-vertical-menu-variation.enum-c237edd3.js');
 require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');
@@ -46,6 +51,7 @@ require('./tag-size.enum-387c516c.js');
 require('./tools-feedback-banner-type.enum-de373ba0.js');
 require('./tools-feedback-rating-variation.enum-2f71e84d.js');
 require('./tools-theme-provider.brand.enum-bc855272.js');
+require('./typography-heading-jumbo-variation.enum-8677e099.js');
 require('./typography-meta-variation.enum-13ac3538.js');
 require('./typography-time-variation.enum-bce1d87e.js');
 const utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
@@ -474,15 +480,15 @@ const NotificationErrorPage = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'dd6397da98fe6b78e9084cc9ac459e094d8d5bb7' }, index.h("digi-layout-container", { key: '1aef180cba13342beaaa3aa953970049d9b69fb6', class: {
+        return (index.h(index.Host, { key: '7132d02556205f3a8df00a9ae2829d8afc6139cc' }, index.h("digi-layout-container", { key: 'e943d320a879f7264e538c8af35aed20be0a8791', class: {
                 'digi-notification-error-page': true,
                 'digi-notification-error-page--mobile': this.isMobile
-            }, id: this.afId }, index.h("digi-typography", { key: 'c738f08eabae1a1de52c5237fb273761b7c9a2f8' }, index.h("digi-util-breakpoint-observer", { key: '13412e62efc15720274f856d2747f899d119fe3b', onAfOnChange: (e) => {
+            }, id: this.afId }, index.h("digi-typography", { key: '35de8a240c50757407d3d7bcad0dcd8e88a17db1' }, index.h("digi-util-breakpoint-observer", { key: '26b85e4f592d078a4d6ce979a5567efdada9b76b', onAfOnChange: (e) => {
                 const val = e.detail.value;
                 this.isMobile =
                     val === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL ||
                         val === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.MEDIUM;
-            } }), index.h("div", { key: '23683ae9e608498684a9d23d46ac0fba1968eefb', class: "digi-notification-error-page__grid" }, index.h("div", { key: 'e57b9767d9fd1d3d1ce6da2f729ec17d056ca903', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (index.h(this.currentIllustration, null)) : null), index.h("div", { key: '839d44c86d9e09910b914d0d35767c7e55f22785', class: "digi-notification-error-page__content" }, index.h("h1", { key: '594e76c4f59542470174feca11a48898d1e21038', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (index.h("div", { class: "digi-notification-error-page__content__bodytext" }, index.h("slot", { name: "bodytext" }))) : (index.h("div", { class: "digi-notification-error-page__content__bodytext" }, index.h("div", { innerHTML: this.getText().body }))), this.hasSearch && (index.h("div", { key: 'e4ee63a47a9dae772899496de75a0dfa8e90b547', class: "digi-notification-error-page__content__search" }, index.h("slot", { key: '0b034d469467c363d4c73538bdad7f1f61e67df8', name: "search" }))), this.hasLinks && (index.h("div", { key: '5e305111706366d1827651e2f2b2c6d6e4c101fd', class: "digi-notification-error-page__content__links" }, index.h("slot", { key: '25ae49501bc7d37dae42f9fadbd1966634e7aad6', name: "links" })))))))));
+            } }), index.h("div", { key: '8392d1f2661092a15c20a946a43a501a081ea24b', class: "digi-notification-error-page__grid" }, index.h("div", { key: '6c90176019a70cbe8aeae9583792aed09b390c53', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (index.h(this.currentIllustration, null)) : null), index.h("div", { key: '938cb252cee93be8d7ff404645ef1059a0a49faf', class: "digi-notification-error-page__content" }, index.h("h1", { key: 'b669a1b610407a9273aafd6a3dccee7bb72e7bd9', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (index.h("div", { class: "digi-notification-error-page__content__bodytext" }, index.h("slot", { name: "bodytext" }))) : (index.h("div", { class: "digi-notification-error-page__content__bodytext" }, index.h("div", { innerHTML: this.getText().body }))), this.hasSearch && (index.h("div", { key: '1516df6d4e27147c1ae1112b9a3e1865df4d2102', class: "digi-notification-error-page__content__search" }, index.h("slot", { key: '6b03baeca3965ea06a22431561eba06648ea8873', name: "search" }))), this.hasLinks && (index.h("div", { key: '6f70ba31fe9e20b1c830ede49423c00ce5418c18', class: "digi-notification-error-page__content__links" }, index.h("slot", { key: 'a0e0e50c68ebb18143174efdfd714745f1ef0112', name: "links" })))))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-progress-circle.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7a477838.js');
-const text = require('./text-3157012b.js');
+const text = require('./text-65b1b58c.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 
 var ProgressCircleRole;
@@ -64,20 +64,20 @@ const ProgressCircle = class {
         return;
     }
     render() {
-        return (index.h("div", { key: '1a3cbd8d4899553af29ed061e9def7d6acabf1e5', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
+        return (index.h("div", { key: '6cc91dbd99da313c9bc4d8639380a9538b2a8908', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
                 ? ProgressCircleRole.STATUS
-                : null }, index.h("div", { key: '063f1c6f30fa53d97cae9ffcea0a1968bc5aa06f', class: "digi-progress-circle__circle-wrapper" }, index.h("div", { key: 'e4bbb22616745bc2dcdd9c0170b571a649de4856', class: "digi-progress-circle__circle" }, index.h("p", { key: '1d4d3f72605a15628df7eae8398b968912819895', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), index.h("svg", { key: '5d8b22ae6d5b22b6ad7feaf59f2f2ed6404cba9b', width: this.radius * 2, height: this.radius * 2 }, index.h("defs", { key: '2f2992ef04604171a4ea09239e4516b05fb09020' }, index.h("mask", { key: 'ca79d3774080aa0a42c05b46bf0810ff05f68991', id: this.afId }, index.h("circle", { key: '77597d66902e016aaf6f8ab733809e284eb56b5f', cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", stroke: "white", "stroke-width": this.stroke, "stroke-dasharray": (1000 - this.afTotalSteps * 15) / this.afTotalSteps +
-                ' 15', pathLength: "1000" }))), index.h("g", { key: '162ba4ddefc21d05e0e5a328811e3468112f1866' }, index.h("circle", { key: 'f926540f73f24625bb6f5c44a47157e094862c5c', class: "digi-progress-circle__circle-step-unfinished", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke }), index.h("circle", { key: '5301c86b661649448c9f7296a704dee0c70e43fc', class: "digi-progress-circle__circle-step-completed", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * this.afCompletedSteps +
-                ' 1000', pathLength: "1000" }), this.afWarningStep && (index.h("circle", { key: '4d826aa4f569c8237d9c25dea7dad8bc344bae15', class: "digi-progress-circle__circle-step-warning", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
-                (this.afCompletedSteps - 1), pathLength: "1000" })), this.afErrorStep && (index.h("circle", { key: '5937a215f6d9135ec65090b9e7442c37e1e5a93b', class: "digi-progress-circle__circle-step-error", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
-                (this.afCompletedSteps - 1), pathLength: "1000" }))))), index.h("div", { key: '6fd4df913d10a90086a8ea4a9df7d4b753135db5', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (index.h("p", { key: '0b308f58dd160b10587599384afd5a1d747a7d82', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+                : null }, index.h("div", { key: '0ded9f8e78bf58fbe4821af9b603043c09be8ba7', class: "digi-progress-circle__circle-wrapper" }, index.h("div", { key: '1d51bf3a7a07e4cd357501e8c59a993da15b40ee', class: "digi-progress-circle__circle" }, index.h("p", { key: 'fa01d4c20571f341c7f5f47450109a3390a782e7', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), index.h("svg", { key: 'b15187dcb4fb9dc6ab1ffbb81e5a76a5c2b79129', width: this.radius * 2, height: this.radius * 2 }, index.h("defs", { key: '1f9a897a4ae0d0c54f30a78b4487941ed39e9783' }, index.h("mask", { key: '2356d545f65e0525ef5003c50831f1bbc3556484', id: this.afId }, index.h("circle", { key: 'a52e67c3b0705d5d84fea738926cdf268e2b14cc', cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", stroke: "white", "stroke-width": this.stroke, "stroke-dasharray": (1000 - this.afTotalSteps * 15) / this.afTotalSteps +
+                ' 15', pathLength: "1000" }))), index.h("g", { key: '20745e03812ba5bdaccd656fa7f9d0a76b3601f6' }, index.h("circle", { key: '89f67b5b1557d4e9e32e52316017bd8eff3c6e69', class: "digi-progress-circle__circle-step-unfinished", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke }), index.h("circle", { key: 'b8df7adfdbe47bf9ff961f8a3ac5515bd913e8eb', class: "digi-progress-circle__circle-step-completed", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * this.afCompletedSteps +
+                ' 1000', pathLength: "1000" }), this.afWarningStep && (index.h("circle", { key: '4ae7cb174d1de1bb92516c736e9da865175f0bd8', class: "digi-progress-circle__circle-step-warning", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
+                (this.afCompletedSteps - 1), pathLength: "1000" })), this.afErrorStep && (index.h("circle", { key: '0714640dbcdc65d3ee9a4bf7a8845517163b013a', class: "digi-progress-circle__circle-step-error", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
+                (this.afCompletedSteps - 1), pathLength: "1000" }))))), index.h("div", { key: '0fee9d3bab6cd9ad25c44da34b39586a80be1c9a', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (index.h("p", { key: 'db16f9872eee33561595075e92377fe184ab588e', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (index.h("p", { key: '802382fbcaadda005bf23ee75a653087f68db28f', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (index.h("p", { key: 'a43a0bf9cc155c90a40a726d939b57ade7487029', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: this.afStepNextLabel !== null &&
                     this.afStepNextLabel !== undefined
                     ? 'visible'
                     : 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (index.h("p", { key: '1ff7ccad0fb8907b06eb8a134b2828adc19319b4', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, index.h("digi-icon-validation-warning", { key: 'fe3826a3ccd343d98dfd200e9b7eccb349afc073', class: "digi-progress-circle__icon--warning" }), index.h("span", { key: '5febd251010def457155b547c57fde6d77bd9a89' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (index.h("p", { key: '9f964073305fbae7f0795dec8d390a95a3e33ed9', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, index.h("digi-icon-validation-error", { key: 'e281a259031989cd2fabcc59a415e33fae8fbea1', class: "digi-progress-circle__icon--error" }), index.h("span", { key: '338a67a467dc21476468f869d06fa45838f18c5f' }, this.afValidationLabel)))));
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (index.h("p", { key: 'b6ccf2b4f8c401799296e56a881cce673fdcd8da', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, index.h("digi-icon-validation-warning", { key: '4c590699e3ff5c7086ca2de0d30fb9beb1cfb3c2', class: "digi-progress-circle__icon--warning" }), index.h("span", { key: '6c2f4a94074098eec7bb9cf3352da28675e797a3' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (index.h("p", { key: '0a6b069d3a5cae4702f5ac0ca59f80d1e57458bd', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, index.h("digi-icon-validation-error", { key: 'c530a4556badcb1ed5ad0970288b2945793d8af2', class: "digi-progress-circle__icon--error" }), index.h("span", { key: 'a0b4617bbef6b223c663766ee9a610b8132a5655' }, this.afValidationLabel)))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-progress-indicator.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7a477838.js');
-const text = require('./text-3157012b.js');
+const text = require('./text-65b1b58c.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 const progressIndicatorVariation_enum = require('./progress-indicator-variation.enum-7cf8e0e4.js');
 
@@ -96,9 +96,9 @@ const ProgressIndicator = class {
         return;
     }
     render() {
-        return (index.h("div", { key: '43392769b56d5746853546f9a0500ec40a74272f', class: this.cssModifiers, role: this.afRole === progressIndicatorVariation_enum.ProgressIndicatorRole.STATUS
+        return (index.h("div", { key: '5763d619dddfe0028aa30c2c706aa8800ef30c0a', class: this.cssModifiers, role: this.afRole === progressIndicatorVariation_enum.ProgressIndicatorRole.STATUS
                 ? progressIndicatorVariation_enum.ProgressIndicatorRole.STATUS
-                : null }, index.h("div", { key: '5462c691f608be217fd9aefccb83fce62de5248b' }, this.afStepNextLabel !== undefined ? (index.h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (index.h("p", { class: "digi-progress-indicator__next", style: {
+                : null }, index.h("div", { key: 'ab811ef804c68bd6d6fa47f676d90bf7b1dd0a58' }, this.afStepNextLabel !== undefined ? (index.h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (index.h("p", { class: "digi-progress-indicator__next", style: {
                 visibility: this.afStepNextLabel !== null &&
                     this.afStepNextLabel !== undefined
                     ? 'visible'
@@ -124,7 +124,7 @@ const ProgressIndicator = class {
                 progressIndicatorVariation_enum.ProgressIndicatorVariation.SECONDARY &&
                 item.checked &&
                 this.afCompletedSteps !== index$1 + 1 && (index.h("digi-icon-check", { class: "digi-progress-indicator__icon" })), index.h("span", { class: "digi-progress-indicator__step-number" }, index$1 + 1))));
-        }))), this.afStepNextLabel !== undefined && (index.h("p", { key: '5e085c2ba7979c21f4f67b9b633fd10933c6f651', class: "digi-progress-indicator__label" }, index.h("span", { key: '3684a3cdda7f94a870e7bfe9e1e2d8881c4a5f05' }, `${this.afStepText}`, " "), index.h("span", { key: 'cbf24f2028d6a90234ed6a8a954a1613110d36cb', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (index.h("p", { key: '96ce77412971fce06cb49c6512dfcf17b9f80e31', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, index.h("digi-icon-validation-warning", { key: '3de532d6cc8559958fdbf7a394d666e0b95f851b', class: "digi-progress-indicator__icon--warning" }), index.h("span", { key: '4d6a53a632e40c8f901606f7efa4ff7574cafd49' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (index.h("p", { key: '350b9d146b7ae2f06b5313f60ad8035e5febc8e1', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, index.h("digi-icon-validation-error", { key: '8aac2241a2e76118962dceab2d605f4d70fab060', class: "digi-progress-indicator__icon--error" }), index.h("span", { key: '27d641b718cc413c78a2b728dde3d36ad5517574' }, this.afValidationLabel))), index.h("div", { key: '5530eadf13fb3ddfcd68301e134f979518c6c609', hidden: true, class: "digi-progress-indicator__slot" }, index.h("digi-util-mutation-observer", { key: '5127409982e8ae675a4092a40ec1fe61a1894c19', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, index.h("slot", { key: '49315ebaa461fb3ebabe88556b9d72484ac655fa' })))));
+        }))), this.afStepNextLabel !== undefined && (index.h("p", { key: 'c4465748927571aa44f39769a38e2e9f527ff2d6', class: "digi-progress-indicator__label" }, index.h("span", { key: 'cae3c5c57ec28320ad0f932c62ad95a6a0dc2f97' }, `${this.afStepText}`, " "), index.h("span", { key: '58f49e0e04662c58fa875657800c12a0af721c86', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (index.h("p", { key: '034d1ef6ea2c97f11020cab0103b82623cab4e4e', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, index.h("digi-icon-validation-warning", { key: '745ce996c30f69279c190e187f67fa6dd5aaeef8', class: "digi-progress-indicator__icon--warning" }), index.h("span", { key: 'de4b7e4b02ef2beb4fbdacda65beff7b226e4027' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (index.h("p", { key: 'dc7fe8b9a28a07c1a429944aab6f823226d2ed17', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, index.h("digi-icon-validation-error", { key: '6da7baefbd3179746484e0cfea883ef803e31cf8', class: "digi-progress-indicator__icon--error" }), index.h("span", { key: 'e355c9334dd70c697add67155151298869fbd274' }, this.afValidationLabel))), index.h("div", { key: '5f2c08b4298feb9b142b160ecd89e7a64ab86e0b', hidden: true, class: "digi-progress-indicator__slot" }, index.h("digi-util-mutation-observer", { key: 'fa9be4e7a4fe3088718914bd354ec20e88c3023d', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, index.h("slot", { key: '1b238590bff48daedee5ceedc8d1e0e541913a5c' })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-progress-list-item.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7a477838.js');
-const text = require('./text-3157012b.js');
+const text = require('./text-65b1b58c.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 const progressListItemVariation_enum = require('./progress-list-item-variation.enum-90e4c874.js');
 
@@ -79,7 +79,7 @@ const ProgressListItem = class {
     }
     render() {
         const ariaCurrent = this.afStepStatus == progressListItemVariation_enum.ProgressListItemStatus.CURRENT ? 'step' : 'false';
-        return (index.h(index.Host, { key: '197d6b972495fbc577d3e9c0dece0ca4fac6b9cc', role: "listitem", "aria-current": ariaCurrent }, index.h("div", { key: 'cbf0f5ec1fde7f30c53f94c77101179aa903b2aa', class: {
+        return (index.h(index.Host, { key: '33209c43c08ba15bc81ab58e80acb43dde115fde', role: "listitem", "aria-current": ariaCurrent }, index.h("div", { key: '9b42e1e104d2cedc726327827ab5506086e4d4e8', class: {
                 'digi-progress-list-item': true,
                 'digi-progress-list-item--expanded': this.afExpandable && this.afExpanded,
                 [`digi-progress-list-item--${this.afStepStatus}`]: true,
@@ -87,18 +87,18 @@ const ProgressListItem = class {
                 'digi-progress-list-item--primary': this.afVariation == progressListItemVariation_enum.ProgressListItemVariation.PRIMARY,
                 'digi-progress-list-item--secondary': this.afVariation == progressListItemVariation_enum.ProgressListItemVariation.SECONDARY,
                 'digi-progress-list-item--tertiary': this.afVariation == progressListItemVariation_enum.ProgressListItemVariation.TERTIARY
-            } }, index.h("span", { key: '0b230fc37676fa0ea40dea11cede50276eb349e9', class: "digi-progress-list-item__indicator" }, index.h("span", { key: '391910ebf913ed5841a529f1d4ac7e99b87f6db7', class: {
+            } }, index.h("span", { key: 'ecc897115cd0368b3d2cde87f3880978dd396302', class: "digi-progress-list-item__indicator" }, index.h("span", { key: '50ce3e6e373c0a46d894f24eb5e5e8e1b0a92d10', class: {
                 'digi-progress-list-item__indicator--circle': this.afType == progressListItemVariation_enum.ProgressListItemType.CIRCLE,
                 'digi-progress-list-item__indicator--icon': this.afType == progressListItemVariation_enum.ProgressListItemType.ICON
-            } }, this.renderStatusIcon()), index.h("span", { key: '428727a5fcbac61a3b0ca022c96c92a0dc605b3b', class: "digi-progress-list-item__indicator--line" })), index.h("div", { key: 'c1c5151fc7e304220c29acf09219e8de61333020', class: {
+            } }, this.renderStatusIcon()), index.h("span", { key: '62038682fbed1f751aeb09f55d22fccd099781a0', class: "digi-progress-list-item__indicator--line" })), index.h("div", { key: 'a025b1f860bef4aeef6d49cf134796553f6d645a', class: {
                 'digi-progress-list-item__wrapper': true,
                 'digi-progress-list-item__wrapper--last': this.afIsLast
-            } }, index.h("div", { key: '797847753f88f7cd78bff16c8582dd83f128ed0d', class: "digi-progress-list-item__header" }, index.h(this.afHeadingLevel, { key: '60861cd514fa685607659cc223fc6f95448454c6', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), index.h("div", { key: 'd9e334aae5b1bf9f47582ba9c9df4fcf413dea47', class: {
+            } }, index.h("div", { key: '7fddb2e9bfa0e8279243e59e98ced58e3caba29b', class: "digi-progress-list-item__header" }, index.h(this.afHeadingLevel, { key: '764ff1a17696b1623ce9de4b1dc8204d1d2ff167', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), index.h("div", { key: 'ad8a10cfefd864d6f4a6fa9f8cf1380a3c7e1610', class: {
                 'digi-progress-list-item__content': true,
                 'digi-progress-list-item__content--expandable': this.afExpandable,
                 'digi-progress-list-item__content--hidden': this.afExpandable && !this.afExpanded,
                 'digi-progress-list-item__content--visible': !this.afExpandable || (this.afExpandable && this.afExpanded)
-            }, id: `${this.afId}-content` }, index.h("div", { key: '4a53614e340b463ead0efcecab443929186aa30d' }, index.h("slot", { key: '67d6e74b5a934f61ffbb73fd14b38dbab9353f62' })))))));
+            }, id: `${this.afId}-content` }, index.h("div", { key: '48fd95bae125a02fee9dcdbcf9920047eb759201' }, index.h("slot", { key: '2433e874c96fac908c89e1d5b0d86670bc51e8d0' })))))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-progress-list.cjs.entry.js

@@ -106,7 +106,7 @@ const ProgressList = class {
         return null;
     }
     render() {
-        return (index.h("div", { key: '5e1868ca288b8df8924d6a378e3a3e4676b072b2', class: "digi-progress-list" }, index.h("digi-typography", { key: '05df8d33e8421c1b50c6ece5a0fef00e0c1d600d' }, this.renderHeading(), index.h("ol", { key: '55555aadc901f299ebd67220594edb368ef20b58', class: "digi-progress-list__content" }, index.h("slot", { key: 'd36492f837bf45753525fcf21ec05a7519c02f59' })))));
+        return (index.h("div", { key: '391a3cb87b3daed9b67a393fedb38ebf87dc5050', class: "digi-progress-list" }, index.h("digi-typography", { key: '2491b8fbd564d59a5fd9b91cbf16202030f3a272' }, this.renderHeading(), index.h("ol", { key: '9c909a9c632cafe6aaf5080c232a0b559d24eeb6', class: "digi-progress-list__content" }, index.h("slot", { key: '104b7e0fd030bd406725bbcf6cf9f2af929b0ce2' })))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7a477838.js');
-const text = require('./text-3157012b.js');
+const text = require('./text-65b1b58c.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 const progressbarVariation_enum = require('./progressbar-variation.enum-aff9fa80.js');
 
@@ -78,7 +78,7 @@ const Progressbar = class {
         return;
     }
     render() {
-        return (index.h("div", { key: '72b2c72dca1847b4497b6d9aedd94f6a94c26d3e', class: this.cssModifiers, role: this.afRole === progressbarVariation_enum.ProgressbarRole.STATUS ? progressbarVariation_enum.ProgressbarRole.STATUS : null }, index.h("p", { key: '8eee915839751e85e87a10f0a4fa5a2504e67123', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (index.h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
+        return (index.h("div", { key: '470fc8cac35335633e5ecb2dcf715783a5a8a134', class: this.cssModifiers, role: this.afRole === progressbarVariation_enum.ProgressbarRole.STATUS ? progressbarVariation_enum.ProgressbarRole.STATUS : null }, index.h("p", { key: 'f03153dcc9b835e8e55c0b5d10659f2c54d5bf4d', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (index.h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
             return (index.h("li", { class: {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': this.afCompletedSteps > i,
@@ -89,7 +89,7 @@ const Progressbar = class {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': item.checked
                 } }, index.h("span", { class: "digi-progressbar__step-indicator" }, index.h("span", { class: "digi-progressbar__step-number" }, index$1 + 1))));
-        }))), index.h("div", { key: '07db3935ba42b46a407200db48172f01db586ff7', hidden: true, class: "digi-progressbar__slot" }, index.h("digi-util-mutation-observer", { key: 'ffc6bf405a07398feda144f1d9f231926cc2af00', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, index.h("slot", { key: '1a8c537b142d33740bf82b43532f1d6d392d7dd2' })))));
+        }))), index.h("div", { key: '179cd4b3f4c49a361d4157e400a91bd0d0d284f0', hidden: true, class: "digi-progressbar__slot" }, index.h("digi-util-mutation-observer", { key: 'e762e318d6a37de34da5a25c7175a9a1b494836f', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, index.h("slot", { key: 'ba9a323a34d459103b84103c0715a5583e5b343d' })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -96,7 +96,7 @@ const Quote = class {
         return (index.h("div", { class: "digi-quote__variation--highlight-wrapper" }, index.h("div", { class: { 'quote-image': true, hide: !this.isMobile } }, this.renderImage()), index.h("div", { class: "digi-quote-icon-flex" }, index.h("span", { class: "quote-icon" }, this.renderQuotationMark()), index.h("div", { class: "quote-content" }, index.h("digi-typography", null, index.h("blockquote", null, index.h("slot", null))), index.h("digi-typography", null, this.afQuoteAuthorName && this.renderAuthorName(), this.afQuoteAuthorTitle && this.renderAuthorTitle()))), index.h("div", { class: { 'quote-image': true, hide: this.isMobile } }, this.renderImage())));
     }
     render() {
-        return (index.h(index.Host, { key: 'a4a429871f99db7d8c2deaaa6817361cae355215' }, index.h("digi-util-breakpoint-observer", { key: 'fdef9062a395c4c3d50eedc5f28f4d5a310bf6ba', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: '89f0b25b7e676a25e2842ce8086ab4038af0d4c6', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
+        return (index.h(index.Host, { key: '6350c61528ed2c3e20eddef23e7470b5f433f866' }, index.h("digi-util-breakpoint-observer", { key: '75b40cc20a7be575982f36e594bc9375564ae08d', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: 'e3c0abbe0c37a54fe9deee447e06e8452f8f6fcd', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
     }
 };
 Quote.style = DigiQuoteStyle0;

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

@@ -25,7 +25,7 @@ const Table = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'b21d633f149a4cfed2a2347293d820097364fc0e', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, index.h("div", { key: 'bb3324d6301b28c1a30ad3c5846174137b70a358', class: "digi-table__scroll-container" }, index.h("slot", { key: 'b2e313c2ebc5a1ff10164cddf443b4a1b2cfafd3' }))));
+        return (index.h("div", { key: 'ea91bdd07d34afa1392d8d08deeba1212d0f519a', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, index.h("div", { key: '8f6ebb810e736e2f94aa1a34eb674a9e974c135a', class: "digi-table__scroll-container" }, index.h("slot", { key: '3f97ad0f1e0adc497acac87281d0e18a0c7c7fef' }))));
     }
 };
 Table.style = DigiTableStyle0;

package/dist/cjs/digi-tablist-panel.cjs.entry.js

@@ -11,11 +11,11 @@ const NavigationTabPanel = class {
         this.isVisible = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'd86b3aa0ccb2cf5406683d621e227e77f0c8c788' }, index.h("div", { key: '5eaaa2abfb9802570ac0958f2946438629c0af50', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
+        return (index.h(index.Host, { key: 'f92d930440a64adb5dedbe08501e323a1212db4d' }, index.h("div", { key: '2d260751afd16f30c4f17b976d4510acb98fd72a', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
                 display: this.isVisible ? 'initial' : 'none',
                 overflowX: 'hidden',
                 overflowY: 'auto'
-            } }, index.h("slot", { key: '59f9c8b9c51044f8a7e5391cd16a89e65caf5afa' }))));
+            } }, index.h("slot", { key: 'd24828f629d06e15cdd9e327585ed2613b97a0df' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -245,14 +245,14 @@ const NavigationTablist = class {
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (index.h(index.Host, { key: '5477206fcfbd47f818a6da3d167af38ff0f0a9a6' }, index.h("div", { key: 'fa1b985439ca2516c48cf7df33cab4103d7f95c3', class: {
+        return (index.h(index.Host, { key: 'e9980f468885268bd7f36222ac048c3235c39501' }, index.h("div", { key: 'eb192130da753d6f00aa2bf16d456069153ccac7', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === navigationTablist_types.OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === navigationTablist_types.OverflowMode.Controls
-            } }, index.h("div", { key: 'e404bd27f6e55c9d973624b1a2c3d8aeacd9a05d', class: "control-wrapper", style: {
+            } }, index.h("div", { key: '8e06ab804d3a31d7e1b213a077fde6cdf1d0755c', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, index.h("button", { key: '1944a5b2cb9fbad35d8501722ebd68f5c89d81aa', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Previous) }, index.h("digi-icon-chevron-left", { key: 'e6a5b355e245fcea52101f5aeabd261c26bf4fbe' }))), index.h("div", { key: '8d5379a421c0170e5967d038410ebddc49d76660', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, index.h("button", { key: 'db4e0fd8e791308fd2c14aca85e42ca1e0a8e94e', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Previous) }, index.h("digi-icon-chevron-left", { key: '04289b5d39e7bade39cd2503b9b10650e2719735' }))), index.h("div", { key: 'c60d085d0e815d5c0ffaf8dc3c210d6a1fb6434f', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
             const focusable = tab.id === this.tabs[this.selectedTab].id;
             const isActive = tab.id === this.tabs[this.activeTab].id;
             const Icon = `digi-icon-${tab.icon}`;
@@ -261,10 +261,10 @@ const NavigationTablist = class {
                     'digi-tab': true,
                     'is-active': isActive
                 }, id: `tab-${tab.id}`, role: "tab", type: "button", tabindex: focusable ? '0' : '-1', "aria-label": tab.ariaLabel, "aria-selected": isActive.toString(), "aria-controls": `tabpanel-${tab.id}`, onClick: () => this.handleTabChange(tab) }, index.h("div", { class: "content-wrapper" }, index.h("span", { class: "tablist-content" }, tab.icon && index.h(Icon, { "aria-hidden": "true" }), index.h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (index.h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), index.h("div", { class: "indicator" }))));
-        })), index.h("div", { key: '3449b8051543fe5938e5009c324495d79cd30837', class: "control-wrapper", style: {
+        })), index.h("div", { key: '34bc8bff393b273477379c98fe712d0df47e3b2f', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, index.h("button", { key: '2334cda1ed43f23eda7897ef68ade86d4459ed68', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Next) }, index.h("digi-icon-chevron-right", { key: 'd8dc28d704a82ae7efbf2e2234d3cb20b54463de' })))), index.h("div", { key: 'a11dc4d973a65a817be2a14a681b12d2d0488d5a', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, index.h("slot", { key: '8bf4f1c9f876263d7f70115b61b930247bd7a939' }))));
+            } }, index.h("button", { key: 'f15796e56562668ae5f6d5d5383c5f3bc46f35d7', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Next) }, index.h("digi-icon-chevron-right", { key: '6b7eb74739eafec8d899b2963f9892a21fc60a3b' })))), index.h("div", { key: 'a3073f62f2146b72b18c62a4522bc5f53d7f95e2', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, index.h("slot", { key: '3b5ac54398a856c22d492fe2312784356549153a' }))));
     }
     static get watchers() { return {
         "activeTab": ["syncPanels"],