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

package/components/p-DktWHFdS.js

@@ -0,0 +1,102 @@
+import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-B-pDXa1I.js';
+
+const UtilIntersectionObserver = /*@__PURE__*/ proxyCustomElement(class UtilIntersectionObserver extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.afOnChange = createEvent(this, "afOnChange", 7);
+        this.afOnIntersect = createEvent(this, "afOnIntersect", 7);
+        this.afOnUnintersect = createEvent(this, "afOnUnintersect", 7);
+        this._observer = null;
+        this._hasIntersected = false;
+        this._isObserving = false;
+        /**
+         * Stäng av observern efter första intersection
+         * @en Disconnect the observer after first intersection.
+         */
+        this.afOnce = false;
+        /**
+         * Skicka options till komponentens interna Intersection Observer. T.ex. för att kontrollera när bilden lazy loadas.
+         * @en Accepts an Intersection Observer options object. Controls when the image should lazy-load.
+         */
+        this.afOptions = {
+            rootMargin: '0px',
+            threshold: 0
+        };
+    }
+    afOptionsWatcher(newValue) {
+        this._afOptions =
+            typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
+    }
+    componentWillLoad() {
+        this.afOptionsWatcher(this.afOptions);
+        this.initObserver();
+    }
+    disconnectedCallback() {
+        if (this._isObserving) {
+            this.removeObserver();
+        }
+    }
+    initObserver() {
+        this._observer = new IntersectionObserver(([entry]) => {
+            if (entry && entry.isIntersecting) {
+                this.intersectionHandler();
+                if (this.afOnce) {
+                    this.removeObserver();
+                }
+            }
+            else if (entry && this._hasIntersected) {
+                this.unintersectionHandler();
+            }
+        }, this._afOptions);
+        this._observer.observe(this.$el);
+        this._isObserving = true;
+    }
+    removeObserver() {
+        this._observer.disconnect();
+        this._isObserving = false;
+    }
+    intersectionHandler() {
+        this.afOnChange.emit(true);
+        this.afOnIntersect.emit();
+        this._hasIntersected = true;
+    }
+    unintersectionHandler() {
+        this.afOnChange.emit(false);
+        this.afOnUnintersect.emit();
+        this._hasIntersected = false;
+    }
+    render() {
+        return h("slot", { key: '0a8bad37aec6fceb8af7c855b276b64d01976ef8' });
+    }
+    get $el() { return this; }
+    static get watchers() { return {
+        "afOptions": [{
+                "afOptionsWatcher": 0
+            }]
+    }; }
+}, [262, "digi-util-intersection-observer", {
+        "afOnce": [4, "af-once"],
+        "afOptions": [1, "af-options"]
+    }, undefined, {
+        "afOptions": [{
+                "afOptionsWatcher": 0
+            }]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-util-intersection-observer"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-util-intersection-observer":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), UtilIntersectionObserver);
+            }
+            break;
+    } });
+}
+
+export { UtilIntersectionObserver as U, defineCustomElement as d };

