@designsystem-se/af 39.2.1 → 39.2.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designsystem-se/af",
   "author": "Arbetsförmedlingen",
-  "version": "39.2.1",
+  "version": "39.2.2",
   "description": "Web Components for Digi Designsystem",
   "license": "Apache-2.0",
   "main": "./dist/index.cjs.js",

package/dist/cjs/badge-notification-shape.enum-CEyEo2G5.js

@@ -1,8 +0,0 @@
-'use strict';
-
-exports.BadgeNotificationShape = void 0;
-(function (BadgeNotificationShape) {
-    BadgeNotificationShape["CIRCLE"] = "circle";
-    BadgeNotificationShape["OVAL"] = "oval";
-    BadgeNotificationShape["PILL"] = "pill";
-})(exports.BadgeNotificationShape || (exports.BadgeNotificationShape = {}));

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

@@ -1,65 +0,0 @@
-'use strict';
-
-var index = require('./index-Cn1hHaSy.js');
-var badgeNotificationShape_enum = require('./badge-notification-shape.enum-CEyEo2G5.js');
-
-const badgeNotificationCss = () => `.sc-digi-badge-notification-h{--digi--badge-notification--color--text:var(--digi--color--text--secondary);--digi--badge-notification--color--border:var(--digi--color--border--notification);--digi--badge-notification--background-color:var(--digi--color--background--notification);--digi--badge-notification--font-weight:var(--digi--global--typography--font-weight--semibold)}.sc-digi-badge-notification-h .digi-badge-notification.sc-digi-badge-notification{font-size:0.75rem;font-weight:var(--digi--badge-notification--font-weight);border-width:var(--digi--border-width--secondary);border-style:solid;color:var(--digi--badge-notification--color--text);background-color:var(--digi--badge-notification--background-color);border-color:var(--BORDER-COLOR)}.sc-digi-badge-notification-h .digi-badge-notification--circle.sc-digi-badge-notification{--BORDER-COLOR:var(--digi--badge-notification--color--border);display:flex;justify-content:center;align-items:center;white-space:nowrap;text-align:center;border-radius:50%;height:1.25rem;width:1.25rem}.sc-digi-badge-notification-h .digi-badge-notification--oval.sc-digi-badge-notification{--BORDER-COLOR:var(--digi--badge-notification--color--border);display:flex;justify-content:center;align-items:center;white-space:nowrap;text-align:center;border-radius:0.75rem;height:1.125rem;width:1.5625rem;padding-left:0.25rem;padding-right:0.25rem}.sc-digi-badge-notification-h .digi-badge-notification--pill.sc-digi-badge-notification{--BORDER-COLOR:var(--digi--badge-notification--color--border);display:inline-block;padding-left:0.5rem;padding-right:0.5rem;border-radius:0.75rem;height:1.125rem}`;
-
-const BadgeNotification = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afShape = badgeNotificationShape_enum.BadgeNotificationShape.PILL;
-        /**
-         * Värdet som ska skrivas ut i notifieringen.
-         * @en The value to be displayed in the badge.
-         */
-        this.afValue = '';
-    }
-    afValueChangeHandler() {
-        this.checkProps();
-    }
-    get cssModifiers() {
-        return {
-            'digi-badge-notification--circle': this.afShape === badgeNotificationShape_enum.BadgeNotificationShape.CIRCLE,
-            'digi-badge-notification--oval': this.afShape === badgeNotificationShape_enum.BadgeNotificationShape.OVAL,
-            'digi-badge-notification--pill': this.afShape === badgeNotificationShape_enum.BadgeNotificationShape.PILL
-        };
-    }
-    componentWillLoad() {
-        this.checkProps();
-    }
-    checkProps() {
-        let valueAsNumber;
-        if (this.afValue !== null &&
-            this.afValue !== undefined &&
-            this.afValue !== '') {
-            valueAsNumber = Number(this.afValue);
-        }
-        if (!isNaN(valueAsNumber)) {
-            if (valueAsNumber >= 100) {
-                this.afValue = '+99';
-                this.afShape = badgeNotificationShape_enum.BadgeNotificationShape.PILL;
-            }
-            else if (valueAsNumber < 100 && valueAsNumber >= 10) {
-                this.afShape = badgeNotificationShape_enum.BadgeNotificationShape.OVAL;
-            }
-            else {
-                this.afShape = badgeNotificationShape_enum.BadgeNotificationShape.CIRCLE;
-            }
-        }
-        else {
-            this.afShape = badgeNotificationShape_enum.BadgeNotificationShape.PILL;
-        }
-    }
-    render() {
-        return (index.h(index.Host, { key: '2a3f82fe0bf3d3b43ee858a0184fb7d0045656f7' }, index.h("div", { key: 'f652cc5b76bdc72b4778fd16a1a9d270fe2400ea', class: Object.assign({ 'digi-badge-notification': true }, this.cssModifiers), "aria-label": this.afAriaLabel }, index.h("div", { key: 'ece907bc0004e24eafd221ead41300f7acd803ea', class: `${this.afShape}` }, index.h("span", { key: 'c83210ebbbcad768073095e52b601adc80a0645d' }, this.afValue)))));
-    }
-    static get watchers() { return {
-        "afValue": [{
-                "afValueChangeHandler": 0
-            }]
-    }; }
-};
-BadgeNotification.style = badgeNotificationCss();
-
-exports.digi_badge_notification = BadgeNotification;

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

