@designsystem-se/af 39.2.1 → 39.2.3

package/dist/cjs/digi-form-select-filter.cjs.entry.js

@@ -7,27 +7,22 @@ var detectClickOutside_util = require('./detectClickOutside.util-DKR8Sdiw.js');
 var detectFocusOutside_util = require('./detectFocusOutside.util-BNHrXMJ2.js');
 var text = require('./text-Cu3CaHGj.js');
 require('./badge-notification-shape.enum-CEyEo2G5.js');
-var typographyVariation_enum = require('./typography-variation.enum-BDSt7CVI.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');
-var formInputType_enum = require('./form-input-type.enum-DvF_MTHK.js');
-var formInputVariation_enum = require('./form-input-variation.enum-kpoXNUuI.js');
+require('./form-validation-message-variation.enum-DgkifAnP.js');
+var formInputType_enum = 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');
@@ -53,7 +48,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');
@@ -597,7 +591,7 @@ const FormSelectFilter = class {
                 'digi-form-select-filter__dropdown': true,
                 'digi-form-select-filter__dropdown--right': this.afAlignRight,
                 'digi-form-select-filter__dropdown--hidden': !this.isOpen
-            } }, index.h("fieldset", { key: 'daa4e02e97f5907fc89aeb7a337bd97ceba1c148' }, index.h("div", { key: '99cd8af83d9b1410610f4e49a6759fac20c6955f', class: "digi-form-select-filter__header" }, index.h("legend", { key: '0ed1e17842e0795194c4b74d9600f17c3d2e63b0', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), index.h("digi-form-input", { key: 'c35f93cb680c6f6e902f281ff597108a9106b016', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: formInputVariation_enum.FormInputVariation.MEDIUM, afType: formInputType_enum.FormInputType.SEARCH, afValidation: formInputVariation_enum.FormInputValidation.NEUTRAL, onAfOnFocus: () => {
+            } }, index.h("fieldset", { key: 'daa4e02e97f5907fc89aeb7a337bd97ceba1c148' }, index.h("div", { key: '99cd8af83d9b1410610f4e49a6759fac20c6955f', class: "digi-form-select-filter__header" }, index.h("legend", { key: '0ed1e17842e0795194c4b74d9600f17c3d2e63b0', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), index.h("digi-form-input", { key: 'c35f93cb680c6f6e902f281ff597108a9106b016', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: typographyVariation_enum.FormInputVariation.MEDIUM, afType: formInputType_enum.FormInputType.SEARCH, afValidation: typographyVariation_enum.FormInputValidation.NEUTRAL, onAfOnFocus: () => {
                 this.focusListItemIndex = 0;
             }, onAfOnKeyup: (e) => {
                 this.inputSearchKeyboardHandler(e.detail);

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

@@ -2,27 +2,22 @@
 
 var index = require('./index-Cn1hHaSy.js');
 require('./badge-notification-shape.enum-CEyEo2G5.js');
-var typographyVariation_enum = require('./typography-variation.enum-BDSt7CVI.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');
@@ -48,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-header.cjs.entry.js

@@ -2,27 +2,22 @@
 
 var index = require('./index-Cn1hHaSy.js');
 require('./badge-notification-shape.enum-CEyEo2G5.js');
-var typographyVariation_enum = require('./typography-variation.enum-BDSt7CVI.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');
 var layoutContainerMaxWidth_enum = require('./layout-container-max-width.enum-DqWtU7WK.js');
@@ -48,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-info-card.cjs.entry.js

@@ -26,8 +26,8 @@ const InfoCard = class {
          */
         this.afBorderPosition = infoCardVariation_enum.InfoCardBorderPosition.TOP;
         /**
-         * Sätter variant. Kan vara 'primary' eller 'secondary'. Detta har endast genomslag om 'af-type' är 'tip'.
-         * @en Set info card variation. Can be 'primary' or 'secondary'. This only applies if 'af-type' is 'tip'.
+         * Sätter variant. Kan vara 'primary' eller 'secondary'.
+         * @en Set info card variation. Can be 'primary' or 'secondary'.
          */
         this.afVariation = infoCardVariation_enum.InfoCardVariation.PRIMARY;
         this.activeLink = false;
@@ -73,7 +73,7 @@ const InfoCard = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'fbdeac4da7aa22626349c61b243f10b6a4bd3d42', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, index.h("div", { key: '44772e768e3bc80a7a5a20b7858d6970070f27db', class: "digi-info-card__content" }, index.h("div", { key: 'e770035d77564f3a57a39c553631d37d1c278626', class: "digi-info-card__icon" }, this.hasListIcon && (index.h("span", { key: '68e4ad4d7b050ac36c23647f7a65cc6b059e20d2', class: "digi-info-card__icon" }, index.h("slot", { key: 'a8550b30fdb6e31dbb8e9d02bb4275f0d74bf73c', name: "icon" })))), index.h(this.afHeadingLevel, { key: '9f4d71156595099a0825c586ae533e89ef0028a1', class: "digi-info-card__heading" }, this.afHeading), index.h("digi-typography", { key: '915eb7c59aba9eaa9cf36a6af281ec31c17fe77e' }, index.h("slot", { key: '72c6ddf7f4ec870b670183e6f2b844ec46116aaf' })), this.shouldRenderInternalLink && (index.h("digi-link-internal", { key: '0ad0f534ef93d7743f2a93dc21edd9bdf423548b', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
+        return (index.h("div", { key: '56dc89fe307963c3088b9e8301700a5e29d36c22', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, index.h("div", { key: '504c5b7810f922a55ef5c887b24432a3ccb9ea78', class: "digi-info-card__content" }, index.h("div", { key: '6adb959fadb3c8a8182e0176cca3fd02686fadfb', class: "digi-info-card__icon" }, this.hasListIcon && (index.h("span", { key: '3a9c35f22e32d4b30dbcc0614c602541a7349fac', class: "digi-info-card__icon" }, index.h("slot", { key: '601de5d168bad7d3615c8d35b8dd464a392aef6c', name: "icon" })))), index.h(this.afHeadingLevel, { key: 'f6006f419904c85a05ea8efa3933b32c9373b655', class: "digi-info-card__heading" }, this.afHeading), index.h("digi-typography", { key: '3858f2e16f6b33a9f9bd72278c199ebc5b32e762' }, index.h("slot", { key: '5b0c1cc00581490aa189a5dd31a7d13f05ef6ce5' })), this.shouldRenderInternalLink && (index.h("digi-link-internal", { key: 'fcc04567e624c939c30c27dec8d3fd58fe0042eb', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,27 +3,22 @@
 var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 require('./badge-notification-shape.enum-CEyEo2G5.js');
-require('./typography-variation.enum-BDSt7CVI.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');
@@ -49,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-navigation-vertical-menu.cjs.entry.js

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

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

@@ -2,28 +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');
+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');
@@ -49,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,29 +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('./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');
@@ -49,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.cjs.entry.js

@@ -102,14 +102,10 @@ const NavigationTablist = class {
         }
     }
     syncPanels() {
-        // side-effect
-        if (this.panelsRef != null) {
-            const panels = this.panelsRef.querySelectorAll(':scope>digi-tablist-panel');
-            for (let i = 0; i < panels.length; i++) {
-                const panel = panels[i];
-                const showPanel = panel.tab === this.tabs[this.activeTab].id;
-                panel.isVisible = showPanel;
-            }
+        var _a;
+        const activeId = (_a = this.tabs[this.activeTab]) === null || _a === void 0 ? void 0 : _a.id;
+        for (const panel of this.getSlottedPanels()) {
+            panel.isVisible = panel.tab === activeId;
         }
     }
     handleTabPropChange(tabId) {
@@ -140,6 +136,11 @@ const NavigationTablist = class {
         this.windowTab = tabIdx;
     }
     setupTabs(tabs) {
+        // Angular/React can connect the element before afTabs is set.
+        if (tabs == null || tabs === '') {
+            return;
+        }
+        const hadTabs = this.tabs.length > 0;
         if (typeof tabs === 'string') {
             this.tabs = JSON.parse(tabs);
         }
@@ -149,6 +150,13 @@ const NavigationTablist = class {
         else {
             throw new Error('Invalid format or no tabs supplied');
         }
+        if (!hadTabs) {
+            this.setupInitialTab();
+        }
+        this.syncPanels();
+    }
+    getSlottedPanels() {
+        return Array.from(this.hostElement.querySelectorAll('digi-tablist-panel')).filter((panel) => panel.closest('digi-tablist') === this.hostElement);
     }
     setActiveTabById(id) {
         const tabIdx = this.tabs.findIndex((tab) => tab.id === id);
@@ -216,9 +224,23 @@ const NavigationTablist = class {
     componentWillLoad() {
         this.setupTabs(this.afTabs);
         this.setupInitialTab();
+        // Angular attaches the host first and binds `[afTabs]` on the next frame
+        // (Stencil 4.36+). @Watch skips that first assignment, so if tabs are not
+        // here yet, wait one frame. React/vanilla that already set the prop skip
+        // the delay.
+        if (this.tabs.length === 0) {
+            return new Promise((resolve) => {
+                requestAnimationFrame(() => {
+                    this.setupTabs(this.afTabs);
+                    this.setupInitialTab();
+                    resolve();
+                });
+            });
+        }
     }
     componentDidLoad() {
         var _a, _b, _c;
+        this.setupTabs(this.afTabs);
         // Also listen to window resize for viewport zoom changes
         if (window) {
             window.addEventListener('resize', this.handleResize, { passive: true });
@@ -240,14 +262,14 @@ const NavigationTablist = class {
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (index.h(index.Host, { key: '8bdab05cd034b9940aefcb9f38b16d09b6f0b0c7' }, index.h("div", { key: '2d2266a9600dcc5817130ed4ece38868779e0b69', class: {
+        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: 'a96cd5d9a2eec5b2b52f0d1a00b2810c28e8d4bd', class: "control-wrapper", style: {
+            } }, index.h("div", { key: '797f70a00aa1e3dd8a3b54d43808b9515259723c', 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) => {
+            } }, 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}`;
@@ -256,11 +278,12 @@ const NavigationTablist = class {
                     'digi-tab': true,
                     'is-active': isActive
                 }, id: `tab-${tab.id}`, role: "tab", type: "button", tabindex: focusable ? '0' : '-1', "aria-label": tab.ariaLabel, "aria-selected": isActive.toString(), "aria-controls": `tabpanel-${tab.id}`, onClick: () => this.handleTabChange(tab) }, 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: {
+        })), index.h("div", { key: 'db28ea61c349d7aaf057e84b607c4f851b3f6712', 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' }))));
+            } }, 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

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

@@ -2,27 +2,22 @@
 
 var index = require('./index-Cn1hHaSy.js');
 require('./badge-notification-shape.enum-CEyEo2G5.js');
-var typographyVariation_enum = require('./typography-variation.enum-BDSt7CVI.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');
@@ -48,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,29 +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('./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');
@@ -49,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');
@@ -132,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 = {}));