@designsystem-se/af 34.0.1-beta.0 → 34.0.2

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

@@ -38,14 +38,14 @@ import './navigation-context-menu-item-type.enum-d5434f5a.js';
 import './navigation-context-menu-horizontal-position.enum-e5ed22c2.js';
 import './navigation-sidebar-variation.enum-8fead764.js';
 import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
-import './progress-indicator-variation.enum-b12ba50a.js';
+import './typography-variation.enum-d5ac8594.js';
 import './progress-list-item-variation.enum-384b9a3a.js';
 import './progress-list-variation.enum-300bd89d.js';
 import './progressbar-variation.enum-40adaab4.js';
 import './quote-image-inner-position.enum-8e9b1e65.js';
 import './table-variation.enum-dd9366b6.js';
 import './tag-media-icon.enum-fefa191c.js';
-import './typography-variation.enum-850aad78.js';
+import './tag-size.enum-1e1bcf94.js';
 import './tools-feedback-banner-type.enum-74b4e580.js';
 import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './typography-heading-jumbo-variation.enum-eb737f1b.js';

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

@@ -29,6 +29,11 @@ const NavigationTablist = class {
                 // 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:
@@ -170,7 +175,19 @@ const NavigationTablist = class {
         this.afTabChange.emit(tab);
     }
     handleTabControl(direction) {
-        this.moveWindow(this.windowTab + direction * this.tabsPerWindow);
+        // 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 === 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;
@@ -224,14 +241,14 @@ const NavigationTablist = class {
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (h(Host, { key: 'b254db2497b74752d34aa4672ae38ac5a1051024' }, h("div", { key: '4028d5c2ee9954fb5755285dfe88029fec02d516', class: {
+        return (h(Host, { key: 'aa87d470a00824859deb1e9305497f0001339c6a' }, h("div", { key: 'd2ea6128277f7aa604f8fab19828e5aabca636b3', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
-            } }, h("div", { key: '1643904cc02630eb56f711b7decf3157cefab417', class: "control-wrapper", style: {
+            } }, h("div", { key: '70f11f894aebe7b07ba8242e77415269b4993d3b', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, h("button", { key: 'd71bb576079e486f2bf197c1654e47ef81147455', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'e9d6cfbbb9aa6175d591db7fa67918b266506ed1' }))), h("div", { key: 'ae8db9b6af8276c07fef53b1e376ccf975dd1822', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, h("button", { key: 'e3f12c0df8027fb68d0dc2a3959e3eb381c32cc0', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '5c38bf4c6a812b8a3037ac56f157fcca621aeeb0' }))), h("div", { key: '64a663ca0549924b09ac5c8e2baf3068ddcd31f5', 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}`;
@@ -240,10 +257,10 @@ const NavigationTablist = class {
                     'digi-tab': true,
                     'is-active': isActive
                 }, id: `tab-${tab.id}`, role: "tab", type: "button", tabindex: focusable ? '0' : '-1', "aria-label": tab.ariaLabel, "aria-selected": isActive.toString(), "aria-controls": `tabpanel-${tab.id}`, onClick: () => this.handleTabChange(tab) }, 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: 'fad2b3c44632c2354abef8c4a863654cfb44954a', class: "control-wrapper", style: {
+        })), h("div", { key: '0b1a044dee5a083e591c432eb3f581e3b55d8194', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, h("button", { key: '75df669a8a5693fb90755daccbb85a09478124cc', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: 'b9d9fe9346d98fda9c97f999a1667645a58e3686' })))), h("div", { key: '03997499224b2d881c755eef234cee9dda4e2828', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: '0d983ff976eb7a90b92030b3ef9a33c135aab90a' }))));
+            } }, h("button", { key: '1a7cae20dc4c7e642d42e387ef8943a7b50fcede', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '4a5b8f1777c8dda09b6ff6dbbcd56cf86cac1d95' })))), h("div", { key: '91aaa4dedab1a063461b6c15e030bd5a29259c9b', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: 'fac2b5dacfc27c2cc51166d4841f122f5b496506' }))));
     }
     static get watchers() { return {
         "activeTab": ["syncPanels"],

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

@@ -0,0 +1,38 @@
+import { r as registerInstance, c as createEvent, h } from './index-8e318bb2.js';
+import { T as TagSize } from './tag-size.enum-1e1bcf94.js';
+import { _ as _t } from './text-ee5498fa.js';
+
+const tagCss = ".sc-digi-tag-h{--digi--tag--display:inline-block;--digi--tag--margin-bottom:var(--digi--gutter--smaller)}.sc-digi-tag-h .digi-tag.sc-digi-tag{display:var(--digi--tag--display);margin-bottom:var(--digi--tag--margin-bottom)}.sc-digi-tag-h .digi-tag__text.sc-digi-tag{display:inline-block;max-width:100%;white-space:normal}.sc-digi-tag-h .digi-tag__text--break.sc-digi-tag{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}";
+const DigiTagStyle0 = tagCss;
+
+const Tag = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afOnClick = createEvent(this, "afOnClick", 7);
+        this.afText = undefined;
+        this.afNoIcon = false;
+        this.afAriaLabel = undefined;
+        this.afSize = TagSize.SMALL;
+        this.afBreakWords = false;
+    }
+    clickHandler(e) {
+        e.stopPropagation();
+        this.afOnClick.emit(e);
+    }
+    get ariaLabel() {
+        const showIcon = !this.afNoIcon;
+        if (this.afAriaLabel) {
+            return this.afAriaLabel;
+        }
+        else if (showIcon) {
+            return _t.removeItem(this.afText);
+        }
+        return this.afText;
+    }
+    render() {
+        return (h("digi-button", { key: '25fdc1c2823e98fde25fcfa24be67d47a4fef609', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: '2b23fc2ea9682c42f9e0e791499eee1ee377a457', slot: "icon-secondary" })));
+    }
+};
+Tag.style = DigiTagStyle0;
+
+export { Tag as digi_tag };

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

@@ -38,14 +38,14 @@ import './navigation-context-menu-item-type.enum-d5434f5a.js';
 import './navigation-context-menu-horizontal-position.enum-e5ed22c2.js';
 import './navigation-sidebar-variation.enum-8fead764.js';
 import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
-import './progress-indicator-variation.enum-b12ba50a.js';
+import './typography-variation.enum-d5ac8594.js';
 import './progress-list-item-variation.enum-384b9a3a.js';
 import './progress-list-variation.enum-300bd89d.js';
 import './progressbar-variation.enum-40adaab4.js';
 import './quote-image-inner-position.enum-8e9b1e65.js';
 import './table-variation.enum-dd9366b6.js';
 import './tag-media-icon.enum-fefa191c.js';
-import './typography-variation.enum-850aad78.js';
+import './tag-size.enum-1e1bcf94.js';
 import './tools-feedback-banner-type.enum-74b4e580.js';
 import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './typography-heading-jumbo-variation.enum-eb737f1b.js';

package/dist/esm/index-8e318bb2.js

@@ -52,10 +52,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'digi-button_4':
+                case 'digi-icon-check_6':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-button_4.entry.js').then(processMod, consoleError);
+                      './digi-icon-check_6.entry.js').then(processMod, consoleError);
                 case 'digi-badge-status':
                     return import(
                       /* webpackMode: "lazy" */
@@ -848,10 +848,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-progress-circle.entry.js').then(processMod, consoleError);
-                case 'digi-progress-indicator':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-progress-indicator.entry.js').then(processMod, consoleError);
                 case 'digi-progress-list':
                     return import(
                       /* webpackMode: "lazy" */
@@ -880,6 +876,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-tablist-panel.entry.js').then(processMod, consoleError);
+                case 'digi-tag':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './digi-tag.entry.js').then(processMod, consoleError);
                 case 'digi-tools-feedback':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1048,14 +1048,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-util-breakpoint-observer.entry.js').then(processMod, consoleError);
-                case 'digi-icon-check':
+                case 'digi-form-label_3':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-icon-check.entry.js').then(processMod, consoleError);
-                case 'digi-form-label_5':
+                      './digi-form-label_3.entry.js').then(processMod, consoleError);
+                case 'digi-icon-x':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-form-label_5.entry.js').then(processMod, consoleError);
+                      './digi-icon-x.entry.js').then(processMod, consoleError);
                 case 'digi-util-keydown-handler':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1068,10 +1068,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-icon-chevron-right.entry.js').then(processMod, consoleError);
-                case 'digi-util-mutation-observer':
+                case 'digi-button':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-util-mutation-observer.entry.js').then(processMod, consoleError);
+                      './digi-button.entry.js').then(processMod, consoleError);
           }
       }
   return import(

package/dist/esm/index.js

@@ -36,14 +36,14 @@ export { N as NavigationContextMenuItemType } from './navigation-context-menu-it
 export { N as NavigationContextMenuHorizontalPosition } from './navigation-context-menu-horizontal-position.enum-e5ed22c2.js';
 export { N as NavigationSidebarCloseButtonPosition, a as NavigationSidebarHeadingLevel, b as NavigationSidebarMobilePosition, c as NavigationSidebarMobileVariation, d as NavigationSidebarPosition, e as NavigationSidebarVariation } from './navigation-sidebar-variation.enum-8fead764.js';
 export { N as NavigationVerticalMenuActiveIndicatorSize, a as NavigationVerticalMenuVariation } from './navigation-vertical-menu-variation.enum-c30b0ea9.js';
-export { P as ProgressIndicatorRole, a as ProgressIndicatorVariation } from './progress-indicator-variation.enum-b12ba50a.js';
+export { P as ProgressIndicatorRole, a as ProgressIndicatorVariation, T as TypographyVariation } from './typography-variation.enum-d5ac8594.js';
 export { P as ProgressListItemHeadingLevel, a as ProgressListItemStatus, b as ProgressListItemType, c as ProgressListItemVariation } from './progress-list-item-variation.enum-384b9a3a.js';
 export { P as ProgressListHeadingLevel, a as ProgressListStatus, b as ProgressListType, c as ProgressListVariation } from './progress-list-variation.enum-300bd89d.js';
 export { P as ProgressbarRole, a as ProgressbarVariation } from './progressbar-variation.enum-40adaab4.js';
 export { c as QuoteImageInnerPosition, b as QuoteImagePosition, Q as QuoteType, a as QuoteVariation } from './quote-image-inner-position.enum-8e9b1e65.js';
 export { T as TableSize, a as TableVariation } from './table-variation.enum-dd9366b6.js';
 export { T as TagMediaIcon } from './tag-media-icon.enum-fefa191c.js';
-export { T as TagSize, a as TypographyVariation } from './typography-variation.enum-850aad78.js';
+export { T as TagSize } from './tag-size.enum-1e1bcf94.js';
 export { T as ToolsFeedbackBannerHeadingLevel, a as ToolsFeedbackBannerType } from './tools-feedback-banner-type.enum-74b4e580.js';
 export { F as FeedbackRatingHeadingLevel, a as FeedbackRatingType, b as FeedbackRatingVariation } from './tools-feedback-rating-variation.enum-29058ff2.js';
 export { T as TypographyHeadingJumboLevel, a as TypographyHeadingJumboVariation } from './typography-heading-jumbo-variation.enum-eb737f1b.js';