package/components/p-DoxcSmni.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-B-pDXa1I.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconValidationSuccessCss = () => `.sc-digi-icon-validation-success-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-validation-success-h svg.sc-digi-icon-validation-success{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 IconCheckCircle = /*@__PURE__*/ proxyCustomElement(class IconCheckCircle extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
+        this.afSvgAriaHidden = true;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: '1c9dcaf014e400504cbce24f69c67bdbb1dc0361', class: "digi-icon-validation-success", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'ed5b4d39b987b025d99ef2ce2153a8de749f587e', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '7c5175b745577dd9076170ba83fa00f8cc03c4a2' }, this.afDesc), h("path", { key: 'f9cb601de2dfbf7959b2b43023692e111f1fbf91', class: "digi-icon-validation-success__shape", d: "M25 12.5C25 19.404 19.404 25 12.5 25S0 19.404 0 12.5 5.596 0 12.5 0 25 5.596 25 12.5zm-13.946 6.619l9.274-9.275a.806.806 0 000-1.14l-1.14-1.14a.806.806 0 00-1.14 0l-7.564 7.563-3.531-3.531a.807.807 0 00-1.14 0l-1.141 1.14a.806.806 0 000 1.14l5.242 5.243a.806.806 0 001.14 0z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+    static get style() { return iconValidationSuccessCss(); }
+}, [2, "digi-icon-validation-success", {
+        "afTitle": [1, "af-title"],
+        "afDesc": [1, "af-desc"],
+        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
+        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
+        "titleId": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-icon-validation-success"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-validation-success":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconCheckCircle);
+            }
+            break;
+    } });
+}
+
+export { IconCheckCircle as I, defineCustomElement as d };

package/components/p-DpDyNuVC.js

@@ -0,0 +1,7 @@
+var ToolsThemeProviderBrandEnum;
+(function (ToolsThemeProviderBrandEnum) {
+    ToolsThemeProviderBrandEnum["AF25"] = "AF25";
+    ToolsThemeProviderBrandEnum["AF18"] = "AF18";
+})(ToolsThemeProviderBrandEnum || (ToolsThemeProviderBrandEnum = {}));
+
+export { ToolsThemeProviderBrandEnum as T };

package/components/p-Dq9EWvk8.js

@@ -0,0 +1,200 @@
+import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-B-pDXa1I.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+import { N as NotificationAlertHeadingLevel, o as NotificationAlertSize, p as NotificationAlertVariation, t as TypographyVariation } from './p-BbGPkkqr.js';
+import './p-CKoZU0-H.js';
+import './p-C0A-p3cU.js';
+import { b as ButtonVariation } from './p-DNHRmpND.js';
+import './p-DH_-wpLB.js';
+import './p-DPeoHh1J.js';
+import './p-qc6KRZue.js';
+import './p-DwNlf6Sh.js';
+import './p-C6B2KRZo.js';
+import './p-CES5gUEo.js';
+import './p-DzSu1-K0.js';
+import './p-6-MpaVf8.js';
+import './p-BfyJgcLA.js';
+import './p-BvWKyXb_.js';
+import './p-7F-7XlTz.js';
+import './p-Dp9SgP94.js';
+import './p-CAr8ZNeD.js';
+import './p-DcnvI7UR.js';
+import './p-DCS1KcvC.js';
+import './p-DogB9kfH.js';
+import './p-B8hpiXmh.js';
+import './p-CkIb3cUS.js';
+import './p-_ycZeBN4.js';
+import './p-rbgkevJv.js';
+import './p-DJCufAhy.js';
+import './p-oKq_eErM.js';
+import './p-CPzcg9n3.js';
+import './p-CsNHGpkJ.js';
+import './p-D_VIx0pC.js';
+import './p-ArGkfrXt.js';
+import './p-Chk3GCYK.js';
+import './p-evtVuhQt.js';
+import './p-V-HTxO5a.js';
+import './p-DPkRL9Bv.js';
+import './p-w8pbG68a.js';
+import './p-DMrSPsPW.js';
+import './p-DXqRzyRP.js';
+import './p-DoZkBEe8.js';
+import './p-m9xS70Ez.js';
+import './p-CmH9mJ43.js';
+import './p-DBcU_EnL.js';
+import './p-BvcVTm_t.js';
+import './p-bQJ38En_.js';
+import './p-DrVSK7Ws.js';
+import './p-CAmn5qzb.js';
+import './p-DpDyNuVC.js';
+import './p-DNjGvZvz.js';
+import './p-CHxBAbI8.js';
+import './p-rhVqmQwC.js';
+import './p-DPq588Q4.js';
+import { d as defineCustomElement$7 } from './p--RxphPe_.js';
+import { d as defineCustomElement$6 } from './p-Csv9l_VB.js';
+import { d as defineCustomElement$5 } from './p-C33Pdme5.js';
+import { d as defineCustomElement$4 } from './p-CawlWrYM.js';
+import { d as defineCustomElement$3 } from './p-LoxMejwP.js';
+import { d as defineCustomElement$2 } from './p-CfNd9HJm.js';
+import { d as defineCustomElement$1 } from './p-CXvUvwhd.js';
+
+const notificationAlertCss = () => `.sc-digi-notification-alert-h{--digi--notification-alert--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--notification-alert--heading--font-size:var(--digi--typography--heading-3--font-size--desktop);--digi--notification-alert--heading--font-size--large:var(--digi--typography--heading-3--font-size--desktop-large);--digi--notification-alert--icon--padding--large:var(--digi--gutter--largest);--digi--notification-alert--icon--padding--medium:var(--digi--gutter--largest);--digi--notification-alert--icon--padding--small:var(--digi--gutter--large);--digi--notification-alert--icon--width--large:2.25rem;--digi--notification-alert--icon--width--medium:1.4375rem;--digi--notification-alert--icon--width--small:1.4375rem;--digi--notification-alert--max-width--large:100%;--digi--notification-alert--max-width--medium:31.25rem;--digi--notification-alert--max-width--small:18.75rem;--digi--notification-alert--border--informative:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--info);--digi--notification-alert--icon--color--informative:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--informative:var(--digi--color--background--sentiment--info--primary);--digi--notification-alert--border--success:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--success);--digi--notification-alert--icon--color--success:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--success:var(--digi--color--background--sentiment--success--primary);--digi--notification-alert--border--warning:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--warning);--digi--notification-alert--icon--color--warning:var(--digi--color--icon--primary);--digi--notification-alert--icon--background--warning:var(--digi--color--background--sentiment--warning--primary);--digi--notification-alert--border--danger:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--error);--digi--notification-alert--icon--color--danger:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--danger:var(--digi--color--background--sentiment--error--primary)}.sc-digi-notification-alert-h .digi-notification-alert.sc-digi-notification-alert{position:relative;max-width:var(--MAX-WIDTH)}.sc-digi-notification-alert-h .digi-notification-alert--variation-info.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--informative);--ICON--COLOR:var(--digi--notification-alert--icon--color--informative);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--informative)}.sc-digi-notification-alert-h .digi-notification-alert--variation-success.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--success);--ICON--COLOR:var(--digi--notification-alert--icon--color--success);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--success)}.sc-digi-notification-alert-h .digi-notification-alert--variation-danger.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--danger);--ICON--COLOR:var(--digi--notification-alert--icon--color--danger);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--danger)}.sc-digi-notification-alert-h .digi-notification-alert--variation-warning.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--warning);--ICON--COLOR:var(--digi--notification-alert--icon--color--warning);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--warning)}.sc-digi-notification-alert-h .digi-notification-alert--size-large.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--large);--ICON--PADDING:var(--digi--notification-alert--icon--padding--large);--ICON--WIDTH:var(--digi--notification-alert--icon--width--large)}.sc-digi-notification-alert-h .digi-notification-alert--size-medium.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--medium);--ICON--PADDING:var(--digi--notification-alert--icon--padding--medium);--ICON--WIDTH:var(--digi--notification-alert--icon--width--medium)}.sc-digi-notification-alert-h .digi-notification-alert--size-small.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--small);--ICON--PADDING:var(--digi--notification-alert--icon--padding--small);--ICON--WIDTH:var(--digi--notification-alert--icon--width--small)}.sc-digi-notification-alert-h .digi-notification-alert--size-small.sc-digi-notification-alert .digi-notification-alert__close-button__text.sc-digi-notification-alert{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-notification-alert-h .digi-notification-alert--closeable.sc-digi-notification-alert .digi-notification-alert__wrapper.sc-digi-notification-alert{display:flex;justify-content:space-between;flex-direction:row-reverse}.sc-digi-notification-alert-h .digi-notification-alert--closeable.sc-digi-notification-alert .digi-notification-alert__text.sc-digi-notification-alert{padding-right:0}.sc-digi-notification-alert-h .digi-notification-alert__layout.sc-digi-notification-alert{display:flex;align-items:stretch;gap:0}.sc-digi-notification-alert-h .digi-notification-alert__icon-wrapper.sc-digi-notification-alert{align-items:stretch}.sc-digi-notification-alert-h .digi-notification-alert__icon.sc-digi-notification-alert{background:var(--ICON--BACKGROUND);padding:var(--ICON--PADDING);display:flex;align-items:center;justify-content:center;height:100%;box-sizing:border-box}.sc-digi-notification-alert-h .digi-notification-alert__icon.sc-digi-notification-alert>*.sc-digi-notification-alert{--digi--icon--width:var(--ICON--WIDTH);--digi--icon--color:var(--ICON--COLOR)}.sc-digi-notification-alert-h .digi-notification-alert__main-wrapper.sc-digi-notification-alert{flex:1}.sc-digi-notification-alert-h .digi-notification-alert__wrapper.sc-digi-notification-alert{display:flex;border:var(--BORDER);background-color:var(--digi--color--background--primary);border-left:none;height:100%;box-sizing:border-box}.sc-digi-notification-alert-h .digi-notification-alert__text.sc-digi-notification-alert{padding:var(--digi--gutter--largest)}.sc-digi-notification-alert-h .digi-notification-alert__close-button.sc-digi-notification-alert{--digi--button--color--function:var(--digi--color--text--primary);--digi--button--color--function--hover:var(--digi--color--text--primary)}@media screen and (max-width: 36rem){.sc-digi-notification-alert-h .digi-notification-alert__close-button__text.sc-digi-notification-alert{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}}.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--notification-alert--heading--font-size);font-weight:var(--digi--notification-alert--heading--font-weight);color:var(--digi--color--text--primary);margin:0;display:block}@media (min-width: 61.9375rem){.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert{font-size:var(--digi--notification-alert--heading--font-size--large)}}.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert:focus{outline:none}.sc-digi-notification-alert-h .digi-notification-alert__content.sc-digi-notification-alert>*.sc-digi-notification-alert{--digi--typography--max-width:var(--MAX-WIDTH);--digi--typography--margin-top--text:var(--digi--gutter--small)}`;
+
+const NotificationAlert = /*@__PURE__*/ proxyCustomElement(class NotificationAlert extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.afOnClose = createEvent(this, "afOnClose", 7);
+        this.afOnReady = createEvent(this, "afOnReady", 3);
+        this.listItems = [];
+        /**
+         * Sätter rubrikens vikt. 'h2' är förvalt.
+         * @en Set heading level. Default is 'h2'
+         */
+        this.afHeadingLevel = NotificationAlertHeadingLevel.H2;
+        /**
+         * Sätter storlek. Kan vara 'small', 'medium' eller 'large'.
+         * @en Set size of alert notification. Can be 'small', 'medium' or 'large'.
+         */
+        this.afSize = NotificationAlertSize.LARGE;
+        /**
+         * Sätter variant. Kan vara 'info', 'success', 'warning' eller 'danger'.
+         * @en Set variation of alert notification. Can be 'info', 'success', 'warning' or 'danger'.
+         */
+        this.afVariation = NotificationAlertVariation.INFO;
+        /**
+         * Gör det möjligt att stänga meddelandet med en stängknapp
+         * @en If true, the close button is added to the component
+         */
+        this.afCloseable = false;
+        /**
+         * Stängknappens attribut 'aria-label'
+         * @en Close button aria-label attribute
+         */
+        this.afCloseAriaLabel = 'Stäng meddelandet';
+        /**
+         * Sätter attributet 'id'. Ges inget värde så genereras ett slumpmässigt.
+         * @en Label id attribute. Defaults to random string.
+         */
+        this.afId = randomIdGenerator('digi-notification-alert');
+    }
+    /**
+     * Hämtar en referens till rubrikelementet. Bra för att t.ex. sätta fokus programmatiskt.
+     * @en Returns a reference to the heading element. Handy for setting focus programmatically.
+     */
+    async afMGetHeadingElement() {
+        return this._heading;
+    }
+    clickHandler(e) {
+        this.afOnClose.emit(e);
+    }
+    componentDidLoad() {
+        this.afOnReady.emit();
+    }
+    get cssModifiers() {
+        return {
+            [`digi-notification-alert--size-${this.afSize}`]: !!this.afSize,
+            [`digi-notification-alert--variation-${this.afVariation}`]: !!this.afVariation,
+            'digi-notification-alert--closeable': this.afCloseable
+        };
+    }
+    get icon() {
+        switch (this.afVariation) {
+            case NotificationAlertVariation.SUCCESS:
+                return h("digi-icon-notification-succes", null);
+            case NotificationAlertVariation.WARNING:
+                return h("digi-icon-notification-warning", null);
+            case NotificationAlertVariation.DANGER:
+                return h("digi-icon-notification-error", null);
+            default:
+                return h("digi-icon-notification-info", null);
+        }
+    }
+    render() {
+        return (h("div", { key: '3297ae5ddb9efe2729baa229781a33a9aac1d55a', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: 'ad2c19f2c08f0105e32b8bc8da5e2dea81cb1541', class: "digi-notification-alert__layout" }, h("div", { key: '018f007c7ec9632f44dd6502c474215f9fbc12b6', class: "digi-notification-alert__icon-wrapper" }, h("div", { key: '1a565a732bff9906db703af8a8950a50a61eb6e2', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: 'cfc5175c9be878e673bf8c7d7b716e88e98c9cf1', class: "digi-notification-alert__main-wrapper" }, h("div", { key: '94362e524d06ece62a966659f0924a1443fc2c6e', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: 'd564b594e19b69139a02f1df211959bcf7689d8a', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: 'b4971294f4a93d60dd9b06bb9937ca2533db10a9', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: 'ccc9123308baf1c77c402f6132404a9f88e01d4d', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: '1d0c1d474feb154ee3b2c5f5ca146f8c92ce95c1', class: "digi-notification-alert__text" }, this.afHeading &&
+            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '6e9630c5ccfcf5afc36b2a752363802f79d9fdd3', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'b9cbdca0fc92cd898c4fd5e4cee615201d0ba561', class: "digi-notification-alert__content" }, h("digi-typography", { key: '436522235ec6fbcce4aa4b204378d58ccac1d2e6', "af-variation": TypographyVariation.SMALL }, h("slot", { key: '3c5bd933115d6919cbfb9580f2972b32a6e55904' })))))))));
+    }
+    get hostElement() { return this; }
+    static get style() { return notificationAlertCss(); }
+}, [262, "digi-notification-alert", {
+        "afHeading": [1, "af-heading"],
+        "afHeadingLevel": [1, "af-heading-level"],
+        "afSize": [1, "af-size"],
+        "afVariation": [1, "af-variation"],
+        "afCloseable": [4, "af-closeable"],
+        "afCloseAriaLabel": [1, "af-close-aria-label"],
+        "afId": [1, "af-id"],
+        "afMGetHeadingElement": [64]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-notification-alert", "digi-button", "digi-icon-notification-error", "digi-icon-notification-info", "digi-icon-notification-succes", "digi-icon-notification-warning", "digi-icon-x", "digi-typography"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-notification-alert":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), NotificationAlert);
+            }
+            break;
+        case "digi-button":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$7();
+            }
+            break;
+        case "digi-icon-notification-error":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$6();
+            }
+            break;
+        case "digi-icon-notification-info":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$5();
+            }
+            break;
+        case "digi-icon-notification-succes":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$4();
+            }
+            break;
+        case "digi-icon-notification-warning":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$3();
+            }
+            break;
+        case "digi-icon-x":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$2();
+            }
+            break;
+        case "digi-typography":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { NotificationAlert as N, defineCustomElement as d };