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

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

@@ -42,14 +42,14 @@ require('./navigation-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
-require('./progress-indicator-variation.enum-7cf8e0e4.js');
+const typographyVariation_enum = require('./typography-variation.enum-252bed2e.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');
 require('./progressbar-variation.enum-aff9fa80.js');
 require('./quote-image-inner-position.enum-e64e7a6d.js');
 require('./table-variation.enum-25df2ad7.js');
 require('./tag-media-icon.enum-372563c5.js');
-const typographyVariation_enum = require('./typography-variation.enum-bba759ae.js');
+require('./tag-size.enum-0a6be639.js');
 require('./tools-feedback-banner-type.enum-de373ba0.js');
 require('./tools-feedback-rating-variation.enum-2f71e84d.js');
 require('./typography-heading-jumbo-variation.enum-8677e099.js');

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

@@ -42,14 +42,14 @@ require('./navigation-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
-require('./progress-indicator-variation.enum-7cf8e0e4.js');
+require('./typography-variation.enum-252bed2e.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');
 require('./progressbar-variation.enum-aff9fa80.js');
 require('./quote-image-inner-position.enum-e64e7a6d.js');
 require('./table-variation.enum-25df2ad7.js');
 require('./tag-media-icon.enum-372563c5.js');
-require('./typography-variation.enum-bba759ae.js');
+require('./tag-size.enum-0a6be639.js');
 require('./tools-feedback-banner-type.enum-de373ba0.js');
 require('./tools-feedback-rating-variation.enum-2f71e84d.js');
 require('./typography-heading-jumbo-variation.enum-8677e099.js');

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

@@ -33,6 +33,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:
@@ -174,7 +179,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 === 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;
@@ -228,14 +245,14 @@ const NavigationTablist = class {
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (index.h(index.Host, { key: 'b254db2497b74752d34aa4672ae38ac5a1051024' }, index.h("div", { key: '4028d5c2ee9954fb5755285dfe88029fec02d516', class: {
+        return (index.h(index.Host, { key: 'aa87d470a00824859deb1e9305497f0001339c6a' }, index.h("div", { key: 'd2ea6128277f7aa604f8fab19828e5aabca636b3', 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: '1643904cc02630eb56f711b7decf3157cefab417', class: "control-wrapper", style: {
+            } }, index.h("div", { key: '70f11f894aebe7b07ba8242e77415269b4993d3b', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, index.h("button", { key: 'd71bb576079e486f2bf197c1654e47ef81147455', 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: 'e9d6cfbbb9aa6175d591db7fa67918b266506ed1' }))), index.h("div", { key: 'ae8db9b6af8276c07fef53b1e376ccf975dd1822', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, index.h("button", { key: 'e3f12c0df8027fb68d0dc2a3959e3eb381c32cc0', 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: '5c38bf4c6a812b8a3037ac56f157fcca621aeeb0' }))), index.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}`;
@@ -244,10 +261,10 @@ const NavigationTablist = class {
                     'digi-tab': true,
                     'is-active': isActive
                 }, id: `tab-${tab.id}`, role: "tab", type: "button", tabindex: focusable ? '0' : '-1', "aria-label": tab.ariaLabel, "aria-selected": isActive.toString(), "aria-controls": `tabpanel-${tab.id}`, onClick: () => this.handleTabChange(tab) }, index.h("div", { class: "content-wrapper" }, index.h("span", { class: "tablist-content" }, tab.icon && index.h(Icon, { "aria-hidden": "true" }), index.h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (index.h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), index.h("div", { class: "indicator" }))));
-        })), index.h("div", { key: 'fad2b3c44632c2354abef8c4a863654cfb44954a', class: "control-wrapper", style: {
+        })), index.h("div", { key: '0b1a044dee5a083e591c432eb3f581e3b55d8194', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, index.h("button", { key: '75df669a8a5693fb90755daccbb85a09478124cc', 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: 'b9d9fe9346d98fda9c97f999a1667645a58e3686' })))), index.h("div", { key: '03997499224b2d881c755eef234cee9dda4e2828', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, index.h("slot", { key: '0d983ff976eb7a90b92030b3ef9a33c135aab90a' }))));
+            } }, index.h("button", { key: '1a7cae20dc4c7e642d42e387ef8943a7b50fcede', 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: '4a5b8f1777c8dda09b6ff6dbbcd56cf86cac1d95' })))), index.h("div", { key: '91aaa4dedab1a063461b6c15e030bd5a29259c9b', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, index.h("slot", { key: 'fac2b5dacfc27c2cc51166d4841f122f5b496506' }))));
     }
     static get watchers() { return {
         "activeTab": ["syncPanels"],

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

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-cfa8e9be.js');
+const tagSize_enum = require('./tag-size.enum-0a6be639.js');
+const text = require('./text-ca7e238b.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) {
+        index.registerInstance(this, hostRef);
+        this.afOnClick = index.createEvent(this, "afOnClick", 7);
+        this.afText = undefined;
+        this.afNoIcon = false;
+        this.afAriaLabel = undefined;
+        this.afSize = tagSize_enum.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 text._t.removeItem(this.afText);
+        }
+        return this.afText;
+    }
+    render() {
+        return (index.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 && index.h("digi-icon-x", { key: '2b23fc2ea9682c42f9e0e791499eee1ee377a457', slot: "icon-secondary" })));
+    }
+};
+Tag.style = DigiTagStyle0;
+
+exports.digi_tag = Tag;

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

@@ -42,14 +42,14 @@ require('./navigation-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
-require('./progress-indicator-variation.enum-7cf8e0e4.js');
+require('./typography-variation.enum-252bed2e.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');
 require('./progressbar-variation.enum-aff9fa80.js');
 require('./quote-image-inner-position.enum-e64e7a6d.js');
 require('./table-variation.enum-25df2ad7.js');
 require('./tag-media-icon.enum-372563c5.js');
-require('./typography-variation.enum-bba759ae.js');
+require('./tag-size.enum-0a6be639.js');
 require('./tools-feedback-banner-type.enum-de373ba0.js');
 require('./tools-feedback-rating-variation.enum-2f71e84d.js');
 require('./typography-heading-jumbo-variation.enum-8677e099.js');

package/dist/cjs/index-cfa8e9be.js

@@ -74,10 +74,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'digi-button_4.cjs':
+                case 'digi-icon-check_6.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './digi-button_4.cjs.entry.js')); }).then(processMod, consoleError);
+                        './digi-icon-check_6.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-badge-status.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -870,10 +870,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './digi-progress-circle.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'digi-progress-indicator.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './digi-progress-indicator.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-progress-list.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -902,6 +898,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './digi-tablist-panel.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'digi-tag.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './digi-tag.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-tools-feedback.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1070,14 +1070,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './digi-util-breakpoint-observer.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'digi-icon-check.cjs':
+                case 'digi-form-label_3.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './digi-icon-check.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'digi-form-label_5.cjs':
+                        './digi-form-label_3.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'digi-icon-x.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './digi-form-label_5.cjs.entry.js')); }).then(processMod, consoleError);
+                        './digi-icon-x.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-util-keydown-handler.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1090,10 +1090,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './digi-icon-chevron-right.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'digi-util-mutation-observer.cjs':
+                case 'digi-button.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './digi-util-mutation-observer.cjs.entry.js')); }).then(processMod, consoleError);
+                        './digi-button.cjs.entry.js')); }).then(processMod, consoleError);
           }
       }
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(

package/dist/cjs/index.cjs.js

@@ -40,14 +40,14 @@ const navigationContextMenuItemType_enum = require('./navigation-context-menu-it
 const navigationContextMenuHorizontalPosition_enum = require('./navigation-context-menu-horizontal-position.enum-71b76501.js');
 const navigationSidebarVariation_enum = require('./navigation-sidebar-variation.enum-1c0c3064.js');
 const navigationVerticalMenuVariation_enum = require('./navigation-vertical-menu-variation.enum-c237edd3.js');
-const progressIndicatorVariation_enum = require('./progress-indicator-variation.enum-7cf8e0e4.js');
+const typographyVariation_enum = require('./typography-variation.enum-252bed2e.js');
 const progressListItemVariation_enum = require('./progress-list-item-variation.enum-90e4c874.js');
 const progressListVariation_enum = require('./progress-list-variation.enum-06d5ce27.js');
 const progressbarVariation_enum = require('./progressbar-variation.enum-aff9fa80.js');
 const quoteImageInnerPosition_enum = require('./quote-image-inner-position.enum-e64e7a6d.js');
 const tableVariation_enum = require('./table-variation.enum-25df2ad7.js');
 const tagMediaIcon_enum = require('./tag-media-icon.enum-372563c5.js');
-const typographyVariation_enum = require('./typography-variation.enum-bba759ae.js');
+const tagSize_enum = require('./tag-size.enum-0a6be639.js');
 const toolsFeedbackBannerType_enum = require('./tools-feedback-banner-type.enum-de373ba0.js');
 const toolsFeedbackRatingVariation_enum = require('./tools-feedback-rating-variation.enum-2f71e84d.js');
 const typographyHeadingJumboVariation_enum = require('./typography-heading-jumbo-variation.enum-8677e099.js');
@@ -675,13 +675,19 @@ Object.defineProperty(exports, 'NavigationVerticalMenuVariation', {
 Object.defineProperty(exports, 'ProgressIndicatorRole', {
     enumerable: true,
     get: function () {
-        return progressIndicatorVariation_enum.ProgressIndicatorRole;
+        return typographyVariation_enum.ProgressIndicatorRole;
     }
 });
 Object.defineProperty(exports, 'ProgressIndicatorVariation', {
     enumerable: true,
     get: function () {
-        return progressIndicatorVariation_enum.ProgressIndicatorVariation;
+        return typographyVariation_enum.ProgressIndicatorVariation;
+    }
+});
+Object.defineProperty(exports, 'TypographyVariation', {
+    enumerable: true,
+    get: function () {
+        return typographyVariation_enum.TypographyVariation;
     }
 });
 Object.defineProperty(exports, 'ProgressListItemHeadingLevel', {
@@ -789,13 +795,7 @@ Object.defineProperty(exports, 'TagMediaIcon', {
 Object.defineProperty(exports, 'TagSize', {
     enumerable: true,
     get: function () {
-        return typographyVariation_enum.TagSize;
-    }
-});
-Object.defineProperty(exports, 'TypographyVariation', {
-    enumerable: true,
-    get: function () {
-        return typographyVariation_enum.TypographyVariation;
+        return tagSize_enum.TagSize;
     }
 });
 Object.defineProperty(exports, 'ToolsFeedbackBannerHeadingLevel', {