@designsystem-se/af 35.4.1-beta.0 → 36.0.0

package/dist/esm/digi-icon-x-button.entry.js

@@ -14,11 +14,11 @@ const IconXButton = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '13acf598deb73d0328f5e4540988d221ed92bf7a', class: "digi-icon-x-button", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'c3dca3e090abd6fe81e89fe5334183c2ecdfb4c9', class: "digi-icon-x-button", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '1409922a81f6da5d8357c7c6854bb523cdbb99e1', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'd20cfee7b7b6175db3b89a97f0e16c6cb25cce99' }, this.afDesc), h("g", { key: '09d34a6086bf72c8f06a26ba74fc1406d966c246', class: "digi-icon-x-button__shape", fill: "none", "fill-rule": "evenodd" }, h("circle", { key: '17c9c74d27f95a155eed733a78a439558b47f9cf', fill: "currentColor", cx: "12.5", cy: "12.5", r: "12.5" }), h("g", { key: '3b02012dc1bf705ce8b38a9f0b6cdd0e14e3e535', stroke: "#F9F9F9", "stroke-linecap": "square", "stroke-width": "2.044" }, h("path", { key: 'b6d04ef37d746ee1388dfe9d0fcd1b99bf907627', d: "M8.333 8.333l8.32 8.32M16.652 8.333l-8.319 8.32" })))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '938be5f1d8826b8d1fa01db02522c1ac39beba8b', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f300dd3b88ea3d96d3e09c6dc97bb92371914aa4' }, this.afDesc), h("g", { key: '36a6999feef7194a484ff5c35bb9187f6aa58e81', class: "digi-icon-x-button__shape", fill: "none", "fill-rule": "evenodd" }, h("circle", { key: '4aef24278afc4c5bba2564e0518ebfb3732bd9c3', fill: "currentColor", cx: "12.5", cy: "12.5", r: "12.5" }), h("g", { key: '3d4fdb701c5815e2960dc3a9638a8e0d19fd4ff2', stroke: "#F9F9F9", "stroke-linecap": "square", "stroke-width": "2.044" }, h("path", { key: '488562856bda133ace348fb7d9abb0b8f6dd8850', d: "M8.333 8.333l8.32 8.32M16.652 8.333l-8.319 8.32" })))));
     }
 };
 IconXButton.style = DigiIconXButtonStyle0;

package/dist/esm/digi-icon-x.entry.js

