@designsystem-se/af 39.2.1 → 39.2.3

package/dist/esm/digi-navigation-pagination.entry.js

@@ -1,27 +1,22 @@
 import { r as registerInstance, c as createEvent, h } from './index-BnKuq1L7.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 import './badge-notification-shape.enum-CKoZU0-H.js';
-import './typography-variation.enum-4smNltRI.js';
+import './typography-variation.enum-Zivp2NJB.js';
 import './badge-status-variation.enum-C0A-p3cU.js';
-import { a as ButtonVariation } from './button-variation.enum-BMQm4N5I.js';
+import './button-size.enum-C7xgnp99.js';
 import './button-type.enum-DShzaNrQ.js';
+import { B as ButtonVariation } from './button-variation.enum-y5Nm4oWF.js';
 import './calendar-week-view-heading-level.enum-DH_-wpLB.js';
 import './bar-chart-variation.enum-DPeoHh1J.js';
 import './code-example-variation.enum-DGI7Jkg2.js';
 import './code-variation.enum-qc6KRZue.js';
-import './expandable-accordion-header-level.enum-DwNlf6Sh.js';
-import './expandable-faq-item-variation.enum-C6B2KRZo.js';
 import './expandable-faq-variation.enum-CES5gUEo.js';
 import './footer-card-variation.enum-DzSu1-K0.js';
 import './form-checkbox-variation.enum-6-MpaVf8.js';
-import './form-file-upload-variation.enum-BfyJgcLA.js';
-import './form-input-search-variation.enum-BvWKyXb_.js';
-import './form-input-type.enum-BSJH8Lpg.js';
-import './form-input-variation.enum-DfWZa2Wv.js';
+import './form-validation-message-variation.enum-9n7Okhf1.js';
+import './form-input-type.enum-C6S1HfeA.js';
 import './form-radiogroup-validation.enum-DcnvI7UR.js';
-import './form-select-variation.enum-DCS1KcvC.js';
 import './form-textarea-variation.enum-DogB9kfH.js';
-import './form-validation-message-variation.enum-B8hpiXmh.js';
 import './info-card-multi-type.enum-CkIb3cUS.js';
 import './info-card-variation.enum-_ycZeBN4.js';
 import './layout-container-max-width.enum-CuhrrYGE.js';
@@ -47,7 +42,6 @@ import './tag-size.enum-bQJ38En_.js';
 import './tools-feedback-banner-type.enum-DrVSK7Ws.js';
 import './tools-feedback-rating-variation.enum-CAmn5qzb.js';
 import './tools-theme-provider.brand.enum-DpDyNuVC.js';
-import './typography-heading-jumbo-variation.enum-DNjGvZvz.js';
 import './typography-meta-variation.enum-CHxBAbI8.js';
 import './typography-time-variation.enum-rhVqmQwC.js';
 import './util-breakpoint-observer-breakpoints.enum-DPq588Q4.js';

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

@@ -76,16 +76,28 @@ const NavigationVerticalMenu = class {
         }
     }
     componentWillLoad() {
-        this.getListItems();
-        this.initNav();
-        this.setLevelClass();
+        this.syncNav();
+        // Angular attaches the host first and slots children on the next frame
+        // (Stencil 4.36+). React/vanilla that already have slotted nodes skip
+        // the delay. Do not warn here — Angular/React may still be projecting.
+        if (!this.hostElement.children.length) {
+            return new Promise((resolve) => {
+                requestAnimationFrame(() => {
+                    this.syncNav();
+                    resolve();
+                });
+            });
+        }
     }
     componentDidLoad() {
         this.initCurrentActiveLevel();
         this.afOnReady.emit();
     }
     componentWillUpdate() {
-        this.getListItems();
+        this.syncNav();
+    }
+    syncNav(options) {
+        this.getListItems(options);
         this.initNav();
         this.setLevelClass();
     }
