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

package/dist/esm/digi-context-menu.entry.js

@@ -1,236 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-148a7577.js';
-import { d as detectClickOutside } from './detectClickOutside.util-72594957.js';
-import { d as detectFocusOutside } from './detectFocusOutside.util-a8676bee.js';
-import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-import './detectClosest.util-58a7504f.js';
-
-const navigationContextMenuCss = ".sc-digi-context-menu-h{--digi--navigation-context-menu--toggle-icon--transition:ease-in-out 0.2s all;--digi--navigation-context-menu--toggle-icon--transform:rotate(-180deg);--digi--navigation-context-menu--content--background-color:var(--digi--color--background--primary);--digi--navigation-context-menu--content--border-radius:var(--digi--border-radius--secondary);--digi--navigation-context-menu--content--max-width:90vw;--digi--navigation-context-menu--content--max-height:15rem;--digi--navigation-context-menu--button-icon--width:0.875rem;--digi--navigation-context-menu--button-trigger--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--button-trigger--padding:0;--digi--navigation-context-menu--item--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--item--background-color--active:var(--digi--color--background--interactive--selected--tertiary);--digi--navigation-context-menu--item--display:flex;--digi--navigation-context-menu--item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-context-menu--item--font-color:var(--digi--color--text--primary);display:block;box-sizing:border-box;width:fit-content}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu{display:grid}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__toggle-icon.sc-digi-context-menu{transition:var(--digi--navigation-context-menu--toggle-icon--transition)}.sc-digi-context-menu-h .digi-navigation-context-menu--active.sc-digi-context-menu .digi-navigation-context-menu__toggle-icon.sc-digi-context-menu{transform:var(--digi--navigation-context-menu--toggle-icon--transform)}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__trigger-button.sc-digi-context-menu{display:block;--digi--button--padding--medium:var(--digi--navigation-context-menu--button-trigger--padding);width:fit-content;--digi--button--font-size--medium:var(--digi--navigation-context-menu--button-trigger--font-size)}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__list.sc-digi-context-menu{width:100%;position:relative;display:none}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__list--active.sc-digi-context-menu{display:inline-grid}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__list.sc-digi-context-menu .dropdown-wrapper.sc-digi-context-menu{padding:0.5rem 0;display:none;width:max-content;min-width:100%;max-width:var(--digi--navigation-context-menu--content--max-width);max-height:var(--digi--navigation-context-menu--content--max-height);overflow-y:auto;box-sizing:border-box;z-index:10;margin-top:0.5rem;background-color:var(--digi--navigation-context-menu--content--background-color);border-radius:var(--digi--navigation-context-menu--content--border-radius);box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.7);position:absolute}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__list.sc-digi-context-menu .dropdown-wrapper--visible.sc-digi-context-menu{display:block}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__list.sc-digi-context-menu .dropdown-wrapper--position-right.sc-digi-context-menu{right:0}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__list.sc-digi-context-menu .dropdown-wrapper--position-center.sc-digi-context-menu{left:50%;transform:translateX(-50%)}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .content-wrapper.sc-digi-context-menu{display:flex;flex-direction:row;align-items:baseline;padding-left:1rem;padding-right:1rem;gap:0.5rem}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item.sc-digi-context-menu{font-size:var(--digi--navigation-context-menu--item--font-size);display:var(--digi--navigation-context-menu--item--display);font-family:var(--digi--navigation-context-menu--item--font-family);padding:0.625rem 0;max-width:max-content;min-width:100%;width:100%;position:relative;cursor:pointer}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item.sc-digi-context-menu:hover{background-color:var(--digi--navigation-context-menu--item--background-color--active)}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item.sc-digi-context-menu:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item--active.sc-digi-context-menu{font-weight:600;background-color:var(--digi--navigation-context-menu--item--background-color--active)}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item--link.sc-digi-context-menu{list-style:none;margin:0;padding:0}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item--link.sc-digi-context-menu a.sc-digi-context-menu{padding:0.625rem 1rem;color:var(--digi--navigation-context-menu--item--font-color, #333333);text-decoration:none;margin:0;width:100%}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item.sc-digi-context-menu .digi-navigation-context-menu__button-icon.sc-digi-context-menu{--digi--icon--width:var(--digi--navigation-context-menu--button-icon--width)}";
-const DigiContextMenuStyle0 = navigationContextMenuCss;
-
-function deserializeProp(prop) {
-    if (typeof prop === 'string') {
-        return JSON.parse(prop);
-    }
-    return prop;
-}
-const ContextMenu = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afChangeItem = createEvent(this, "afChangeItem", 7);
-        this.afFocusItem = createEvent(this, "afFocusItem", 7);
-        this.afToggleMenu = createEvent(this, "afToggleMenu", 7);
-        this.afBlur = createEvent(this, "afBlur", 7);
-        this.itemRefs = {};
-        this.visible = false;
-        this.activeItemIdx = undefined;
-        this.selectItemIdx = 0;
-        this.afId = randomIdGenerator('digi-context-menu');
-        this.afIcon = undefined;
-        this.afTitle = undefined;
-        this.afMenuItems = undefined;
-        this.afDir = undefined;
-        this.afLang = undefined;
-        this.afAriaLabel = undefined;
-        this.afMenuPosition = 'left-bottom';
-        this.afActiveItem = undefined;
-    }
-    clickHandler(e) {
-        const target = e.target;
-        const selector = `#${this.afId}-identifier`;
-        if (detectClickOutside(target, selector) && this.visible) {
-            this.hideMenu();
-        }
-    }
-    focusoutHandler(e) {
-        const target = e.target;
-        const selector = `#${this.afId}-identifier`;
-        if (detectFocusOutside(target, selector) && this.visible) {
-            this.hideMenu();
-            this.afBlur.emit();
-        }
-    }
-    syncActiveItem() {
-        if (this.afActiveItem != null) {
-            const menuItems = this.afMenuItems;
-            this.activeItemIdx = menuItems.findIndex((item) => item.id.toString() === this.afActiveItem);
-        }
-    }
-    syncItems() {
-        this.afMenuItems = deserializeProp(this.afMenuItems);
-    }
-    componentWillLoad() {
-        this.syncItems();
-        this.syncActiveItem();
-    }
-    get digiIcon() {
-        if (this.afIcon != null) {
-            return `digi-icon-${this.afIcon}`;
-        }
-    }
-    hideMenu() {
-        this.visible = false;
-        this.afToggleMenu.emit(this.visible);
-    }
-    showMenu() {
-        this.visible = true;
-        this.afToggleMenu.emit(this.visible);
-    }
-    isLink() {
-        if (this.afMenuItems && this.afMenuItems.length > 0) {
-            const itemToCheck = this.afMenuItems[0];
-            return itemToCheck.type && itemToCheck.type === 'link';
-        }
-        return false;
-    }
-    async handleToggle() {
-        if (this.visible) {
-            this.hideMenu();
-            this.focusOnButton();
-        }
-        else {
-            this.showMenu();
-            if (!this.isLink()) {
-                const idx = this.activeItemIdx || 0;
-                const item = this.afMenuItems[idx];
-                setTimeout(() => this.itemRefs[item.id].focus(), 25);
-            }
-        }
-    }
-    async focusOnButton() {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-expect-error
-        const digiButton = this.buttonRef;
-        const button = (await digiButton.afMGetButtonElement());
-        button.focus();
-    }
-    handleChangeItem(item, idx) {
-        this.activeItemIdx = idx;
-        this.handleToggle();
-        this.afChangeItem.emit({ item, idx });
-    }
-    handleRef(ref, refId, payload) {
-        if (refId === 'item') {
-            this.itemRefs[payload.id] = ref;
-        }
-    }
-    isActive(idx) {
-        if ((this.activeItemIdx !== undefined || this.activeItemIdx !== null) &&
-            this.activeItemIdx === idx) {
-            return true;
-        }
-        return false;
-    }
-    isSelected(idx) {
-        return this.selectItemIdx === idx;
-    }
-    nextIdx(idx) {
-        if (idx > this.afMenuItems.length - 1) {
-            return 0;
-        }
-        else if (idx < 0) {
-            return this.afMenuItems.length - 1;
-        }
-        else {
-            return idx;
-        }
-    }
-    activateItem(idx) {
-        const item = this.afMenuItems[idx];
-        this.activeItemIdx = idx;
-        this.focusItem(idx);
-        this.handleChangeItem(item, idx);
-    }
-    focusItem(idx) {
-        var _a;
-        const item = this.afMenuItems[idx];
-        this.selectItemIdx = idx;
-        (_a = this.itemRefs[item.id]) === null || _a === void 0 ? void 0 : _a.focus();
-        this.afFocusItem.emit({ item, idx });
-    }
-    focusCaptured() {
-        const menuItems = this.afMenuItems;
-        return menuItems.some((item) => this.itemRefs[item.id] === document.activeElement);
-    }
-    handleKey(e) {
-        if (!this.focusCaptured())
-            return;
-        switch (e.key) {
-            case 'ArrowUp':
-                this.focusItem(this.nextIdx(this.selectItemIdx - 1));
-                break;
-            case 'ArrowDown':
-                this.focusItem(this.nextIdx(this.selectItemIdx + 1));
-                break;
-            case 'Escape':
-                this.hideMenu();
-                this.focusOnButton();
-                break;
-            case 'Enter':
-            case ' ':
-                e.preventDefault();
-                e.stopPropagation();
-                this.activateItem(this.selectItemIdx);
-                break;
-        }
-    }
-    handleLinkClick(e, item, idx) {
-        if (!item.overrideLink) {
-            window.location.assign(item.href);
-        }
-        else {
-            e.preventDefault();
-            this.handleChangeItem(item, idx);
-        }
-    }
-    renderLink(item, idx) {
-        const menuItem = this.afMenuItems[idx];
-        return (h("li", { id: `${this.afId}-listbox-item-${item.id}`, key: item.id, class: {
-                'digi-navigation-context-menu__item': true,
-                'digi-navigation-context-menu__item--link': true,
-                'digi-navigation-context-menu__item--active': this.isActive(idx)
-            }, dir: this.afDir, lang: this.afLang, ref: (ref) => { var _a; return (_a = this.handleRef) === null || _a === void 0 ? void 0 : _a.call(this, ref, 'item', item); } }, h("a", { "aria-label": item.ariaLabel ? item.ariaLabel : null, href: menuItem.href ? menuItem.href : null, onClick: (e) => this.handleLinkClick(e, item, idx) }, item.title)));
-    }
-    renderDiv(item, idx) {
-        return (h("div", { role: "option", id: `${this.afId}-listbox-item-${item.id}`, key: item.id, class: {
-                'digi-navigation-context-menu__item': true,
-                'digi-navigation-context-menu__item--active': this.isActive(idx)
-            }, dir: this.afDir, lang: this.afLang, "aria-selected": this.isActive(idx).toString(), tabIndex: this.isSelected(idx) ? 0 : -1, onClick: () => { var _a; return (_a = this.handleChangeItem) === null || _a === void 0 ? void 0 : _a.call(this, item, idx); }, ref: (ref) => { var _a; return (_a = this.handleRef) === null || _a === void 0 ? void 0 : _a.call(this, ref, 'item', item); } }, h("div", { class: "content-wrapper" }, h("digi-icon-check", { class: "digi-navigation-context-menu__button-icon", slot: "icon", style: {
-                visibility: idx === this.activeItemIdx && this.visible
-                    ? 'visible'
-                    : 'hidden'
-            } }), h("span", { "aria-label": item.ariaLabel ? item.ariaLabel : null }, item.title)), ' '));
-    }
-    render() {
-        const menuItems = this.afMenuItems;
-        return (h(Host, { key: '3d710f244c36361e7a1db54d6ff91bcfa7dc8f61' }, h("div", { key: '098d2c031d46d62987810f254621d5540709c738', id: `${this.afId}-identifier`, class: {
-                'digi-navigation-context-menu': true,
-                'digi-navigation-context-menu--active': this.visible
-            } }, h("digi-button", { key: '1bb808252655162e41807b2c05466ca6eb59dcd2', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: "digi-navigation-context-menu__trigger-button" }, !!this.afIcon && h(this.digiIcon, { key: '3b9dea7016fba1b2fd47cbb554dfc237c677efd9', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: '0fc00e257f1c52097e5e9588128a09d31c0e9470', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '3ece43fb02a56fc404a371b3eec3d9bc5255cf6d', class: {
-                'digi-navigation-context-menu__list': true,
-                'digi-navigation-context-menu__list--active': this.visible
-            } }, h("div", { key: 'd25725930bd2dc57e3cba2d79a80a30d70ca7feb', onKeyDown: (e) => {
-                this.handleKey(e);
-            }, id: `${this.afId}-dropdown`, style: {
-                visibility: this.visible ? 'visible' : 'hidden'
-            }, role: this.isLink() ? 'list' : 'listbox', "aria-labelledby": `${this.afId}-trigger`, class: {
-                'dropdown-wrapper': true,
-                'dropdown-wrapper--visible': this.visible,
-                'dropdown-wrapper--position-right': this.afMenuPosition === 'right-bottom',
-                'dropdown-wrapper--position-center': this.afMenuPosition === 'center-bottom'
-            } }, menuItems &&
-            menuItems.map((item, idx) => {
-                const menuItem = menuItems[idx];
-                if (menuItem.type && (menuItem === null || menuItem === void 0 ? void 0 : menuItem.type) === 'link') {
-                    return this.renderLink(item, idx);
-                }
-                return this.renderDiv(item, idx);
-            }))))));
-    }
-    static get watchers() { return {
-        "afActiveItem": ["syncActiveItem"],
-        "afMenuItems": ["syncItems"]
-    }; }
-};
-ContextMenu.style = DigiContextMenuStyle0;
-
-export { ContextMenu as digi_context_menu };

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

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

