@designsystem-se/af 39.2.2 → 39.2.3

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

@@ -2,27 +2,23 @@
 
 var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
-require('./calendar-week-view-heading-level.enum-BI2f9bbk.js');
-require('./typography-variation.enum-BDSt7CVI.js');
+require('./badge-notification-shape.enum-CEyEo2G5.js');
+require('./typography-variation.enum-CVUvogxJ.js');
 require('./badge-status-variation.enum-XX8d--rj.js');
-var buttonVariation_enum = require('./button-variation.enum-ngMqFLdW.js');
+require('./button-size.enum-DgyvMkwE.js');
 require('./button-type.enum-2UH0KkO-.js');
+var buttonVariation_enum = require('./button-variation.enum-DkUalo9f.js');
+require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
 require('./bar-chart-variation.enum-BZFN4377.js');
 require('./code-example-variation.enum-Cq-BioXW.js');
 require('./code-variation.enum-BM-hhQuD.js');
-require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
-require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
 require('./expandable-faq-variation.enum-FEybT9s4.js');
 require('./footer-card-variation.enum-BPnpkC45.js');
 require('./form-checkbox-variation.enum-BfOGU4Qt.js');
-require('./form-file-upload-variation.enum-xcEOoggr.js');
-require('./form-input-search-variation.enum-VVfvlVeM.js');
-require('./form-input-type.enum-DvF_MTHK.js');
-require('./form-input-variation.enum-kpoXNUuI.js');
+require('./form-validation-message-variation.enum-DgkifAnP.js');
+require('./form-input-type.enum-CCCcY8gv.js');
 require('./form-radiogroup-validation.enum-DBDbjF6N.js');
-require('./form-select-variation.enum-e6wjWyaS.js');
 require('./form-textarea-variation.enum-BcEyaR5W.js');
-require('./form-validation-message-variation.enum-BA5nmCiw.js');
 require('./info-card-multi-type.enum-pqhvdrsN.js');
 require('./info-card-variation.enum-B1cqmknX.js');
 require('./layout-container-max-width.enum-DqWtU7WK.js');
@@ -48,7 +44,6 @@ require('./tag-size.enum-DFom3Smn.js');
 require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
 require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
 require('./tools-theme-provider.brand.enum-BzduvCUY.js');
-require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
 require('./typography-meta-variation.enum-lvDemnSz.js');
 require('./typography-time-variation.enum-D2gIVzYH.js');
 require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');

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

@@ -2,27 +2,23 @@
 
 var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
-var typographyVariation_enum = require('./typography-variation.enum-BDSt7CVI.js');
-require('./calendar-week-view-heading-level.enum-BI2f9bbk.js');
+var typographyVariation_enum = require('./typography-variation.enum-CVUvogxJ.js');
+require('./badge-notification-shape.enum-CEyEo2G5.js');
 require('./badge-status-variation.enum-XX8d--rj.js');
-var buttonVariation_enum = require('./button-variation.enum-ngMqFLdW.js');
+require('./button-size.enum-DgyvMkwE.js');
 require('./button-type.enum-2UH0KkO-.js');
+var buttonVariation_enum = require('./button-variation.enum-DkUalo9f.js');
+require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
 require('./bar-chart-variation.enum-BZFN4377.js');
 require('./code-example-variation.enum-Cq-BioXW.js');
 require('./code-variation.enum-BM-hhQuD.js');
-require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
-require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
 require('./expandable-faq-variation.enum-FEybT9s4.js');
 require('./footer-card-variation.enum-BPnpkC45.js');
 require('./form-checkbox-variation.enum-BfOGU4Qt.js');
-require('./form-file-upload-variation.enum-xcEOoggr.js');
-require('./form-input-search-variation.enum-VVfvlVeM.js');
-require('./form-input-type.enum-DvF_MTHK.js');
-require('./form-input-variation.enum-kpoXNUuI.js');
+require('./form-validation-message-variation.enum-DgkifAnP.js');
+require('./form-input-type.enum-CCCcY8gv.js');
 require('./form-radiogroup-validation.enum-DBDbjF6N.js');
