@designsystem-se/af 39.2.1-beta.0 → 39.2.1-beta.1

package/components/digi-tablist.js

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a53686b3.js';
-import { d as defineCustomElement$4 } from './p-db0d140d.js';
-import { d as defineCustomElement$3 } from './p-7f08536e.js';
-import { d as defineCustomElement$2 } from './p-7af943bd.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-0pTevzmo.js';
+import { d as defineCustomElement$4 } from './p-DDdKfPB2.js';
+import { d as defineCustomElement$3 } from './p-BupNdJre.js';
+import { d as defineCustomElement$2 } from './p-CSefQfv6.js';
 
 var Direction;
 (function (Direction) {
@@ -14,16 +14,29 @@ var OverflowMode;
     OverflowMode["Scroll"] = "scroll";
 })(OverflowMode || (OverflowMode = {}));
 
-const navigationTablistCss = ".sc-digi-tablist-h{--tab-active-border-color:var(--digi--color--marking--navigation--selected);--tab-text-color:var(--digi--color--text--primary);--tab-icon-primary--color:var(--digi--color--icon--primary);--tab-icon-primary--color-hover:var(--digi--color--icon--primary);--tab-icon-primary--color-active:var(--digi--color--icon--primary)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist{font-family:var(--digi--global--typography--font-family--default);color:var(--digi--color--text--primary);position:relative;display:flex;gap:1rem;background-color:var(--digi--color--background--primary);margin-bottom:2.875rem;border-bottom:1px solid var(--digi--color--divider--secondary)}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist .control-wrapper.sc-digi-tablist{display:none !important}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:auto}.sc-digi-tablist-h .digi-tablist--overflow-controls.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:hidden}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist button.sc-digi-tablist{background:none;border:none;padding:0;font-family:inherit}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist [role=tablist].sc-digi-tablist{display:flex;font-weight:bold;flex-grow:1;width:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist{position:absolute;z-index:20;display:flex;align-items:center;justify-content:center;height:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist{display:flex;align-items:center;justify-content:center;background-color:var(--digi--color--background--interactive--default--tertiary);border-radius:6px;min-height:auto;padding:0.75rem;aspect-ratio:1;cursor:pointer}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-right.sc-digi-tablist,.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-left.sc-digi-tablist{--digi--icon--color:var(--digi--color--icon--cta)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist{cursor:pointer;white-space:nowrap}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .content-wrapper.sc-digi-tablist{position:relative;height:2.75rem;display:flex;flex-direction:column;transition:background-color 0.1s linear}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .tablist-content.sc-digi-tablist{flex:1;display:flex;padding-right:0.75rem;padding-left:0.75rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--digi--icon--width:1rem;--digi--icon--color:var(--tab-icon-primary--color);padding-right:var(--digi--gutter--smaller)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist digi-badge-notification.sc-digi-tablist{margin-left:-0.125rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist{font-size:1rem;flex-direction:column;display:flex;align-items:center;justify-content:center;font-weight:normal;color:var(--tab-text-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist::after{content:attr(data-text);content:attr(data-text)/\"\";height:0;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .indicator.sc-digi-tablist{height:0.25rem;width:100%;visibility:hidden;background-color:var(--tab-active-border-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus{outline:none;box-shadow:none}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus-visible{z-index:10;outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) .title.sc-digi-tablist{color:var(--digi--color--text--interactive--primary);text-decoration:underline}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-hover)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .title.sc-digi-tablist{font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist svg.sc-digi-tablist{transform:translateX(-0.125rem)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-active)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .indicator.sc-digi-tablist{visibility:visible}";
-const DigiTablistStyle0 = navigationTablistCss;
+const navigationTablistCss = () => `.sc-digi-tablist-h{--tab-active-border-color:var(--digi--color--marking--navigation--selected);--tab-text-color:var(--digi--color--text--primary);--tab-icon-primary--color:var(--digi--color--icon--primary);--tab-icon-primary--color-hover:var(--digi--color--icon--primary);--tab-icon-primary--color-active:var(--digi--color--icon--primary)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist{font-family:var(--digi--global--typography--font-family--default);color:var(--digi--color--text--primary);position:relative;display:flex;gap:1rem;background-color:var(--digi--color--background--primary);margin-bottom:2.875rem;border-bottom:1px solid var(--digi--color--divider--secondary)}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist .control-wrapper.sc-digi-tablist{display:none !important}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:auto}.sc-digi-tablist-h .digi-tablist--overflow-controls.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:hidden}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist button.sc-digi-tablist{background:none;border:none;padding:0;font-family:inherit}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist [role=tablist].sc-digi-tablist{display:flex;font-weight:bold;flex-grow:1;width:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist{position:absolute;z-index:20;display:flex;align-items:center;justify-content:center;height:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist{display:flex;align-items:center;justify-content:center;background-color:var(--digi--color--background--interactive--default--tertiary);border-radius:6px;min-height:auto;padding:0.75rem;aspect-ratio:1;cursor:pointer}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-right.sc-digi-tablist,.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-left.sc-digi-tablist{--digi--icon--color:var(--digi--color--icon--cta)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist{cursor:pointer;white-space:nowrap}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .content-wrapper.sc-digi-tablist{position:relative;height:2.75rem;display:flex;flex-direction:column;transition:background-color 0.1s linear}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .tablist-content.sc-digi-tablist{flex:1;display:flex;padding-right:0.75rem;padding-left:0.75rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--digi--icon--width:1rem;--digi--icon--color:var(--tab-icon-primary--color);padding-right:var(--digi--gutter--smaller)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist digi-badge-notification.sc-digi-tablist{margin-left:-0.125rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist{font-size:1rem;flex-direction:column;display:flex;align-items:center;justify-content:center;font-weight:normal;color:var(--tab-text-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist::after{content:attr(data-text);content:attr(data-text)/"";height:0;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .indicator.sc-digi-tablist{height:0.25rem;width:100%;visibility:hidden;background-color:var(--tab-active-border-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus{outline:none;box-shadow:none}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus-visible{z-index:10;outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) .title.sc-digi-tablist{color:var(--digi--color--text--interactive--primary);text-decoration:underline}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-hover)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .title.sc-digi-tablist{font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist svg.sc-digi-tablist{transform:translateX(-0.125rem)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-active)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .indicator.sc-digi-tablist{visibility:visible}`;
 
 const NavigationTablist = /*@__PURE__*/ proxyCustomElement(class NavigationTablist extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.afTabChange = createEvent(this, "afTabChange", 7);
         this.afTabFocusChange = createEvent(this, "afTabFocusChange", 7);
         this.tabRefs = {};
+        this.activeTab = 0;
+        this.selectedTab = 0;
+        this.windowTab = 0;
+        this.tabs = [];
+        this.listOverflows = false;
+        this.showPrev = false;
+        this.showNext = false;
+        /**
+         * Bestämmer beteende då flikar överflödar
+         * * @en Set overflow behaviour
+         */
+        this.afOverflowMode = OverflowMode.Controls;
         this.handleResize = () => {
             if (!this.tablistRef)
                 return;
@@ -56,20 +69,6 @@ const NavigationTablist = /*@__PURE__*/ proxyCustomElement(class NavigationTabli
                     el.scrollLeft + el.clientWidth < el.scrollWidth - tolerance;
             });
         };
