@designsystem-se/af 35.0.2 → 35.2.0

package/package.json

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

package/components/digi-layout-media-object.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../dist/types/components";
-
-interface DigiLayoutMediaObject extends Components.DigiLayoutMediaObject, HTMLElement {}
-export const DigiLayoutMediaObject: {
-    prototype: DigiLayoutMediaObject;
-    new (): DigiLayoutMediaObject;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/digi-layout-media-object.js

@@ -1,6 +0,0 @@
-import { L as LayoutMediaObject, d as defineCustomElement$1 } from './p-0ced52b5.js';
-
-const DigiLayoutMediaObject = LayoutMediaObject;
-const defineCustomElement = defineCustomElement$1;
-
-export { DigiLayoutMediaObject, defineCustomElement };

package/components/p-0ced52b5.js

@@ -1,41 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-e5abfc2d.js';
-import { L as LayoutMediaObjectAlignment } from './p-85914c7f.js';
-
-const layoutMediaObjectCss = ".sc-digi-layout-media-object-h{--digi--layout-media-object--gutter:var(--digi--gutter--largest);--digi--layout-media-object--alignment:flex-start;--digi--layout-media-object--flex-wrap:wrap}.sc-digi-layout-media-object-h .digi-layout-media-object.sc-digi-layout-media-object{display:flex;align-items:var(--digi--layout-media-object--alignment);gap:var(--digi--layout-media-object--gutter);flex-wrap:var(--digi--layout-media-object--flex-wrap)}.sc-digi-layout-media-object-h .digi-layout-media-object--alignment-center.sc-digi-layout-media-object{--digi--layout-media-object--alignment:center}.sc-digi-layout-media-object-h .digi-layout-media-object--alignment-end.sc-digi-layout-media-object{--digi--layout-media-object--alignment:flex-end}.sc-digi-layout-media-object-h .digi-layout-media-object--alignment-stretch.sc-digi-layout-media-object{--digi--layout-media-object--alignment:stretch}.digi-layout-media-object__last.sc-digi-layout-media-object{flex:1}";
-const DigiLayoutMediaObjectStyle0 = layoutMediaObjectCss;
-
-const LayoutMediaObject = /*@__PURE__*/ proxyCustomElement(class LayoutMediaObject extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.afAlignment = LayoutMediaObjectAlignment.START;
-    }
-    componentDidLoad() {
-    }
-    get cssModifiers() {
-        return {
-            [`digi-layout-media-object--alignment-${this.afAlignment}`]: !!this.afAlignment
-        };
-    }
-    render() {
-        return (h("div", { key: 'd754e730a2bca91e5c3c2215c256af5a921b433e', class: Object.assign({ 'digi-layout-media-object': true }, this.cssModifiers) }, h("div", { key: '0948f19ee99175751f738eb9538b2d4ef6d52000', class: "digi-layout-media-object__first" }, h("slot", { key: '0f4ae2d67e8b55ef243262b995269fe428c03fed', name: "media" })), h("div", { key: '857d72cd6e6b6184c03bdf3372833b02bc452906', class: "digi-layout-media-object__last" }, h("slot", { key: 'eaa6f85c21f56b5a028f4f9bf85a5544a9396d77' }))));
-    }
-    static get style() { return DigiLayoutMediaObjectStyle0; }
-}, [6, "digi-layout-media-object", {
-        "afAlignment": [1, "af-alignment"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-layout-media-object"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-layout-media-object":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LayoutMediaObject);
-            }
-            break;
-    } });
-}
-
-export { LayoutMediaObject as L, defineCustomElement as d };

package/components/p-85914c7f.js

@@ -1,9 +0,0 @@
-var LayoutMediaObjectAlignment;
-(function (LayoutMediaObjectAlignment) {
-    LayoutMediaObjectAlignment["CENTER"] = "center";
-    LayoutMediaObjectAlignment["START"] = "start";
-    LayoutMediaObjectAlignment["END"] = "end";
-    LayoutMediaObjectAlignment["STRETCH"] = "stretch";
-})(LayoutMediaObjectAlignment || (LayoutMediaObjectAlignment = {}));
-
-export { LayoutMediaObjectAlignment as L };

package/dist/cjs/button-size.enum-1fd86b9e.js

@@ -1,7 +0,0 @@
-'use strict';
-
-exports.ButtonSize = void 0;
-(function (ButtonSize) {
-    ButtonSize["SMALL"] = "small";
-    ButtonSize["MEDIUM"] = "medium";
-})(exports.ButtonSize || (exports.ButtonSize = {}));

package/dist/cjs/button-type.enum-406723db.js