@@ -1,20 +0,0 @@
-'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

@@ -1,289 +0,0 @@
-'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() {
-        // 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;
-            }
-        }
-    }
-    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) {
-        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');
-        }
-    }
-    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();
-    }
-    componentDidLoad() {
-        var _a, _b, _c;
-        // 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: '8bdab05cd034b9940aefcb9f38b16d09b6f0b0c7' }, index.h("div", { key: '2d2266a9600dcc5817130ed4ece38868779e0b69', 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: 'a96cd5d9a2eec5b2b52f0d1a00b2810c28e8d4bd', class: "control-wrapper", style: {
-                left: '0',
-                visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, index.h("button", { key: '7a9810781c300bd44aa7ce3f3f76f651b1799023', 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: '8f65c019aa2a60f8d10025c147ad2448d30cdf1d' }))), index.h("div", { key: '7be08fe744f17f71fab7358d63d010f17e5c977d', 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: 'b79ea56eb945fe5c4b2e34529d8b1985018ac46c', class: "control-wrapper", style: {
-                right: '0',
-                visibility: this.showNext ? 'visible' : 'hidden'
-            } }, index.h("button", { key: '3d581fe07f9591f21fef85e700259d3b44332631', 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: '1f3a564d4eff7851ad13901c492e663c5c43d384' })))), index.h("div", { key: '2cd9aa7d409b36395febee9dfd26eb6e82b02f35', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, index.h("slot", { key: 'b9f82031b00032dfb1df2358546a8a35934033a0' }))));
-    }
-    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/digi-arbetsformedlingen/p-0394e694.entry.js

@@ -1 +0,0 @@
-import{r as i,h as t,a}from"./p-BnKuq1L7.js";import{B as e}from"./p-CKoZU0-H.js";const o=class{constructor(t){i(this,t),this.afShape=e.PILL,this.afValue=""}afValueChangeHandler(){this.checkProps()}get cssModifiers(){return{"digi-badge-notification--circle":this.afShape===e.CIRCLE,"digi-badge-notification--oval":this.afShape===e.OVAL,"digi-badge-notification--pill":this.afShape===e.PILL}}componentWillLoad(){this.checkProps()}checkProps(){let i;null!=this.afValue&&""!==this.afValue&&(i=Number(this.afValue)),isNaN(i)?this.afShape=e.PILL:i>=100?(this.afValue="+99",this.afShape=e.PILL):this.afShape=i<100&&i>=10?e.OVAL:e.CIRCLE}render(){return t(a,{key:"2a3f82fe0bf3d3b43ee858a0184fb7d0045656f7"},t("div",{key:"f652cc5b76bdc72b4778fd16a1a9d270fe2400ea",class:Object.assign({"digi-badge-notification":!0},this.cssModifiers),"aria-label":this.afAriaLabel},t("div",{key:"ece907bc0004e24eafd221ead41300f7acd803ea",class:`${this.afShape}`},t("span",{key:"c83210ebbbcad768073095e52b601adc80a0645d"},this.afValue))))}static get watchers(){return{afValue:[{afValueChangeHandler:0}]}}};o.style=".sc-digi-badge-notification-h{--digi--badge-notification--color--text:var(--digi--color--text--secondary);--digi--badge-notification--color--border:var(--digi--color--border--notification);--digi--badge-notification--background-color:var(--digi--color--background--notification);--digi--badge-notification--font-weight:var(--digi--global--typography--font-weight--semibold)}.sc-digi-badge-notification-h .digi-badge-notification.sc-digi-badge-notification{font-size:0.75rem;font-weight:var(--digi--badge-notification--font-weight);border-width:var(--digi--border-width--secondary);border-style:solid;color:var(--digi--badge-notification--color--text);background-color:var(--digi--badge-notification--background-color);border-color:var(--BORDER-COLOR)}.sc-digi-badge-notification-h .digi-badge-notification--circle.sc-digi-badge-notification{--BORDER-COLOR:var(--digi--badge-notification--color--border);display:flex;justify-content:center;align-items:center;white-space:nowrap;text-align:center;border-radius:50%;height:1.25rem;width:1.25rem}.sc-digi-badge-notification-h .digi-badge-notification--oval.sc-digi-badge-notification{--BORDER-COLOR:var(--digi--badge-notification--color--border);display:flex;justify-content:center;align-items:center;white-space:nowrap;text-align:center;border-radius:0.75rem;height:1.125rem;width:1.5625rem;padding-left:0.25rem;padding-right:0.25rem}.sc-digi-badge-notification-h .digi-badge-notification--pill.sc-digi-badge-notification{--BORDER-COLOR:var(--digi--badge-notification--color--border);display:inline-block;padding-left:0.5rem;padding-right:0.5rem;border-radius:0.75rem;height:1.125rem}";export{o as digi_badge_notification}