@designsystem-se/af 36.0.3 → 37.0.1

package/dist/esm/digi-header.entry.js

@@ -1,144 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-148a7577.js';
-import './badge-notification-shape.enum-e15a6245.js';
-import { H as HeaderCenterContentWidth } from './typography-variation.enum-8c3ff25c.js';
-import './badge-status-variation.enum-8d6370ff.js';
-import './button-size.enum-d5ff6ff3.js';
-import './button-type.enum-5250ae0b.js';
-import './button-variation.enum-94fffdd6.js';
-import './calendar-week-view-heading-level.enum-6774297c.js';
-import './bar-chart-variation.enum-97c0b47f.js';
-import './code-example-variation.enum-e9f9fced.js';
-import './code-variation.enum-1eee7c7a.js';
-import './expandable-accordion-header-level.enum-85681e2f.js';
-import './expandable-faq-item-variation.enum-a8cb225b.js';
-import './expandable-faq-variation.enum-6934c367.js';
-import './footer-card-variation.enum-cc732148.js';
-import './form-checkbox-variation.enum-83e906fc.js';
-import './form-file-upload-variation.enum-9c49ec5e.js';
-import './form-input-search-variation.enum-f9d669f2.js';
-import './form-input-type.enum-3da3db27.js';
-import './form-input-variation.enum-64d9450f.js';
-import './form-radiogroup-validation.enum-d790fc66.js';
-import './form-select-variation.enum-f2f6098d.js';
-import './form-textarea-variation.enum-05017e8e.js';
-import './form-validation-message-variation.enum-bcef8a9d.js';
-import './info-card-multi-type.enum-07ee124f.js';
-import './info-card-variation.enum-2ccc52c1.js';
-import { L as LayoutBlockContainer } from './layout-container-max-width.enum-c40018ac.js';
-import './layout-block-variation.enum-b7a20db4.js';
-import './layout-columns-variation.enum-34f7754e.js';
-import './link-button-variation.enum-84d4976f.js';
-import './list-type.enum-fbb331ad.js';
-import './loader-skeleton-variation.enum-f9f867b4.js';
-import './loader-spinner-size.enum-0b246fa0.js';
-import './logo-variation.enum-5b68b79f.js';
-import './media-figure-alignment.enum-a1d36567.js';
-import './navigation-sidebar-variation.enum-8fead764.js';
-import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
-import './progress-indicator-variation.enum-b12ba50a.js';
-import './progress-list-item-variation.enum-384b9a3a.js';
-import './progress-list-variation.enum-300bd89d.js';
-import './progressbar-variation.enum-40adaab4.js';
-import './quote-image-inner-position.enum-8e9b1e65.js';
-import './table-variation.enum-dd9366b6.js';
-import './tag-media-icon.enum-fefa191c.js';
-import './tag-size.enum-403e0cd8.js';
-import './tools-feedback-banner-type.enum-74b4e580.js';
-import './tools-feedback-rating-variation.enum-29058ff2.js';
-import './tools-theme-provider.brand.enum-8c5a98c9.js';
-import './typography-heading-jumbo-variation.enum-eb737f1b.js';
-import './typography-meta-variation.enum-1f7c2878.js';
-import './typography-time-variation.enum-34c830ef.js';
-import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-6d004731.js';
-
-const headerCss = ".sc-digi-header-h{display:block;--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem}.sc-digi-header-h .digi-header__wrapper.sc-digi-header{display:flex;align-items:center;justify-content:space-between;padding-left:var(--digi--header--padding-left);padding-right:var(--digi--header--padding-right)}@media (max-width: 47.9375rem){.sc-digi-header-h .digi-header--has-navigation.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0}}.sc-digi-header-h .digi-header__border.sc-digi-header{border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-h .digi-header__content.sc-digi-header{display:flex;align-items:center;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo]{margin-left:-0.125rem;text-decoration:none;padding-right:var(--digi--header--logo--padding-right)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo{--digi--logo--img--max-width:23rem}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo__img,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo__img{flex-shrink:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content]{--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-notification a,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-notification a{margin:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-avatar,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-avatar{--digi--header-avatar--margin:0}.sc-digi-header-h .digi-header--af-centered.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0;--digi--header--padding-left:0}";
-const DigiHeaderStyle0 = headerCss;
-
-const Header = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afActive = undefined;
-        this.isMobile = undefined;
-        this.hasNavigation = undefined;
-        this.afSystemName = undefined;
-        this.afMenuButtonText = undefined;
-        this.afAriaLabel = undefined;
-        this.afHideSystemName = undefined;
-        this.afCentered = HeaderCenterContentWidth.DEFAULT;
-    }
-    toggleHandler(e) {
-        const element = e.target;
-        if (element.matches('digi-navigation-sidebar-button')) {
-            this.afActive = true;
-        }
-    }
-    closeHandler() {
-        this.afActive = false;
-    }
-    get cssModifiers() {
-        return {
-            'digi-header--af-centered': this.afCentered !== HeaderCenterContentWidth.DEFAULT,
-            'digi-header--has-navigation': this.hasNavigation
-        };
-    }
-    handleBreakpointObserver(e) {
-        this.isMobile = e.detail.value === UtilBreakpointObserverBreakpoints.SMALL;
-    }
-    get ariaLabel() {
-        return this.afAriaLabel || this.afSystemName;
-    }
-    /**
-     * Ta reda på om vi har en populerad navigations-slot. Om inte så renderar vi ingen menyknapp
-     * @en Find out if we have a populated navigation slot. If, we don't, let's not bother rendering the navigation toggle button
-     */
-    checkNavigation() {
-        this.hasNavigation = !!this.hostElement.querySelector('[slot="header-navigation"]');
-    }
-    /**
-    * Om vi inte har vare sig digi-title-logo eller digi-logo, men vi har ett af-system-name så renderar vi en digi-title-logo som fallback
-    * @en If we have neither a digi-title-logo or a digi-logo,but we do have an af-system name, we render a digi-title-logo as a fallback.
-    *
-    * This will be removed when we finally deprecate af-syetem-name.
-    */
-    createLegacyLogoIfNeeded() {
-        const logoSlot = this.hostElement.querySelector('[slot="header-logo"]');
-        const useFallbackTitleLogo = !!logoSlot
-            && !this.hostElement.querySelector('digi-title-logo')
-            && !this.hostElement.querySelector('digi-logo')
-            && !!this.afSystemName;
-        if (useFallbackTitleLogo) {
-            logoSlot.innerHTML = this.afHideSystemName
-                ? `<digi-logo af-only-symbol="true"></digi-logo>`
-                : `<digi-title-logo af-aria-label=${this.afSystemName}>
-            <div slot="logo-one-row">
-              ${this.afSystemName}
-            </div>
-          </digi-title-logo>
-        `;
-        }
-    }
-    componentWillLoad() {
-        this.checkNavigation();
-        this.createLegacyLogoIfNeeded();
-    }
-    /**
-     * If we have a <digi-logo> in the logo slot, make sure its afOnlySymbol prop
-     * is true when we're in mobile
-     */
-    componentWillRender() {
-        const afLogo = this.hostElement.querySelector('digi-logo');
-        if (afLogo) {
-            afLogo.afOnlySymbol = this.isMobile || afLogo.afOnlySymbol;
-        }
-    }
-    renderContent() {
-        return (h("div", { class: "digi-header__wrapper" }, h("slot", { name: "header-logo" }), h("div", { class: "digi-header__content" }, h("slot", { name: "header-content" })), this.hasNavigation && this.isMobile && (h("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))));
-    }
-    render() {
-        return (h("header", { key: '65cc845a9c3f2eb3d86fa8745b3dc042249140b8', "aria-label": this.ariaLabel, class: Object.assign({ 'digi-header': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '9e25393e1d5094dd49171b590a6ab0a4004f3e7f', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("digi-layout-block", { key: '0e7791c78b6b8f3dd085ffb7e3bab754ea6453e3', afContainer: LayoutBlockContainer.NONE }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), h("div", { key: '800e6f888496ea187fa7ed9d2431b5806b0d8206', class: "digi-header__border" }), h("slot", { key: 'a24318deb7d4a91b7715024996be181faeae283a', name: "header-navigation" }))));
-    }
-    get hostElement() { return getElement(this); }
-};
-Header.style = DigiHeaderStyle0;
-
-export { Header as digi_header };

package/dist/esm/digi-icon-bars.entry.js

@@ -1,26 +0,0 @@
-import { r as registerInstance, h } from './index-148a7577.js';
-import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-
-const iconBarsCss = ".sc-digi-icon-bars-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-bars-h svg.sc-digi-icon-bars{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
-const DigiIconBarsStyle0 = iconBarsCss;
-
-const IconBars = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator('icontitle');
-    }
-    render() {
-        return (h("svg", { key: 'f774ba801087630bd519e05fefbdf3c8e0846130', class: "digi-icon-bars", width: "22", height: "26", viewBox: "0 0 22 26", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
-                ? this.afSvgAriaLabelledby
-                : this.afTitle
-                    ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: '9c1a4e088a79e58731a2537c27c1a74d678f3afc', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '327c359daaadbd34c1d7a91c62022d9fe4131ab2' }, this.afDesc), h("path", { key: 'd898a573584a53c916ac9ee979df711eca646340', class: "digi-icon-bars__shape", d: "M0.8,6.9h20.4c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8C0.4,3.4,0,3.7,0,4.2v2C0,6.6,0.4,6.9,0.8,6.9z M0.8,14.8 h20.4c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8C0.4,11.2,0,11.6,0,12v2C0,14.4,0.4,14.8,0.8,14.8z M0.8,22.6h20.4 c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8c-0.4,0-0.8,0.4-0.8,0.8v2C0,22.3,0.4,22.6,0.8,22.6z", fill: "currentColor", "fill-rule": "nonzero" })));
-    }
-};
-IconBars.style = DigiIconBarsStyle0;
-
-export { IconBars as digi_icon_bars };

package/dist/esm/digi-icon-bell-filled.entry.js

@@ -1,26 +0,0 @@
-import { r as registerInstance, h } from './index-148a7577.js';
-import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-
-const iconBellFilledCss = ".sc-digi-icon-bell-filled-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-bell-filled-h svg.sc-digi-icon-bell-filled{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
-const DigiIconBellFilledStyle0 = iconBellFilledCss;
-
-const IconBellFilled = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator('icontitle');
-    }
-    render() {
-        return (h("svg", { key: '43c56a218ba3d4642096386d0f80c00eb4fa9acc', class: "digi-icon-bell-filled", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
-                ? this.afSvgAriaLabelledby
-                : this.afTitle
-                    ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '353bc9296b893300882f4cf1c0e8844f70096dd0', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'c3e9c1ba95f9abf4c92464151bb04c187df62e95' }, this.afDesc), h("path", { key: 'ddc6a853b89167084c58ad65f8bb4b1be5b9724a', class: "digi-icon-bell-filled__shape", d: "M23.555833,48 C26.8859842,48 29.5872534,45.3140625 29.5872534,42 L17.5244126,42 C17.5244126,45.3140625 20.2256818,48 23.555833,48 Z M43.8639093,33.9646875 C42.0423204,32.0184375 38.6339126,29.090625 38.6339126,19.5 C38.6339126,12.215625 33.4972582,6.384375 26.5710718,4.95375 L26.5710718,3 C26.5710718,1.3434375 25.2209086,0 23.555833,0 C21.8907574,0 20.5405942,1.3434375 20.5405942,3 L20.5405942,4.95375 C13.6144078,6.384375 8.47775338,12.215625 8.47775338,19.5 C8.47775338,29.090625 5.06934557,32.0184375 3.24775666,33.9646875 C2.68204582,34.569375 2.43124734,35.2921875 2.43589641,36 C2.44633297,37.5375 3.65978272,39 5.4625146,39 L41.6491514,39 C43.4518833,39 44.6662759,37.5375 44.6757696,36 C44.6804187,35.2921875 44.4296202,34.5684375 43.8639093,33.9646875 L43.8639093,33.9646875 Z", fill: "currentColor", "fill-rule": "nonzero" })));
-    }
-};
-IconBellFilled.style = DigiIconBellFilledStyle0;
-
-export { IconBellFilled as digi_icon_bell_filled };