@@ -135,12 +147,12 @@ const NavigationVerticalMenu = class {
         }
     }
     setLevelClass() {
-        this.hostElement
-            .querySelector('ul')
-            .classList.remove('primary', 'secondary');
-        this.hostElement
-            .querySelector('ul')
-            .classList.add('digi-navigation-vertical-menu__list--root', this.afVariation);
+        const rootList = this.hostElement.querySelector('ul');
+        if (!rootList) {
+            return;
+        }
+        rootList.classList.remove('primary', 'secondary');
+        rootList.classList.add('digi-navigation-vertical-menu__list--root', this.afVariation);
     }
     initNav() {
         const $ul = this.hostElement.querySelectorAll('ul');
@@ -153,10 +165,12 @@ const NavigationVerticalMenu = class {
         this.initNav();
         this.setClasses(e);
     }
-    getListItems() {
+    getListItems(options) {
         const menuItems = this.hostElement.children;
         if (!menuItems || menuItems.length <= 0) {
-            logger.warn(`The slot contains no children elements.`, this.hostElement);
+            if (options === null || options === void 0 ? void 0 : options.warnIfEmpty) {
+                logger.warn(`The slot contains no children elements.`, this.hostElement);
+            }
             return;
         }
         this.listItems = [...Array.from(menuItems)].map((filter) => {
@@ -175,7 +189,7 @@ const NavigationVerticalMenu = class {
         };
     }
     render() {
-        return (h("nav", { key: '0c7b96501a70d813b8d8f5b8014dc420d472f4a9', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, h("slot", { key: '2b5d92cada1cde5bb5155257be77a584c2e708ec' })));
+        return (h("nav", { key: 'df2239de80363247c33eadf6995331a74a40966f', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, h("slot", { key: 'dc2e22c2cfd00786964855ea3bc2b7271879510c', onSlotchange: () => this.syncNav() })));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -1,27 +1,22 @@
 import { r as registerInstance, c as createEvent, h, d as getElement } from './index-BnKuq1L7.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
-import { N as NotificationAlertHeadingLevel, p as NotificationAlertSize, q as NotificationAlertVariation, u as TypographyVariation } from './typography-variation.enum-4smNltRI.js';
+import { N as NotificationAlertHeadingLevel, w as NotificationAlertSize, x as NotificationAlertVariation, L as TypographyVariation } from './typography-variation.enum-Zivp2NJB.js';
 import './badge-notification-shape.enum-CKoZU0-H.js';
 import './badge-status-variation.enum-C0A-p3cU.js';
-import { a as ButtonVariation } from './button-variation.enum-BMQm4N5I.js';
+import './button-size.enum-C7xgnp99.js';
 import './button-type.enum-DShzaNrQ.js';
+import { B as ButtonVariation } from './button-variation.enum-y5Nm4oWF.js';
 import './calendar-week-view-heading-level.enum-DH_-wpLB.js';
 import './bar-chart-variation.enum-DPeoHh1J.js';
 import './code-example-variation.enum-DGI7Jkg2.js';
 import './code-variation.enum-qc6KRZue.js';
-import './expandable-accordion-header-level.enum-DwNlf6Sh.js';
-import './expandable-faq-item-variation.enum-C6B2KRZo.js';
 import './expandable-faq-variation.enum-CES5gUEo.js';
 import './footer-card-variation.enum-DzSu1-K0.js';
 import './form-checkbox-variation.enum-6-MpaVf8.js';
-import './form-file-upload-variation.enum-BfyJgcLA.js';
-import './form-input-search-variation.enum-BvWKyXb_.js';
-import './form-input-type.enum-BSJH8Lpg.js';
-import './form-input-variation.enum-DfWZa2Wv.js';
+import './form-validation-message-variation.enum-9n7Okhf1.js';
+import './form-input-type.enum-C6S1HfeA.js';
 import './form-radiogroup-validation.enum-DcnvI7UR.js';
-import './form-select-variation.enum-DCS1KcvC.js';
 import './form-textarea-variation.enum-DogB9kfH.js';
-import './form-validation-message-variation.enum-B8hpiXmh.js';
 import './info-card-multi-type.enum-CkIb3cUS.js';
 import './info-card-variation.enum-_ycZeBN4.js';
 import './layout-container-max-width.enum-CuhrrYGE.js';
@@ -47,7 +42,6 @@ import './tag-size.enum-bQJ38En_.js';
 import './tools-feedback-banner-type.enum-DrVSK7Ws.js';
 import './tools-feedback-rating-variation.enum-CAmn5qzb.js';
 import './tools-theme-provider.brand.enum-DpDyNuVC.js';
-import './typography-heading-jumbo-variation.enum-DNjGvZvz.js';
 import './typography-meta-variation.enum-CHxBAbI8.js';
 import './typography-time-variation.enum-rhVqmQwC.js';
 import './util-breakpoint-observer-breakpoints.enum-DPq588Q4.js';

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

@@ -1,27 +1,22 @@
 import { h, r as registerInstance, a as Host, d as getElement } from './index-BnKuq1L7.js';
-import { E as ErrorPageStatusCodes } from './typography-variation.enum-4smNltRI.js';
+import { y as ErrorPageStatusCodes } from './typography-variation.enum-Zivp2NJB.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 import './badge-notification-shape.enum-CKoZU0-H.js';
 import './badge-status-variation.enum-C0A-p3cU.js';
-import './button-variation.enum-BMQm4N5I.js';
+import './button-size.enum-C7xgnp99.js';
 import './button-type.enum-DShzaNrQ.js';
+import './button-variation.enum-y5Nm4oWF.js';
 import './calendar-week-view-heading-level.enum-DH_-wpLB.js';
 import './bar-chart-variation.enum-DPeoHh1J.js';
 import './code-example-variation.enum-DGI7Jkg2.js';
 import './code-variation.enum-qc6KRZue.js';
-import './expandable-accordion-header-level.enum-DwNlf6Sh.js';
-import './expandable-faq-item-variation.enum-C6B2KRZo.js';
 import './expandable-faq-variation.enum-CES5gUEo.js';
 import './footer-card-variation.enum-DzSu1-K0.js';
 import './form-checkbox-variation.enum-6-MpaVf8.js';
-import './form-file-upload-variation.enum-BfyJgcLA.js';
-import './form-input-search-variation.enum-BvWKyXb_.js';
-import './form-input-type.enum-BSJH8Lpg.js';
-import './form-input-variation.enum-DfWZa2Wv.js';
+import './form-validation-message-variation.enum-9n7Okhf1.js';
+import './form-input-type.enum-C6S1HfeA.js';
 import './form-radiogroup-validation.enum-DcnvI7UR.js';
-import './form-select-variation.enum-DCS1KcvC.js';
 import './form-textarea-variation.enum-DogB9kfH.js';
-import './form-validation-message-variation.enum-B8hpiXmh.js';
 import './info-card-multi-type.enum-CkIb3cUS.js';
 import './info-card-variation.enum-_ycZeBN4.js';
 import './layout-container-max-width.enum-CuhrrYGE.js';
@@ -47,7 +42,6 @@ import './tag-size.enum-bQJ38En_.js';
 import './tools-feedback-banner-type.enum-DrVSK7Ws.js';
 import './tools-feedback-rating-variation.enum-CAmn5qzb.js';
 import './tools-theme-provider.brand.enum-DpDyNuVC.js';
-import './typography-heading-jumbo-variation.enum-DNjGvZvz.js';
 import './typography-meta-variation.enum-CHxBAbI8.js';
 import './typography-time-variation.enum-rhVqmQwC.js';
 import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-DPq588Q4.js';

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host } from './index-BnKuq1L7.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BnKuq1L7.js';
 import { O as OverflowMode, D as Direction } from './navigation-tablist.types-Ua3MxeBh.js';
 
 const navigationTablistCss = () => `.sc-digi-tablist-h{--tab-active-border-color:var(--digi--color--marking--navigation--selected);--tab-text-color:var(--digi--color--text--primary);--tab-icon-primary--color:var(--digi--color--icon--primary);--tab-icon-primary--color-hover:var(--digi--color--icon--primary);--tab-icon-primary--color-active:var(--digi--color--icon--primary)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist{font-family:var(--digi--global--typography--font-family--default);color:var(--digi--color--text--primary);position:relative;display:flex;gap:1rem;background-color:var(--digi--color--background--primary);margin-bottom:2.875rem;border-bottom:1px solid var(--digi--color--divider--secondary)}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist .control-wrapper.sc-digi-tablist{display:none !important}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:auto}.sc-digi-tablist-h .digi-tablist--overflow-controls.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:hidden}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist button.sc-digi-tablist{background:none;border:none;padding:0;font-family:inherit}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist [role=tablist].sc-digi-tablist{display:flex;font-weight:bold;flex-grow:1;width:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist{position:absolute;z-index:20;display:flex;align-items:center;justify-content:center;height:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist{display:flex;align-items:center;justify-content:center;background-color:var(--digi--color--background--interactive--default--tertiary);border-radius:6px;min-height:auto;padding:0.75rem;aspect-ratio:1;cursor:pointer}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-right.sc-digi-tablist,.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-left.sc-digi-tablist{--digi--icon--color:var(--digi--color--icon--cta)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist{cursor:pointer;white-space:nowrap}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .content-wrapper.sc-digi-tablist{position:relative;height:2.75rem;display:flex;flex-direction:column;transition:background-color 0.1s linear}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .tablist-content.sc-digi-tablist{flex:1;display:flex;padding-right:0.75rem;padding-left:0.75rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--digi--icon--width:1rem;--digi--icon--color:var(--tab-icon-primary--color);padding-right:var(--digi--gutter--smaller)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist digi-badge-notification.sc-digi-tablist{margin-left:-0.125rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist{font-size:1rem;flex-direction:column;display:flex;align-items:center;justify-content:center;font-weight:normal;color:var(--tab-text-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist::after{content:attr(data-text);content:attr(data-text)/"";height:0;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .indicator.sc-digi-tablist{height:0.25rem;width:100%;visibility:hidden;background-color:var(--tab-active-border-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus{outline:none;box-shadow:none}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus-visible{z-index:10;outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) .title.sc-digi-tablist{color:var(--digi--color--text--interactive--primary);text-decoration:underline}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-hover)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .title.sc-digi-tablist{font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist svg.sc-digi-tablist{transform:translateX(-0.125rem)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-active)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .indicator.sc-digi-tablist{visibility:visible}`;
@@ -100,14 +100,10 @@ const NavigationTablist = class {
         }
     }
     syncPanels() {
-        // side-effect
-        if (this.panelsRef != null) {
-            const panels = this.panelsRef.querySelectorAll(':scope>digi-tablist-panel');
-            for (let i = 0; i < panels.length; i++) {
-                const panel = panels[i];
-                const showPanel = panel.tab === this.tabs[this.activeTab].id;
-                panel.isVisible = showPanel;
-            }
+        var _a;
+        const activeId = (_a = this.tabs[this.activeTab]) === null || _a === void 0 ? void 0 : _a.id;
+        for (const panel of this.getSlottedPanels()) {
+            panel.isVisible = panel.tab === activeId;
         }
     }
     handleTabPropChange(tabId) {
@@ -138,6 +134,11 @@ const NavigationTablist = class {
         this.windowTab = tabIdx;
     }
     setupTabs(tabs) {
+        // Angular/React can connect the element before afTabs is set.
+        if (tabs == null || tabs === '') {
+            return;
+        }
+        const hadTabs = this.tabs.length > 0;
         if (typeof tabs === 'string') {
             this.tabs = JSON.parse(tabs);
         }
@@ -147,6 +148,13 @@ const NavigationTablist = class {
         else {
             throw new Error('Invalid format or no tabs supplied');
         }
+        if (!hadTabs) {
+            this.setupInitialTab();
+        }
+        this.syncPanels();
+    }
+    getSlottedPanels() {
+        return Array.from(this.hostElement.querySelectorAll('digi-tablist-panel')).filter((panel) => panel.closest('digi-tablist') === this.hostElement);
     }
     setActiveTabById(id) {
         const tabIdx = this.tabs.findIndex((tab) => tab.id === id);
@@ -214,9 +222,23 @@ const NavigationTablist = class {
     componentWillLoad() {
         this.setupTabs(this.afTabs);
         this.setupInitialTab();
+        // Angular attaches the host first and binds `[afTabs]` on the next frame
+        // (Stencil 4.36+). @Watch skips that first assignment, so if tabs are not
+        // here yet, wait one frame. React/vanilla that already set the prop skip
+        // the delay.
+        if (this.tabs.length === 0) {
+            return new Promise((resolve) => {
+                requestAnimationFrame(() => {
+                    this.setupTabs(this.afTabs);
+                    this.setupInitialTab();
+                    resolve();
+                });
+            });
+        }
     }
     componentDidLoad() {
         var _a, _b, _c;
+        this.setupTabs(this.afTabs);
         // Also listen to window resize for viewport zoom changes
         if (window) {
             window.addEventListener('resize', this.handleResize, { passive: true });
@@ -238,14 +260,14 @@ const NavigationTablist = class {
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (h(Host, { key: '8bdab05cd034b9940aefcb9f38b16d09b6f0b0c7' }, h("div", { key: '2d2266a9600dcc5817130ed4ece38868779e0b69', class: {
+        return (h(Host, { key: 'b2d71ff4b3f2c2fa22feffbc298360c1b3202b1d' }, h("div", { key: 'df48ffc9fdabfca380675c7232af5fef80c445b9', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
-            } }, h("div", { key: 'a96cd5d9a2eec5b2b52f0d1a00b2810c28e8d4bd', class: "control-wrapper", style: {
+            } }, h("div", { key: '797f70a00aa1e3dd8a3b54d43808b9515259723c', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, h("button", { key: '7a9810781c300bd44aa7ce3f3f76f651b1799023', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '8f65c019aa2a60f8d10025c147ad2448d30cdf1d' }))), h("div", { key: '7be08fe744f17f71fab7358d63d010f17e5c977d', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, h("button", { key: '415237740bc65dd5cfdb0e57eb44307c9d838670', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '59f2d43ba38c7d4ebdd85a575b2e89c0fec62381' }))), h("div", { key: '01602338cbd7a63f48cdcf541629e76bac46dd4c', 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}`;
@@ -254,11 +276,12 @@ 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) }, h("div", { class: "content-wrapper" }, h("span", { class: "tablist-content" }, tab.icon && h(Icon, { "aria-hidden": "true" }), h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), h("div", { class: "indicator" }))));
-        })), h("div", { key: 'b79ea56eb945fe5c4b2e34529d8b1985018ac46c', class: "control-wrapper", style: {
+        })), h("div", { key: 'db28ea61c349d7aaf057e84b607c4f851b3f6712', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, h("button", { key: '3d581fe07f9591f21fef85e700259d3b44332631', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '1f3a564d4eff7851ad13901c492e663c5c43d384' })))), h("div", { key: '2cd9aa7d409b36395febee9dfd26eb6e82b02f35', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: 'b9f82031b00032dfb1df2358546a8a35934033a0' }))));
+            } }, h("button", { key: '83513f2d64cc0578155d305f21dfb1ca4a412cc6', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '9263e864c21ea5358f301214fbadda6ed7d3c74a' })))), h("div", { key: '205efbbb3aab40f51f9f85f8d74a4026970c7144', role: "presentation" }, h("slot", { key: 'e753d718f852072745f5c2a49f6189fb62f3645b', onSlotchange: () => this.syncPanels() }))));
     }
+    get hostElement() { return getElement(this); }
     static get watchers() { return {
         "activeTab": [{
                 "syncPanels": 0

package/dist/esm/digi-title-logo.entry.js

@@ -1,26 +1,21 @@
 import { r as registerInstance, h, d as getElement } from './index-BnKuq1L7.js';
 import './badge-notification-shape.enum-CKoZU0-H.js';
-import { T as TitleLogoVariation } from './typography-variation.enum-4smNltRI.js';
+import { T as TitleLogoVariation } from './typography-variation.enum-Zivp2NJB.js';
 import './badge-status-variation.enum-C0A-p3cU.js';
-import './button-variation.enum-BMQm4N5I.js';
+import './button-size.enum-C7xgnp99.js';
 import './button-type.enum-DShzaNrQ.js';
+import './button-variation.enum-y5Nm4oWF.js';
 import './calendar-week-view-heading-level.enum-DH_-wpLB.js';
 import './bar-chart-variation.enum-DPeoHh1J.js';
 import './code-example-variation.enum-DGI7Jkg2.js';
 import './code-variation.enum-qc6KRZue.js';
-import './expandable-accordion-header-level.enum-DwNlf6Sh.js';
-import './expandable-faq-item-variation.enum-C6B2KRZo.js';
 import './expandable-faq-variation.enum-CES5gUEo.js';
 import './footer-card-variation.enum-DzSu1-K0.js';
 import './form-checkbox-variation.enum-6-MpaVf8.js';
-import './form-file-upload-variation.enum-BfyJgcLA.js';
-import './form-input-search-variation.enum-BvWKyXb_.js';
-import './form-input-type.enum-BSJH8Lpg.js';
-import './form-input-variation.enum-DfWZa2Wv.js';
+import './form-validation-message-variation.enum-9n7Okhf1.js';
+import './form-input-type.enum-C6S1HfeA.js';
 import './form-radiogroup-validation.enum-DcnvI7UR.js';
-import './form-select-variation.enum-DCS1KcvC.js';
 import './form-textarea-variation.enum-DogB9kfH.js';
-import './form-validation-message-variation.enum-B8hpiXmh.js';
 import './info-card-multi-type.enum-CkIb3cUS.js';
 import './info-card-variation.enum-_ycZeBN4.js';
 import './layout-container-max-width.enum-CuhrrYGE.js';
@@ -46,7 +41,6 @@ import './tag-size.enum-bQJ38En_.js';
 import './tools-feedback-banner-type.enum-DrVSK7Ws.js';
 import './tools-feedback-rating-variation.enum-CAmn5qzb.js';
 import './tools-theme-provider.brand.enum-DpDyNuVC.js';
-import './typography-heading-jumbo-variation.enum-DNjGvZvz.js';
 import './typography-meta-variation.enum-CHxBAbI8.js';
 import './typography-time-variation.enum-rhVqmQwC.js';
 import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-DPq588Q4.js';

package/dist/esm/digi-tools-feedback.entry.js

@@ -1,28 +1,23 @@
 import { r as registerInstance, c as createEvent, h, d as getElement } from './index-BnKuq1L7.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
-import { t as FeedbackVariation, s as ToolsFeedbackType, r as ToolsFeedbackHeadingLevel } from './typography-variation.enum-4smNltRI.js';
+import { G as FeedbackVariation, A as ToolsFeedbackType, z as ToolsFeedbackHeadingLevel } from './typography-variation.enum-Zivp2NJB.js';
 import { L as LayoutBlockVariation } from './layout-block-variation.enum-CWFirwyE.js';
 import './badge-notification-shape.enum-CKoZU0-H.js';
 import './badge-status-variation.enum-C0A-p3cU.js';
-import { a as ButtonVariation, B as ButtonSize } from './button-variation.enum-BMQm4N5I.js';
+import { B as ButtonSize } from './button-size.enum-C7xgnp99.js';
 import './button-type.enum-DShzaNrQ.js';
+import { B as ButtonVariation } from './button-variation.enum-y5Nm4oWF.js';
 import './calendar-week-view-heading-level.enum-DH_-wpLB.js';
 import './bar-chart-variation.enum-DPeoHh1J.js';
 import './code-example-variation.enum-DGI7Jkg2.js';
 import './code-variation.enum-qc6KRZue.js';
-import './expandable-accordion-header-level.enum-DwNlf6Sh.js';
-import './expandable-faq-item-variation.enum-C6B2KRZo.js';
 import './expandable-faq-variation.enum-CES5gUEo.js';
 import './footer-card-variation.enum-DzSu1-K0.js';
 import './form-checkbox-variation.enum-6-MpaVf8.js';
-import './form-file-upload-variation.enum-BfyJgcLA.js';
-import './form-input-search-variation.enum-BvWKyXb_.js';
-import './form-input-type.enum-BSJH8Lpg.js';
-import './form-input-variation.enum-DfWZa2Wv.js';
+import './form-validation-message-variation.enum-9n7Okhf1.js';
+import './form-input-type.enum-C6S1HfeA.js';
 import './form-radiogroup-validation.enum-DcnvI7UR.js';
-import './form-select-variation.enum-DCS1KcvC.js';
 import './form-textarea-variation.enum-DogB9kfH.js';
-import './form-validation-message-variation.enum-B8hpiXmh.js';
 import './info-card-multi-type.enum-CkIb3cUS.js';
 import './info-card-variation.enum-_ycZeBN4.js';
 import './layout-container-max-width.enum-CuhrrYGE.js';
@@ -47,7 +42,6 @@ import './tag-size.enum-bQJ38En_.js';
 import './tools-feedback-banner-type.enum-DrVSK7Ws.js';
 import './tools-feedback-rating-variation.enum-CAmn5qzb.js';
 import './tools-theme-provider.brand.enum-DpDyNuVC.js';
-import './typography-heading-jumbo-variation.enum-DNjGvZvz.js';
 import './typography-meta-variation.enum-CHxBAbI8.js';
 import './typography-time-variation.enum-rhVqmQwC.js';
 import './util-breakpoint-observer-breakpoints.enum-DPq588Q4.js';

package/dist/esm/{form-input-type.enum-BSJH8Lpg.js → form-input-type.enum-C6S1HfeA.js}

@@ -1,3 +1,10 @@
+var FormInputSearchVariation;
+(function (FormInputSearchVariation) {
+    FormInputSearchVariation["SMALL"] = "small";
+    FormInputSearchVariation["MEDIUM"] = "medium";
+    FormInputSearchVariation["LARGE"] = "large";
+})(FormInputSearchVariation || (FormInputSearchVariation = {}));
+
 var FormInputButtonVariation;
 (function (FormInputButtonVariation) {
     FormInputButtonVariation["PRIMARY"] = "primary";
@@ -22,4 +29,4 @@ var FormInputType;
     FormInputType["WEEK"] = "week";
 })(FormInputType || (FormInputType = {}));
 
-export { FormInputButtonVariation as F, FormInputType as a };
+export { FormInputSearchVariation as F, FormInputButtonVariation as a, FormInputType as b };

package/dist/esm/{form-file-upload-variation.enum-BfyJgcLA.js → form-validation-message-variation.enum-9n7Okhf1.js}

@@ -21,4 +21,11 @@ var FormFileUploadVariation;
     FormFileUploadVariation["LARGE"] = "large";
 })(FormFileUploadVariation || (FormFileUploadVariation = {}));
 
-export { FormFileUploadHeadingLevel as F, FormFileUploadValidation as a, FormFileUploadVariation as b };
+var FormValidationMessageVariation;
+(function (FormValidationMessageVariation) {
+    FormValidationMessageVariation["SUCCESS"] = "success";
+    FormValidationMessageVariation["ERROR"] = "error";
+    FormValidationMessageVariation["WARNING"] = "warning";
+})(FormValidationMessageVariation || (FormValidationMessageVariation = {}));
+
+export { FormFileUploadHeadingLevel as F, FormFileUploadValidation as a, FormFileUploadVariation as b, FormValidationMessageVariation as c };

package/dist/esm/index-BnKuq1L7.js

@@ -146,10 +146,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'digi-button_5':
+                case 'digi-calendar_19':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-button_5.entry.js').then(processMod, consoleError);
+                      './digi-calendar_19.entry.js').then(processMod, consoleError);
                 case 'digi-badge-status':
                     return import(
                       /* webpackMode: "lazy" */
@@ -158,10 +158,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-bar-chart.entry.js').then(processMod, consoleError);
-                case 'digi-calendar-datepicker':
+                case 'digi-calendar-week-view':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-calendar-datepicker.entry.js').then(processMod, consoleError);
+                      './digi-calendar-week-view.entry.js').then(processMod, consoleError);
                 case 'digi-chart-line':
                     return import(
                       /* webpackMode: "lazy" */
@@ -182,18 +182,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-dialog.entry.js').then(processMod, consoleError);
-                case 'digi-expandable-accordion':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-expandable-accordion.entry.js').then(processMod, consoleError);
                 case 'digi-expandable-faq':
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-expandable-faq.entry.js').then(processMod, consoleError);
-                case 'digi-expandable-faq-item':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-expandable-faq-item.entry.js').then(processMod, consoleError);
                 case 'digi-footer':
                     return import(
                       /* webpackMode: "lazy" */
@@ -998,10 +990,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-tools-theme-provider.entry.js').then(processMod, consoleError);
-                case 'digi-typography-heading-jumbo':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-typography-heading-jumbo.entry.js').then(processMod, consoleError);
                 case 'digi-typography-meta':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1034,10 +1022,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-badge-notification.entry.js').then(processMod, consoleError);
-                case 'digi-calendar_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-calendar_2.entry.js').then(processMod, consoleError);
                 case 'digi-code-block_3':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1086,10 +1070,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-util-resize-observer.entry.js').then(processMod, consoleError);
-                case 'digi-form-select_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-form-select_2.entry.js').then(processMod, consoleError);
                 case 'digi-icon-bars':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1126,10 +1106,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-media-image_2.entry.js').then(processMod, consoleError);
-                case 'digi-form-input':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-form-input.entry.js').then(processMod, consoleError);
                 case 'digi-icon-check':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1142,30 +1118,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-layout-block_2.entry.js').then(processMod, consoleError);
-                case 'digi-util-keydown-handler':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-util-keydown-handler.entry.js').then(processMod, consoleError);
-                case 'digi-icon-chevron-down':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-icon-chevron-down.entry.js').then(processMod, consoleError);
                 case 'digi-util-breakpoint-observer':
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-util-breakpoint-observer.entry.js').then(processMod, consoleError);
-                case 'digi-form-label_3':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-form-label_3.entry.js').then(processMod, consoleError);
                 case 'digi-icon-x':
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-icon-x.entry.js').then(processMod, consoleError);
-                case 'digi-icon-validation-error_2':
+                case 'digi-button':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-icon-validation-error_2.entry.js').then(processMod, consoleError);
+                      './digi-button.entry.js').then(processMod, consoleError);
           }
       }
   return import(