-require('./form-select-variation.enum-e6wjWyaS.js');
 require('./form-textarea-variation.enum-BcEyaR5W.js');
-require('./form-validation-message-variation.enum-BA5nmCiw.js');
 require('./info-card-multi-type.enum-pqhvdrsN.js');
 require('./info-card-variation.enum-B1cqmknX.js');
 require('./layout-container-max-width.enum-DqWtU7WK.js');
@@ -48,7 +44,6 @@ require('./tag-size.enum-DFom3Smn.js');
 require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
 require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
 require('./tools-theme-provider.brand.enum-BzduvCUY.js');
-require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
 require('./typography-meta-variation.enum-lvDemnSz.js');
 require('./typography-time-variation.enum-D2gIVzYH.js');
 require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');

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

@@ -1,28 +1,24 @@
 'use strict';
 
 var index = require('./index-Cn1hHaSy.js');
-var typographyVariation_enum = require('./typography-variation.enum-BDSt7CVI.js');
+var typographyVariation_enum = require('./typography-variation.enum-CVUvogxJ.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
-require('./calendar-week-view-heading-level.enum-BI2f9bbk.js');
+require('./badge-notification-shape.enum-CEyEo2G5.js');
 require('./badge-status-variation.enum-XX8d--rj.js');
-require('./button-variation.enum-ngMqFLdW.js');
+require('./button-size.enum-DgyvMkwE.js');
 require('./button-type.enum-2UH0KkO-.js');
+require('./button-variation.enum-DkUalo9f.js');
+require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
 require('./bar-chart-variation.enum-BZFN4377.js');
 require('./code-example-variation.enum-Cq-BioXW.js');
 require('./code-variation.enum-BM-hhQuD.js');
-require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
-require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
 require('./expandable-faq-variation.enum-FEybT9s4.js');
 require('./footer-card-variation.enum-BPnpkC45.js');
 require('./form-checkbox-variation.enum-BfOGU4Qt.js');
-require('./form-file-upload-variation.enum-xcEOoggr.js');
-require('./form-input-search-variation.enum-VVfvlVeM.js');
-require('./form-input-type.enum-DvF_MTHK.js');
-require('./form-input-variation.enum-kpoXNUuI.js');
+require('./form-validation-message-variation.enum-DgkifAnP.js');
+require('./form-input-type.enum-CCCcY8gv.js');
 require('./form-radiogroup-validation.enum-DBDbjF6N.js');
-require('./form-select-variation.enum-e6wjWyaS.js');
 require('./form-textarea-variation.enum-BcEyaR5W.js');
-require('./form-validation-message-variation.enum-BA5nmCiw.js');
 require('./info-card-multi-type.enum-pqhvdrsN.js');
 require('./info-card-variation.enum-B1cqmknX.js');
 require('./layout-container-max-width.enum-DqWtU7WK.js');
@@ -48,7 +44,6 @@ require('./tag-size.enum-DFom3Smn.js');
 require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
 require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
 require('./tools-theme-provider.brand.enum-BzduvCUY.js');
-require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
 require('./typography-meta-variation.enum-lvDemnSz.js');
 require('./typography-time-variation.enum-D2gIVzYH.js');
 var utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');

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

@@ -0,0 +1,20 @@
+'use strict';
+
+var index = require('./index-Cn1hHaSy.js');
+
+const NavigationTabPanel = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.isVisible = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: '253b1c6e0b466c8e806aeec2a6e99f86172b3324' }, index.h("div", { key: '9639af8c2a404a738c2c07c437f0537f81f5a72f', 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: '3383cb70665259583d172e82f9c2dd38a81cec3c' }))));
+    }
+    get hostElement() { return index.getElement(this); }
+};
+
+exports.digi_tablist_panel = NavigationTabPanel;

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