package/dist/esm/digi-form-category-filter.entry.js

@@ -1,117 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-148a7577.js';
-
-const formCategoryFilterCss = ".sc-digi-form-category-filter-h{--digi--form-category-filter--gap:var(--digi--padding--small)}.sc-digi-form-category-filter-h .digi-form-category-filter.sc-digi-form-category-filter{display:flex;flex-wrap:wrap;gap:var(--digi--form-category-filter--gap)}.sc-digi-form-category-filter-h .digi-form-category-filter--category.sc-digi-form-category-filter{--digi--button--icon--spacing:0px}.sc-digi-form-category-filter-h .digi-form-category-filter--category--not-selected.sc-digi-form-category-filter{--digi--button--color--background--primary--default:var(--digi--color--background--interactive--default--quaternary);--digi--button--color--text--primary--default:var(--digi--color--text--interactive--brand-primary);--digi--button--color--border--primary--default:var(--digi--color--background--interactive--default--quaternary)}.sc-digi-form-category-filter-h .digi-form-category-filter--category--thin-text.sc-digi-form-category-filter{font-weight:400}";
-const DigiFormCategoryFilterStyle0 = formCategoryFilterCss;
-
-const FormCategoryFilter = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afOnSelectedCategoryChange = createEvent(this, "afOnSelectedCategoryChange", 7);
-        this.afCategories = [];
-        this.afAllCategories = true;
-        this.afAllCategoriesSelected = true;
-        this.afAllCategoriesText = 'Alla kategorier';
-        this.afVisibleCollapsed = 0;
-        this.afStartCollapsed = false;
-        this.afMultiselect = true;
-        this.afHideToggle = false;
-        this.selectedCategories = [];
-        this.collapsed = false;
-    }
-    afCategoriesChangeHandler() {
-        this.selectedCategories = this.afCategories
-            .filter((category) => category.selected)
-            .map((category) => category.name);
-        if (this.selectedCategories.length === 0 &&
-            this.afAllCategories &&
-            this.afAllCategoriesSelected)
-            this.selectedCategories = [this.afAllCategoriesText];
-    }
-    componentDidLoad() {
-        this.afCategoriesChangeHandler();
-        this.collapsed = this.afStartCollapsed;
-    }
-    displayCategories() {
-        if (this.afHideToggle) {
-            return [{ name: this.afAllCategoriesText }, ...this.afCategories];
-        }
-        if (this.afAllCategories) {
-            if (this.collapsed &&
-                this.afCategories.length + 1 > this.afVisibleCollapsed)
-                return [
-                    { name: this.afAllCategoriesText },
-                    ...this.afCategories.slice(0, this.afVisibleCollapsed - 1)
-                ];
-            return [{ name: this.afAllCategoriesText }, ...this.afCategories];
-        }
-        if (this.collapsed && this.afCategories.length > this.afVisibleCollapsed)
-            return this.afCategories.slice(0, this.afVisibleCollapsed);
-        return this.afCategories;
-    }
-    toggleCategory(category) {
-        if (!this.afMultiselect) {
-            if (this.afAllCategories && category.name === this.afAllCategoriesText) {
-                if (this.selectedCategories.includes(this.afAllCategoriesText)) {
-                    this.selectedCategories = [];
-                    this.afOnSelectedCategoryChange.emit([]);
-                }
-                else {
-                    this.selectedCategories = [this.afAllCategoriesText];
-                    this.afOnSelectedCategoryChange.emit(this.afCategories.map((category) => category.name));
-                }
-            }
-            // Not allCategories
-            this.selectedCategories = [category.name];
-            this.afOnSelectedCategoryChange.emit(this.selectedCategories);
-            return;
-        }
-        if (this.afAllCategories && category.name === this.afAllCategoriesText) {
-            if (this.selectedCategories.includes(this.afAllCategoriesText)) {
-                this.selectedCategories = [];
-                this.afOnSelectedCategoryChange.emit([]);
-            }
-            else {
-                this.selectedCategories = [this.afAllCategoriesText];
-                this.afOnSelectedCategoryChange.emit(this.afCategories.map((category) => category.name));
-            }
-        }
-        else {
-            if (this.selectedCategories.findIndex((name) => name === category.name) >= 0)
-                this.selectedCategories = this.selectedCategories.filter((name) => name !== category.name);
-            else if (this.afAllCategories)
-                this.selectedCategories = [
-                    ...this.selectedCategories.filter((name) => name !== this.afAllCategoriesText),
-                    category.name
-                ];
-            else
-                this.selectedCategories = [...this.selectedCategories, category.name];
-            this.afOnSelectedCategoryChange.emit(this.selectedCategories);
-        }
-    }
-    toggleCollapsed() {
-        this.collapsed = !this.collapsed;
-    }
-    toggleHidden() {
-        this.afHideToggle = !this.toggleHidden;
-    }
-    render() {
-        return (h(Host, { key: 'ec8e3838a29d5f77462b0c7e8e5ddb510eac2bc9' }, h("div", { key: '085c916fa62b00636a188ac8b225af8f370c25ff', class: {
-                'digi-form-category-filter': true
-            } }, this.displayCategories().map((category) => (h("digi-button", { class: {
-                'digi-form-category-filter--category': true,
-                'digi-form-category-filter--category--not-selected': !this.selectedCategories.includes(category.name)
-            }, afVariation: "primary", afAriaPressed: this.selectedCategories.includes(category.name), onAfOnClick: () => {
-                this.toggleCategory(category);
-            } }, typeof category.hits === 'undefined' && category.name, typeof category.hits !== 'undefined' && (h("span", null, category.name, ' ', h("span", { class: "digi-form-category-filter--category--thin-text" }, "(", category.hits, ")")))))), this.afHideToggle === false &&
-            this.afCategories.length > this.afVisibleCollapsed && (h("div", { key: '2c8459757e7940cc6840132d6bf58d765ad3bef1' }, h("digi-button", { key: 'cf326f63112f4301fafd93bbbe0ae6a604ce6790', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
-                this.toggleCollapsed();
-            } }, this.collapsed ? 'Visa alla' : 'Visa färre', this.collapsed ? (h("digi-icon-plus", { slot: "icon", "aria-hidden": "true" })) : (h("digi-icon-minus", { slot: "icon", "aria-hidden": "true" }))))))));
-    }
-    get hostElement() { return getElement(this); }
-    static get watchers() { return {
-        "afCategories": ["afCategoriesChangeHandler"]
-    }; }
-};
-FormCategoryFilter.style = DigiFormCategoryFilterStyle0;
-
-export { FormCategoryFilter as digi_form_category_filter };