@duetds/components 10.0.0-alpha.13 → 10.0.0-alpha.14

package/lib/dist-custom-elements/duet-menu-bar-item.js

@@ -1,108 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-f2c2f3d2.js';
-import { a as actionNewWindowSmall } from './p-f11208c3.js';
-import { D as DuetStringsExternalDefaults } from './p-9df4cfa4.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { g as getAccessibleLinkLabel } from './p-afb6f7fb.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { d as defineCustomElement$2 } from './p-7b6a89e9.js';
-
-const duetMenuBarItemCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-menu-bar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:inherit;font-weight:inherit;color:inherit;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-menu-bar-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-item:focus,.duet-menu-bar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:16px;height:16px}}.duet-menu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-menu-bar-item .external-icon{width:10px;height:10px}.duet-menu-bar-item[aria-expanded=true]{color:rgb(0, 119, 179)}.duet-menu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-menu-bar-item.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-menu-bar-item.duet-theme-turva[aria-expanded=true]{color:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-item{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-item{padding:0 28px}}.duet-menu-bar-item.active{color:rgb(0, 119, 179)}.duet-menu-bar-item.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}@media (min-width: 62em){.duet-menu-bar-item.active::after{z-index:auto;height:2px}}.duet-menu-bar-item.active.duet-theme-turva{color:rgb(198, 12, 48)}.duet-menu-bar-item.active.duet-theme-turva::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-item:hover{color:rgb(0, 119, 179)}.duet-menu-bar-item:hover.duet-theme-turva{color:rgb(198, 12, 48)}}";
-const DuetMenuBarItemStyle0 = duetMenuBarItemCss;
-
-const DuetMenuBarItem$1 = /*@__PURE__*/ proxyCustomElement(class DuetMenuBarItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.theme = "";
-        this.active = false;
-        this.url = undefined;
-        this.leadingIcon = undefined;
-        this.trailingIcon = undefined;
-        this.accessibleLabel = undefined;
-        this.accessibleExpanded = undefined;
-        this.accessiblePopup = "false";
-        this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
-        this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
-        this.external = false;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    connectedCallback() {
-        connectLanguageChangeObserver(this, {
-            prop: "accessibleLabelExternal",
-            defaults: "accessibleLabelExternalDefaults",
-        });
-    }
-    disconnectedCallback() {
-        disconnectLanguageChangeObserver(this);
-    }
-    /**
-     * Sets focus. Use this method instead of the global focus().
-     */
-    async setFocus(options) {
-        setTimeout(() => this.itemElement.focus(options), 200);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const TagName = this.url ? "a" : "button";
-        return (h(Host, { key: '049740f5f7ecee03a95b3aa3f393836d675475af', role: "listitem" }, h(TagName, { key: '12b182c9e98d6763aedd2310e3324858a5bbcc5e', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
-                "duet-menu-bar-item": true,
-                "duet-theme-turva": this.theme === "turva",
-                active: this.active,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '98d966613955a36b5f2c22bc405aa963090d9683', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: 'dc0d5063412c40b2fddd24d9000fea90c11ec332' }), (this.trailingIcon || this.external) && (h("duet-icon", { key: '173a233033d814c8540513760bc110528e06cb23', class: {
-                "trailing-icon": !!this.trailingIcon,
-                "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
-                "external-icon": !!this.external,
-                rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
-            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.external ? actionNewWindowSmall.title : "", margin: "none", size: "auto", color: "currentColor" })))));
-    }
-    get element() { return this; }
-    static get style() { return DuetMenuBarItemStyle0; }
-}, [1, "duet-menu-bar-item", {
-        "theme": [1025],
-        "active": [1028],
-        "url": [1],
-        "leadingIcon": [1, "leading-icon"],
-        "trailingIcon": [1, "trailing-icon"],
-        "accessibleLabel": [1, "accessible-label"],
-        "accessibleExpanded": [1540, "accessible-expanded"],
-        "accessiblePopup": [1537, "accessible-popup"],
-        "accessibleLabelExternalDefaults": [1, "accessible-label-external-default"],
-        "accessibleLabelExternal": [1025, "accessible-label-external"],
-        "external": [4],
-        "setFocus": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-menu-bar-item", "duet-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-menu-bar-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetMenuBarItem$1);
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DuetMenuBarItem = DuetMenuBarItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetMenuBarItem, defineCustomElement };

package/lib/dist-custom-elements/duet-menu-bar-link.d.ts

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

package/lib/dist-custom-elements/duet-menu-bar-link.js