-        this.activeTab = 0;
-        this.selectedTab = 0;
-        this.windowTab = 0;
-        this.tabsPerWindow = undefined;
-        this.tabs = [];
-        this.listOverflows = false;
-        this.showPrev = false;
-        this.showNext = false;
-        this.afTabs = undefined;
-        this.afOverflowMode = OverflowMode.Controls;
-        this.afAriaLabelledby = undefined;
-        this.afAriaLabel = undefined;
-        this.afInitialTab = undefined;
-        this.afActiveTab = undefined;
     }
     handleKey(e) {
         if (this.focusCaptured()) {
@@ -277,15 +276,29 @@ const NavigationTablist = /*@__PURE__*/ proxyCustomElement(class NavigationTabli
             } }, h("button", { key: '3d581fe07f9591f21fef85e700259d3b44332631', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '1f3a564d4eff7851ad13901c492e663c5c43d384' })))), h("div", { key: '2cd9aa7d409b36395febee9dfd26eb6e82b02f35', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: 'b9f82031b00032dfb1df2358546a8a35934033a0' }))));
     }
     static get watchers() { return {
-        "activeTab": ["syncPanels"],
-        "afActiveTab": ["handleTabPropChange"],
-        "windowTab": ["syncControls", "syncWindow"],
-        "listOverflows": ["syncControls"],
-        "selectedTab": ["syncFocus"],
-        "afTabs": ["setupTabs"]
+        "activeTab": [{
+                "syncPanels": 0
+            }],
+        "afActiveTab": [{
+                "handleTabPropChange": 0
+            }],
+        "windowTab": [{
+                "syncControls": 0
+            }, {
+                "syncWindow": 0
+            }],
+        "listOverflows": [{
+                "syncControls": 0
+            }],
+        "selectedTab": [{
+                "syncFocus": 0
+            }],
+        "afTabs": [{
+                "setupTabs": 0
+            }]
     }; }