@@ -1,8 +0,0 @@
-'use strict';
-
-exports.ButtonType = void 0;
-(function (ButtonType) {
-    ButtonType["BUTTON"] = "button";
-    ButtonType["SUBMIT"] = "submit";
-    ButtonType["RESET"] = "reset";
-})(exports.ButtonType || (exports.ButtonType = {}));

package/dist/cjs/digi-expandable-accordion.cjs.entry.js

@@ -1,93 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-81fc5a97.js');
-const text = require('./text-3157012b.js');
-const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const expandableAccordionHeaderLevel_enum = require('./expandable-accordion-header-level.enum-45483252.js');
-
-const expandableAccordionCss = ".sc-digi-expandable-accordion-h{--digi--expandable-accordion--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all;--digi--expandable-accordion--header--font-size:var(--digi--typography--accordion--font-size--desktop);--digi--expandable-accordion--header--font-size--small:var(--digi--typography--accordion--font-size--mobile);--digi--expandable-accordion--header--font-weight:var(--digi--typography--accordion--font-weight--desktop);--digi--expandable-accordion--icon--size:0.875rem;--digi--expandable-accordion--icon--margin-right:var(--digi--margin--medium);--digi--expandable-accordion--border-bottom-width:var(--digi--border-width--secondary);--digi--expandable-accordion--border-bottom-color:var(--digi--color--divider--cta);--digi--expandable-accordion--content--padding:var(--digi--padding--medium) 0;--digi--expandable-accordion--content--transition:ease-in-out var(--digi--animation--duration--base) height;display:block}.sc-digi-expandable-accordion-h .digi-expandable-accordion.sc-digi-expandable-accordion::after{content:\"\";display:block;max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid;margin-top:calc(var(--digi--expandable-accordion--border-bottom-width) * -1)}.digi-expandable-accordion__header.sc-digi-expandable-accordion{display:flex;align-items:center}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__header.sc-digi-expandable-accordion{max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid}.digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--header--toggle-icon--transition)}.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transform:rotate(-180deg)}.digi-expandable-accordion__heading.sc-digi-expandable-accordion{margin:0;flex:1}.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--expandable-accordion--header--font-size--small);font-weight:var(--digi--expandable-accordion--header--font-weight);width:100%;display:flex;gap:var(--digi--expandable-accordion--icon--margin-right);align-items:center;text-align:start;cursor:pointer;border:none}@media (min-width: 48rem){.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-size:var(--digi--expandable-accordion--header--font-size)}}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{color:var(--digi--color--text--primary);background-color:transparent;padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:hover{text-decoration:underline}.digi-expandable-accordion__content.sc-digi-expandable-accordion{overflow-y:hidden}.digi-expandable-accordion--expanded-false.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{height:0}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion>div.sc-digi-expandable-accordion{padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.digi-expandable-accordion--animation-true.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--content--transition)}.digi-expandable-accordion__toggle-inside.sc-digi-expandable-accordion{text-align:center;--digi--button--color--background--function--hover:var(--digi--color--background--primary)}@keyframes heightAnim{from{height:0%}to{height:100%}}";
-const DigiExpandableAccordionStyle0 = expandableAccordionCss;
-
-const ExpandableAccordion = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afOnClick = index.createEvent(this, "afOnClick", 7);
-        this.afHeading = undefined;
-        this.afHeadingLevel = expandableAccordionHeaderLevel_enum.ExpandableAccordionHeaderLevel.H2;
-        this.afExpanded = false;
-        this.afAnimation = true;
-        this.afId = randomIdGenerator_util.randomIdGenerator('digi-expandable-accordion');
-        this.afExpandText = text._t.show;
-        this.afCollapseText = text._t.hide;
-    }
-    get cssModifiers() {
-        return {
-            [`digi-expandable-accordion--expanded-${!!this.afExpanded}`]: true,
-            [`digi-expandable-accordion--animation-${!!this.afAnimation}`]: true,
-            [`digi-expandable-accordion--variation-primary`]: true
-        };
-    }
-    /**
-     * Hämtar en höjden till innehållet i Utfällbar yta och animera innehållet.
-     * @en Gets a height to the content for expandable and animate the content.
-     */
-    componentDidLoad() {
-        const content = this.hostElement.children[0].querySelector(`#${this.afId}-content`);
-        if (!this.afExpanded) {
-            content.setAttribute('style', 'visibility: hidden;');
-        }
-        else {
-            content.setAttribute('style', 'height: auto;');
-        }
-        content.addEventListener('transitionend', () => {
-            if (!this.afExpanded) {
-                content.setAttribute('style', 'visibility: hidden;  height: ' + 0 + 'px');
-            }
-            else
-                content.setAttribute('style', 'height: auto');
-        });
-    }
-    animateContentHeight() {
-        const content = this.hostElement.children[0].querySelector(`#${this.afId}-content`);
-        const sectionHeight = content.firstElementChild
-            .offsetHeight;
-        if (!this.afExpanded && content.style.height === 'auto') {
-            content.setAttribute('style', 'height: ' + sectionHeight + 'px');
-            setTimeout(() => {
-                content.setAttribute('style', 'height: 0');
-            });
-            return;
-        }
-        if (this.afExpanded) {
-            content.setAttribute('style', 'visibility: visible; height:' + sectionHeight + 'px');
-            if (!this.afAnimation) {
-                setTimeout(() => {
-                    content.setAttribute('style', 'height: auto');
-                });
-            }
-        }
-        else {
-            content.setAttribute('style', 'height: ' + 0 + 'px');
-        }
-    }
-    clickToggleHandler(e, resetFocus = false) {
-        e.preventDefault();
-        this.afExpanded = !this.afExpanded;
-        if (resetFocus) {
-            this._button.focus();
-        }
-        this.afOnClick.emit(e);
-    }
-    render() {
-        return (index.h("article", { key: '02340aea532ecb7415f74c39fc9d0105b3b3000c', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, index.h("header", { key: 'da98703b8a2fb69c202570255a525f513dd5e99e', class: "digi-expandable-accordion__header" }, index.h(this.afHeadingLevel, { key: 'a666f55b00e451ebdf75cb3675e5f8f07c12f887', class: "digi-expandable-accordion__heading" }, index.h("button", { key: '0b5668f4d32b0b31ac627b0b787eb2795e756cee', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, index.h("digi-icon-chevron-down", { key: 'b2c63b1a5afe9dcc8c96b72856ac16ddfb61a38c', class: "digi-expandable-accordion__toggle-icon" }), this.afHeading))), index.h("section", { key: '7ee9a822e15da2212df6980c4b813730df44a90e', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, index.h("div", { key: 'f0b3eb9abff27c9ee4e06c6924654a8874ee247f' }, index.h("digi-typography", { key: '970ae11eebb5358ebae1457dcd1f8ac8996d8336' }, index.h("slot", { key: 'aa44a79ce9417911ad9974ed5d84f7b012a0aa5a' }))))));
-    }
-    get hostElement() { return index.getElement(this); }
-    static get watchers() { return {
-        "afExpanded": ["animateContentHeight"]
-    }; }
-};
-ExpandableAccordion.style = DigiExpandableAccordionStyle0;
-
-exports.digi_expandable_accordion = ExpandableAccordion;

package/dist/cjs/digi-expandable-faq-item.cjs.entry.js

@@ -1,95 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-81fc5a97.js');
-const expandableFaqItemVariation_enum = require('./expandable-faq-item-variation.enum-89427195.js');
-const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-
-const expandableFaqItemCss = ".sc-digi-expandable-faq-item-h{--digi--expandable-faq-item--header--background-color--primary:var(--digi--color--background--pop-out);--digi--expandable-faq-item--header--background-color--secondary:var(--digi--color--background--secondary);--digi--expandable-faq-item--header--background-color--tertiary:var(--digi--color--background--primary);--digi--expandable-faq-item--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all;--digi--expandable-faq-item--content--transition:ease-in-out var(--digi--animation--duration--base) height;--digi--expandable-faq-item--icon--size:0.875rem;--digi--expandable-faq-item--icon--margin-right:var(--digi--margin--medium);--digi--expandable-faq-item--header--font-size:var(--digi--typography--preamble--font-size--desktop);--digi--expandable-faq-item--header--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--expandable-faq-item--border-width:var(--digi--border-width--secondary);--digi--expandable-faq-item--border-bottom-width:var(--digi--border-width--secondary);--digi--expandable-faq-item--content--padding:var(--digi--gutter--largest-2);display:block}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item.sc-digi-expandable-faq-item{max-width:calc(var(--digi--paragraph-width--medium) + var(--digi--padding--largest-2));margin-bottom:var(--digi--global--spacing--smallest-4);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--primary.sc-digi-expandable-faq-item{--BACKGROUND:var(--digi--expandable-faq-item--header--background-color--primary)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--secondary.sc-digi-expandable-faq-item{--BACKGROUND:var(--digi--expandable-faq-item--header--background-color--secondary)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--tertiary.sc-digi-expandable-faq-item{--BACKGROUND:var(--digi--expandable-faq-item--header--background-color--tertiary)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--expanded.sc-digi-expandable-faq-item{border-bottom-color:var(--BACKGROUND)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item{background-color:var(--BACKGROUND);width:100%;max-width:calc(var(--digi--paragraph-width--medium) + var(--digi--padding--largest-2))}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h1.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h2.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h3.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h4.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h5.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h6.sc-digi-expandable-faq-item{margin:0}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon.sc-digi-expandable-faq-item{margin-right:var(--digi--expandable-faq-item--icon--margin-right);transition:var(--digi--expandable-faq-item--header--toggle-icon--transition)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon--expanded.sc-digi-expandable-faq-item{transform:rotate(-180deg)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon.sc-digi-expandable-faq-item-s>[slot^=icon],.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon .sc-digi-expandable-faq-item-s>[slot^=icon]{--digi--icon--width:var(--digi--expandable-faq-item--icon--size);--digi--icon--height:var(--digi--expandable-faq-item--icon--size)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__button.sc-digi-expandable-faq-item{color:var(--digi--color--text--primary);background-color:var(--BACKGROUND);border:none;border-radius:0;padding:var(--digi--expandable-faq-item--content--padding);font-size:var(--digi--expandable-faq-item--header--font-size);font-weight:var(--digi--expandable-faq-item--header--font-weight);width:100%;display:flex;align-items:center;text-align:left;cursor:pointer;font-family:var(--digi--global--typography--font-family--default)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__button.sc-digi-expandable-faq-item:hover{text-decoration:underline}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__button.sc-digi-expandable-faq-item:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content.sc-digi-expandable-faq-item{overflow-y:hidden}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content.sc-digi-expandable-faq-item>div.sc-digi-expandable-faq-item{padding:var(--digi--expandable-faq-item--content--padding);box-sizing:border-box;max-width:var(--digi--paragraph-width--medium)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content--animation.sc-digi-expandable-faq-item{transition:var(--digi--expandable-faq-item--content--transition)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content--hidden.sc-digi-expandable-faq-item{height:0}";
-const DigiExpandableFaqItemStyle0 = expandableFaqItemCss;
-
-const ExpandableFaqItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afOnClick = index.createEvent(this, "afOnClick", 7);
-        this.afHeading = undefined;
-        this.afHeadingLevel = expandableFaqItemVariation_enum.ExpandableFaqItemHeadingLevel.H3;
-        this.afExpanded = false;
-        this.afVariation = expandableFaqItemVariation_enum.ExpandableFaqItemVariation.PRIMARY;
-        this.afAnimation = true;
-        this.afId = randomIdGenerator_util.randomIdGenerator('digi-expandable-faq-item');
-    }
-    get cssModifiers() {
-        return {
-            'digi-expandable-faq-item--expanded': this.afExpanded,
-            'digi-expandable-faq-item--primary': this.afVariation === expandableFaqItemVariation_enum.ExpandableFaqItemVariation.PRIMARY,
-            'digi-expandable-faq-item--secondary': this.afVariation === expandableFaqItemVariation_enum.ExpandableFaqItemVariation.SECONDARY,
-            'digi-expandable-faq-item--tertiary': this.afVariation === expandableFaqItemVariation_enum.ExpandableFaqItemVariation.TERTIARY
-        };
-    }
-    /**
-     * Hämtar en höjden till innehållet i vanliga frågor och svar och animera innehållet.
-     * @en Gets a height to the content for FAQ and animate the content.
-     */
-    componentDidLoad() {
-        const content = this.hostElement.children[0].querySelector(`#${this.afId}-content`);
-        if (!this.afExpanded) {
-            content.setAttribute('style', 'visibility: hidden;');
-        }
-        else {
-            content.setAttribute('style', 'height: auto;');
-        }
-        content.addEventListener('transitionend', () => {
-            if (!this.afExpanded) {
-                content.setAttribute('style', 'visibility: hidden;  height: ' + 0 + 'px');
-            }
-            else
-                content.setAttribute('style', 'height: auto');
-        });
-    }
-    animateContentHeight() {
-        const content = this.hostElement.children[0].querySelector(`#${this.afId}-content`);
-        const sectionHeight = content.firstElementChild
-            .offsetHeight;
-        if (!this.afExpanded && content.style.height === 'auto') {
-            content.setAttribute('style', 'height: ' + sectionHeight + 'px');
-            setTimeout(() => {
-                content.setAttribute('style', 'height: 0');
-            });
-            return;
-        }
-        if (this.afExpanded) {
-            content.setAttribute('style', 'visibility: visible; height:' + sectionHeight + 'px');
-            if (!this.afAnimation) {
-                setTimeout(() => {
-                    content.setAttribute('style', 'height: auto');
-                });
-            }
-        }
-        else {
-            content.setAttribute('style', 'height: ' + 0 + 'px');
-        }
-    }
-    render() {
-        return (index.h("article", { key: '586884d3f2c91a7597743198cdab5758735943ed', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, index.h("header", { key: '51e944438c6ccf3ff713f838da0117436acdd88a', class: "digi-expandable-faq-item__header" }, index.h(this.afHeadingLevel, { key: '1e976960a26b0bab61886351c3ed4137c98ec06b' }, index.h("button", { key: 'e52835b2541c1ffc3a7becf76e59aef097240604', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
-                e.preventDefault();
-                this.afExpanded = !this.afExpanded;
-                this.afOnClick.emit(e);
-            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, index.h("digi-icon-chevron-down", { key: '36b8f9c563b9ef4417a21fbcba204b914ea96506', class: {
-                'digi-expandable-faq-item__header--toggle-icon': true,
-                'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
-            } }), this.afHeading))), index.h("section", { key: '8f384f65f08a5d84649f40ad1c441ab3733fdc62', class: {
-                'digi-expandable-faq-item__content': true,
-                'digi-expandable-faq-item__content--animation': this.afAnimation,
-                'digi-expandable-faq-item__content--hidden': !this.afExpanded
-            }, id: `${this.afId}-content` }, index.h("div", { key: '0af73c452462f4436ef90ca4c9d5b77dba1ee1d4' }, index.h("digi-typography", { key: 'f2079bf2c748440255eafc9052e6a0b671a662fc' }, index.h("slot", { key: 'bf723138101e6ab11cfe245089eea195e8950ee0' }))))));
-    }
-    get hostElement() { return index.getElement(this); }
-    static get watchers() { return {
-        "afExpanded": ["animateContentHeight"]
-    }; }
-};
-ExpandableFaqItem.style = DigiExpandableFaqItemStyle0;
-
-exports.digi_expandable_faq_item = ExpandableFaqItem;

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

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-81fc5a97.js');
-
-const headerNavigationItemCss = ".sc-digi-header-navigation-item-h{--digi--header-navigation-item--font-family:var(--digi--global--typography--font-family--default);--digi--header-navigation-item--font-size:var(--digi--typography--body--font-size--desktop);--digi--header-navigation-item--color:var(--digi--color--text--interactive--tertiary);--digi--header-navigation-item--color-hover:var(--digi--color--text--interactive--primary);--digi--header-navigation-item--color-active:var(--digi--color--text--interactive--primary);--digi--header-navigation-item-indicator--inactive--color:var(--digi--color--background--secondary-muted);--digi--header-navigation-item-indicator--inactive-hover--color:var(--digi--color--background--interactive--hover--quarternary);--digi--header-navigation-item-indicator--active--color:var(--digi--color--marking--navigation--selected);display:block;--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--inactive--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a{display:block;text-decoration:none;padding:var(--digi--padding--medium);color:var(--digi--header-navigation-item--color);font-family:var(--digi--header-navigation-item--font-family);font-size:var(--digi--header-navigation-item--font-size)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:active,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:active,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:focus-visible,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:focus-visible{background-color:var(--digi--header-navigation-item-indicator--inactive-hover--color);color:var(--digi--header-navigation-item--color-hover);text-decoration:underline}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--inactive-hover--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator--active,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator--active{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--active--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:focus-visible,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-header-navigation-item-indicator.sc-digi-header-navigation-item{height:0.25rem;width:100%;background-color:var(--INDICATOR-COLOR)}.digi-header-navigation-item-indicator--active.sc-digi-header-navigation-item{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--active--color)}.digi-header-navigation-item--active.sc-digi-header-navigation-item-s>a,.digi-header-navigation-item--active .sc-digi-header-navigation-item-s>a{font-weight:bold}";
-const DigiHeaderNavigationItemStyle0 = headerNavigationItemCss;
-
-const HeaderNavigationItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afCurrentPage = undefined;
-    }
-    get cssModifiers() {
-        return {
-            'digi-header-navigation-item--active': this.afCurrentPage,
-            'digi-header-navigation-item-indicator--active': this.afCurrentPage
-        };
-    }
-    render() {
-        return (index.h("div", { key: '2da8031ab1a04399c649122865b19b085ad0f816', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, index.h("slot", { key: 'ee3a995a79159ca84e881d1040e98c9f27ccf6e4' }), index.h("div", { key: '7295781cf81a2c899dc1f7a9a577ada093782796', class: Object.assign({ 'digi-header-navigation-item-indicator': true }, this.cssModifiers) })));
-    }
-};
-HeaderNavigationItem.style = DigiHeaderNavigationItemStyle0;
-
-exports.digi_header_navigation_item = HeaderNavigationItem;

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

@@ -1,226 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-81fc5a97.js');
-require('./badge-notification-shape.enum-ff802554.js');
-const typographyVariation_enum = require('./typography-variation.enum-d6a04b47.js');
-require('./badge-status-variation.enum-0a5adc21.js');
-require('./button-size.enum-1fd86b9e.js');
-require('./button-type.enum-406723db.js');
-require('./button-variation.enum-bc521499.js');
-require('./calendar-week-view-heading-level.enum-fd0c841b.js');
-require('./bar-chart-variation.enum-a4e866b6.js');
-require('./code-example-variation.enum-c6557727.js');
-require('./code-variation.enum-c4a4e6fd.js');
-require('./expandable-accordion-header-level.enum-45483252.js');
-require('./expandable-faq-item-variation.enum-89427195.js');
-require('./expandable-faq-variation.enum-af923f49.js');
-require('./footer-card-variation.enum-99555edc.js');
-require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-search-variation.enum-c50239bc.js');
-require('./form-input-type.enum-9c8ee12a.js');
-require('./form-input-variation.enum-c750520c.js');
-require('./form-select-variation.enum-528c1bf0.js');
-require('./form-textarea-variation.enum-9c90d40f.js');
-require('./form-validation-message-variation.enum-855ae0be.js');
-require('./info-card-multi-type.enum-14746572.js');
-require('./info-card-variation.enum-64cef637.js');
-require('./layout-container-max-width.enum-7e637f44.js');
-require('./layout-block-variation.enum-f6102119.js');
-require('./layout-columns-variation.enum-65675649.js');
-require('./layout-media-object-alignment.enum-81c8e205.js');
-require('./link-button-variation.enum-137785e3.js');
-require('./list-type.enum-aea4d012.js');
-require('./loader-skeleton-variation.enum-d52ba55e.js');
-require('./loader-spinner-size.enum-db2973f0.js');
-require('./logo-variation.enum-607fadb4.js');
-require('./media-figure-alignment.enum-3885aba5.js');
-require('./navigation-sidebar-variation.enum-1c0c3064.js');
-require('./navigation-vertical-menu-variation.enum-c237edd3.js');
-require('./progress-indicator-variation.enum-7cf8e0e4.js');
-require('./progress-list-item-variation.enum-90e4c874.js');
-require('./progress-list-variation.enum-06d5ce27.js');
-require('./progressbar-variation.enum-aff9fa80.js');
-require('./quote-image-inner-position.enum-e64e7a6d.js');
-require('./table-variation.enum-25df2ad7.js');
-require('./tag-media-icon.enum-372563c5.js');
-require('./tag-size.enum-387c516c.js');
-require('./tools-feedback-banner-type.enum-de373ba0.js');
-require('./tools-feedback-rating-variation.enum-2f71e84d.js');
-require('./tools-theme-provider.brand.enum-bc855272.js');
-require('./typography-heading-jumbo-variation.enum-8677e099.js');
-require('./typography-meta-variation.enum-13ac3538.js');
-require('./typography-time-variation.enum-bce1d87e.js');
-const utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
-
-const headerNavigationCss = ".sc-digi-header-navigation-h{--digi--header--border-color:var(--digi--color--divider--secondary);--digi--header--close-button--padding:var(--digi--padding--smaller);display:block}.sc-digi-header-navigation-h .digi-header-navigation.sc-digi-header-navigation{z-index:99}.sc-digi-header-navigation-h .digi-header-navigation__backdrop.sc-digi-header-navigation{background:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0}.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{display:none;grid-area:nav;background-color:var(--digi--color--background--secondary-muted);border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--visible.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__close-button.sc-digi-header-navigation{display:flex;flex-wrap:wrap;align-items:center;padding:var(--digi--header--close-button--padding) 0}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation{width:0;position:fixed;height:100%;right:0;top:0;visibility:hidden}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{position:absolute;top:0;right:0;height:100%;transform:translateX(100%);width:90vw;transition:ease var(--digi--animation--duration--base) all;overflow-y:auto}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{padding:0;display:block}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item:first-child,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item:first-child{border-top:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item{border-bottom:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation{visibility:visible}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{transform:translateX(0)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__backdrop.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__inner.sc-digi-header-navigation{list-style:none;margin:0;display:flex}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation{display:block;text-decoration:none;color:inherit;padding:var(--digi--padding--medium)}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation:hover{background-color:var(--digi--color--background--interactive--hover--quarternary)}";
-const DigiHeaderNavigationStyle0 = headerNavigationCss;
-
-const HeaderNavigation = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afOnClose = index.createEvent(this, "afOnClose", 7);
-        this.afOnEsc = index.createEvent(this, "afOnEsc", 7);
-        this.afOnBackdropClick = index.createEvent(this, "afOnBackdropClick", 7);
-        this.afOnToggle = index.createEvent(this, "afOnToggle", 7);
-        this._focusableElementsSelectors = 'a, input, select, textarea, button, button:not(hidden), iframe, object, [tabindex="0"]';
-        this.focusableElements = [];
-        this.isMobile = undefined;
-        this.isVisible = undefined;
-        this.afCloseButtonText = undefined;
-        this.afNavAriaLabel = undefined;
-        this.afCloseButtonAriaLabel = undefined;
-        this.afFocusableElement = undefined;
-        this.afCloseFocusableElement = undefined;
-        this.afActive = false;
-        this.afBackdrop = true;
-        this.afCentered = typographyVariation_enum.HeaderCenterContentWidth.DEFAULT;
-    }
-    //private _observer: any;
-    enablePageScroll() {
-        document.body.style.height = '';
-        document.body.style.overflowY = '';
-        document.body.style.paddingRight = '';
-    }
-    disablePageScroll() {
-        document.body.style.height = '100vh';
-        document.body.style.overflowY = 'hidden';
-    }
-    toggleHandler(e) {
-        const element = e.target;
-        this._closeFocusableElement = element.querySelector('.digi-navigation-sidebar-button button');
-        if (element.matches('digi-navigation-sidebar-button')) {
-            this.afActive = true;
-        }
-    }
-    get shouldUseFocusTrap() {
-        return this.isMobile && this.focusableElements.length > 0;
-    }
-    closeHandler(e) {
-        this.afActive = false;
-        this.afOnClose.emit(e);
-    }
-    escHandler(e) {
-        if (this.isMobile) {
-            this.afActive = false;
-            this.afOnClose.emit(e);
-        }
-    }
-    tabHandler(e) {
-        if (this.shouldUseFocusTrap) {
-            if (document.activeElement === this.lastFocusableEl) {
-                e.detail.preventDefault();
-                this.firstFocusableEl.focus();
-            }
-        }
-    }
-    backdropClickHandler(e) {
-        this.afActive = false;
-        this.afOnClose.emit(e);
-    }
-    shiftHandler(e) {
-        if (this.shouldUseFocusTrap) {
-            if (document.activeElement === this.firstFocusableEl) {
-                e.detail.preventDefault();
-                this.lastFocusableEl.focus();
-            }
-        }
-    }
-    clickHandler(e) {
-        // If clicking on toggle button, refresh the focusable items list
-        // with the new sub level of items
-        if (this.shouldUseFocusTrap) {
-            const el = e.detail.target;
-            if (el.tagName.toLowerCase() === 'button') {
-                setTimeout(() => {
-                    this.getFocusableItems();
-                }, 100);
-            }
-        }
-    }
-    setMobileView(isMobile) {
-        isMobile && this.afActive
-            ? (this.disablePageScroll(), this.getFocusableItems())
-            : this.enablePageScroll();
-    }
-    breakpointChange(e) {
-        this.isVisible = false;
-        const element = e.target;
-        const type = element.nodeName;
-        if (type.toLowerCase() === 'digi-util-breakpoint-observer') {
-            this.isMobile =
-                e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL;
-        }
-        setTimeout(() => {
-            this.isVisible = true;
-        }, 100);
-    }
-    componentDidLoad() {
-        const transition = this._wrapper;
-        transition.addEventListener('transitionend', () => {
-            this.getFocusableItems();
-            this.setFocus();
-        });
-    }
-    getFocusableItems() {
-        const allElements = this._wrapper.querySelectorAll(this._focusableElementsSelectors);
-        // Filters out visible items
-        this.focusableElements = Array.prototype.slice
-            .call(allElements)
-            .filter(function (item) {
-            return item.offsetParent !== null;
-        });
-        // Sets first and last focusable element
-        if (this.focusableElements.length > 0) {
-            this.firstFocusableEl = this.focusableElements[0];
-            this.lastFocusableEl = this.focusableElements[this.focusableElements.length - 1];
-        }
-    }
-    setFocus() {
-        if (this.afActive) {
-            let el;
-            const firstNavLink = this.firstFocusableEl;
-            if (this.afFocusableElement) {
-                el = this.hostElement.querySelector(`${this.afFocusableElement}`);
-            }
-            else {
-                el = firstNavLink;
-            }
-            if (el) {
-                el.focus();
-            }
-        }
-        else {
-            if (this.afCloseFocusableElement) {
-                const el = document.querySelector(`${this.afCloseFocusableElement}`);
-                el.focus();
-            }
-            else if (this._closeFocusableElement) {
-                const el = this._closeFocusableElement;
-                el.focus();
-            }
-        }
-    }
-    get cssModifiers() {
-        return {
-            'digi-header-navigation--open': this.afActive,
-            'digi-header-navigation--mobile': this.isMobile,
-            'digi-header-navigation--visible': this.isVisible
-        };
-    }
-    render() {
-        return (index.h("div", { key: 'fb9799e806c7d3206d7ddcf49ad0bd8e7ca6ffe2', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, index.h("digi-util-breakpoint-observer", { key: '562777731f122a7a2912e5b1775bb562b774ff71', onAfOnChange: (e) => (this.isMobile =
-                e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL) }, index.h("digi-util-keydown-handler", { key: '7c84be7716a54d1d83e54ef6526d038e356a4fd2', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, index.h("div", { key: '4afd16f7da455f883f77dab67de218a8a950116f' }, this.isMobile && (index.h("div", { key: 'c35304399f6fabb8d030555cff53fffa147c27c4', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), index.h("nav", { key: 'b55416c51335f005d3670e3cac4e3918a118b790', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
-                this._wrapper = el;
-            } }, this.isMobile && (index.h("digi-button", { key: '6ef4bc09d8c93f1077b1c3e2fc962c02b0f4b012', onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-header-navigation__close-button" }, this.afCloseButtonText, index.h("digi-icon-x", { key: '8ede0075c443e4c818591a4bc9c708e0433fffef', slot: "icon-secondary" }))), this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT ? (index.h("digi-layout-container", { "af-max-width": this.afCentered }, index.h("div", { role: "list", class: "digi-header-navigation__inner" }, index.h("slot", null)))) : (index.h("div", { role: "list", class: "digi-header-navigation__inner" }, index.h("slot", null)))))))));
-    }
-    get hostElement() { return index.getElement(this); }
-    static get watchers() { return {
-        "isMobile": ["setMobileView"]
-    }; }
-};
-HeaderNavigation.style = DigiHeaderNavigationStyle0;
-
-exports.digi_header_navigation = HeaderNavigation;

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

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-81fc5a97.js');
-
-const headerNotificationCss = ".sc-digi-header-notification-h .digi-header-notification.sc-digi-header-notification{--digi--header-notification--font-family:var(--digi--global--typography--font-family--default);--digi--header-notification--font-size:var(--digi--typography--body--font-size--desktop);--digi--header-notification--color:var(--digi--color--text--primary);--digi--header-notification--color-hover:var(--digi--color--text--interactive--primary);--digi--header-notification--color-active:var(--digi--color--text--interactive--primary);display:flex;position:relative;align-items:center;font-family:\"Open Sans\"}.sc-digi-header-notification-h .digi-header-notification__number.sc-digi-header-notification{background-color:var(--digi--color--background--notification);color:var(--digi--color--text--secondary--light);padding:2px;z-index:5;font-size:12px;line-height:normal;font-weight:600;border-radius:10px;padding:1px 6px;position:absolute;top:-12px;left:20px;letter-spacing:0.5px}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h .sc-digi-header-notification-s>a{display:flex;position:relative;align-items:center;margin-right:8px;text-decoration:none;color:var(--digi--header-notification--color);font-family:var(--digi--header-notification--font-family);font-size:var(--digi--header-notification--font-size)}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a [class*=digi-icon]:not(svg),.sc-digi-header-notification-h .sc-digi-header-notification-s>a [class*=digi-icon]:not(svg){height:2rem;width:2rem;display:flex;align-items:center;flex-grow:1;background:var(--digi--color--background--interactive--default--tertiary);justify-content:center;border-radius:100%;margin-right:8px}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a svg,.sc-digi-header-notification-h .sc-digi-header-notification-s>a svg{--digi--icon--width:1rem;--digi--icon--height:1rem}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:hover,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:hover,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:active,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:active,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:focus-visible,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:focus-visible{color:var(--digi--header-notification--color-hover);text-decoration:underline}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:hover,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:hover svg,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:hover svg,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:active,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:active svg,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:active svg{color:var(--digi--color--text--primary)}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:focus-visible,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}";
-const DigiHeaderNotificationStyle0 = headerNotificationCss;
-
-const HeaderNotification = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afNotificationAmount = undefined;
-    }
-    render() {
-        return (index.h("div", { key: 'c089287f32f02bccec66f787f7c9ee4d82479269', class: "digi-header-notification" }, this.afNotificationAmount > 0 && (index.h("span", { key: '6ccb42a9d7b4aca287cdb8543be541067806fa43', class: "digi-header-notification__number" }, this.afNotificationAmount < 100
-            ? this.afNotificationAmount
-            : '+99')), index.h("slot", { key: 'd1cb6d49219784cf960c553a47d1d06e5b33946d' })));
-    }
-};
-HeaderNotification.style = DigiHeaderNotificationStyle0;
-
-exports.digi_header_notification = HeaderNotification;