package/dist/esm/digi-icon-x.entry.js

@@ -1,26 +0,0 @@
-import { r as registerInstance, h } from './index-148a7577.js';
-import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-
-const iconXCss = ".sc-digi-icon-x-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-x-h svg.sc-digi-icon-x{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
-const DigiIconXStyle0 = iconXCss;
-
-const IconX = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator('icontitle');
-    }
-    render() {
-        return (h("svg", { key: '08f03b205fb0bb4baa9a17a35165c62ab515ac6a', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
-                ? this.afSvgAriaLabelledby
-                : this.afTitle
-                    ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '2809b1473fb842f1843fe76566e2e11c64b47274', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '3966f720e79b23d789432dc5c1de498d7817c2b6' }, this.afDesc), h("g", { key: '4bd65b97e3311e140c1bfacd068aee84c18c97e4', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, h("path", { key: '924bba4b9e83da3466364294378fbc550d3eb404', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
-    }
-};
-IconX.style = DigiIconXStyle0;
-
-export { IconX as digi_icon_x };

package/dist/esm/digi-layout-block_2.entry.js

@@ -1,87 +0,0 @@
-import { r as registerInstance, h, F as Fragment } from './index-148a7577.js';
-import { L as LayoutBlockVariation } from './layout-block-variation.enum-b7a20db4.js';
-import { L as LayoutBlockContainer, a as LayoutContainerVariation, b as LayoutContainerMaxWidth } from './layout-container-max-width.enum-c40018ac.js';
-
-const layoutBlockCss = ".sc-digi-layout-block-h{--digi--layout-block--background--primary:var(--digi--color--background--primary);--digi--layout-block--background--secondary:var(--digi--color--background--secondary);--digi--layout-block--background--tertiary:var(--digi--color--background--sentiment--neutral--primary);--digi--layout-block--background--symbol:var(--digi--color--background--pop-out);--digi--layout-block--background--profile:var(--digi--color--background--brand-primary);display:block}.sc-digi-layout-block-h .digi-layout-block.sc-digi-layout-block{background:var(--BACKGROUND)}.sc-digi-layout-block-h .digi-layout-block--transparent.sc-digi-layout-block{--BACKGROUND:transparent}.sc-digi-layout-block-h .digi-layout-block--primary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--primary)}.sc-digi-layout-block-h .digi-layout-block--secondary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--secondary)}.sc-digi-layout-block-h .digi-layout-block--tertiary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--tertiary)}.sc-digi-layout-block-h .digi-layout-block--symbol.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--symbol)}.sc-digi-layout-block-h .digi-layout-block--profile.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--profile)}";
-const DigiLayoutBlockStyle0 = layoutBlockCss;
-
-const LayoutBlock = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this._container = LayoutBlockContainer.STATIC;
-        this.afVariation = LayoutBlockVariation.PRIMARY;
-        this.afContainer = LayoutBlockContainer.STATIC;
-        this.afVerticalPadding = undefined;
-        this.afMarginTop = undefined;
-        this.afMarginBottom = undefined;
-    }
-    containerChangeHandler() {
-        this._container = this.afContainer;
-    }
-    componentWillLoad() {
-        this.containerChangeHandler();
-    }
-    get cssModifiers() {
-        return {
-            'digi-layout-block--transparent': this.afVariation === LayoutBlockVariation.TRANSPARENT,
-            'digi-layout-block--primary': this.afVariation === LayoutBlockVariation.PRIMARY,
-            'digi-layout-block--secondary': this.afVariation === LayoutBlockVariation.SECONDARY,
-            'digi-layout-block--tertiary': this.afVariation === LayoutBlockVariation.TERTIARY,
-            'digi-layout-block--symbol': this.afVariation === LayoutBlockVariation.SYMBOL,
-            'digi-layout-block--profile': this.afVariation === LayoutBlockVariation.PROFILE
-        };
-    }
-    render() {
-        return (h("div", { key: 'e2feec87a90de06812ec1e0903e731035ab0b90b', class: Object.assign({ 'digi-layout-block': true }, this.cssModifiers) }, this._container === LayoutBlockContainer.NONE ? (h(Fragment, null, h("slot", null))) : (h("digi-layout-container", { afVariation: this._container, "af-vertical-padding": this.afVerticalPadding, "af-margin-top": this.afMarginTop, "af-margin-bottom": this.afMarginBottom }, h("slot", null)))));
-    }
-    static get watchers() { return {
-        "afContainer": ["containerChangeHandler"]
-    }; }
-};
-LayoutBlock.style = DigiLayoutBlockStyle0;
-
-const layoutContainerCss = ".sc-digi-layout-container-h{--digi--layout-container--width:var(--digi--container-width--smaller);--digi--layout-container--gutter:var(--digi--container-gutter--base);--digi--layout-container--vertical-padding:0;--digi--layout-container--margin-top:0;--digi--layout-container--margin-bottom:0}.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{box-sizing:border-box;width:100%;max-width:var(--digi--layout-container--width);padding:var(--digi--layout-container--vertical-padding) var(--digi--layout-container--gutter);margin-left:auto;margin-right:auto;margin-top:var(--digi--layout-container--margin-top);margin-bottom:var(--digi--layout-container--margin-bottom);box-sizing:border-box}@media (min-width: 47.9375rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--small);--digi--layout-container--gutter:var(--digi--container-gutter--small)}}@media (min-width: 48rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--medium);--digi--layout-container--gutter:var(--digi--container-gutter--medium)}}@media (min-width: 61.9375rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--large);--digi--layout-container--gutter:var(--digi--container-gutter--large)}}@media (min-width: 75rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--larger);--digi--layout-container--gutter:var(--digi--container-gutter--larger)}}@media (min-width: 87.5rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--largest);--digi--layout-container--gutter:var(--digi--container-gutter--largest)}.sc-digi-layout-container-h .digi-layout-container--max-width-1200.sc-digi-layout-container{--digi--layout-container--width:var(--digi--global--size--larger)}}.sc-digi-layout-container-h .digi-layout-container--fluid.sc-digi-layout-container{--digi--layout-container--width:none !important}.sc-digi-layout-container-h .digi-layout-container--no-gutter.sc-digi-layout-container{--digi--layout-container--gutter:0}.sc-digi-layout-container-h .digi-layout-container--vertical-padding.sc-digi-layout-container{--digi--layout-container--vertical-padding:var(--digi--padding--large)}.sc-digi-layout-container-h .digi-layout-container--margin-top.sc-digi-layout-container{--digi--layout-container--margin-top:var(--digi--margin--large)}.sc-digi-layout-container-h .digi-layout-container--margin-bottom.sc-digi-layout-container{--digi--layout-container--margin-bottom:var(--digi--margin--large)}";
-const DigiLayoutContainerStyle0 = layoutContainerCss;
-
-const LayoutContainer = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this._variation = LayoutContainerVariation.STATIC;
-        this.afVariation = LayoutContainerVariation.STATIC;
-        this.afMaxWidth = LayoutContainerMaxWidth.WIDTH_1400;
-        this.afNoGutter = undefined;
-        this.afVerticalPadding = undefined;
-        this.afMarginTop = undefined;
-        this.afMarginBottom = undefined;
-    }
-    variationChangeHandler() {
-        this._variation = this.afVariation;
-    }
-    componentWillLoad() {
-        this.variationChangeHandler();
-    }
-    get cssModifiers() {
-        if (this._variation === LayoutContainerVariation.NONE) {
-            return {};
-        }
-        return {
-            'digi-layout-container': true,
-            'digi-layout-container--static': this._variation === LayoutContainerVariation.STATIC,
-            'digi-layout-container--fluid': this._variation === LayoutContainerVariation.FLUID,
-            'digi-layout-container--max-width-1200': this.afMaxWidth === LayoutContainerMaxWidth.WIDTH_1200,
-            'digi-layout-container--no-gutter': this.afNoGutter,
-            'digi-layout-container--vertical-padding': this.afVerticalPadding,
-            'digi-layout-container--margin-top': this.afMarginTop,
-            'digi-layout-container--margin-bottom': this.afMarginBottom
-        };
-    }
-    render() {
-        return (h("div", { key: '725053a8cc39249a0415ba129daf1fc150139a9f', class: Object.assign({}, this.cssModifiers) }, h("slot", { key: 'c3caff08c7d1df60901d81abc5bbfb7bf9005ef7' })));
-    }
-    static get watchers() { return {
-        "afVariation": ["variationChangeHandler"]
-    }; }
-};
-LayoutContainer.style = DigiLayoutContainerStyle0;
-
-export { LayoutBlock as digi_layout_block, LayoutContainer as digi_layout_container };

