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

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

@@ -1,241 +0,0 @@
-'use strict';
-
-var index = require('./index-Cn1hHaSy.js');
-var detectClickOutside_util = require('./detectClickOutside.util-DKR8Sdiw.js');
-var detectFocusOutside_util = require('./detectFocusOutside.util-BNHrXMJ2.js');
-var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
-require('./detectClosest.util-D1z809xM.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)}`;
-
-function deserializeProp(prop) {
-    if (typeof prop === 'string') {
-        return JSON.parse(prop);
-    }
-    return prop;
-}
-const ContextMenu = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afChangeItem = index.createEvent(this, "afChangeItem", 7);
-        this.afFocusItem = index.createEvent(this, "afFocusItem", 7);
-        this.afToggleMenu = index.createEvent(this, "afToggleMenu", 7);
-        this.afBlur = index.createEvent(this, "afBlur", 7);
-        this.itemRefs = {};
-        this.visible = false;
-        this.selectItemIdx = 0;
-        /**
-         * (Frivillig) Om du vill att komponenten ska ha ett unikt ID, kan du skicka in detta här, annars genereras ett automatiskt
-         @en Sets a unique Id. If not set, one will be created
-         */
-        this.afId = randomIdGenerator_util.randomIdGenerator('digi-context-menu');
-        /**
-         * När menyalternativ är valt
-         * @en When menu item is activated
-         */
-        this.afMenuPosition = 'left-bottom';
-    }
-    clickHandler(e) {
-        const target = e.target;
-        const selector = `#${this.afId}-identifier`;
-        if (detectClickOutside_util.detectClickOutside(target, selector) && this.visible) {
-            this.hideMenu();
-        }
-    }
-    focusoutHandler(e) {
-        const target = e.target;
-        const selector = `#${this.afId}-identifier`;
-        if (detectFocusOutside_util.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.toString());
-        }
-    }
-    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 (index.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); } }, index.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 (index.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); } }, index.h("div", { class: "content-wrapper" }, index.h("digi-icon-check", { class: "digi-navigation-context-menu__button-icon", slot: "icon", style: {
-                visibility: idx === this.activeItemIdx && this.visible
-                    ? 'visible'
-                    : 'hidden'
-            } }), index.h("span", { "aria-label": item.ariaLabel ? item.ariaLabel : null }, item.title)), ' '));
-    }
-    render() {
-        const menuItems = this.afMenuItems;
-        return (index.h(index.Host, { key: '1e6a37f94799e1cf0d2d6526e1b690e73f59e0a3' }, index.h("div", { key: '4018c8310a9012a9b4644dbb3175f3e362fd604b', id: `${this.afId}-identifier`, class: {
-                'digi-navigation-context-menu': true,
-                'digi-navigation-context-menu--active': this.visible
-            } }, index.h("digi-button", { key: '03a920ff0116de47903ab261dca6201463c1b9fc', 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 && index.h(this.digiIcon, { key: '7287a3e266e905dbc90312fe6101602d312f3dd7', slot: "icon" }), this.afTitle, index.h("digi-icon-chevron-down", { key: 'e7d297783ab722447d202df9971ebe6d00fb9fff', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), index.h("div", { key: 'e7226f3e481a7c8c57acce8948f624546dfded26', class: {
-                'digi-navigation-context-menu__list': true,
-                'digi-navigation-context-menu__list--active': this.visible
-            } }, index.h("div", { key: 'bb9f36a53eaff6fc0e76c5024ba817fb898adac8', 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": 0
-            }],
-        "afMenuItems": [{
-                "syncItems": 0
-            }]
-    }; }
-};
-ContextMenu.style = navigationContextMenuCss();
-
-exports.digi_context_menu = ContextMenu;

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

@@ -1,119 +0,0 @@
-'use strict';
-
-var index = require('./index-Cn1hHaSy.js');
-var expandableFaqItemVariation_enum = require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
-var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.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 ExpandableFaqItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afOnClick = index.createEvent(this, "afOnClick", 7);
-        /**
-         * Sätter rubriknivå. 'h3' är förvalt.
-         * @en Set heading level. Default is 'h3'
-         */
-        this.afHeadingLevel = expandableFaqItemVariation_enum.ExpandableFaqItemHeadingLevel.H3;
-        /**
-         * Gör så att komponenten tar upp 100% i bredd av ytan den befinner sig i.
-         * @en Makes the component take up 100% of the width of the surface it is in.
-         */
-        this.afFullWidth = false;
-        /**
-         * Sätter läge på FAQ-frågan om den ska vara expanderad eller ej.
-         * @en Sets the state of the FAQ item to expanded or not.
-         */
-        this.afExpanded = false;
-        /**
-         * Sätter variant. Kan vara 'Primary' eller 'Secondary'
-         * @en Set variation. Can be 'Primary' or 'Secondary'
-         */
-        this.afVariation = expandableFaqItemVariation_enum.ExpandableFaqItemVariation.PRIMARY;
-        /**
-         * Ställer in ifall komponenten ska ha en animation vid utfällning. Animation är påslagen som standard.
-         * @en Sets the state of the animation for the accordion's expanded area. Animation is on as default.
-         */
-        this.afAnimation = true;
-        /**
-         * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
-         * @en Set id attribute. Defaults to random string.
-         */
-        this.afId = randomIdGenerator_util.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_enum.ExpandableFaqItemVariation.PRIMARY,
-            'digi-expandable-faq-item--secondary': this.afVariation === expandableFaqItemVariation_enum.ExpandableFaqItemVariation.SECONDARY,
-            'digi-expandable-faq-item--tertiary': this.afVariation === expandableFaqItemVariation_enum.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.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.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 (index.h("article", { key: '6d3c64be92f3bf878a6319f8bc6a74b944b9621d', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, index.h("header", { key: '7c2929a9fbef5158ba44cc9822cd4592072fdeb1', class: "digi-expandable-faq-item__header" }, index.h(this.afHeadingLevel, { key: '79e19f80b947765f4ec9e342849ebfef121f1694' }, index.h("button", { key: 'e08fe43a72da2004e977ecad16383100de0b49c7', 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` }, index.h("digi-icon-chevron-down", { key: '245e1d2578b3e15d0fc83aaf82ca5b19a292ab20', class: {
-                'digi-expandable-faq-item__header--toggle-icon': true,
-                'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
-            } }), index.h("div", { key: '6b37c5b10fee03cb1e8fbaebf4afa879131fef08', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), index.h("section", { key: '5d0083596a6a9d8dc17db3814dd7fc5b7672def1', 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` }, index.h("div", { key: '1c11f15e328118a0adc6c5fb0cb88b7c8f3b8470' }, index.h("digi-typography", { key: '0253266ad670b87a5a9291101d965899f14f0b16' }, index.h("slot", { key: '7c277acd32d84ccc6b1c14913aebde586a2ea148' }))))));
-    }
-    get hostElement() { return index.getElement(this); }
-    static get watchers() { return {
-        "afExpanded": [{
-                "animateContentHeight": 0
-            }]
-    }; }
-};
-ExpandableFaqItem.style = expandableFaqItemCss();
-
-exports.digi_expandable_faq_item = ExpandableFaqItem;

package/dist/cjs/digi-footer-card.cjs.entry.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var index = require('./index-Cn1hHaSy.js');
-var footerCardVariation_enum = require('./footer-card-variation.enum-BPnpkC45.js');
-
-const footerCardCss = () => `.sc-digi-footer-card-h{--digi--footer-card--text--color:var(--digi--color--text--secondary);--digi--footer-card--border-bottom:solid var(--digi--border-width--primary) var(--digi--color--divider--on-brand-primary);--digi--footer-card--link--font-weight:var(--digi--typography--link-bold--font-weight--desktop)}.sc-digi-footer-card-h .digi-footer-card.sc-digi-footer-card{--BORDER:unset;--LINK-DECORATION:underline;--LINK-DECORATION--HOVER:underline;--LINK-SIZE:inherit;--PADDING-BOTTOM:var(--digi--container-gutter--larger);--MARGIN-BOTTOM:var(--digi--container-gutter--larger);margin-bottom:var(--MARGIN-BOTTOM);padding-bottom:var(--PADDING-BOTTOM);border-bottom:var(--BORDER)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card.sc-digi-footer-card{--BORDER:0;--PADDING-BOTTOM:var(--digi--container-gutter--large)}}.sc-digi-footer-card-h .digi-footer-card--border.sc-digi-footer-card{--BORDER:var(--digi--footer-card--border-bottom);--LINK-SIZE:var(--digi--typography--heading-3--font-size--mobile)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card--border.sc-digi-footer-card{--LINK-SIZE:var(--digi--typography--heading-3--font-size--desktop)}}.sc-digi-footer-card-h .digi-footer-card--icon.sc-digi-footer-card{--LINK-DECORATION:none}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h3,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h4,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h5,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h6{color:var(--digi--footer--text--color);margin-top:0}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2{font-size:var(--digi--typography--heading-3--font-size--mobile)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2{font-size:var(--digi--typography--heading-3--font-size--desktop)}}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s p{color:var(--digi--footer--text--color)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a{font-size:var(--LINK-SIZE);color:var(--digi--footer--text--color);font-weight:var(--digi--footer-card--link--font-weight);display:flex;align-items:flex-start;text-decoration:var(--LINK-DECORATION)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a:hover{text-decoration:var(--LINK-DECORATION--HOVER)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a svg{--digi--icon--color:var(--digi--footer-card-text--color);--digi--icon--height:1em;--digi--icon--width:1em;margin-right:var(--digi--gutter--small)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul{padding:0;margin:0;list-style:none}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul li{margin-bottom:var(--digi--gutter--largest-2)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul li:last-child{margin-bottom:0}`;
-
-const FooterFooterCard = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * Sätter innehållstyp för footerkortet, så som länklista med, utan ikon eller om kortet ska ha en kantlinje
-         * @en Sets content typ for the footercard, such as linklist with and without icon and if the card should have a border or not.
-         */
-        this.afType = footerCardVariation_enum.FooterCardVariation.NONE;
-    }
-    get cssModifiers() {
-        return {
-            'digi-footer-card--icon': this.afType == footerCardVariation_enum.FooterCardVariation.ICON,
-            'digi-footer-card--border': this.afType == footerCardVariation_enum.FooterCardVariation.BORDER
-        };
-    }
-    render() {
-        return (index.h(index.Host, { key: 'a15273fc73e9e7e9fc9084dafb28c4bdd211a304' }, index.h("div", { key: '80d2759e16e78a4018a94b8a83cbabdb7d50ce96', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, index.h("div", { key: 'f305ebb61e11f1e3b6862d02eb8be3dc6ca00e4c', class: "digi-footer-card__content" }, index.h("slot", { key: '4928d8f14f35856a3adee2d7d8d44f9dffaebd1b' })))));
-    }
-    get hostElement() { return index.getElement(this); }
-};
-FooterFooterCard.style = footerCardCss();
-
-exports.digi_footer_card = FooterFooterCard;

package/dist/cjs/digi-footer.cjs.entry.js

@@ -1,79 +0,0 @@
-'use strict';
-
-var index = require('./index-Cn1hHaSy.js');
-var typographyVariation_enum = require('./typography-variation.enum-BDSt7CVI.js');
-require('./badge-notification-shape.enum-CEyEo2G5.js');
-require('./badge-status-variation.enum-XX8d--rj.js');
-require('./button-variation.enum-ngMqFLdW.js');
-require('./button-type.enum-2UH0KkO-.js');
-require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
-require('./bar-chart-variation.enum-BZFN4377.js');
-require('./code-example-variation.enum-Cq-BioXW.js');
-require('./code-variation.enum-BM-hhQuD.js');
-require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
-require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
-require('./expandable-faq-variation.enum-FEybT9s4.js');
-require('./footer-card-variation.enum-BPnpkC45.js');
-require('./form-checkbox-variation.enum-BfOGU4Qt.js');
-require('./form-file-upload-variation.enum-xcEOoggr.js');
-require('./form-input-search-variation.enum-VVfvlVeM.js');
-require('./form-input-type.enum-DvF_MTHK.js');
-require('./form-input-variation.enum-kpoXNUuI.js');
-require('./form-radiogroup-validation.enum-DBDbjF6N.js');
-require('./form-select-variation.enum-e6wjWyaS.js');
-require('./form-textarea-variation.enum-BcEyaR5W.js');
-require('./form-validation-message-variation.enum-BA5nmCiw.js');
-require('./info-card-multi-type.enum-pqhvdrsN.js');
-require('./info-card-variation.enum-B1cqmknX.js');
-require('./layout-container-max-width.enum-DqWtU7WK.js');
-var layoutBlockVariation_enum = require('./layout-block-variation.enum-BldWvnDk.js');
-require('./layout-columns-variation.enum-OgD-hvRN.js');
-require('./link-button-variation.enum-03cHZQxx.js');
-require('./list-type.enum-CkFOn-eB.js');
-require('./loader-skeleton-variation.enum-UvPtdesw.js');
-require('./loader-spinner-size.enum-u5AQs-UJ.js');
-require('./logo-color.enum-BJZv-f6R.js');
-require('./media-figure-alignment.enum-BWO1sg67.js');
-require('./navigation-sidebar-variation.enum-70NIGQoi.js');
-require('./navigation-vertical-menu-variation.enum-7IUICId3.js');
-require('./progress-circle-heading-level.enum-DNlyzNd6.js');
-require('./progress-indicator-heading-level.enum-CNarUduE.js');
-require('./progress-list-item-variation.enum-Dk3YS--x.js');
-require('./progress-list-variation.enum-BvLLJK9O.js');
-require('./progressbar-variation.enum-CnRJPSs7.js');
-require('./quote-image-inner-position.enum-CLifVlj0.js');
-require('./table-variation.enum-DlDZKXbq.js');
-require('./tag-media-icon.enum-DzhiwvjI.js');
-require('./tag-size.enum-DFom3Smn.js');
-require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
-require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
-require('./tools-theme-provider.brand.enum-BzduvCUY.js');
-require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
-require('./typography-meta-variation.enum-lvDemnSz.js');
-require('./typography-time-variation.enum-D2gIVzYH.js');
-require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');
-
-const footerCss = () => `.sc-digi-footer-h{--digi--footer--text--color:var(--digi--color--text--secondary);--digi--footer--text--font-family:var(--digi--global--typography--font-family--default);--digi--footer--text--font-size:var(--digi--typography--body--font-size--desktop);--digi--footer--text--font-weight:var(--digi--typography--description--font-weight--desktop);--digi--footer--link--color--default:var(--digi--color--text--secondary);--digi--footer--link--color--hover:var(--digi--color--text--secondary);--digi--footer--link--border-color--default:var(--digi--color--text--secondary);--digi--footer--link--border-color--hover:var(--digi--color--text--secondary);--digi--footer--padding-top:var(--digi--container-gutter--largest);--digi--footer--margin-top:var(--digi--container-gutter--large);--digi--footer--logo-vertical-padding:var(--digi--container-gutter--large)}.sc-digi-footer-h .digi-footer.sc-digi-footer{--MARGIN-TOP:var(--digi--footer--margin-top);color:var(--digi--footer--text--color);font-family:var(--digi--footer--text--font-family);font-size:var(--digi--footer--text--font-size);font-weight:var(--digi--footer--text--font-weight);line-height:normal}.sc-digi-footer-h .digi-footer.sc-digi-footer-s>[slot^=content-top],.sc-digi-footer-h .digi-footer .sc-digi-footer-s>[slot^=content-top]{grid-template-columns:repeat(1, 1fr)}@media (min-width: 61.9375rem){.sc-digi-footer-h .digi-footer.sc-digi-footer-s>[slot^=content-top],.sc-digi-footer-h .digi-footer .sc-digi-footer-s>[slot^=content-top]{grid-template-columns:repeat(4, 1fr)}.sc-digi-footer-h .digi-footer--small.sc-digi-footer-s>[slot^=content-top]>*:first-child,.sc-digi-footer-h .digi-footer--small .sc-digi-footer-s>[slot^=content-top]>*:first-child{grid-column:1/3}}@container (max-width: 600px){.sc-digi-footer-h .digi-footer.sc-digi-footer-s>[slot^=content-top],.sc-digi-footer-h .digi-footer .sc-digi-footer-s>[slot^=content-top]{grid-template-columns:repeat(1, 1fr)}}.sc-digi-footer-h .digi-footer__content-top.sc-digi-footer{container-type:inline-size;padding-top:var(--digi--footer--padding-top)}.sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer{display:flex;justify-content:space-between;flex-wrap:wrap;padding:var(--digi--footer--padding-top) 0}@media (max-width: 61.9375rem){.sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer{justify-content:center}}@container (max-width: 600px){.sc-digi-footer-h .digi-footer__content-bottom{justify-content:center}}.sc-digi-footer-h .sc-digi-footer-s digi-logo{--digi--logo--padding--large--wide:0}.sc-digi-footer-h.sc-digi-footer-s>[slot^=content-top],.sc-digi-footer-h .sc-digi-footer-s>[slot^=content-top]{display:grid;grid-template-rows:repeat(2, auto);column-gap:var(--digi--gutter--largest)}.sc-digi-footer-h.sc-digi-footer-s>[slot^=content-bottom-left],.sc-digi-footer-h .sc-digi-footer-s>[slot^=content-bottom-left]{flex-basis:100%;display:flex;justify-content:center}.sc-digi-footer-h.sc-digi-footer-s>[slot^=content-bottom-left] .digi-logo,.sc-digi-footer-h .sc-digi-footer-s>[slot^=content-bottom-left] .digi-logo{padding:var(--digi--footer--logo-vertical-padding) 0}@media (min-width: 61.9375rem){.sc-digi-footer-h.sc-digi-footer-s>[slot^=content-bottom-left],.sc-digi-footer-h .sc-digi-footer-s>[slot^=content-bottom-left]{flex-basis:auto}.sc-digi-footer-h.sc-digi-footer-s>[slot^=content-bottom-left] .digi-logo,.sc-digi-footer-h .sc-digi-footer-s>[slot^=content-bottom-left] .digi-logo{padding:0}}.sc-digi-footer-h.sc-digi-footer-s>[slot^=content-bottom-right],.sc-digi-footer-h .sc-digi-footer-s>[slot^=content-bottom-right]{display:flex;align-items:flex-end;flex-wrap:wrap;justify-content:center;margin-top:var(--MARGIN-TOP)}@media (min-width: 61.9375rem){.sc-digi-footer-h.sc-digi-footer-s>[slot^=content-bottom-right],.sc-digi-footer-h .sc-digi-footer-s>[slot^=content-bottom-right]{--MARGIN-TOP:0}}.sc-digi-footer-h.sc-digi-footer-s>[slot^=content-bottom-right] p,.sc-digi-footer-h .sc-digi-footer-s>[slot^=content-bottom-right] p,.sc-digi-footer-h.sc-digi-footer-s>[slot^=content-bottom-right] span,.sc-digi-footer-h .sc-digi-footer-s>[slot^=content-bottom-right] span,.sc-digi-footer-h.sc-digi-footer-s>[slot^=content-bottom-right] a,.sc-digi-footer-h .sc-digi-footer-s>[slot^=content-bottom-right] a{color:var(--digi--footer--text--color);padding:var(--digi--gutter--small);margin:0}@media (min-width: 61.9375rem){.sc-digi-footer-h.sc-digi-footer-s>[slot^=content-bottom-right] p,.sc-digi-footer-h .sc-digi-footer-s>[slot^=content-bottom-right] p,.sc-digi-footer-h.sc-digi-footer-s>[slot^=content-bottom-right] span,.sc-digi-footer-h .sc-digi-footer-s>[slot^=content-bottom-right] span,.sc-digi-footer-h.sc-digi-footer-s>[slot^=content-bottom-right] a,.sc-digi-footer-h .sc-digi-footer-s>[slot^=content-bottom-right] a{padding:var(--digi--gutter--largest-2) var(--digi--gutter--small)}}.sc-digi-footer-h.sc-digi-footer-s>[slot^=content-bottom-right] a,.sc-digi-footer-h .sc-digi-footer-s>[slot^=content-bottom-right] a{color:var(--digi--footer--link--color--default);border-color:var(--digi--footer--link--border-color--default);margin:0}.sc-digi-footer-h.sc-digi-footer-s>[slot^=content-bottom-right] a:visited,.sc-digi-footer-h .sc-digi-footer-s>[slot^=content-bottom-right] a:visited{color:var(--digi--footer--link--color--default)}.sc-digi-footer-h.sc-digi-footer-s>[slot^=content-bottom-right] a:hover,.sc-digi-footer-h .sc-digi-footer-s>[slot^=content-bottom-right] a:hover,.sc-digi-footer-h.sc-digi-footer-s>[slot^=content-bottom-right] a:focus,.sc-digi-footer-h .sc-digi-footer-s>[slot^=content-bottom-right] a:focus,.sc-digi-footer-h.sc-digi-footer-s>[slot^=content-bottom-right] a:active,.sc-digi-footer-h .sc-digi-footer-s>[slot^=content-bottom-right] a:active{background:transparent;color:var(--digi--footer--link--color--hover);border-color:var(--digi--footer--link--border-color--hover)}`;
-
-const FooterFooter = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * Sätter variation. Kan vara stor eller liten
-         * @en Set variation. Can be 'large' or 'small'
-         */
-        this.afVariation = typographyVariation_enum.FooterVariation.LARGE;
-    }
-    get cssModifiers() {
-        return {
-            'digi-footer--small': this.afVariation == typographyVariation_enum.FooterVariation.SMALL
-        };
-    }
-    render() {
-        return (index.h(index.Host, { key: '133c1439937cd5c605b46960487caad993847dd3' }, index.h("footer", { key: '77ad14d88b16d7452ffe5406b0b0bf78c552d3ad', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, index.h("digi-typography", { key: 'd695e51d7fed7bdacd5c2706804287e0cd67e94a' }, index.h("digi-layout-block", { key: '9dd0f463665ae8402445f2ff8b6ddc8b198836dd', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.PROFILE }, index.h("digi-layout-container", { key: 'a8b72e661ee8f878ae6cf5a2d5da65bf1fb4fc7f', "af-no-gutter": true }, index.h("div", { key: '518a65a77376a7648e0c4298c1fd07c19dc725a4', class: "digi-footer__content-top" }, index.h("slot", { key: '87b6ba476ca0ef0f1a8c96926da133b0a5d27d3c', name: "content-top" })), index.h("div", { key: '4c43eec28c77d7dd793031beeb1c1962a7d997eb', class: "digi-footer__content-bottom" }, index.h("slot", { key: 'a2086ff384d987ae36cdadd758647bd950ff08ca', name: "content-bottom-left" }), index.h("slot", { key: '9a1147e4665ba559a87c0282412298d0be3a4794', name: "content-bottom-right" }))))))));
-    }
-    get hostElement() { return index.getElement(this); }
-};
-FooterFooter.style = footerCss();
-
-exports.digi_footer = FooterFooter;