@@ -1,70 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-f2c2f3d2.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { d as defineCustomElement$2 } from './p-7b6a89e9.js';
-
-const duetMenuBarLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-menu-bar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:inherit;text-align:center;text-decoration:none;white-space:nowrap}.duet-menu-bar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-link:focus,.duet-menu-bar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-link .menu-bar-link-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-link .menu-bar-link-icon{width:16px;height:16px}}.duet-menu-bar-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}@media (min-width: 62em){.duet-menu-bar-link{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-link{padding:0 28px}}.duet-menu-bar-link.active{color:rgb(0, 119, 179)}.duet-menu-bar-link.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}@media (min-width: 62em){.duet-menu-bar-link.active::after{z-index:auto;height:2px}}.duet-menu-bar-link.active.duet-theme-turva{color:rgb(198, 12, 48)}.duet-menu-bar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-link:hover{color:rgb(0, 119, 179)}.duet-menu-bar-link:hover.duet-theme-turva{color:rgb(198, 12, 48)}}";
-const DuetMenuBarLinkStyle0 = duetMenuBarLinkCss;
-
-const DuetMenuBarLink$1 = /*@__PURE__*/ proxyCustomElement(class DuetMenuBarLink extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.theme = "";
-        this.active = false;
-        this.href = "#";
-        this.icon = undefined;
-        this.accessibleLabel = undefined;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { key: '6c072dcf75770dd53c45c4089e9fd2823822ff71', role: "listitem" }, h("a", { key: '376c4c2a49ea9ccb1b368f600cdddb0246445d9c', class: {
-                "duet-menu-bar-link": true,
-                "duet-theme-turva": this.theme === "turva",
-                active: this.active,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '9d8e4d367f30b4eb980dede30df2afe745b64caf', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), h("slot", { key: 'c20f32e09eee237b92615ad99e43657b5d127e62' }))));
-    }
-    get element() { return this; }
-    static get style() { return DuetMenuBarLinkStyle0; }
-}, [1, "duet-menu-bar-link", {
-        "theme": [1025],
-        "active": [1028],
-        "href": [1025],
-        "icon": [1537],
-        "accessibleLabel": [1, "accessible-label"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-menu-bar-link", "duet-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-menu-bar-link":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetMenuBarLink$1);
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DuetMenuBarLink = DuetMenuBarLink$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetMenuBarLink, defineCustomElement };

package/lib/dist-custom-elements/duet-menu-bar.d.ts

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

package/lib/dist-custom-elements/duet-menu-bar.js

@@ -1,207 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f2c2f3d2.js';
-import { a as media_query_large, c as media_query_xx_large } from './p-f6000a03.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { a as getLanguage } from './p-35375593.js';
-import { d as defineCustomElement$2 } from './p-18dee42a.js';
-
-const duetMenuBarCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:100%}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(212, 223, 229)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}.duet-menu-bar .container>:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar.duet-theme-turva{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-menu-bar.duet-theme-turva{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}@media (min-width: 62em){.duet-menu-bar.duet-menu-bar-slim .container{height:4rem}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77)}.duet-theme-turva .center{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129)}.duet-theme-turva .right{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}";
-const DuetMenuBarStyle0 = duetMenuBarCss;
-
-const DuetMenuBar$1 = /*@__PURE__*/ proxyCustomElement(class DuetMenuBar extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.duetEvent = createEvent(this, "duetEvent", 7);
-        /**
-         * Own Properties.
-         */
-        this.mql = [
-            window.matchMedia(media_query_large.replace(/'/g, "")),
-            window.matchMedia(media_query_xx_large.replace(/'/g, "")),
-        ];
-        this.boundMqlFunctions = [];
-        this.previousYScroll = 0;
-        this.scrollbarCheck = () => {
-            this.leftMoreVisible = this.container.scrollLeft > 0;
-            this.rightMoreVisible = this.container.scrollLeft !== this.container.scrollWidth - this.container.clientWidth;
-        };
-        this.scrollToActive = () => {
-            const actives = this.element.querySelectorAll("[active]");
-            let active;
-            actives.forEach(a => {
-                if (a.active) {
-                    active = a;
-                }
-            });
-            if (active && active.offsetLeft) {
-                if (active.offsetLeft > 50) {
-                    this.container.scrollLeft =
-                        active.offsetLeft - this.element.getBoundingClientRect().width / 2 + active.offsetWidth / 2;
-                }
-            }
-        };
-        /**
-         * Checks inside the component whether the center slot is used.
-         */
-        this.checkCenterSlot = () => {
-            const centerSlot = this.element.querySelector('[slot="center"]');
-            this.centerSlotUsed = !!centerSlot;
-        };
-        this.changeLogoSize = () => {
-            this.checkCenterSlot();
-            if (this.mql[1].matches && this.centerSlotUsed) {
-                this.logoSize = "large";
-            }
-            else {
-                this.logoSize = "medium";
-            }
-        };
-        this.handleLogoClick = (e) => {
-            this.duetEvent.emit({
-                name: "logoClick",
-                component: "duet-menu-bar",
-                data: {
-                    logoHref: this.logoHref,
-                },
-                originalEvent: e,
-            });
-        };
-        this.hidden = false;
-        this.onBottom = false;
-        this.logoSize = "large";
-        this.leftMoreVisible = false;
-        this.rightMoreVisible = false;
-        this.centerSlotUsed = false;
-        this.theme = "";
-        this.language = getLanguage();
-        this.logo = true;
-        this.logoHref = undefined;
-        this.logoLinkAccessibleLabel = undefined;
-        this.accessibleLabel = undefined;
-        this.hideOnScroll = false;
-    }
-    checkScroll() {
-        if (!this.hideOnScroll) {
-            return;
-        }
-        if (window.scrollY > this.previousYScroll) {
-            if (window.scrollY > 100) {
-                if (this.hideOnScroll) {
-                    clearTimeout(this.zindexTimer);
-                    this.onBottom = true;
-                }
-                this.hidden = true;
-            }
-        }
-        else {
-            if (window.scrollY < 150) {
-                if (this.hideOnScroll) {
-                    this.zindexTimer = setTimeout(() => {
-                        this.onBottom = false;
-                    }, 300);
-                }
-                this.hidden = false;
-            }
-        }
-        this.previousYScroll = window.scrollY;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    connectedCallback() {
-        this.changeLogoSize();
-        for (let i = 0; i < this.mql.length; i++) {
-            // addEventListener is not available in Stencil hydrate
-            if (this.mql[i].addEventListener) {
-                const bound = this.changeLogoSize.bind(this);
-                this.mql[i].addEventListener("change", bound);
-                this.boundMqlFunctions[i] = bound;
-            }
-        }
-        this.checkCenterSlot();
-    }
-    disconnectedCallback() {
-        for (let i = 0; i < this.mql.length; i++) {
-            // removeEventListener is not available in Stencil hydrate
-            if (this.mql[i].removeEventListener) {
-                this.mql[i].removeEventListener("change", this.boundMqlFunctions[i]);
-            }
-        }
-        this.boundMqlFunctions = [];
-    }
-    componentDidLoad() {
-        setTimeout(() => {
-            this.scrollbarCheck();
-            this.scrollToActive();
-            this.checkCenterSlot();
-        }, 0);
-    }
-    onWindowResize() {
-        clearTimeout(this.resizeTimer);
-        this.resizeTimer = setTimeout(() => {
-            this.scrollToActive();
-        }, 100);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const slideoutAvailable = document.querySelectorAll("duet-slideout").length > 0;
-        const isUsedAsAdditionalHorizontalNav = slideoutAvailable && !this.logo;
-        return (h(Host, { key: '349581a9e41fcb410d37770ed09d2311de7d38a5' }, h("nav", { key: '96ed53773cd355d673a2b3977b40286d67985810', class: {
-                "duet-menu-bar": true,
-                "duet-theme-turva": this.theme === "turva",
-                "horizontal-nav": isUsedAsAdditionalHorizontalNav,
-                "duet-menu-bar-slim": !this.centerSlotUsed,
-                hidden: this.hidden && this.hideOnScroll,
-                bottom: this.onBottom,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '93a3b7f680dfc2f998274c56a380e29332b24f90', class: "top" }), h("div", { key: 'a8d14b711a83aee7ea63fa39f5be9d6d61929a37', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (h("div", { key: '306ad41f64eaecd20cc98bbe2b9d490912c6820c' }, h("duet-logo", { key: '5a91055e192e1214c7bd921c2ff300510594c47b', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), h("div", { key: '7fea1e39256f5847358f2533607ac26f53fc35d3', class: "list center", role: "list" }, h("div", { key: '4c953fc8762eadafb6e4a41534676021e4fb0675', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), h("slot", { key: 'ee961cf16f11a62fdef74f7ab57cf4bf653ba8ab', name: "center" }), h("div", { key: '1f66cfd1c1fea5f9c1764ff8b3a697c0459a653b', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), h("div", { key: '3d7cb50a008c1ce893a3ad504b186dbb3965a130', class: "list right", role: "list" }, h("slot", { key: '7ff47fae8ea6f7d49fcfe5e53d43491994741f26', name: "right" }))), h("div", { key: '8bc982c15ce030ae88966fe1646914b6bf295960', class: "bottom" }))));
-    }
-    get element() { return this; }
-    static get style() { return DuetMenuBarStyle0; }
-}, [1, "duet-menu-bar", {
-        "theme": [1025],
-        "language": [1025],
-        "logo": [1028],
-        "logoHref": [1025, "logo-href"],
-        "logoLinkAccessibleLabel": [1025, "logo-link-accessible-label"],
-        "accessibleLabel": [1, "accessible-label"],
-        "hideOnScroll": [4, "hide-on-scroll"],
-        "hidden": [32],
-        "onBottom": [32],
-        "logoSize": [32],
-        "leftMoreVisible": [32],
-        "rightMoreVisible": [32],
-        "centerSlotUsed": [32]
-    }, [[9, "scroll", "checkScroll"], [9, "resize", "onWindowResize"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-menu-bar", "duet-logo"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-menu-bar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetMenuBar$1);
-            }
-            break;
-        case "duet-logo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DuetMenuBar = DuetMenuBar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetMenuBar, defineCustomElement };

package/lib/dist-custom-elements/duet-modal.d.ts

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