@@ -0,0 +1,26 @@
+import { r as registerInstance, h } from './index-148a7577.js';
+import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
+
+const iconXCss = ".sc-digi-icon-x-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-x-h svg.sc-digi-icon-x{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconXStyle0 = iconXCss;
+
+const IconX = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: '08f03b205fb0bb4baa9a17a35165c62ab515ac6a', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '2809b1473fb842f1843fe76566e2e11c64b47274', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '3966f720e79b23d789432dc5c1de498d7817c2b6' }, this.afDesc), h("g", { key: '4bd65b97e3311e140c1bfacd068aee84c18c97e4', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, h("path", { key: '924bba4b9e83da3466364294378fbc550d3eb404', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
+    }
+};
+IconX.style = DigiIconXStyle0;
+
+export { IconX as digi_icon_x };

package/dist/esm/digi-icon-youtube.entry.js

@@ -14,11 +14,11 @@ const IconYoutube = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '66db085dbd759f78771a9746df013a203fe7f60d', class: "digi-icon-youtube", width: "27", height: "19", viewBox: "0 0 27 19", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'aef34a0236d2e567fee1d23cd5b585914343558a', class: "digi-icon-youtube", width: "27", height: "19", viewBox: "0 0 27 19", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: 'a18a1cf3890fb14582eef407267103cfdbc01492', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '09fd0727c4c6a17e66ec92745069e5a1bf2dda09' }, this.afDesc), h("path", { key: '868e298ba1e590cb9fa31810aa41664257790c3c', class: "digi-icon-youtube__shape", d: "M26.392 2.973a3.388 3.388 0 00-2.38-2.405C21.915 0 13.5 0 13.5 0S5.086 0 2.987.568A3.388 3.388 0 00.608 2.973C.046 5.093.046 9.519.046 9.519s0 4.426.562 6.547a3.338 3.338 0 002.38 2.366C5.085 19 13.5 19 13.5 19s8.414 0 10.513-.568a3.338 3.338 0 002.379-2.366c.562-2.121.562-6.547.562-6.547s0-4.425-.562-6.546zM10.748 13.537V5.501l7.033 4.018-7.033 4.018z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: '9273ed454225db709b9ec45ff27cf8ab56a7f030', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'ffa8c3bc4daa243d2505214eb7bff0736c5fbf95' }, this.afDesc), h("path", { key: '01e4ed63ee1faa20030df22f5d51a832d09d64aa', class: "digi-icon-youtube__shape", d: "M26.392 2.973a3.388 3.388 0 00-2.38-2.405C21.915 0 13.5 0 13.5 0S5.086 0 2.987.568A3.388 3.388 0 00.608 2.973C.046 5.093.046 9.519.046 9.519s0 4.426.562 6.547a3.338 3.338 0 002.38 2.366C5.085 19 13.5 19 13.5 19s8.414 0 10.513-.568a3.338 3.338 0 002.379-2.366c.562-2.121.562-6.547.562-6.547s0-4.425-.562-6.546zM10.748 13.537V5.501l7.033 4.018-7.033 4.018z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
 IconYoutube.style = DigiIconYoutubeStyle0;

package/dist/esm/digi-info-card-multi-container.entry.js

@@ -10,7 +10,7 @@ const InfoCardMultiContainer = class {
         this.afHeadingLevel = undefined;
     }
     render() {
-        return (h("div", { key: '40220f4e27b09f79421da951ce0be198df62f090', class: "digi-info-card-multi-container" }, this.afHeading && this.afHeadingLevel && (h(this.afHeadingLevel, { key: '3ffb0c37b3f400e41d104cbd8caca85b360735bd', class: "digi-info-card-multi-container__heading" }, this.afHeading)), h("digi-layout-columns", { key: '1b9540154bf2d1097df5f9fe6a827ef10abb338f', "af-variation": "three" }, h("slot", { key: 'eeab246a190ddd696ac274dc938d8d003463b7c1' }))));
+        return (h("div", { key: '74e8bc29b8820d7cb7ee5d45c53737f7ab7c5b3e', class: "digi-info-card-multi-container" }, this.afHeading && this.afHeadingLevel && (h(this.afHeadingLevel, { key: 'e4c1413defad3e5de05027c822ad3990ef3788d0', class: "digi-info-card-multi-container__heading" }, this.afHeading)), h("digi-layout-columns", { key: 'c7114e53b8383378d194aa87a6546fbc36dca7d7', "af-variation": "three" }, h("slot", { key: '22dcf1624dc295c8c37a74e74564db8a87e6ae93' }))));
     }
 };
 InfoCardMultiContainer.style = DigiInfoCardMultiContainerStyle0;

package/dist/esm/digi-info-card-multi.entry.js

@@ -41,7 +41,7 @@ const InfoCardMulti = class {
         };
     }
     render() {
-        return (h(Host, { key: '86815f85c143315dcdf2eb3a6e2ce4a85e4b0904' }, h("div", { key: '7fe9e7166803ece9bbb400209ad1a1e20ba5f0ed', class: Object.assign({ 'digi-info-card-multi': true }, this.cssModifiers) }, h("div", { key: '7e1092e94696702b12aaca41dec7ad4808a83491', class: "digi-info-card-multi__content" }, this.afType == InfoCardMultiType.MEDIA && (h("div", { key: '75205a3921664174bc6abab49190a0900a7c2d62', class: "digi-info-card-multi__image" }, h("digi-media-image", { key: 'd749ced284b78314e6c95b6fb747285f1d2258e9', afUnlazy: true, afFullwidth: true, "af-src": this.afSrc, afAlt: this.afAlt }, h("div", { key: '0064442eda5ddf61b521afd67c93ec0180050af3', class: "digi-info-card-multi__tag" }, h("digi-tag-media", { key: 'd92466b847ca7d4c43d8b5b1b355e5d112fe3c35', "af-icon": this.afTagIcon, afText: this.afTagText }))))), h("div", { key: '208128f3137768e7503e862426092f3a9b158f2c', class: "digi-info-card-multi__text" }, h(this.afHeadingLevel, { key: '2385680e3c32335976d48d97c2114ec26df6b8f3', class: "digi-info-card-multi__heading" }, h("a", { key: '5271d0797f8928c59cf2e877f36944335a3e1272', class: "digi-info-card-multi__link", href: this.afLinkHref, onMouseEnter: () => (this.activeLink = true), onFocus: () => (this.activeLink = true), onMouseLeave: () => (this.activeLink = false), onBlur: () => (this.activeLink = false), onClick: (e) => this.clickLinkHandler(e) }, this.afHeading)), h("digi-typography", { key: 'f2768e88ec27f7291efc06438bab36cae2ac0745' }, h("slot", { key: '617888e036bd2dd56dfcdcb51044f2e220449b1e' })))))));
+        return (h(Host, { key: '46a4134cb75efcb2012c88bbf0caf8a8ebf22918' }, h("div", { key: 'bbf4cfdd8eac88ddcf08b0a4c3fcc4bf6d93c0d6', class: Object.assign({ 'digi-info-card-multi': true }, this.cssModifiers) }, h("div", { key: '582176e6ab09be0e3fb85f49756012f58b5d47af', class: "digi-info-card-multi__content" }, this.afType == InfoCardMultiType.MEDIA && (h("div", { key: 'd69c2716cab0413d2c75d8a061d83aee3e1f7d3f', class: "digi-info-card-multi__image" }, h("digi-media-image", { key: '1e2c8ab13b0b441dbfa51b678510b2a2c1814eff', afUnlazy: true, afFullwidth: true, "af-src": this.afSrc, afAlt: this.afAlt }, h("div", { key: 'caef9a57f1910e7c519df9a2486f4c79b6ca86d5', class: "digi-info-card-multi__tag" }, h("digi-tag-media", { key: 'be8983d6194fc8ff6ca88684f6ab502588fe5ede', "af-icon": this.afTagIcon, afText: this.afTagText }))))), h("div", { key: '96263a0fb1de73a55ba121d89bf9f50f6987e8d2', class: "digi-info-card-multi__text" }, h(this.afHeadingLevel, { key: 'd4bb1d4187b6bdd0968c13be2c19fcf37f699d89', class: "digi-info-card-multi__heading" }, h("a", { key: '91b5e9fae261671b78e6445d690d6b466ddfbddb', class: "digi-info-card-multi__link", href: this.afLinkHref, onMouseEnter: () => (this.activeLink = true), onFocus: () => (this.activeLink = true), onMouseLeave: () => (this.activeLink = false), onBlur: () => (this.activeLink = false), onClick: (e) => this.clickLinkHandler(e) }, this.afHeading)), h("digi-typography", { key: '3c5b36b4f2c53ed0e8891fafa7912a051d7dbb7d' }, h("slot", { key: 'c81afe99518e6d2aaeedec4472e188c836d4d213' })))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-info-card.entry.js

@@ -62,7 +62,7 @@ const InfoCard = class {
         };
     }
     render() {
-        return (h("div", { key: 'b87aaf790c4736075233c8cf0d15e16e757e67f1', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, h("div", { key: '4f645a39d73a782d44ce58d6027805daa07ce6b6', class: "digi-info-card__content" }, h("div", { key: '3c0e7f91e3ac681c051eb24688c88fb28a1cf6bf', class: "digi-info-card__icon" }, this.hasListIcon && (h("span", { key: '53ddc991ebbd95b6a2076f491187a4c8de274b58', class: "digi-info-card__icon" }, h("slot", { key: '182ee887c37e7dea4a4ab98189ea08af15418944', name: "icon" })))), h(this.afHeadingLevel, { key: '8a2b1fbd4cf78cc706daf2fc74157587c16e43b8', class: "digi-info-card__heading" }, this.afHeading), h("digi-typography", { key: '6c0ccbf7115dd68e2f7e6e0b55daac41d9285c2d' }, h("slot", { key: '34f5f0b4526721271edd8095ae78e8812142ea10' })), this.shouldRenderInternalLink && (h("digi-link-internal", { key: 'c4f3442b1b6c22ecc6d0cd12f37af5f4707244b1', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
+        return (h("div", { key: '2f063cce72a6924d263fbcf6caab1131ca041b56', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, h("div", { key: 'fab19f5bac4d8ede916e11bdb54bba52815304db', class: "digi-info-card__content" }, h("div", { key: 'b9f3667efca73a2fbcfd6112f3d5d312531e0340', class: "digi-info-card__icon" }, this.hasListIcon && (h("span", { key: '6d2bc5ec8fbad68c96a4b7776f077c1b37f94e0d', class: "digi-info-card__icon" }, h("slot", { key: '1fdfd2ee0ce2a46ef51eae0a1bda6f2ca5724f4c', name: "icon" })))), h(this.afHeadingLevel, { key: 'bb78b771c0cb11f564d5642a379e9528fe7d954b', class: "digi-info-card__heading" }, this.afHeading), h("digi-typography", { key: '52ee2d240c8af877946d758fa020324fa4b5acf8' }, h("slot", { key: '2cd86da44436147f37c8e9d867bd831bf6dc6844' })), this.shouldRenderInternalLink && (h("digi-link-internal", { key: 'c2e44d3f19831a94762e50e5d055dc754be3a1ae', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-layout-block_2.entry.js

@@ -0,0 +1,87 @@
+import { r as registerInstance, h, F as Fragment } from './index-148a7577.js';
+import { L as LayoutBlockVariation } from './layout-block-variation.enum-b7a20db4.js';
+import { L as LayoutBlockContainer, a as LayoutContainerVariation, b as LayoutContainerMaxWidth } from './layout-container-max-width.enum-c40018ac.js';
+
+const layoutBlockCss = ".sc-digi-layout-block-h{--digi--layout-block--background--primary:var(--digi--color--background--primary);--digi--layout-block--background--secondary:var(--digi--color--background--secondary);--digi--layout-block--background--tertiary:var(--digi--color--background--sentiment--neutral--primary);--digi--layout-block--background--symbol:var(--digi--color--background--pop-out);--digi--layout-block--background--profile:var(--digi--color--background--brand-primary);display:block}.sc-digi-layout-block-h .digi-layout-block.sc-digi-layout-block{background:var(--BACKGROUND)}.sc-digi-layout-block-h .digi-layout-block--transparent.sc-digi-layout-block{--BACKGROUND:transparent}.sc-digi-layout-block-h .digi-layout-block--primary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--primary)}.sc-digi-layout-block-h .digi-layout-block--secondary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--secondary)}.sc-digi-layout-block-h .digi-layout-block--tertiary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--tertiary)}.sc-digi-layout-block-h .digi-layout-block--symbol.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--symbol)}.sc-digi-layout-block-h .digi-layout-block--profile.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--profile)}";
+const DigiLayoutBlockStyle0 = layoutBlockCss;
+
+const LayoutBlock = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this._container = LayoutBlockContainer.STATIC;
+        this.afVariation = LayoutBlockVariation.PRIMARY;
+        this.afContainer = LayoutBlockContainer.STATIC;
+        this.afVerticalPadding = undefined;
+        this.afMarginTop = undefined;
+        this.afMarginBottom = undefined;
+    }
+    containerChangeHandler() {
+        this._container = this.afContainer;
+    }
+    componentWillLoad() {
+        this.containerChangeHandler();
+    }
+    get cssModifiers() {
+        return {
+            'digi-layout-block--transparent': this.afVariation === LayoutBlockVariation.TRANSPARENT,
+            'digi-layout-block--primary': this.afVariation === LayoutBlockVariation.PRIMARY,
+            'digi-layout-block--secondary': this.afVariation === LayoutBlockVariation.SECONDARY,
+            'digi-layout-block--tertiary': this.afVariation === LayoutBlockVariation.TERTIARY,
+            'digi-layout-block--symbol': this.afVariation === LayoutBlockVariation.SYMBOL,
+            'digi-layout-block--profile': this.afVariation === LayoutBlockVariation.PROFILE
+        };
+    }
+    render() {
+        return (h("div", { key: 'e2feec87a90de06812ec1e0903e731035ab0b90b', class: Object.assign({ 'digi-layout-block': true }, this.cssModifiers) }, this._container === LayoutBlockContainer.NONE ? (h(Fragment, null, h("slot", null))) : (h("digi-layout-container", { afVariation: this._container, "af-vertical-padding": this.afVerticalPadding, "af-margin-top": this.afMarginTop, "af-margin-bottom": this.afMarginBottom }, h("slot", null)))));
+    }
+    static get watchers() { return {
+        "afContainer": ["containerChangeHandler"]
+    }; }
+};
+LayoutBlock.style = DigiLayoutBlockStyle0;
+
+const layoutContainerCss = ".sc-digi-layout-container-h{--digi--layout-container--width:var(--digi--container-width--smaller);--digi--layout-container--gutter:var(--digi--container-gutter--base);--digi--layout-container--vertical-padding:0;--digi--layout-container--margin-top:0;--digi--layout-container--margin-bottom:0}.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{box-sizing:border-box;width:100%;max-width:var(--digi--layout-container--width);padding:var(--digi--layout-container--vertical-padding) var(--digi--layout-container--gutter);margin-left:auto;margin-right:auto;margin-top:var(--digi--layout-container--margin-top);margin-bottom:var(--digi--layout-container--margin-bottom);box-sizing:border-box}@media (min-width: 47.9375rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--small);--digi--layout-container--gutter:var(--digi--container-gutter--small)}}@media (min-width: 48rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--medium);--digi--layout-container--gutter:var(--digi--container-gutter--medium)}}@media (min-width: 61.9375rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--large);--digi--layout-container--gutter:var(--digi--container-gutter--large)}}@media (min-width: 75rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--larger);--digi--layout-container--gutter:var(--digi--container-gutter--larger)}}@media (min-width: 87.5rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--largest);--digi--layout-container--gutter:var(--digi--container-gutter--largest)}.sc-digi-layout-container-h .digi-layout-container--max-width-1200.sc-digi-layout-container{--digi--layout-container--width:var(--digi--global--size--larger)}}.sc-digi-layout-container-h .digi-layout-container--fluid.sc-digi-layout-container{--digi--layout-container--width:none !important}.sc-digi-layout-container-h .digi-layout-container--no-gutter.sc-digi-layout-container{--digi--layout-container--gutter:0}.sc-digi-layout-container-h .digi-layout-container--vertical-padding.sc-digi-layout-container{--digi--layout-container--vertical-padding:var(--digi--padding--large)}.sc-digi-layout-container-h .digi-layout-container--margin-top.sc-digi-layout-container{--digi--layout-container--margin-top:var(--digi--margin--large)}.sc-digi-layout-container-h .digi-layout-container--margin-bottom.sc-digi-layout-container{--digi--layout-container--margin-bottom:var(--digi--margin--large)}";
+const DigiLayoutContainerStyle0 = layoutContainerCss;
+
+const LayoutContainer = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this._variation = LayoutContainerVariation.STATIC;
+        this.afVariation = LayoutContainerVariation.STATIC;
+        this.afMaxWidth = LayoutContainerMaxWidth.WIDTH_1400;
+        this.afNoGutter = undefined;
+        this.afVerticalPadding = undefined;
+        this.afMarginTop = undefined;
+        this.afMarginBottom = undefined;
+    }
+    variationChangeHandler() {
+        this._variation = this.afVariation;
+    }
+    componentWillLoad() {
+        this.variationChangeHandler();
+    }
+    get cssModifiers() {
+        if (this._variation === LayoutContainerVariation.NONE) {
+            return {};
+        }
+        return {
+            'digi-layout-container': true,
+            'digi-layout-container--static': this._variation === LayoutContainerVariation.STATIC,
+            'digi-layout-container--fluid': this._variation === LayoutContainerVariation.FLUID,
+            'digi-layout-container--max-width-1200': this.afMaxWidth === LayoutContainerMaxWidth.WIDTH_1200,
+            'digi-layout-container--no-gutter': this.afNoGutter,
+            'digi-layout-container--vertical-padding': this.afVerticalPadding,
+            'digi-layout-container--margin-top': this.afMarginTop,
+            'digi-layout-container--margin-bottom': this.afMarginBottom
+        };
+    }
+    render() {
+        return (h("div", { key: '725053a8cc39249a0415ba129daf1fc150139a9f', class: Object.assign({}, this.cssModifiers) }, h("slot", { key: 'c3caff08c7d1df60901d81abc5bbfb7bf9005ef7' })));
+    }
+    static get watchers() { return {
+        "afVariation": ["variationChangeHandler"]
+    }; }
+};
+LayoutContainer.style = DigiLayoutContainerStyle0;
+
+export { LayoutBlock as digi_layout_block, LayoutContainer as digi_layout_container };

package/dist/esm/digi-layout-columns.entry.js

@@ -21,7 +21,7 @@ const LayoutColumns = class {
         };
     }
     render() {
-        return (h(this.afElement, { key: '9981cd8b148d03fbfc51b6dc146a25b18d9dd8b0', class: Object.assign({ 'digi-layout-columns': true }, this.cssModifiers) }, h("slot", { key: '26459997d8caa42ccda4e82e24edd7d8286fea98' })));
+        return (h(this.afElement, { key: '4795909abefdef48747f62c2b2505852ceb9ecad', class: Object.assign({ 'digi-layout-columns': true }, this.cssModifiers) }, h("slot", { key: 'a62b8df533d3d4a792d64c77064911affcb4965e' })));
     }
 };
 LayoutColumns.style = DigiLayoutColumnsStyle0;

package/dist/esm/digi-link-button.entry.js

@@ -53,7 +53,7 @@ const LinkButton = class {
         };
     }
     render() {
-        return (h(Host, { key: '75f43380c8844ae0337b29691feed99b0acba6ed', class: Object.assign({ 'digi-link-button': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: '384b103cdda3806ceebf6c3d0c3e2e35b1979fce', href: this.afHref, "aria-label": this.afAriaLabel, onClick: (e) => this.clickLinkHandler(e), ref: (el) => (this._link = el) }, h("span", { key: '55c1523b696faef38a4b4e00f2b9d64bd52cd2f1', class: "digi-link-button__text" }, h("slot", { key: 'e516eadc702eca45be24e04d5f9d0c436dd6ef9a' })), this.hasNotification && h("slot", { key: '0d4fc47c6a63ef621f0e5b06a5704f78a6988835', name: "notification" }), h("digi-icon-chevron-right", { key: 'b7c058a116d956771ef1f992a82cf2735c1230e4', class: "digi-link-button__icon" }))), this.afLinkContainer && (h(Fragment, { key: 'f8483003f9702cb3fe573079bedda82267e710fb' }, h("slot", { key: '04f83d58576061d3db853e4bb678ffd6177ba871' }), this.hasNotification && h("slot", { key: 'b4629a7a5e7c491c6c1dc9704aaab949370cc801', name: "notification" })))));
+        return (h(Host, { key: '912e033fb035df1cdd5ebb6ce8bc35f0b5f1c79f', class: Object.assign({ 'digi-link-button': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: '4c519d24bb7876e50c38c1f01f117dc60dac79ba', href: this.afHref, "aria-label": this.afAriaLabel, onClick: (e) => this.clickLinkHandler(e), ref: (el) => (this._link = el) }, h("span", { key: 'b095e3ef659e5a20a8bd5d7397a4d17f914298bd', class: "digi-link-button__text" }, h("slot", { key: '9da0bde27b312b79310a36939cda71e5c44be19d' })), this.hasNotification && h("slot", { key: 'b19c63133b1014a0a6e1b6d95b81ae2d48638ba8', name: "notification" }), h("digi-icon-chevron-right", { key: '7ef41bd82490cdac4268a24c988d5d35c33e58c6', class: "digi-link-button__icon" }))), this.afLinkContainer && (h(Fragment, { key: '987a6cd83ff9959b53a098a27cbd43a7d8389ffb' }, h("slot", { key: 'c5ab750ed9828c9af326ab88bb3c750146b40677' }), this.hasNotification && h("slot", { key: '8edb1cae2d9438dd3a2bf82aaf3028f75d47f980', name: "notification" })))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/digi-link-internal.entry.js

@@ -24,7 +24,7 @@ const LinkInternal = class {
         };
     }
     render() {
-        return (h(Host, { key: '6b66cb6bfa3c19bad4828751591db1d2b90fbc84' }, !this.afLinkContainer && (h("digi-link", { key: 'f66674fb7d344755bf2162ea70e95561c0d57292', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: this.afOverrideLink, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("digi-icon-chevron-right", { key: 'a2e6627745e125c7db620ed99a0be187ce80c90c', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), h("slot", { key: '706716bad220ab85f922a7683d79f808af8b736d' }))), this.afLinkContainer && (h("digi-link", { key: 'd53a084be9ffc99a8911a9f33a8a4a72491c310e', afHref: this.afHref, afOverrideLink: true, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("slot", { key: '6f1f9f7ed1ce8b98175eae17902d6c195c694cc1' })))));
+        return (h(Host, { key: 'c6d5e7a0105a9925a2f86b7116a2ede429416ff3' }, !this.afLinkContainer && (h("digi-link", { key: 'e45e9126a56d10597a6c28a597e121a73262bfdf', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: this.afOverrideLink, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("digi-icon-chevron-right", { key: 'd832ccde4247f8279dc3508a4105878bf7d52787', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), h("slot", { key: '51569cf86084177a09f7d24359d0f26fb6f4f775' }))), this.afLinkContainer && (h("digi-link", { key: '10b6567afd3e6180b19352dce82104dc3c15617d', afHref: this.afHref, afOverrideLink: true, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("slot", { key: '425f14738e3fbcc55509acb533e2825ace5cd224' })))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -59,7 +59,7 @@ const Link = class {
         };
     }
     render() {
-        return (h(Host, { key: 'ea585faa738d1b81bb714b1a0e668ad4af574a9b', class: Object.assign({ 'digi-link': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: 'f84ee16ffac9f85896fe6c1d7cd51ea59c46f214', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), target: this.afTarget, rel: this.relation, ref: (el) => (this._link = el), "aria-describedby": this.afDescribedby, "aria-label": this.afAriaLabel, download: this.afDownload }, this.hasIcon && (h("div", { key: 'edc494a7d2347443f9dbce506e2946d111b7c4ea', class: "digi-link__icon-wrapper", "aria-hidden": "true" }, h("slot", { key: '03776eafc8e5c5391d0565c4056334c9c3ab53b8', name: "icon" }))), h("slot", { key: '704c61eb6857e6de02c690153c8827c0196c1d74' }))), this.afLinkContainer && h("slot", { key: '899c6ea8185939e86b0976e6e437d5ebe5dc9b2c' })));
+        return (h(Host, { key: '39f2ab8f08a13d1c4d7cae4dadc36b8670bb0fc0', class: Object.assign({ 'digi-link': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: '66a8dc062b313986fe9c1faeb766c9e325ee5d86', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), target: this.afTarget, rel: this.relation, ref: (el) => (this._link = el), "aria-describedby": this.afDescribedby, "aria-label": this.afAriaLabel, download: this.afDownload }, this.hasIcon && (h("div", { key: '03fdec9e4444f0cf7a2bfe7de1ba95ed82b62a38', class: "digi-link__icon-wrapper", "aria-hidden": "true" }, h("slot", { key: 'bb8a908170e7328e425b175b969e0b0a75302729', name: "icon" }))), h("slot", { key: 'cc3dfa7c092ea7f6272d14c5ae2889671eb2fd01' }))), this.afLinkContainer && h("slot", { key: '659499126035d0dc3c6bed718c692e9d891e1ddf' })));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -75,7 +75,7 @@ const List = class {
             'digi-list': true,
             [`digi-list--${this.afListType}`]: true
         };
-        return (h("digi-typography", { key: '6c2a57ee6a45e1fe99cecf787e332541c1304cd1' }, h(Tag, { key: 'fae3a335511377935d27754bfbf8ebee31749955', class: className }, h("slot", { key: '531cb1dce2ee3044a2ffa3d12b429d27db44266d' }))));
+        return (h("digi-typography", { key: '7023126f899268eec8356ea94082b8d80bd70a44' }, h(Tag, { key: 'd5e6823a1561b48046bf7a725d66fcadc383b63e', class: className }, h("slot", { key: 'b3aca93f79eb939aac15181e70585b3fdb6b8715' }))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/digi-loader-skeleton.entry.js

@@ -22,17 +22,17 @@ const LoaderSkeleton = class {
         };
     }
     render() {
-        return (h(Host, { key: '95ae23e3117aa9049d7b7e796a0b5805a8436804' }, h("div", { key: '2d9f2020b494bc3c2486cabdf7292f66a2d86f96', "aria-busy": "true", "aria-hidden": "true", class: Object.assign({ 'digi-loader-skeleton': true }, this.cssModifiers) }, this.afVariation === LoaderSkeletonVariation.HEADER && (h("div", { key: '1abdba3e351dbc4f2896282eb3548436255a328f', class: "digi-loader-skeleton__item digi-loader-skeleton__item--header" })), this.afVariation === LoaderSkeletonVariation.LINE && (h("div", { key: '02ec2f8d94c32a75aaaa5f3de706e4bb8ef70822', class: "digi-loader-skeleton__item digi-loader-skeleton__item--line" })), this.afVariation === LoaderSkeletonVariation.TEXT &&
+        return (h(Host, { key: '33f24bd26a09dc35c29265c4356e8a01dd07c70d' }, h("div", { key: 'f2d8247832a41bb17750c42427ba7583e782fba6', "aria-busy": "true", "aria-hidden": "true", class: Object.assign({ 'digi-loader-skeleton': true }, this.cssModifiers) }, this.afVariation === LoaderSkeletonVariation.HEADER && (h("div", { key: 'c6dde693d036530a7aec323f84067ba72002ca94', class: "digi-loader-skeleton__item digi-loader-skeleton__item--header" })), this.afVariation === LoaderSkeletonVariation.LINE && (h("div", { key: 'd3f4bd2862d8d37c9d981f3d4928ee2742dcae81', class: "digi-loader-skeleton__item digi-loader-skeleton__item--line" })), this.afVariation === LoaderSkeletonVariation.TEXT &&
             Array(this.afCount)
                 .fill('')
                 .map(() => {
                 return (h("div", { class: "digi-loader-skeleton__item digi-loader-skeleton__item--text" }));
             }), this.afVariation === LoaderSkeletonVariation.SECTION && [
-            h("div", { key: '1729bd8dee2b4c2c2e0cf8243b3c5ea2521e883d', class: "digi-loader-skeleton__item digi-loader-skeleton__item--section-header" }),
+            h("div", { key: 'e7c4e6c229ba484b4e27db6abc952609635c4c76', class: "digi-loader-skeleton__item digi-loader-skeleton__item--section-header" }),
             ...Array(this.afCount)
                 .fill('')
                 .map(() => (h("div", { class: "digi-loader-skeleton__item digi-loader-skeleton__item--section-text" })))
-        ], this.afVariation === LoaderSkeletonVariation.CIRCLE && (h("div", { key: 'bf387095e3199db48ec2a9b5bf8e0ee7f38d041a', class: "digi-loader-skeleton__item digi-loader-skeleton__item--circle" })), this.afVariation === LoaderSkeletonVariation.ROUNDED && (h("div", { key: '030dab4232b9583a625b520e38926650a0d6827e', class: "digi-loader-skeleton__item digi-loader-skeleton__item--rounded" })))));
+        ], this.afVariation === LoaderSkeletonVariation.CIRCLE && (h("div", { key: 'd9968b984de04b2a3db5fcd1096a7baee5e632cf', class: "digi-loader-skeleton__item digi-loader-skeleton__item--circle" })), this.afVariation === LoaderSkeletonVariation.ROUNDED && (h("div", { key: '87ee55747871d3125468c032a5f00dafa30c55cc', class: "digi-loader-skeleton__item digi-loader-skeleton__item--rounded" })))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/digi-loader-spinner.entry.js

@@ -18,7 +18,7 @@ const LoaderSpinner = class {
         };
     }
     render() {
-        return (h(Host, { key: '3dffb7908979d782a0421cb157735cdbe2a53c6a' }, h("div", { key: 'd0b587bdfec4f42125402b8e89482c175a791a3d', "aria-label": this.afText, "aria-live": "assertive", class: Object.assign({ 'digi-loader-spinner': true }, this.cssModifiers) }, h("div", { key: '9b34f28fde11cf3181b0a19363da90f109d9ea26', class: "digi-loader-spinner__container", "aria-hidden": "true" }, h("digi-icon-spinner", { key: 'a639e179362a8454a58f1a666690742e8d90f298', class: "digi-loader-spinner__spinner" })), this.afText && (h("div", { key: 'fde2cb667f6e91e7319194c9e6b0a85100719e3d', class: "digi-loader-spinner__label" }, this.afText)))));
+        return (h(Host, { key: '4bbdfcb0497d2db77feac6ec163299e4fc158ae7' }, h("div", { key: '7287fdb0510f4120e901c09640de9827fd5d5403', "aria-label": this.afText, "aria-live": "assertive", class: Object.assign({ 'digi-loader-spinner': true }, this.cssModifiers) }, h("div", { key: 'cf77d40cde2cbb3622f586ccd4331783d4776427', class: "digi-loader-spinner__container", "aria-hidden": "true" }, h("digi-icon-spinner", { key: 'bad24ffb208d1379cff4b527b4fa8f263b651567', class: "digi-loader-spinner__spinner" })), this.afText && (h("div", { key: '1f9d3cde7adfd33d6eac5307772849fd5c67d6a8', class: "digi-loader-spinner__label" }, this.afText)))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/digi-media-figure.entry.js

@@ -18,7 +18,7 @@ const MediaFigure = class {
         };
     }
     render() {
-        return (h("figure", { key: '5d441069ae28228698fd34805a2ad006a3bcfd42', class: Object.assign({ 'digi-media-figure': true }, this.cssModifiers) }, h("div", { key: '6aebb5ad71e8853ac25fcad7b037bc5928a9c99c', class: "digi-media-figure__image" }, h("slot", { key: 'eeb9f390fe432c2b52e7d24714183c4189e41fbb' })), this.afFigcaption && (h("figcaption", { key: '0043f29992c0c76e7bc4b86659fa4d05dedf24be', class: "digi-media-figure__figcaption" }, this.afFigcaption))));
+        return (h("figure", { key: '5bf7546a6a90030d4576b4405819af01dc6d17da', class: Object.assign({ 'digi-media-figure': true }, this.cssModifiers) }, h("div", { key: '45257c1677b87215bf0f57f2b9d941361ff69c59', class: "digi-media-figure__image" }, h("slot", { key: '34844f4a70a0637d5b9f3bbed108edac5617d7e0' })), this.afFigcaption && (h("figcaption", { key: '0d663a96fb9ede715b1a2ff82de12426a3c9bb76', class: "digi-media-figure__figcaption" }, this.afFigcaption))));
     }
 };
 MediaFigure.style = DigiMediaFigureStyle0;

package/dist/esm/digi-media-image_2.entry.js

@@ -0,0 +1,162 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-148a7577.js';
+
+const mediaImageCss = ".digi-media-image.sc-digi-media-image{position:relative;display:inline-flex;max-width:100%;height:0px}.digi-media-image.digi-media-image--aspect-ratio.sc-digi-media-image{width:var(--digi--media-image--width);height:unset}.digi-media-image.digi-media-image--loaded.sc-digi-media-image{height:unset}.digi-media-image.digi-media-image--fullwidth.sc-digi-media-image{width:100%}.digi-media-image.digi-media-image--unlazy.sc-digi-media-image:not(.digi-media-image--aspect-ratio){height:unset}.digi-media-image--aspect-ratio.sc-digi-media-image .digi-media-image__observer.sc-digi-media-image{position:absolute;top:0;left:0;height:100%}.digi-media-image__padded-box.sc-digi-media-image{display:inline-block;padding-top:var(--digi--media-image--padded-box, 0);height:0}.digi-media-image__image.sc-digi-media-image{max-width:100%;height:auto;opacity:0.06;filter:saturate(0);transition:opacity 0.2s, filter 0.4s}.digi-media-image--loaded.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{opacity:1;filter:saturate(1)}.digi-media-image--unlazy.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{transition:none;opacity:1;filter:none}.digi-media-image--fullwidth.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{width:100%}.digi-media-image--aspect-ratio.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{position:absolute;top:0;left:0;width:100%;height:100%}";
+const DigiMediaImageStyle0 = mediaImageCss;
+
+const MediaImage = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afOnLoad = createEvent(this, "afOnLoad", 7);
+        this.isPlaceholderLoaded = false;
+        this.hasSetSrc = false;
+        this.hasAspectRatio = false;
+        this.paddedBoxPadding = '0%';
+        this.isLoaded = false;
+        this.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=';
+        this.srcset = undefined;
+        this.afObserverOptions = {
+            rootMargin: '200px',
+            threshold: 0
+        };
+        this.afSrc = undefined;
+        this.afSrcset = undefined;
+        this.afAlt = undefined;
+        this.afTitle = undefined;
+        this.afAriaLabel = undefined;
+        this.afWidth = undefined;
+        this.afHeight = undefined;
+        this.afFullwidth = undefined;
+        this.afUnlazy = false;
+    }
+    srcChangeHandler() {
+        this.setImageSrc();
+    }
+    connectedCallback() {
+        if (this.afUnlazy) {
+            this.setImageSrc();
+        }
+        // Add padded box to wrapper if width and height props exists
+        if (this.afWidth && this.afHeight) {
+            this.hasAspectRatio = true;
+            this.setPaddedBox();
+        }
+    }
+    setImageSrc() {
+        this.src = this.afSrc;
+        this.srcset = this.afSrcset;
+        this.hasSetSrc = true;
+    }
+    setPaddedBox() {
+        this.paddedBoxPadding =
+            (parseInt(this.afHeight, 10) / parseInt(this.afWidth, 10)) * 100 + '%';
+    }
+    intersectHandler() {
+        if (this.afUnlazy) {
+            return;
+        }
+        this.setImageSrc();
+    }
+    loadHandler(e) {
+        if (this.afUnlazy) {
+            return;
+        }
+        if (this.isPlaceholderLoaded) {
+            this.isLoaded = true;
+            this.afOnLoad.emit(e);
+            return;
+        }
+        this.isPlaceholderLoaded = true;
+    }
+    get cssModifiers() {
+        return {
+            'digi-media-image--unlazy': this.afUnlazy,
+            'digi-media-image--loaded': this.isLoaded,
+            'digi-media-image--aspect-ratio': this.hasAspectRatio,
+            'digi-media-image--fullwidth': this.afFullwidth
+        };
+    }
+    get cssInlineStyles() {
+        return {
+            '--digi--media-image--padded-box': this.paddedBoxPadding
+        };
+    }
+    render() {
+        return (h("host", { key: 'd73ca369f146ceee58517820156c254eb0fdb0d3' }, h("div", { key: '93419395e2c892dd7a727314d9969cfa4b486142', class: Object.assign({ 'digi-media-image': true }, this.cssModifiers), style: {
+                '--digi--media-image--width': this.afWidth
+                    ? `${this.afWidth}px`
+                    : null
+            } }, h("digi-util-intersection-observer", { key: '1ef7fbf526107cd283b77eafdc6dae8d01b925c5', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (h("div", { key: '265b145a1c4adbd92945f0f7ea5c245a315a2d69', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), h("img", { key: 'ecf7aef38f9a7f6a3a49b446c6ff229736a9dc36', class: "digi-media-image__image", onLoad: (e) => this.loadHandler(e), src: this.src, alt: this.afAlt, "aria-label": this.afAriaLabel, height: this.afHeight, srcset: this.srcset, title: this.afTitle, width: this.afWidth, loading: this.afUnlazy ? 'eager' : 'lazy' }))));
+    }
+    static get watchers() { return {
+        "afSrc": ["srcChangeHandler"]
+    }; }
+};
+MediaImage.style = DigiMediaImageStyle0;
+
+const UtilIntersectionObserver = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afOnChange = createEvent(this, "afOnChange", 7);
+        this.afOnIntersect = createEvent(this, "afOnIntersect", 7);
+        this.afOnUnintersect = createEvent(this, "afOnUnintersect", 7);
+        this._observer = null;
+        this._hasIntersected = false;
+        this._isObserving = false;
+        this.afOnce = false;
+        this.afOptions = {
+            rootMargin: '0px',
+            threshold: 0
+        };
+    }
+    afOptionsWatcher(newValue) {
+        this._afOptions =
+            typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
+    }
+    componentWillLoad() {
+        this.afOptionsWatcher(this.afOptions);
+        this.initObserver();
+    }
+    disconnectedCallback() {
+        if (this._isObserving) {
+            this.removeObserver();
+        }
+    }
+    initObserver() {
+        this._observer = new IntersectionObserver(([entry]) => {
+            if (entry && entry.isIntersecting) {
+                this.intersectionHandler();
+                if (this.afOnce) {
+                    this.removeObserver();
+                }
+            }
+            else if (entry && this._hasIntersected) {
+                this.unintersectionHandler();
+            }
+        }, this._afOptions);
+        this._observer.observe(this.$el);
+        this._isObserving = true;
+    }
+    removeObserver() {
+        this._observer.disconnect();
+        this._isObserving = false;
+    }
+    intersectionHandler() {
+        this.afOnChange.emit(true);
+        this.afOnIntersect.emit();
+        this._hasIntersected = true;
+    }
+    unintersectionHandler() {
+        this.afOnChange.emit(false);
+        this.afOnUnintersect.emit();
+        this._hasIntersected = false;
+    }
+    render() {
+        return h("slot", { key: '4d011168ecb730b4ab3e78df5781f0577b614ebb' });
+    }
+    get $el() { return getElement(this); }
+    static get watchers() { return {
+        "afOptions": ["afOptionsWatcher"]
+    }; }
+};
+
+export { MediaImage as digi_media_image, UtilIntersectionObserver as digi_util_intersection_observer };

package/dist/esm/digi-navigation-breadcrumbs.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-148a7577.js';
 import { l as logger } from './logger.util-ede3c48a.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-import { _ as _t } from './text-26e02c8d.js';
+import { _ as _t } from './text-8f88c0f6.js';
 
 const navigationBreadcrumbsCss = ".sc-digi-navigation-breadcrumbs-h{--digi--navigation-breadcrumbs--items--display:flex;--digi--navigation-breadcrumbs--items--flex-wrap:wrap;--digi--navigation-breadcrumbs--items--padding:0;--digi--navigation-breadcrumbs--items--margin:0;--digi--navigation-breadcrumbs--item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-breadcrumbs--item--font-size:var(--digi--typography--breadcrumbs--font-size--desktop);--digi--navigation-breadcrumbs--item--text-decoration:var(--digi--typography--breadcrumbs--text-decoration--desktop);--digi--navigation-breadcrumbs--item--color:var(--digi--color--text--primary);--digi--navigation-breadcrumbs--divider--padding:var(--digi--gutter--icon);--digi--navigation-breadcrumbs--link--visited--color:var(--digi--color--text--interactive--primary);--digi--navigation-breadcrumbs--link--hover--focus--color:var(--digi--color--text--interactive--primary);--digi--navigation-breadcrumbs--link--hover--text-decoration:underline;--digi--navigation-breadcrumbs--link--hover--text-decoration-thickness:var(--digi--typography--text-decoration-thickness--hover);--digi--navigation-breadcrumbs--link--color:var(--digi--color--text--interactive--primary)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__items.sc-digi-navigation-breadcrumbs{list-style:none;display:var(--digi--navigation-breadcrumbs--items--display);flex-wrap:var(--digi--navigation-breadcrumbs--items--flex-wrap);margin:var(--digi--navigation-breadcrumbs--items--margin);padding:var(--digi--navigation-breadcrumbs--items--padding)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__item.sc-digi-navigation-breadcrumbs{font-family:var(--digi--navigation-breadcrumbs--item--font-family);font-size:var(--digi--navigation-breadcrumbs--item--font-size);color:var(--digi--navigation-breadcrumbs--item--color);width:unset;margin-bottom:unset}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__item.sc-digi-navigation-breadcrumbs:not([aria-current=page])::after{content:\"/\";padding-inline:var(--digi--navigation-breadcrumbs--divider--padding)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs{color:var(--digi--navigation-breadcrumbs--link--color);font-size:var(--digi--navigation-breadcrumbs--item--font-size)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:visited{color:var(--digi--navigation-breadcrumbs--link--color)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:hover{text-decoration:var(--digi--navigation-breadcrumbs--link--hover--text-decoration);text-decoration-thickness:var(--digi--navigation-breadcrumbs--link--hover--text-decoration-thickness)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}";
 const DigiNavigationBreadcrumbsStyle0 = navigationBreadcrumbsCss;
@@ -42,9 +42,9 @@ const NavigationBreadcrumbs = class {
     }
     render() {
         var _a;
-        return (h("nav", { key: '24b41a5fbfb5a1cd0aef8fa67dcf96b9788f93d8', class: "digi-navigation-breadcrumbs", "aria-label": this.afAriaLabel }, h("ol", { key: '8ae430fdc77c3af2afa5d7a2879cc6b8bd78331b', class: "digi-navigation-breadcrumbs__items" }, this.linkItems.map((item) => {
+        return (h("nav", { key: '5733b0510a9c6d1ded99063f49ff8bf42e21574b', class: "digi-navigation-breadcrumbs", "aria-label": this.afAriaLabel }, h("ol", { key: '1564f1fd4d952e6db628cfb3f0ba517ff2b05160', class: "digi-navigation-breadcrumbs__items" }, this.linkItems.map((item) => {
             return (h("li", { class: "digi-navigation-breadcrumbs__item" }, h("a", { class: "digi-navigation-breadcrumbs__link", onClick: (e) => this.clickHandler(e), href: item.href }, item.text)));
-        }), h("li", { key: '7994f3676796f7a24113de230ac73481345db722', class: "digi-navigation-breadcrumbs__item", "aria-current": "page" }, (_a = this.currentPage) !== null && _a !== void 0 ? _a : this.afCurrentPage), h("digi-util-mutation-observer", { key: 'a7a615f9de204ae0f6217be6669ac080bf693abc', onAfOnChange: () => this.getBreadcrumbs(), ref: (el) => (this._observer = el), hidden: true }, h("slot", { key: '5236e7d5db8146cb051e584264dfababb4d43f4a' })))));
+        }), h("li", { key: '8164daa73267c9cbdc1af4ba916492c3d97cbe73', class: "digi-navigation-breadcrumbs__item", "aria-current": "page" }, (_a = this.currentPage) !== null && _a !== void 0 ? _a : this.afCurrentPage), h("digi-util-mutation-observer", { key: '0d0dba51ca9851b6ca22c9b6ed186c06645ace27', onAfOnChange: () => this.getBreadcrumbs(), ref: (el) => (this._observer = el), hidden: true }, h("slot", { key: '55f2da6a9405048ec61fd559368f0b90ba5a00d5' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,12 +1,14 @@
 import { r as registerInstance, c as createEvent, h } from './index-148a7577.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 import './badge-notification-shape.enum-e15a6245.js';
-import './typography-variation.enum-531cdf64.js';
+import './typography-variation.enum-8c3ff25c.js';
 import './badge-status-variation.enum-8d6370ff.js';
-import './code-example-variation.enum-e656d235.js';
-import './form-input-search-variation.enum-6d8dc10a.js';
+import './button-size.enum-d5ff6ff3.js';
+import './button-type.enum-5250ae0b.js';
 import { B as ButtonVariation } from './button-variation.enum-94fffdd6.js';
 import './calendar-week-view-heading-level.enum-6774297c.js';
+import './bar-chart-variation.enum-97c0b47f.js';
+import './code-example-variation.enum-e9f9fced.js';
 import './code-variation.enum-1eee7c7a.js';
 import './expandable-accordion-header-level.enum-85681e2f.js';
 import './expandable-faq-item-variation.enum-a8cb225b.js';
@@ -14,13 +16,16 @@ import './expandable-faq-variation.enum-6934c367.js';
 import './footer-card-variation.enum-cc732148.js';
 import './form-checkbox-variation.enum-83e906fc.js';
 import './form-file-upload-variation.enum-9c49ec5e.js';
+import './form-input-search-variation.enum-f9d669f2.js';
 import './form-input-type.enum-3da3db27.js';
 import './form-input-variation.enum-64d9450f.js';
+import './form-radiogroup-validation.enum-d790fc66.js';
 import './form-select-variation.enum-f2f6098d.js';
 import './form-textarea-variation.enum-05017e8e.js';
 import './form-validation-message-variation.enum-bcef8a9d.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
+import './layout-container-max-width.enum-c40018ac.js';
 import './layout-block-variation.enum-b7a20db4.js';
 import './layout-columns-variation.enum-34f7754e.js';
 import './link-button-variation.enum-84d4976f.js';
@@ -30,6 +35,7 @@ import './loader-spinner-size.enum-0b246fa0.js';
 import './logo-variation.enum-5b68b79f.js';
 import './media-figure-alignment.enum-a1d36567.js';
 import './navigation-sidebar-variation.enum-8fead764.js';
+import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
 import './progress-indicator-variation.enum-b12ba50a.js';
 import './progress-list-item-variation.enum-384b9a3a.js';
 import './progress-list-variation.enum-300bd89d.js';
@@ -172,15 +178,15 @@ const NavigationPagination = class {
         }
     }
     render() {
-        return (h("div", { key: 'f9f60c7c78b819bc331ba608558c45ac363a2e8a', class: "digi-navigation-pagination" }, h("digi-util-resize-observer", { key: '3c17fa7ce20bba4604b3daef869d2d81976654d6', onAfOnChange: (e) => {
+        return (h("div", { key: '4a66fe9c3d8258a0f75efd0351e29d741987fef7', class: "digi-navigation-pagination" }, h("digi-util-resize-observer", { key: 'b7ffd82abe4fe8f98994d8acabc2f407941cc91f', onAfOnChange: (e) => {
                 this.handleResizeObserver(e);
-            } }), h("span", { key: 'fe0e8c796a16ace02473ae2c4b9ee703621c093c', id: `${this.afId}-aria-label`, "aria-hidden": "true", class: "digi-navigation-pagination__aria-label" }, "Paginering"), h("nav", { key: 'f23c4cc4d1dcc0327273732b18ad60f69a3fb728', "aria-labelledby": this.labelledby(), class: `digi-navigation-pagination__pagination ${this.twoRows ? 'digi-navigation-pagination--two-rows' : ''}` }, h("digi-button", { key: 'd5f9a10d7a6ffcc3632ad89e5e2ad8f980eade9c', onClick: () => this.prevPage(), class: {
+            } }), h("span", { key: 'ed693ebea47111245fe91cfce806c840c8487371', id: `${this.afId}-aria-label`, "aria-hidden": "true", class: "digi-navigation-pagination__aria-label" }, "Paginering"), h("nav", { key: '38994b950fc41bcdd338da84eea832906dc46d68', "aria-labelledby": this.labelledby(), class: `digi-navigation-pagination__pagination ${this.twoRows ? 'digi-navigation-pagination--two-rows' : ''}` }, h("digi-button", { key: '0868bc86c7a73c60745812ffbaa9b34a20d51128', onClick: () => this.prevPage(), class: {
                 'digi-navigation-pagination__button digi-navigation-pagination__button--previous': true,
                 'digi-navigation-pagination__button--hidden': this.currentPage === 1
-            }, afVariation: "secondary", afAriaLabel: "F\u00F6reg\u00E5ende" }, h("digi-icon-chevron-left", { key: 'f7406d36cf023651cc28736e436f72fff021c818', slot: "icon" }), h("span", { key: '633492e7edfbf8e9154c046a46dee9ff8b8e5831' }, "F\u00F6reg\u00E5ende")), h("digi-button", { key: '112286afd84d02fd603d53298fd50c6fe89e9c48', onClick: () => this.nextPage(), class: {
+            }, afVariation: "secondary", afAriaLabel: "F\u00F6reg\u00E5ende" }, h("digi-icon-chevron-left", { key: 'a8f8b33e700d286bff1ae32ae462c189d835c0bd', slot: "icon" }), h("span", { key: 'f1615492d4b3f2bfd7a2b827e1e584d88570dd8f' }, "F\u00F6reg\u00E5ende")), h("digi-button", { key: 'a3e9897f366b9a17a49e14bfe4ad476a85d5d7bb', onClick: () => this.nextPage(), class: {
                 'digi-navigation-pagination__button digi-navigation-pagination__button--next': true,
                 'digi-navigation-pagination__button--hidden': this.currentPage === this.afTotalPages
-            }, afVariation: "secondary", afAriaLabel: "N\u00E4sta" }, h("digi-icon-chevron-right", { key: '8a9077253dbe410a861eacc2756272c745e86098', slot: "icon-secondary" }), h("span", { key: 'aac4f107d68caff6a32f27434d0293da90791aa6' }, "N\u00E4sta")), h("div", { key: '2c561f28561d931f902faee6aeb82d4381351e25', class: "digi-navigation-pagination__pages" }, h("ol", { key: '0787384905bbcd47b6d8f9cc8418720bb8f515b6', class: "digi-navigation-pagination__page-list" }, this.currentInterval.map((pageValue) => {
+            }, afVariation: "secondary", afAriaLabel: "N\u00E4sta" }, h("digi-icon-chevron-right", { key: 'e2d2db692bf98f499d1c8acea3e86fc8e59187b5', slot: "icon-secondary" }), h("span", { key: '124bab61753d6ecbdc27dd18df48cf1080a1239d' }, "N\u00E4sta")), h("div", { key: '93d20a56dc2ffea4ef261870cd71b27841707b14', class: "digi-navigation-pagination__pages" }, h("ol", { key: '1034f9466847ae87c6fcdb548ab5f10bd48d8ea6', class: "digi-navigation-pagination__page-list" }, this.currentInterval.map((pageValue) => {
             const page = isNaN(pageValue)
                 ? parseInt(pageValue.replace('…', ''))
                 : pageValue;
@@ -191,10 +197,10 @@ const NavigationPagination = class {
                 }, afVariation: this.currentPage === page
                     ? ButtonVariation.PRIMARY
                     : ButtonVariation.SECONDARY }, h("span", { class: `digi-navigation-pagination__page-text` }, page))));
-        })))), this.afTotalResults > 0 && (h("div", { key: '62795829bd54c83d3c4933ad23ea5e6c8e8cb35e', class: {
+        })))), this.afTotalResults > 0 && (h("div", { key: '3d66f54cfd1c610d6ce9db0cb5231bf68e3f0486', class: {
                 'digi-navigation-pagination__result': true,
                 'digi-navigation-pagination__result--pages': this.afTotalPages > 1
-            }, "aria-hidden": this.afTotalPages > 1 ? 'true' : 'false', id: `${this.afId}-result` }, h("digi-typography", { key: 'bd57f3f39ac93c823fa144b593bfe245887ae743' }, h("span", { key: '27ae3ae0069cdb69cde9c8d52aa415e31bd34aed', id: `${this.afId}-result-show` }, "Visar "), h("strong", { key: '681cfb83277f2456b9619dafd64d795b89ad3d04', id: `${this.afId}-result-current` }, this.afCurrentResultStart, "-", this.afCurrentResultEnd), h("span", { key: '42f7980197410191617bb998d4eb9168dc34f85e', id: `${this.afId}-result-of` }, " av "), h("strong", { key: '43339c83bd3f8826d7d636b549c3b55cb222e042', id: `${this.afId}-result-total` }, this.afTotalResults), this.afResultName && (h("span", { key: '5a25e7182084f94a554438e396d57b944ac5d685', id: `${this.afId}-result-name` }, ` ${this.afResultName}`)))))));
+            }, "aria-hidden": this.afTotalPages > 1 ? 'true' : 'false', id: `${this.afId}-result` }, h("digi-typography", { key: 'e8e1221c04dfd1c73bb025cc8ed17def8a06956f' }, h("span", { key: 'dfdd406779d6fd03b1887d5edb723cc99ce14e68', id: `${this.afId}-result-show` }, "Visar "), h("strong", { key: '29ecec5118299b70ec3e77a8c5f25bb5b5199bb5', id: `${this.afId}-result-current` }, this.afCurrentResultStart, "-", this.afCurrentResultEnd), h("span", { key: 'c7996c92f88a847d7d7fc7725d216e3d7d245333', id: `${this.afId}-result-of` }, " av "), h("strong", { key: '92ef1f093d98c648459f2b4d2616d5149e7cf825', id: `${this.afId}-result-total` }, this.afTotalResults), this.afResultName && (h("span", { key: 'f7de1edcb8f30091d9e4120624b7744d8374d37d', id: `${this.afId}-result-name` }, ` ${this.afResultName}`)))))));
     }
 };
 NavigationPagination.style = DigiNavigationPaginationStyle0;