package/dist/esm/digi-media-image_2.entry.js

@@ -1,162 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-148a7577.js';
-
-const mediaImageCss = ".digi-media-image.sc-digi-media-image{position:relative;display:inline-flex;max-width:100%;height:0px}.digi-media-image.digi-media-image--aspect-ratio.sc-digi-media-image{width:var(--digi--media-image--width);height:unset}.digi-media-image.digi-media-image--loaded.sc-digi-media-image{height:unset}.digi-media-image.digi-media-image--fullwidth.sc-digi-media-image{width:100%}.digi-media-image.digi-media-image--unlazy.sc-digi-media-image:not(.digi-media-image--aspect-ratio){height:unset}.digi-media-image--aspect-ratio.sc-digi-media-image .digi-media-image__observer.sc-digi-media-image{position:absolute;top:0;left:0;height:100%}.digi-media-image__padded-box.sc-digi-media-image{display:inline-block;padding-top:var(--digi--media-image--padded-box, 0);height:0}.digi-media-image__image.sc-digi-media-image{max-width:100%;height:auto;opacity:0.06;filter:saturate(0);transition:opacity 0.2s, filter 0.4s}.digi-media-image--loaded.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{opacity:1;filter:saturate(1)}.digi-media-image--unlazy.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{transition:none;opacity:1;filter:none}.digi-media-image--fullwidth.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{width:100%}.digi-media-image--aspect-ratio.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{position:absolute;top:0;left:0;width:100%;height:100%}";
-const DigiMediaImageStyle0 = mediaImageCss;
-
-const MediaImage = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afOnLoad = createEvent(this, "afOnLoad", 7);
-        this.isPlaceholderLoaded = false;
-        this.hasSetSrc = false;
-        this.hasAspectRatio = false;
-        this.paddedBoxPadding = '0%';
-        this.isLoaded = false;
-        this.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=';
-        this.srcset = undefined;
-        this.afObserverOptions = {
-            rootMargin: '200px',
-            threshold: 0
-        };
-        this.afSrc = undefined;
-        this.afSrcset = undefined;
-        this.afAlt = undefined;
-        this.afTitle = undefined;
-        this.afAriaLabel = undefined;
-        this.afWidth = undefined;
-        this.afHeight = undefined;
-        this.afFullwidth = undefined;
-        this.afUnlazy = false;
-    }
-    srcChangeHandler() {
-        this.setImageSrc();
-    }
-    connectedCallback() {
-        if (this.afUnlazy) {
-            this.setImageSrc();
-        }
-        // Add padded box to wrapper if width and height props exists
-        if (this.afWidth && this.afHeight) {
-            this.hasAspectRatio = true;
-            this.setPaddedBox();
-        }
-    }
-    setImageSrc() {
-        this.src = this.afSrc;
-        this.srcset = this.afSrcset;
-        this.hasSetSrc = true;
-    }
-    setPaddedBox() {
-        this.paddedBoxPadding =
-            (parseInt(this.afHeight, 10) / parseInt(this.afWidth, 10)) * 100 + '%';
-    }
-    intersectHandler() {
-        if (this.afUnlazy) {
-            return;
-        }
-        this.setImageSrc();
-    }
-    loadHandler(e) {
-        if (this.afUnlazy) {
-            return;
-        }
-        if (this.isPlaceholderLoaded) {
-            this.isLoaded = true;
-            this.afOnLoad.emit(e);
-            return;
-        }
-        this.isPlaceholderLoaded = true;
-    }
-    get cssModifiers() {
-        return {
-            'digi-media-image--unlazy': this.afUnlazy,
-            'digi-media-image--loaded': this.isLoaded,
-            'digi-media-image--aspect-ratio': this.hasAspectRatio,
-            'digi-media-image--fullwidth': this.afFullwidth
-        };
-    }
-    get cssInlineStyles() {
-        return {
-            '--digi--media-image--padded-box': this.paddedBoxPadding
-        };
-    }
-    render() {
-        return (h("host", { key: 'd73ca369f146ceee58517820156c254eb0fdb0d3' }, h("div", { key: '93419395e2c892dd7a727314d9969cfa4b486142', class: Object.assign({ 'digi-media-image': true }, this.cssModifiers), style: {
-                '--digi--media-image--width': this.afWidth
-                    ? `${this.afWidth}px`
-                    : null
-            } }, h("digi-util-intersection-observer", { key: '1ef7fbf526107cd283b77eafdc6dae8d01b925c5', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (h("div", { key: '265b145a1c4adbd92945f0f7ea5c245a315a2d69', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), h("img", { key: 'ecf7aef38f9a7f6a3a49b446c6ff229736a9dc36', class: "digi-media-image__image", onLoad: (e) => this.loadHandler(e), src: this.src, alt: this.afAlt, "aria-label": this.afAriaLabel, height: this.afHeight, srcset: this.srcset, title: this.afTitle, width: this.afWidth, loading: this.afUnlazy ? 'eager' : 'lazy' }))));
-    }
-    static get watchers() { return {
-        "afSrc": ["srcChangeHandler"]
-    }; }
-};
-MediaImage.style = DigiMediaImageStyle0;
-
-const UtilIntersectionObserver = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afOnChange = createEvent(this, "afOnChange", 7);
-        this.afOnIntersect = createEvent(this, "afOnIntersect", 7);
-        this.afOnUnintersect = createEvent(this, "afOnUnintersect", 7);
-        this._observer = null;
-        this._hasIntersected = false;
-        this._isObserving = false;
-        this.afOnce = false;
-        this.afOptions = {
-            rootMargin: '0px',
-            threshold: 0
-        };
-    }
-    afOptionsWatcher(newValue) {
-        this._afOptions =
-            typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
-    }
-    componentWillLoad() {
-        this.afOptionsWatcher(this.afOptions);
-        this.initObserver();
-    }
-    disconnectedCallback() {
-        if (this._isObserving) {
-            this.removeObserver();
-        }
-    }
-    initObserver() {
-        this._observer = new IntersectionObserver(([entry]) => {
-            if (entry && entry.isIntersecting) {
-                this.intersectionHandler();
-                if (this.afOnce) {
-                    this.removeObserver();
-                }
-            }
-            else if (entry && this._hasIntersected) {
-                this.unintersectionHandler();
-            }
-        }, this._afOptions);
-        this._observer.observe(this.$el);
-        this._isObserving = true;
-    }
-    removeObserver() {
-        this._observer.disconnect();
-        this._isObserving = false;
-    }
-    intersectionHandler() {
-        this.afOnChange.emit(true);
-        this.afOnIntersect.emit();
-        this._hasIntersected = true;
-    }
-    unintersectionHandler() {
-        this.afOnChange.emit(false);
-        this.afOnUnintersect.emit();
-        this._hasIntersected = false;
-    }
-    render() {
-        return h("slot", { key: '4d011168ecb730b4ab3e78df5781f0577b614ebb' });
-    }
-    get $el() { return getElement(this); }
-    static get watchers() { return {
-        "afOptions": ["afOptionsWatcher"]
-    }; }
-};
-
-export { MediaImage as digi_media_image, UtilIntersectionObserver as digi_util_intersection_observer };

package/dist/esm/digi-navigation-sidebar-button.entry.js

@@ -1,26 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-148a7577.js';
-import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-
-const navigationSidebarButtonCss = ".sc-digi-navigation-sidebar-button-h{--digi--navigation-sidebar-button--display:inline-flex}.sc-digi-navigation-sidebar-button-h .digi-navigation-sidebar-button.sc-digi-navigation-sidebar-button{display:var(--digi--navigation-sidebar-button--display)}";
-const DigiNavigationSidebarButtonStyle0 = navigationSidebarButtonCss;
-
-const NavigationSidebarButton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afOnToggle = createEvent(this, "afOnToggle", 7);
-        this.isActive = false;
-        this.afText = undefined;
-        this.afAriaLabel = undefined;
-        this.afId = randomIdGenerator('digi-navigation-sidebar-button');
-    }
-    toggleHandler() {
-        this.isActive = !this.isActive;
-        this.afOnToggle.emit(this.isActive);
-    }
-    render() {
-        return (h("digi-button", { key: '1c7692b9ac711d9dc05a0eb4166dc1d301fe08e8', id: this.afId, class: "digi-navigation-sidebar-button", "af-variation": "function", "af-aria-label": this.afAriaLabel, onClick: () => this.toggleHandler() }, this.afText, h("digi-icon-bars", { key: '1d3b9f381d2c90cf25a7c7d7a9f394f617575be7', slot: "icon" })));
-    }
-};
-NavigationSidebarButton.style = DigiNavigationSidebarButtonStyle0;
-
-export { NavigationSidebarButton as digi_navigation_sidebar_button };