-    static get style() { return DigiTablistStyle0; }
-}, [6, "digi-tablist", {
+    static get style() { return navigationTablistCss(); }
+}, [262, "digi-tablist", {
         "afTabs": [1, "af-tabs"],
         "afOverflowMode": [1, "af-overflow-mode"],
         "afAriaLabelledby": [1, "af-aria-labelledby"],
@@ -301,12 +314,26 @@ const NavigationTablist = /*@__PURE__*/ proxyCustomElement(class NavigationTabli
         "showPrev": [32],
         "showNext": [32]
     }, [[0, "keydown", "handleKey"]], {
-        "activeTab": ["syncPanels"],
-        "afActiveTab": ["handleTabPropChange"],
-        "windowTab": ["syncControls", "syncWindow"],
-        "listOverflows": ["syncControls"],
-        "selectedTab": ["syncFocus"],
-        "afTabs": ["setupTabs"]
+        "activeTab": [{
+                "syncPanels": 0
+            }],
+        "afActiveTab": [{
+                "handleTabPropChange": 0
+            }],
+        "windowTab": [{
+                "syncControls": 0
+            }, {
+                "syncWindow": 0
+            }],
+        "listOverflows": [{
+                "syncControls": 0
+            }],
+        "selectedTab": [{
+                "syncFocus": 0
+            }],
+        "afTabs": [{
+                "setupTabs": 0
+            }]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
@@ -315,22 +342,22 @@ function defineCustomElement$1() {
     const components = ["digi-tablist", "digi-badge-notification", "digi-icon-chevron-left", "digi-icon-chevron-right"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-tablist":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NavigationTablist);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), NavigationTablist);
             }
             break;
         case "digi-badge-notification":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$4();
             }
             break;
         case "digi-icon-chevron-left":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$3();
             }
             break;
         case "digi-icon-chevron-right":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$2();
             }
             break;

package/components/digi-tag-media.js

@@ -1,4 +1,4 @@
-import { T as TagMedia, d as defineCustomElement$1 } from './p-59ead9fe.js';
+import { T as TagMedia, d as defineCustomElement$1 } from './p-BkdqrgFa.js';
 
 const DigiTagMedia = TagMedia;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-tag.js

@@ -1,21 +1,31 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-a53686b3.js';
-import { T as TagSize } from './p-46cbbcb5.js';
-import { _ as _t } from './p-903a27d9.js';
-import { d as defineCustomElement$3 } from './p-70fad0ea.js';
-import { d as defineCustomElement$2 } from './p-4b44f757.js';
+import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-0pTevzmo.js';
+import { T as TagSize } from './p-bQJ38En_.js';
+import { _ as _t } from './p-DsO1BTml.js';
+import { d as defineCustomElement$3 } from './p-BxG1tqmk.js';
+import { d as defineCustomElement$2 } from './p-C1wkAzXH.js';
 
-const tagCss = ".sc-digi-tag-h{--digi--tag--display:inline-block;--digi--tag--margin-bottom:var(--digi--gutter--smaller)}.sc-digi-tag-h .digi-tag.sc-digi-tag{display:var(--digi--tag--display);margin-bottom:var(--digi--tag--margin-bottom)}.sc-digi-tag-h .digi-tag__text.sc-digi-tag{display:inline-block;max-width:100%;white-space:normal}.sc-digi-tag-h .digi-tag__text--break.sc-digi-tag{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}";
-const DigiTagStyle0 = tagCss;
+const tagCss = () => `.sc-digi-tag-h{--digi--tag--display:inline-block;--digi--tag--margin-bottom:var(--digi--gutter--smaller)}.sc-digi-tag-h .digi-tag.sc-digi-tag{display:var(--digi--tag--display);margin-bottom:var(--digi--tag--margin-bottom)}.sc-digi-tag-h .digi-tag__text.sc-digi-tag{display:inline-block;max-width:100%;white-space:normal}.sc-digi-tag-h .digi-tag__text--break.sc-digi-tag{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}`;
 
 const Tag = /*@__PURE__*/ proxyCustomElement(class Tag extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.afOnClick = createEvent(this, "afOnClick", 7);
-        this.afText = undefined;
+        /**
+         * Tar bort taggens ikon. Falskt som förvalt.
+         * @en Removes the tag icon. Defaults to false.
+         */
         this.afNoIcon = false;
-        this.afAriaLabel = undefined;
+        /**
+         * Sätter taggens storlek.
+         * @en Sets tag size.
+         */
         this.afSize = TagSize.SMALL;
+        /** Bryt långa ord vid overflow.
+         * @en Allow breaking long words on overflow.
+         */
         this.afBreakWords = false;
     }
     clickHandler(e) {
@@ -33,9 +43,9 @@ const Tag = /*@__PURE__*/ proxyCustomElement(class Tag extends H {
         return this.afText;
     }
     render() {
-        return (h("digi-button", { key: 'd45766b0f00a85fafdddc4f4e741f614bafb8963', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: '2e97ae41c0b848f049d20bff6ece2285fff79a2e', slot: "icon-secondary" })));
+        return (h("digi-button", { key: 'e4043fffcfcc00f251e618956f5b46b6d188001d', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: '1e1fe0b5145cda2ba666aad3432aaf8669d4bf67', slot: "icon-secondary" })));
     }
-    static get style() { return DigiTagStyle0; }
+    static get style() { return tagCss(); }
 }, [2, "digi-tag", {
         "afText": [1, "af-text"],
         "afNoIcon": [4, "af-no-icon"],
@@ -50,17 +60,17 @@ function defineCustomElement$1() {
     const components = ["digi-tag", "digi-button", "digi-icon-x"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-tag":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Tag);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), Tag);
             }
             break;
         case "digi-button":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$3();
             }
             break;
         case "digi-icon-x":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$2();
             }
             break;

package/components/digi-title-logo.js

@@ -1,71 +1,67 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import './p-717306ef.js';
-import { T as TitleLogoVariation } from './p-768f56d4.js';
-import './p-a4a001e1.js';
-import './p-f518a4cf.js';
-import './p-7e32c40b.js';
-import './p-dcdffb3c.js';
-import './p-5d21a361.js';
-import './p-ad16c7a1.js';
-import './p-f40f4b2a.js';
-import './p-1f68d501.js';
-import './p-ee88e3f1.js';
-import './p-8142cc73.js';
-import './p-905ccb30.js';
-import './p-bc3d2778.js';
-import './p-c8429245.js';
-import './p-9a1bec0e.js';
-import './p-06625463.js';
-import './p-24fe2189.js';
-import './p-f447b984.js';
-import './p-9c5a93d8.js';
-import './p-7933b555.js';
-import './p-0f6c0360.js';
-import './p-814ca2ad.js';
-import './p-d8a98b3b.js';
-import './p-07303cb5.js';
-import './p-5f8dc01a.js';
-import './p-2a023831.js';
-import './p-5ba6737a.js';
-import './p-e4a9f8f0.js';
-import './p-f2a6768b.js';
-import './p-9dd41cc4.js';
-import './p-40657c82.js';
-import './p-f600576a.js';
-import './p-3b20ec86.js';
-import './p-fe63f0b9.js';
-import './p-d0f35bd6.js';
-import './p-77a93845.js';
-import './p-06f939ab.js';
-import './p-8cd2d6dd.js';
-import './p-484a1d6d.js';
-import './p-0f3fbb1e.js';
-import './p-820e795b.js';
-import './p-46cbbcb5.js';
-import './p-d74742b8.js';
-import './p-6e383896.js';
-import './p-4bad4fb0.js';
-import './p-d1886fff.js';
-import './p-a6ca40fc.js';
-import './p-b0e88537.js';
-import { U as UtilBreakpointObserverBreakpoints } from './p-cdcaf0eb.js';
-import { d as defineCustomElement$2 } from './p-0e6a31ff.js';
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-0pTevzmo.js';
+import './p-CKoZU0-H.js';
+import { T as TitleLogoVariation } from './p-BbGPkkqr.js';
+import './p-C0A-p3cU.js';
+import './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-D0CENVum.js';
+import './p-DE6sqPn9.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 { U as UtilBreakpointObserverBreakpoints } from './p-DPq588Q4.js';
+import { d as defineCustomElement$2 } from './p-B1hBNnkP.js';
 
-const titleLogoCss = ".sc-digi-title-logo-h{display:block;--digi--title-logo-text-color:var(--digi--color--text--primary);--digi--title-logo-font-weight:var(--digi--global--typography--font-weight--bold);--digi--title-logo-font-size:var(--digi--typography--title-logo--font-size--mobile);--digi--title-logo-font-size-small:var(--digi--global--typography--font-size--large);--digi--title-logo-line-height-small:1.25rem;--digi--title-logo-symbol-color:var(--digi--color--logotype--primary--symbol);--digi--title-logo-symbol-width:36px;--digi--title-logo-symbol-height:36px;--digi--title-logo-symbol-width-mobile:44px;--digi--title-logo-symbol-height-mobile:44px;--digi--title-logo-text-height:40px;--digi--title-logo-border-width:var(--digi--global--border-width--base);--digi--title-logo-vertical-padding:1.375rem;--digi--title-logo-gap:9px}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo{color:var(--digi--title-logo-text-color);display:flex;align-items:center;padding:var(--digi--title-logo-vertical-padding) 0}@media (min-width: 48rem){.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo{--digi--title-logo-vertical-padding:1.5rem}}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-title-logo-h .digi-title-logo-symbol.sc-digi-title-logo{height:var(--digi--title-logo-symbol-height);width:var(--digi--title-logo-symbol-width);display:flex;flex-shrink:0;align-items:center}.sc-digi-title-logo-h .digi-title-logo-symbol.sc-digi-title-logo svg.sc-digi-title-logo{fill:var(--digi--title-logo-symbol-color)}.sc-digi-title-logo-h .digi-title-logo-name-wrapper.sc-digi-title-logo{color:var(--digi--title-logo-text-color);display:flex;flex-direction:column;justify-content:center;height:var(--digi--title-logo-text-height);border-left:var(--digi--title-logo-border-width) solid;margin-left:var(--digi--title-logo-gap);padding-left:var(--digi--title-logo-gap);font-weight:var(--digi--title-logo-font-weight);font-size:var(--digi--title-logo-font-size)}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo-s>[slot=logo-two-rows],.sc-digi-title-logo-h .digi-title-logo .sc-digi-title-logo-s>[slot=logo-two-rows]{display:flex;flex-direction:column;font-size:var(--digi--title-logo-font-size-small);line-height:var(--digi--title-logo-line-height-small)}.sc-digi-title-logo-h .digi-title-logo--mobile.sc-digi-title-logo{--digi--title-logo-symbol-height:var(--digi--title-logo-symbol-height-mobile);--digi--title-logo-symbol-width:var(--digi--title-logo-symbol-width-mobile)}.sc-digi-title-logo-h .digi-title-logo--mobile.sc-digi-title-logo .digi-title-logo-name-wrapper.sc-digi-title-logo{display:none}.sc-digi-title-logo-h .digi-title-logo--one-row.sc-digi-title-logo-s>[slot=logo-two-rows],.sc-digi-title-logo-h .digi-title-logo--one-row .sc-digi-title-logo-s>[slot=logo-two-rows]{display:none}.sc-digi-title-logo-h .digi-title-logo--two-rows.sc-digi-title-logo-s>[slot=logo-one-row],.sc-digi-title-logo-h .digi-title-logo--two-rows .sc-digi-title-logo-s>[slot=logo-one-row]{display:none}";
-const DigiTitleLogoStyle0 = titleLogoCss;
+const titleLogoCss = () => `.sc-digi-title-logo-h{display:block;--digi--title-logo-text-color:var(--digi--color--text--primary);--digi--title-logo-font-weight:var(--digi--global--typography--font-weight--bold);--digi--title-logo-font-size:var(--digi--typography--title-logo--font-size--mobile);--digi--title-logo-font-size-small:var(--digi--global--typography--font-size--large);--digi--title-logo-line-height-small:1.25rem;--digi--title-logo-symbol-color:var(--digi--color--logotype--primary--symbol);--digi--title-logo-symbol-width:36px;--digi--title-logo-symbol-height:36px;--digi--title-logo-symbol-width-mobile:44px;--digi--title-logo-symbol-height-mobile:44px;--digi--title-logo-text-height:40px;--digi--title-logo-border-width:var(--digi--global--border-width--base);--digi--title-logo-vertical-padding:1.375rem;--digi--title-logo-gap:9px}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo{color:var(--digi--title-logo-text-color);display:flex;align-items:center;padding:var(--digi--title-logo-vertical-padding) 0}@media (min-width: 48rem){.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo{--digi--title-logo-vertical-padding:1.5rem}}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-title-logo-h .digi-title-logo-symbol.sc-digi-title-logo{height:var(--digi--title-logo-symbol-height);width:var(--digi--title-logo-symbol-width);display:flex;flex-shrink:0;align-items:center}.sc-digi-title-logo-h .digi-title-logo-symbol.sc-digi-title-logo svg.sc-digi-title-logo{fill:var(--digi--title-logo-symbol-color)}.sc-digi-title-logo-h .digi-title-logo-name-wrapper.sc-digi-title-logo{color:var(--digi--title-logo-text-color);display:flex;flex-direction:column;justify-content:center;height:var(--digi--title-logo-text-height);border-left:var(--digi--title-logo-border-width) solid;margin-left:var(--digi--title-logo-gap);padding-left:var(--digi--title-logo-gap);font-weight:var(--digi--title-logo-font-weight);font-size:var(--digi--title-logo-font-size)}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo-s>[slot=logo-two-rows],.sc-digi-title-logo-h .digi-title-logo .sc-digi-title-logo-s>[slot=logo-two-rows]{display:flex;flex-direction:column;font-size:var(--digi--title-logo-font-size-small);line-height:var(--digi--title-logo-line-height-small)}.sc-digi-title-logo-h .digi-title-logo--mobile.sc-digi-title-logo{--digi--title-logo-symbol-height:var(--digi--title-logo-symbol-height-mobile);--digi--title-logo-symbol-width:var(--digi--title-logo-symbol-width-mobile)}.sc-digi-title-logo-h .digi-title-logo--mobile.sc-digi-title-logo .digi-title-logo-name-wrapper.sc-digi-title-logo{display:none}.sc-digi-title-logo-h .digi-title-logo--one-row.sc-digi-title-logo-s>[slot=logo-two-rows],.sc-digi-title-logo-h .digi-title-logo--one-row .sc-digi-title-logo-s>[slot=logo-two-rows]{display:none}.sc-digi-title-logo-h .digi-title-logo--two-rows.sc-digi-title-logo-s>[slot=logo-one-row],.sc-digi-title-logo-h .digi-title-logo--two-rows .sc-digi-title-logo-s>[slot=logo-one-row]{display:none}`;
 
 const TitleLogo = /*@__PURE__*/ proxyCustomElement(class TitleLogo extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.handleWindowResize = () => {
             this.titleLogoVariation = this.setLogoVariation(window.innerWidth);
         };
-        this.isMobile = undefined;
-        this.isTablet = undefined;
-        this.titleLogoVariation = undefined;
-        this.afAriaLabel = undefined;
-        this.afLogoBreakpoint = undefined;
     }
     setLogoVariation(width) {
         if (this.isMobile)
@@ -128,8 +124,8 @@ const TitleLogo = /*@__PURE__*/ proxyCustomElement(class TitleLogo extends H {
         return (h("div", { key: 'a6b4469ef950c515fed566d2ae896e97b47cc913', class: Object.assign({ 'digi-title-logo': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: 'ab48388d57bf01f711c1954d6d4bfbe979d25349', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("div", { key: '57513832c5ae8d09b6578fe7fa9084ff26fae145', class: "digi-title-logo-symbol" }, h("svg", { key: '1bf2e94d0bebcfc84d0ca9ad1c70e1b96ae479a7', height: "44px", width: "44px", viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, h("path", { key: 'b1795d919f4f412e996b632e1f3cfead50190715', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.0076 6.97426V0C31.0194 0 44 12.9056 44 28.8261C44 34.3951 42.4073 39.5923 39.6561 44L33.8019 40.1595C35.822 36.8551 36.9855 32.9758 36.9855 28.8261C36.9855 16.7575 27.1458 6.97426 15.0076 6.97426ZM6.99059 28.8257C6.99059 33.2284 10.5795 36.7972 15.0076 36.7972C19.4356 36.7972 23.0245 33.2284 23.0245 28.8257C23.0245 24.4235 19.4356 20.8548 15.0076 20.8548C10.5795 20.8548 6.99059 24.4235 6.99059 28.8257ZM0 28.8257C0 20.5853 6.71916 13.9047 15.0076 13.9047C23.296 13.9047 30.0151 20.5853 30.0151 28.8257C30.0151 37.0666 23.296 43.7472 15.0076 43.7472C6.71916 43.7472 0 37.0666 0 28.8257Z", class: "main-symbol" }))), h("div", { key: 'aa07057fb3255f3c93b3c36672a63ee637ed54c1', class: "digi-title-logo-name-wrapper" }, h("slot", { key: '73f73fbad0f148d7a45296db645f9a4bb18b348e', name: "logo-one-row" }), h("slot", { key: '317ee5205fd79adee52676fc4c556d65315ce5b9', name: "logo-two-rows" }))));
     }
     get hostElement() { return this; }
-    static get style() { return DigiTitleLogoStyle0; }
-}, [6, "digi-title-logo", {
+    static get style() { return titleLogoCss(); }
+}, [262, "digi-title-logo", {
         "afAriaLabel": [1, "af-aria-label"],
         "afLogoBreakpoint": [2, "af-logo-breakpoint"],
         "isMobile": [32],
@@ -143,12 +139,12 @@ function defineCustomElement$1() {
     const components = ["digi-title-logo", "digi-util-breakpoint-observer"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-title-logo":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TitleLogo);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), TitleLogo);
             }
             break;
         case "digi-util-breakpoint-observer":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$2();
             }
             break;