@designsystem-se/af 39.0.1-beta.2-darkmode → 39.1.0

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

@@ -0,0 +1,228 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-148a7577.js';
+import './badge-notification-shape.enum-e15a6245.js';
+import { H as HeaderCenterContentWidth } from './typography-variation.enum-8c3ff25c.js';
+import './badge-status-variation.enum-8d6370ff.js';
+import './button-size.enum-d5ff6ff3.js';
+import './button-type.enum-5250ae0b.js';
+import './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';
+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';
+import './list-type.enum-fbb331ad.js';
+import './loader-skeleton-variation.enum-f9f867b4.js';
+import './loader-spinner-size.enum-0b246fa0.js';
+import './logo-color.enum-8593dca6.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-heading-level.enum-ace13afe.js';
+import './progress-list-item-variation.enum-384b9a3a.js';
+import './progress-list-variation.enum-300bd89d.js';
+import './progressbar-variation.enum-40adaab4.js';
+import './quote-image-inner-position.enum-8e9b1e65.js';
+import './table-variation.enum-dd9366b6.js';
+import './tag-media-icon.enum-fefa191c.js';
+import './tag-size.enum-403e0cd8.js';
+import './tools-feedback-banner-type.enum-74b4e580.js';
+import './tools-feedback-rating-variation.enum-29058ff2.js';
+import './tools-theme-provider.brand.enum-8c5a98c9.js';
+import './typography-heading-jumbo-variation.enum-eb737f1b.js';
+import './typography-meta-variation.enum-1f7c2878.js';
+import './typography-time-variation.enum-34c830ef.js';
+import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-6d004731.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--centered.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{padding-left:0;padding-right:0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin-left:calc(var(--digi--global--spacing--base) * -1);margin-right:calc(var(--digi--global--spacing--base) * -1)}.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;--digi--header-navigation--horizontal-padding:0}.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{margin:0;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) {
+        registerInstance(this, hostRef);
+        this.afOnClose = createEvent(this, "afOnClose", 7);
+        this.afOnEsc = createEvent(this, "afOnEsc", 7);
+        this.afOnBackdropClick = createEvent(this, "afOnBackdropClick", 7);
+        this.afOnToggle = 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 = 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.SMALL;
+        }
+        if (this.isMobile) {
+            setTimeout(() => {
+                this.isVisible = true;
+            }, 100);
+        }
+        else {
+            this.isVisible = true;
+        }
+    }
+    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,
+            'digi-header-navigation--centered': this.afCentered !== HeaderCenterContentWidth.DEFAULT
+        };
+    }
+    render() {
+        return (h("div", { key: 'e4e7695d89401721d59e38f8eb142f1a9f595fab', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '559643977784b181f3637c8975bb6e006b6bc2f6', onAfOnChange: (e) => (this.isMobile =
+                e.detail.value === UtilBreakpointObserverBreakpoints.SMALL) }, h("digi-util-keydown-handler", { key: 'bf73f58461b128726c8e14500f2319b419da549f', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '02ebe20f0f0f381d260946a801719699bd3370e0' }, this.isMobile && (h("div", { key: 'a35fce6e4d3e0b702576ef41ba461f3cb7b9ec28', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), h("nav", { key: 'c38f7101c0e9229841b7d0c00e1e02f812efac39', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
+                this._wrapper = el;
+            } }, this.isMobile && (h("digi-button", { key: 'e58f51aa2409be7b434d31d0de3ab631b24093b1', onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-header-navigation__close-button" }, this.afCloseButtonText, h("digi-icon-x", { key: '9c0626935bf4b0411f5055d415c20ec3273a0da4', slot: "icon-secondary" }))), this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, h("div", { role: "list", class: "digi-header-navigation__inner" }, h("slot", null)))) : (h("div", { role: "list", class: "digi-header-navigation__inner" }, h("slot", null)))))))));
+    }
+    get hostElement() { return getElement(this); }
+    static get watchers() { return {
+        "isMobile": ["setMobileView"]
+    }; }
+};
+HeaderNavigation.style = DigiHeaderNavigationStyle0;
+
+export { HeaderNavigation as digi_header_navigation };

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

@@ -0,0 +1,19 @@
+import { r as registerInstance, h } from './index-148a7577.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) {
+        registerInstance(this, hostRef);
+        this.afNotificationAmount = undefined;
+    }
+    render() {
+        return (h("div", { key: '09b98b8c03390654e580cae1c2ae1becb1ced0fd', class: "digi-header-notification" }, this.afNotificationAmount > 0 && (h("span", { key: '070b143dfb2d2fe760d52649f2eef55a5383b2d6', class: "digi-header-notification__number" }, this.afNotificationAmount < 100
+            ? this.afNotificationAmount
+            : '+99')), h("slot", { key: '76d0edbd756942295385457529138f258b71080c' })));
+    }
+};
+HeaderNotification.style = DigiHeaderNotificationStyle0;
+
+export { HeaderNotification as digi_header_notification };

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

@@ -0,0 +1,115 @@
+import { r as registerInstance, h, g as getElement } from './index-148a7577.js';
+import './badge-notification-shape.enum-e15a6245.js';
+import { H as HeaderCenterContentWidth } from './typography-variation.enum-8c3ff25c.js';
+import './badge-status-variation.enum-8d6370ff.js';
+import './button-size.enum-d5ff6ff3.js';
+import './button-type.enum-5250ae0b.js';
+import './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';
+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 { L as LayoutBlockContainer } from './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';
+import './list-type.enum-fbb331ad.js';
+import './loader-skeleton-variation.enum-f9f867b4.js';
+import './loader-spinner-size.enum-0b246fa0.js';
+import './logo-color.enum-8593dca6.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-heading-level.enum-ace13afe.js';
+import './progress-list-item-variation.enum-384b9a3a.js';
+import './progress-list-variation.enum-300bd89d.js';
+import './progressbar-variation.enum-40adaab4.js';
+import './quote-image-inner-position.enum-8e9b1e65.js';
+import './table-variation.enum-dd9366b6.js';
+import './tag-media-icon.enum-fefa191c.js';
+import './tag-size.enum-403e0cd8.js';
+import './tools-feedback-banner-type.enum-74b4e580.js';
+import './tools-feedback-rating-variation.enum-29058ff2.js';
+import './tools-theme-provider.brand.enum-8c5a98c9.js';
+import './typography-heading-jumbo-variation.enum-eb737f1b.js';
+import './typography-meta-variation.enum-1f7c2878.js';
+import './typography-time-variation.enum-34c830ef.js';
+import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-6d004731.js';
+
+const headerCss = ".sc-digi-header-h{display:block;--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem}.sc-digi-header-h .digi-header__wrapper.sc-digi-header{display:flex;align-items:center;padding-left:var(--digi--header--padding-left);padding-right:var(--digi--header--padding-right)}@media (max-width: 47.9375rem){.sc-digi-header-h .digi-header--has-navigation.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0}}.sc-digi-header-h .digi-header__border.sc-digi-header{border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo]{margin-left:-0.125rem;text-decoration:none;padding-right:var(--digi--header--logo--padding-right)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo{--digi--logo--img--max-width:23rem}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo__img,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo__img{flex-shrink:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content]{display:flex;align-items:center;flex:1;justify-content:flex-end;flex-wrap:wrap;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-notification a,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-notification a{margin:0}.sc-digi-header-h .digi-header--af-centered.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0;--digi--header--padding-left:0}";
+const DigiHeaderStyle0 = headerCss;
+
+const Header = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afActive = undefined;
+        this.isMobile = undefined;
+        this.hasNavigation = undefined;
+        this.afMenuButtonText = undefined;
+        this.afAriaLabel = undefined;
+        this.afCentered = HeaderCenterContentWidth.DEFAULT;
+    }
+    toggleHandler(e) {
+        const element = e.target;
+        if (element.matches('digi-navigation-sidebar-button')) {
+            this.afActive = true;
+        }
+    }
+    closeHandler() {
+        this.afActive = false;
+    }
+    get cssModifiers() {
+        return {
+            'digi-header--af-centered': this.afCentered !== HeaderCenterContentWidth.DEFAULT,
+            'digi-header--has-navigation': this.hasNavigation
+        };
+    }
+    handleBreakpointObserver(e) {
+        this.isMobile = e.detail.value === UtilBreakpointObserverBreakpoints.SMALL;
+    }
+    /**
+     * Ta reda på om vi har en populerad navigations-slot. Om inte så renderar vi ingen menyknapp
+     * @en Find out if we have a populated navigation slot. If, we don't, let's not bother rendering the navigation toggle button
+     */
+    checkNavigation() {
+        this.hasNavigation = !!this.hostElement.querySelector('[slot="header-navigation"]');
+    }
+    componentWillLoad() {
+        this.checkNavigation();
+    }
+    /**
+     * If we have a <digi-logo> in the logo slot, make sure its afOnlySymbol prop
+     * is true when we're in mobile
+     */
+    componentWillRender() {
+        const afLogo = this.hostElement.querySelector('digi-logo');
+        if (afLogo) {
+            afLogo.afOnlySymbol = this.isMobile || afLogo.afOnlySymbol;
+        }
+    }
+    renderContent() {
+        return (h("div", { class: "digi-header__wrapper" }, h("slot", { name: "header-logo" }), h("slot", { name: "header-content" }), this.hasNavigation && this.isMobile && (h("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))));
+    }
+    render() {
+        return (h("header", { key: '35b1b75534609c95cf188dee68dc65756b60cf6e', "aria-label": this.afAriaLabel, class: Object.assign({ 'digi-header': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '6eee8b721fdf80e41db49d6983d1d5bfd8c27632', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("digi-layout-block", { key: '4caa83ed4b792ceaae5da6517241e2d09962fb9f', afContainer: LayoutBlockContainer.NONE }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), h("div", { key: 'd4bf22ad37c16accd0073ce6f286298146b04e33', class: "digi-header__border" }), h("slot", { key: '33f07a226d4e07f6bf83c019e7ea46f91d28596a', name: "header-navigation" }))));
+    }
+    get hostElement() { return getElement(this); }
+};
+Header.style = DigiHeaderStyle0;
+
+export { Header as digi_header };

package/dist/esm/digi-icon-accessibility-universal.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 iconAccessibilityUniversalCss = ".sc-digi-icon-accessibility-universal-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-accessibility-universal-h svg.sc-digi-icon-accessibility-universal{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 DigiIconAccessibilityUniversalStyle0 = iconAccessibilityUniversalCss;
+
+const IconAccessibilityUniversal = 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: 'e74bbea7350fa9289a85f9450543e8bd87b2c7bc', class: "digi-icon-accessibility-universal", width: "48px", height: "48px", viewBox: "0 0 48 48", "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: '0a55a02961af9db1a6883d0af1557b8809c35a1e', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '09444b004ba00c48cc01c6bf16f2aefe437d1aea' }, this.afDesc), h("path", { key: '4b77643d3bb076dd34e75dd19b4d3b00f3d91e41', class: "digi-icon-accessibility-universal__shape", d: "M24,0 C10.745129,0 0,10.745129 0,24 C0,37.254871 10.745129,48 24,48 C37.254871,48 48,37.254871 48,24 C48,10.745129 37.254871,0 24,0 Z M24,44.1290323 C12.8755161,44.1290323 3.87096774,35.1262258 3.87096774,24 C3.87096774,12.8755161 12.8737742,3.87096774 24,3.87096774 C35.1244839,3.87096774 44.1290323,12.8737742 44.1290323,24 C44.1290323,35.1244839 35.1262258,44.1290323 24,44.1290323 Z M37.8961935,16.3877419 C38.1418065,17.4280645 37.4975806,18.4705161 36.4572581,18.7162258 C33.5670968,19.3985806 30.8599355,20.0019677 28.1736774,20.3372903 C28.2393871,31.1111613 29.3982581,32.7685161 30.7835806,36.3162581 C31.2503226,37.5110323 30.6601935,38.8580323 29.4653226,39.3246774 C28.271129,39.7914194 26.9237419,39.2017742 26.4569032,38.0064194 C25.5318387,35.6386452 24.7063548,33.8500645 24.1531935,29.769 L23.847,29.769 C23.2933548,33.8534516 22.466129,35.6437742 21.5432903,38.0064194 C21.0772258,39.1995484 19.7315806,39.792 18.534871,39.3247742 C17.3400968,38.8580323 16.749871,37.511129 17.2165161,36.3162581 C18.6032903,32.766 19.7607097,31.1062258 19.8264194,20.3372903 C17.1401613,20.0019677 14.433,19.3986774 11.5428387,18.7162258 C10.5025161,18.4706129 9.85829032,17.4280645 10.1039032,16.3877419 C10.3496129,15.3474194 11.3921613,14.7033871 12.4323871,14.9488065 C22.5712258,17.3426129 25.4433871,17.3392258 35.5678065,14.9488065 C36.6080323,14.7031935 37.6505806,15.3473226 37.8961935,16.3877419 Z M20.3038065,12.2123226 C20.3038065,10.1709677 21.9586452,8.51612903 24,8.51612903 C26.0413548,8.51612903 27.6961935,10.1709677 27.6961935,12.2123226 C27.6961935,14.2536774 26.0413548,15.9085161 24,15.9085161 C21.9586452,15.9085161 20.3038065,14.2535806 20.3038065,12.2123226 L20.3038065,12.2123226 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+IconAccessibilityUniversal.style = DigiIconAccessibilityUniversalStyle0;
+
+export { IconAccessibilityUniversal as digi_icon_accessibility_universal };

package/dist/esm/digi-icon-bars.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 iconBarsCss = ".sc-digi-icon-bars-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-bars-h svg.sc-digi-icon-bars{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 DigiIconBarsStyle0 = iconBarsCss;
+
+const IconBars = 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: '7dc0c9f8048a3b30aaf2143c82b2f0366ccdfa83', class: "digi-icon-bars", width: "22", height: "26", viewBox: "0 0 22 26", 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: 'f535e8b2c1adc3cb25b69715516cd070910fa7e5', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '0334d350007035ab9b3025a3b50b89fa0076d1ee' }, this.afDesc), h("path", { key: '8387fd4576eddbf0ae0d43c11b5a6b2811e266fb', class: "digi-icon-bars__shape", d: "M0.8,6.9h20.4c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8C0.4,3.4,0,3.7,0,4.2v2C0,6.6,0.4,6.9,0.8,6.9z M0.8,14.8 h20.4c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8C0.4,11.2,0,11.6,0,12v2C0,14.4,0.4,14.8,0.8,14.8z M0.8,22.6h20.4 c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8c-0.4,0-0.8,0.4-0.8,0.8v2C0,22.3,0.4,22.6,0.8,22.6z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+IconBars.style = DigiIconBarsStyle0;
+
+export { IconBars as digi_icon_bars };

package/dist/esm/digi-icon-bell-filled.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 iconBellFilledCss = ".sc-digi-icon-bell-filled-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-bell-filled-h svg.sc-digi-icon-bell-filled{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 DigiIconBellFilledStyle0 = iconBellFilledCss;
+
+const IconBellFilled = 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: '5e2a17ce1dfb69440a0b81f54d09c8f004060832', class: "digi-icon-bell-filled", width: "48", height: "48", viewBox: "0 0 48 48", "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: 'cc392e3818738b235726b47dfc5ecf03f9a3d09a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '14c6a0831afa0e8137109bd8ff9ad63adb255ace' }, this.afDesc), h("path", { key: 'cae066c44eca47b6cde2ba3e977447fe463c6166', class: "digi-icon-bell-filled__shape", d: "M23.555833,48 C26.8859842,48 29.5872534,45.3140625 29.5872534,42 L17.5244126,42 C17.5244126,45.3140625 20.2256818,48 23.555833,48 Z M43.8639093,33.9646875 C42.0423204,32.0184375 38.6339126,29.090625 38.6339126,19.5 C38.6339126,12.215625 33.4972582,6.384375 26.5710718,4.95375 L26.5710718,3 C26.5710718,1.3434375 25.2209086,0 23.555833,0 C21.8907574,0 20.5405942,1.3434375 20.5405942,3 L20.5405942,4.95375 C13.6144078,6.384375 8.47775338,12.215625 8.47775338,19.5 C8.47775338,29.090625 5.06934557,32.0184375 3.24775666,33.9646875 C2.68204582,34.569375 2.43124734,35.2921875 2.43589641,36 C2.44633297,37.5375 3.65978272,39 5.4625146,39 L41.6491514,39 C43.4518833,39 44.6662759,37.5375 44.6757696,36 C44.6804187,35.2921875 44.4296202,34.5684375 43.8639093,33.9646875 L43.8639093,33.9646875 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+IconBellFilled.style = DigiIconBellFilledStyle0;
+
+export { IconBellFilled as digi_icon_bell_filled };

package/dist/esm/digi-icon-check-circle-solid_4.entry.js

@@ -0,0 +1,92 @@
+import { r as registerInstance, h } from './index-148a7577.js';
+import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
+
+const iconCheckCircleSolidCss = ".sc-digi-icon-check-circle-solid-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-check-circle-solid-h svg.sc-digi-icon-check-circle-solid{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 DigiIconCheckCircleSolidStyle0 = iconCheckCircleSolidCss;
+
+const IconCheckCircleSolid = 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: 'd28cef4c79d08ea053322179d3afcb6528165236', class: "digi-icon-check-circle-solid", width: "48px", height: "48px", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, fill: "currentColor" }, this.afTitle && h("title", { key: '60b742f409ee001421656640dcea90b5e1bb79a0', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '48ec05eaab33fed13bb982ea435991dbb1e29bb1' }, this.afDesc), h("defs", { key: 'eebddbeb1bde01a2e857612e705cbb61de490abe' }, h("polygon", { key: '675dd268912ee9ee8bc686c10d12e9049b14b77e', points: "0 0 48 0 48 48.0005539 0 48.0005539" })), h("g", { key: 'd6d45705b7be2461a69ea12619bbe50f3cd8a35f', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '3cc1eaa91054519771711ba36e18658ca55ec85a', transform: "translate(-1122, -215)" }, h("g", { key: '6ea6a5f2af82033d2b385fca89ac86be43ccef26', transform: "translate(1122, 215)" }, h("mask", { key: '8f817dbb4ea124a515bddcc5972c5333ceceded8', id: "mask-2", fill: "white" }, h("use", { key: '1316cda5a844c8dc354a37c4d1b97749b911469b', href: "#path-1" })), h("g", { key: 'edcfdfd8138d6ae9e155d81cc3af6fbbcf65842e', id: "Clip-2" }), h("path", { key: '07cef891f659be5c8d36fb612ae2c9357462e239', d: "M38.2695118,19.0969092 L22.8594286,34.5069924 C22.1966492,35.1697718 21.1129402,35.1697718 20.4501608,34.5069924 L18.821828,32.8786597 L18.821828,32.8786597 L11.8414129,25.8982446 C11.1786335,25.2354652 11.1786335,24.14991 11.8414129,23.4871306 L13.4678995,21.860644 C14.1306789,21.1978646 15.2162341,21.1978646 15.8790135,21.860644 L21.6538716,27.6373483 L34.2319113,15.0593086 C34.8946907,14.3965292 35.9783997,14.3965292 36.6411791,15.0593086 L38.2695118,16.6876413 C38.9322913,17.3504208 38.9322913,18.4341298 38.2695118,19.0969092 M24.0003692,0 C10.7447807,0 0,10.7447807 0,24.0003692 C0,37.2559578 10.7447807,48.0007385 24.0003692,48.0007385 C37.2541116,48.0007385 48.0007385,37.2559578 48.0007385,24.0003692 C48.0007385,10.7447807 37.2541116,0 24.0003692,0", fill: "currentColor" }))))));
+    }
+};
+IconCheckCircleSolid.style = DigiIconCheckCircleSolidStyle0;
+
+const iconPaperclipCss = ".sc-digi-icon-paperclip-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-paperclip-h svg.sc-digi-icon-paperclip{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 DigiIconPaperclipStyle0 = iconPaperclipCss;
+
+const IconPaperclip = 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: 'b7d7720a18a001b3522a1ea82af4c88138ed5bd1', class: "digi-icon-paperclip", width: "23", height: "26", viewBox: "0 0 23 26", "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: 'b6450dfb230f6a4e6e24681b4da2f30ac18b94f8', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'e4ab86d7002f09a6cc490729e70ebde9e290fd21' }, this.afDesc), h("path", { key: '0a5645e444cf48a71ba49de5b557f7c49e96d180', class: "digi-icon-paperclip__shape", d: "M2.157 23.79c-2.876-2.947-2.876-7.715 0-10.662L13.31 1.7a5.586 5.586 0 018.026 0c2.218 2.273 2.219 5.951 0 8.224l-9.391 9.623a3.93 3.93 0 01-5.647 0 4.16 4.16 0 010-5.787l7.954-8.15a.585.585 0 01.84 0l.842.863a.62.62 0 010 .861l-7.954 8.15a1.682 1.682 0 000 2.339c.63.645 1.653.645 2.283 0L19.654 8.2a3.434 3.434 0 000-4.776 3.244 3.244 0 00-4.662 0L3.84 14.852c-1.946 1.993-1.946 5.22 0 7.214a4.895 4.895 0 007.047-.002c3.236-3.318 6.472-6.636 9.71-9.953a.585.585 0 01.84 0l.842.862a.62.62 0 010 .861 37929.73 37929.73 0 00-9.71 9.953 7.233 7.233 0 01-10.411.002z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+IconPaperclip.style = DigiIconPaperclipStyle0;
+
+const iconTrashCss = ".sc-digi-icon-trash-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-trash-h svg.sc-digi-icon-trash{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 DigiIconTrashStyle0 = iconTrashCss;
+
+const Icontrash = 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: '061025065f77c4cf882f6e1b403d23919fd68aa8', class: "digi-icon-trash", width: "48", height: "48", viewBox: "0 0 48 48", "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: '3b1532517a3ca5fcf9a30dd571925e7aaca41dc6', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'fac68056569f51e244f8976af13070188d59db51' }, this.afDesc), h("path", { key: '76a700f66cfe93ac6a30075fc12455bbf24020dc', class: "digi-icon-trash__shape", d: "M28.3065836,39.0000003 L30.4710557,39.0000003 C31.0687581,39.0000003 31.5532917,38.4963197 31.5532917,37.8749994 L31.5532917,17.6250003 C31.5532917,17.00368 31.0687581,16.5000003 30.4710557,16.5000003 L28.3065836,16.5000003 C27.7088812,16.5000003 27.2243476,17.00368 27.2243476,17.6250003 L27.2243476,37.8749994 C27.2243476,38.4963197 27.7088812,39.0000003 28.3065836,39.0000003 Z M43.0971425,7.50000051 L35.6648867,7.50000051 L32.5985513,2.18437593 C31.8157803,0.828519874 30.4058526,-0.000752023508 28.884678,5.11738477e-07 L19.7920918,5.11738477e-07 C18.2715602,5.11738477e-07 16.8624625,0.829093174 16.0800223,2.18437593 L13.0118832,7.50000051 L5.57962735,7.50000051 C4.78269076,7.50000051 4.136646,8.17157355 4.136646,9.00000051 L4.136646,10.5000005 C4.136646,11.3284277 4.78269076,12.0000005 5.57962735,12.0000005 L7.0226087,12.0000005 L7.0226087,43.5000005 C7.0226087,45.9852804 8.96074297,48.0000005 11.3515528,48.0000005 L37.3252171,48.0000005 C39.7160269,48.0000005 41.6541611,45.9852804 41.6541611,43.5000005 L41.6541611,12.0000005 L43.0971425,12.0000005 C43.8940791,12.0000005 44.5401238,11.3284277 44.5401238,10.5000005 L44.5401238,9.00000051 C44.5401238,8.17157355 43.8940791,7.50000051 43.0971425,7.50000051 Z M19.6342657,4.77281332 C19.7323744,4.60306234 19.9091243,4.49944487 20.0996272,4.49999861 L28.5771426,4.49999861 C28.7673243,4.49977491 28.9436588,4.60334956 29.0416023,4.77281332 L30.6162557,7.49999861 L18.0605142,7.49999861 L19.6342657,4.77281332 Z M37.3252171,43.5000005 L11.3515528,43.5000005 L11.3515528,12.0000005 L37.3252171,12.0000005 L37.3252171,43.5000005 Z M18.2057142,39.0000003 L20.3701862,39.0000003 C20.9678886,39.0000003 21.4524222,38.4963197 21.4524222,37.8749994 L21.4524222,17.6250003 C21.4524222,17.00368 20.9678886,16.5000003 20.3701862,16.5000003 L18.2057142,16.5000003 C17.6080117,16.5000003 17.1234782,17.00368 17.1234782,17.6250003 L17.1234782,37.8749994 C17.1234782,38.4963197 17.6080117,39.0000003 18.2057142,39.0000003 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+Icontrash.style = DigiIconTrashStyle0;
+
+const iconXButtonOutlineCss = ".sc-digi-icon-x-button-outline-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-button-outline-h svg.sc-digi-icon-x-button-outline{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 DigiIconXButtonOutlineStyle0 = iconXButtonOutlineCss;
+
+const IconXButtonOutline = 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: 'b86832c25eafafce00ad32317701fc5b8b4000b2', class: "digi-icon-x-button-outline", width: "48", height: "48", viewBox: "0 0 48 48", 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: 'c1f7bf88c6a6bb4586dd8f3d804a8b2311c92237', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '47a1f617fc12962ebf8421455ab26140ee2269cf' }, this.afDesc), h("path", { key: '930a2ad353c05f2f8d1fc4174b9f4a0b08a0daae', class: "digi-icon-x-button-outline__shape", d: "M24,0 C10.7419355,0 0,10.7419355 0,24 C0,37.2580645 10.7419355,48 24,48 C37.2580645,48 48,37.2580645 48,24 C48,10.7419355 37.2580645,0 24,0 Z M24,43.3548387 C13.3064516,43.3548387 4.64516129,34.6935484 4.64516129,24 C4.64516129,13.3064516 13.3064516,4.64516129 24,4.64516129 C34.6935484,4.64516129 43.3548387,13.3064516 43.3548387,24 C43.3548387,34.6935484 34.6935484,43.3548387 24,43.3548387 Z M27.8322581,24 L33.8516129,30.0193548 C34.3064516,30.4741935 34.3064516,31.2096774 33.8516129,31.6645161 L31.6645161,33.8516129 C31.2096774,34.3064516 30.4741935,34.3064516 30.0193548,33.8516129 L24,27.8322581 L17.9806452,33.8516129 C17.5258065,34.3064516 16.7903226,34.3064516 16.3354839,33.8516129 L14.1483871,31.6645161 C13.6935484,31.2096774 13.6935484,30.4741935 14.1483871,30.0193548 L20.1677419,24 L14.1483871,17.9806452 C13.6935484,17.5258065 13.6935484,16.7903226 14.1483871,16.3354839 L16.3354839,14.1483871 C16.7903226,13.6935484 17.5258065,13.6935484 17.9806452,14.1483871 L24,20.1677419 L30.0193548,14.1483871 C30.4741935,13.6935484 31.2096774,13.6935484 31.6645161,14.1483871 L33.8516129,16.3354839 C34.3064516,16.7903226 34.3064516,17.5258065 33.8516129,17.9806452 L27.8322581,24 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+IconXButtonOutline.style = DigiIconXButtonOutlineStyle0;
+
+export { IconCheckCircleSolid as digi_icon_check_circle_solid, IconPaperclip as digi_icon_paperclip, Icontrash as digi_icon_trash, IconXButtonOutline as digi_icon_x_button_outline };