@@ -0,0 +1,312 @@
+'use strict';
+
+var index = require('./index-Cn1hHaSy.js');
+var navigationTablist_types = require('./navigation-tablist.types-B5QU-sSH.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}`;
+
+const NavigationTablist = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afTabChange = index.createEvent(this, "afTabChange", 7);
+        this.afTabFocusChange = index.createEvent(this, "afTabFocusChange", 7);
+        this.tabRefs = {};
+        this.activeTab = 0;
+        this.selectedTab = 0;
+        this.windowTab = 0;
+        this.tabs = [];
+        this.listOverflows = false;
+        this.showPrev = false;
+        this.showNext = false;
+        /**
+         * Bestämmer beteende då flikar överflödar
+         * * @en Set overflow behaviour
+         */
+        this.afOverflowMode = navigationTablist_types.OverflowMode.Controls;
+        this.handleResize = () => {
+            if (!this.tablistRef)
+                return;
+            // Ensure we measure after any layout/paint from the resize
+            if (this._requestAnimationFrame)
+                cancelAnimationFrame(this._requestAnimationFrame);
+            this._requestAnimationFrame = requestAnimationFrame(() => {
+                var _a, _b;
+                const el = this.tablistRef;
+                const containerWidth = el.clientWidth;
+                const contentWidth = el.scrollWidth;
+                // Tolerance ≈ 1 physical pixel to absorb zoom/subpixel jitter
+                const tolerance = 1 / ((window === null || window === void 0 ? void 0 : window.devicePixelRatio) || 1);
+                // Guard against div-by-zero
+                const tabsCount = Math.max((_b = (_a = this.tabs) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0, 1);
+                const avgTabWidth = contentWidth / tabsCount;
+                // How many whole tabs fit? Nudge by tolerance to avoid off-by-one at zoom edges
+                const tabsPerWindow = Math.floor((containerWidth + tolerance) / avgTabWidth);
+                this.tabsPerWindow = Math.max(1, Math.min(tabsPerWindow, tabsCount));
+                // Ensure windowTab stays within valid bounds after resize
+                const maxValidWindowTab = Math.max(0, tabsCount - this.tabsPerWindow);
+                if (this.windowTab > maxValidWindowTab) {
+                    this.windowTab = maxValidWindowTab;
+                }
+                // Overflow check with tolerance
+                this.listOverflows = contentWidth - containerWidth > tolerance;
+                // (Optional) if you have left/right “handles”, compute visibility too:
+                this.showPrev = el.scrollLeft > tolerance;
+                this.showNext =
+                    el.scrollLeft + el.clientWidth < el.scrollWidth - tolerance;
+            });
+        };
+    }
+    handleKey(e) {
+        if (this.focusCaptured()) {
+            let captureKey = true;
+            switch (e.key) {
+                case ' ':
+                case 'Enter':
+                    return this.setActiveTabAndFocus(this.selectedTab);
+                case 'ArrowLeft':
+                    if (e.shiftKey) {
+                        this.handleTabControl(navigationTablist_types.Direction.Previous);
+                    }
+                    else {
+                        this.focusTab(this.selectedTab - 1);
+                    }
+                    break;
+                case 'ArrowRight':
+                    if (e.shiftKey) {
+                        this.handleTabControl(navigationTablist_types.Direction.Next);
+                    }
+                    else {
+                        this.focusTab(this.selectedTab + 1);
+                    }
+                    break;
+                case 'Home':
+                    if (e.shiftKey) {
+                        return this.focusTab(0);
+                    }
+                    else {
+                        return this.moveWindow(0);
+                    }
+                case 'End':
+                    if (e.shiftKey) {
+                        return this.focusTab(this.tabs.length - 1);
+                    }
+                    else {
+                        return this.moveWindow(this.tabs.length - 1);
+                    }
+                default:
+                    captureKey = false;
+            }
+            if (captureKey) {
+                e.preventDefault();
+            }
+        }
+    }
+    syncPanels() {
+        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) {
+        this.setActiveTabById(tabId);
+    }
+    syncControls() {
+        const tabGroup = Math.floor(this.windowTab / this.tabsPerWindow);
+        const numberOfGroups = Math.ceil(this.tabs.length / this.tabsPerWindow);
+        this.showPrev = tabGroup > 0;
+        this.showNext = tabGroup < numberOfGroups - 1;
+    }
+    syncWindow(tabIdx) {
+        const tab = this.tabs[tabIdx];
+        const tabRef = this.tabRefs[tab.id];
+        const listBox = this.tablistRef.getBoundingClientRect();
+        const tabBox = tabRef.getBoundingClientRect();
+        const centeredOffset = tabRef.offsetLeft - listBox.width / 2 + tabBox.width / 2;
+        const maxLeft = this.tablistRef.scrollWidth - listBox.width;
+        const left = Math.max(Math.min(centeredOffset, maxLeft), 0);
+        this.tablistRef.scrollTo({
+            left,
+            behavior: 'smooth'
+        });
+    }
+    syncFocus(tabIdx) {
+        const tabRef = this.tabRefs[this.tabs[tabIdx].id];
+        tabRef.focus({ preventScroll: true });
+        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);
+        }
+        else if (Array.isArray(tabs)) {
+            this.tabs = tabs;
+        }
+        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);
+        if (tabIdx > -1) {
+            this.activeTab = tabIdx;
+        }
+    }
+    setupInitialTab() {
+        if (this.afActiveTab != null) {
+            return this.setActiveTabById(this.afActiveTab);
+        }
+        else if (this.afInitialTab != null) {
+            return this.setActiveTabById(this.afInitialTab);
+        }
+    }
+    setupResizeHandler() {
+        this.resizeObserver = new ResizeObserver(() => this.handleResize());
+        this.resizeObserver.observe(this.tablistRef);
+    }
+    handleTabChange(tab) {
+        const idx = this.tabs.findIndex(({ id }) => id === tab.id);
+        this.setActiveTabAndFocus(idx);
+        this.afTabChange.emit(tab);
+    }
+    handleTabControl(direction) {
+        // Calculate the current window group
+        const currentGroup = Math.floor(this.windowTab / this.tabsPerWindow);
+        const totalGroups = Math.ceil(this.tabs.length / this.tabsPerWindow);
+        let newGroup;
+        if (direction === navigationTablist_types.Direction.Next) {
+            newGroup = Math.min(currentGroup + 1, totalGroups - 1);
+        }
+        else {
+            newGroup = Math.max(currentGroup - 1, 0);
+        }
+        // Move to the first tab of the target group
+        const newWindowTab = newGroup * this.tabsPerWindow;
+        this.moveWindow(newWindowTab);
+    }
+    setActiveTabAndFocus(tabIdx) {
+        this.activeTab = tabIdx;
+        this.focusTab(tabIdx);
+    }
+    focusTab(tabIdx) {
+        this.selectedTab = this.nextTabIdx(tabIdx);
+        const currentTab = this.tabs[this.selectedTab];
+        this.afTabFocusChange.emit(currentTab);
+    }
+    moveWindow(tabIdx) {
+        tabIdx = Math.max(0, Math.min(tabIdx, this.tabs.length - 1));
+        this.windowTab = tabIdx;
+    }
+    nextTabIdx(tabIdx) {
+        if (tabIdx >= this.tabs.length) {
+            return 0;
+        }
+        else if (tabIdx < 0) {
+            return this.tabs.length - 1;
+        }
+        return tabIdx;
+    }
+    focusCaptured() {
+        return this.tabs.some((tab) => this.tabRefs[tab.id] === document.activeElement);
+    }
+    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 });
+        }
+        // Recalculate once fonts finish loading (text width changes with webfonts)
+        (_c = (_b = (_a = document.fonts) === null || _a === void 0 ? void 0 : _a.ready) === null || _b === void 0 ? void 0 : _b.then) === null || _c === void 0 ? void 0 : _c.call(_b, () => this.handleResize());
+        this.setupResizeHandler();
+        this.handleResize();
+        this.syncPanels();
+        this.syncControls();
+    }
+    disconnectedCallback() {
+        var _a;
+        if (window) {
+            window.removeEventListener('resize', this.handleResize);
+        }
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        if (this._requestAnimationFrame)
+            cancelAnimationFrame(this._requestAnimationFrame);
+    }
+    render() {
+        return (index.h(index.Host, { key: 'b2d71ff4b3f2c2fa22feffbc298360c1b3202b1d' }, index.h("div", { key: 'df48ffc9fdabfca380675c7232af5fef80c445b9', 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: '797f70a00aa1e3dd8a3b54d43808b9515259723c', class: "control-wrapper", style: {
+                left: '0',
+                visibility: this.showPrev ? 'visible' : 'hidden'
+            } }, index.h("button", { key: '415237740bc65dd5cfdb0e57eb44307c9d838670', 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: '59f2d43ba38c7d4ebdd85a575b2e89c0fec62381' }))), index.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}`;
+            const badgeValue = tab.badgeValue;
+            return (index.h("button", { ref: (ref) => (this.tabRefs[tab.id] = ref), 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: 'db28ea61c349d7aaf057e84b607c4f851b3f6712', class: "control-wrapper", style: {
+                right: '0',
+                visibility: this.showNext ? 'visible' : 'hidden'
+            } }, index.h("button", { key: '83513f2d64cc0578155d305f21dfb1ca4a412cc6', 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: '9263e864c21ea5358f301214fbadda6ed7d3c74a' })))), index.h("div", { key: '205efbbb3aab40f51f9f85f8d74a4026970c7144', role: "presentation" }, index.h("slot", { key: 'e753d718f852072745f5c2a49f6189fb62f3645b', onSlotchange: () => this.syncPanels() }))));
+    }
+    get hostElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "activeTab": [{
+                "syncPanels": 0
+            }],
+        "afActiveTab": [{
+                "handleTabPropChange": 0
+            }],
+        "windowTab": [{
+                "syncControls": 0
+            }, {
+                "syncWindow": 0
+            }],
+        "listOverflows": [{
+                "syncControls": 0
+            }],
+        "selectedTab": [{
+                "syncFocus": 0
+            }],
+        "afTabs": [{
+                "setupTabs": 0
+            }]
+    }; }
+};
+NavigationTablist.style = navigationTablistCss();
+
+exports.digi_tablist = NavigationTablist;

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

@@ -1,27 +1,23 @@
 'use strict';
 
 var index = require('./index-Cn1hHaSy.js');
-require('./calendar-week-view-heading-level.enum-BI2f9bbk.js');
-var typographyVariation_enum = require('./typography-variation.enum-BDSt7CVI.js');
+require('./badge-notification-shape.enum-CEyEo2G5.js');
+var typographyVariation_enum = require('./typography-variation.enum-CVUvogxJ.js');
 require('./badge-status-variation.enum-XX8d--rj.js');
-require('./button-variation.enum-ngMqFLdW.js');
+require('./button-size.enum-DgyvMkwE.js');
 require('./button-type.enum-2UH0KkO-.js');
+require('./button-variation.enum-DkUalo9f.js');
+require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
 require('./bar-chart-variation.enum-BZFN4377.js');
 require('./code-example-variation.enum-Cq-BioXW.js');
 require('./code-variation.enum-BM-hhQuD.js');
-require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
-require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
 require('./expandable-faq-variation.enum-FEybT9s4.js');
 require('./footer-card-variation.enum-BPnpkC45.js');
 require('./form-checkbox-variation.enum-BfOGU4Qt.js');
-require('./form-file-upload-variation.enum-xcEOoggr.js');
-require('./form-input-search-variation.enum-VVfvlVeM.js');
-require('./form-input-type.enum-DvF_MTHK.js');
-require('./form-input-variation.enum-kpoXNUuI.js');
+require('./form-validation-message-variation.enum-DgkifAnP.js');
+require('./form-input-type.enum-CCCcY8gv.js');
 require('./form-radiogroup-validation.enum-DBDbjF6N.js');
-require('./form-select-variation.enum-e6wjWyaS.js');
 require('./form-textarea-variation.enum-BcEyaR5W.js');
-require('./form-validation-message-variation.enum-BA5nmCiw.js');
 require('./info-card-multi-type.enum-pqhvdrsN.js');
 require('./info-card-variation.enum-B1cqmknX.js');
 require('./layout-container-max-width.enum-DqWtU7WK.js');
@@ -47,7 +43,6 @@ require('./tag-size.enum-DFom3Smn.js');
 require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
 require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
 require('./tools-theme-provider.brand.enum-BzduvCUY.js');
-require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
 require('./typography-meta-variation.enum-lvDemnSz.js');
 require('./typography-time-variation.enum-D2gIVzYH.js');
 var utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');

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

@@ -2,28 +2,24 @@
 
 var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
-var typographyVariation_enum = require('./typography-variation.enum-BDSt7CVI.js');
+var typographyVariation_enum = require('./typography-variation.enum-CVUvogxJ.js');
 var layoutBlockVariation_enum = require('./layout-block-variation.enum-BldWvnDk.js');
-require('./calendar-week-view-heading-level.enum-BI2f9bbk.js');
+require('./badge-notification-shape.enum-CEyEo2G5.js');
 require('./badge-status-variation.enum-XX8d--rj.js');
-var buttonVariation_enum = require('./button-variation.enum-ngMqFLdW.js');
+var buttonSize_enum = require('./button-size.enum-DgyvMkwE.js');
 require('./button-type.enum-2UH0KkO-.js');
+var buttonVariation_enum = require('./button-variation.enum-DkUalo9f.js');
+require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
 require('./bar-chart-variation.enum-BZFN4377.js');
 require('./code-example-variation.enum-Cq-BioXW.js');
 require('./code-variation.enum-BM-hhQuD.js');
-require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
-require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
 require('./expandable-faq-variation.enum-FEybT9s4.js');
 require('./footer-card-variation.enum-BPnpkC45.js');
 require('./form-checkbox-variation.enum-BfOGU4Qt.js');
-require('./form-file-upload-variation.enum-xcEOoggr.js');
-require('./form-input-search-variation.enum-VVfvlVeM.js');
-require('./form-input-type.enum-DvF_MTHK.js');
-require('./form-input-variation.enum-kpoXNUuI.js');
+require('./form-validation-message-variation.enum-DgkifAnP.js');
+require('./form-input-type.enum-CCCcY8gv.js');
 require('./form-radiogroup-validation.enum-DBDbjF6N.js');
-require('./form-select-variation.enum-e6wjWyaS.js');
 require('./form-textarea-variation.enum-BcEyaR5W.js');
-require('./form-validation-message-variation.enum-BA5nmCiw.js');
 require('./info-card-multi-type.enum-pqhvdrsN.js');
 require('./info-card-variation.enum-B1cqmknX.js');
 require('./layout-container-max-width.enum-DqWtU7WK.js');
@@ -48,7 +44,6 @@ require('./tag-size.enum-DFom3Smn.js');
 require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
 require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
 require('./tools-theme-provider.brand.enum-BzduvCUY.js');
-require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
 require('./typography-meta-variation.enum-lvDemnSz.js');
 require('./typography-time-variation.enum-D2gIVzYH.js');
 require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');
@@ -131,9 +126,9 @@ const ToolsFeedback = class {
         return (index.h("svg", { class: "digi-tools-feedback__container-header-icon", "aria-hidden": "true", version: "1.1", viewBox: "0 0 35 29", width: "31", height: "25" }, index.h("title", null, "Check mark"), index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("g", { transform: "translate(-170 -32)" }, index.h("g", { transform: "translate(170 32.325)" }, index.h("g", { transform: "translate(0 .77495)" }, index.h("mask", { id: "b", fill: "white" }, index.h("polygon", { points: "0 0 26.685 0 26.685 27.689 0 27.689" })), index.h("path", { d: "m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556", fill: "#333", mask: "url(#b)" })), index.h("g", { transform: "translate(4.2177)" }, index.h("mask", { id: "a", fill: "white" }, index.h("polygon", { points: "0 0 30.425 0 30.425 23.496 0 23.496" })), index.h("path", { d: "m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324", class: "digi-tools-feedback__infographic-primary", mask: "url(#a)" })))))));
     }
     get content() {
-        return (index.h("div", null, this.currentStep === 1 && (index.h("div", { class: "digi-tools-feedback__container" }, index.h("div", { class: "digi-tools-feedback__container-header" }, this.icon, index.h(this.afHeadingLevel, { class: "digi-tools-feedback__container-header-title" }, this.afText)), index.h("div", { class: "digi-tools-feedback__container-btns" }, index.h("digi-button", { "af-size": buttonVariation_enum.ButtonSize.MEDIUM, "af-variation": buttonVariation_enum.ButtonVariation.SECONDARY, "af-full-width": "false", onAfOnClick: () => {
+        return (index.h("div", null, this.currentStep === 1 && (index.h("div", { class: "digi-tools-feedback__container" }, index.h("div", { class: "digi-tools-feedback__container-header" }, this.icon, index.h(this.afHeadingLevel, { class: "digi-tools-feedback__container-header-title" }, this.afText)), index.h("div", { class: "digi-tools-feedback__container-btns" }, index.h("digi-button", { "af-size": buttonSize_enum.ButtonSize.MEDIUM, "af-variation": buttonVariation_enum.ButtonVariation.SECONDARY, "af-full-width": "false", onAfOnClick: () => {
                 this.currentStep = 3;
-            } }, "Ja"), index.h("digi-button", { "af-size": buttonVariation_enum.ButtonSize.MEDIUM, "af-variation": buttonVariation_enum.ButtonVariation.SECONDARY, "af-full-width": "false", onAfOnClick: () => {
+            } }, "Ja"), index.h("digi-button", { "af-size": buttonSize_enum.ButtonSize.MEDIUM, "af-variation": buttonVariation_enum.ButtonVariation.SECONDARY, "af-full-width": "false", onAfOnClick: () => {
                 this.currentStep = 2;
             } }, "Nej")))), this.currentStep === 2 && (index.h("div", { class: "digi-tools-feedback__container" }, index.h("div", { class: "digi-tools-feedback__container-header" }, ' ', this.icon, index.h("div", { class: "digi-tools-feedback__container-header-title" }, "Hur kan vi bli b\u00E4ttre?")))), index.h("div", { class: "digi-tools-feedback__container-forms" }, index.h("slot", { name: "form" })), this.currentStep === 3 && (index.h("div", { class: "digi-tools-feedback__container-header" }, this.responseIcon, index.h("div", { class: "digi-tools-feedback__container-header-title" }, "Tack f\u00F6r din \u00E5terkoppling!")))));
     }

package/dist/cjs/{form-input-type.enum-DvF_MTHK.js → form-input-type.enum-CCCcY8gv.js}

@@ -1,5 +1,12 @@
 'use strict';
 
+exports.FormInputSearchVariation = void 0;
+(function (FormInputSearchVariation) {
+    FormInputSearchVariation["SMALL"] = "small";
+    FormInputSearchVariation["MEDIUM"] = "medium";
+    FormInputSearchVariation["LARGE"] = "large";
+})(exports.FormInputSearchVariation || (exports.FormInputSearchVariation = {}));
+
 exports.FormInputButtonVariation = void 0;
 (function (FormInputButtonVariation) {
     FormInputButtonVariation["PRIMARY"] = "primary";

package/dist/cjs/{form-file-upload-variation.enum-xcEOoggr.js → form-validation-message-variation.enum-DgkifAnP.js}

@@ -22,3 +22,10 @@ exports.FormFileUploadVariation = void 0;
     FormFileUploadVariation["MEDIUM"] = "medium";
     FormFileUploadVariation["LARGE"] = "large";
 })(exports.FormFileUploadVariation || (exports.FormFileUploadVariation = {}));
+
+exports.FormValidationMessageVariation = void 0;
+(function (FormValidationMessageVariation) {
+    FormValidationMessageVariation["SUCCESS"] = "success";
+    FormValidationMessageVariation["ERROR"] = "error";
+    FormValidationMessageVariation["WARNING"] = "warning";
+})(exports.FormValidationMessageVariation || (exports.FormValidationMessageVariation = {}));