@designsystem-se/af 35.0.1 → 35.1.0

package/dist/esm/digi-typography-heading-jumbo.entry.js

@@ -1,34 +0,0 @@
-import { r as registerInstance, h } from './index-bfea2cc5.js';
-import { T as TypographyHeadingJumboLevel, a as TypographyHeadingJumboVariation } from './typography-heading-jumbo-variation.enum-eb737f1b.js';
-
-const typographyHeadingJumboCss = ".sc-digi-typography-heading-jumbo-h{display:block}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{font-size:var(--digi--typography--heading-jumbo--font-size--desktop);font-family:var(--digi--global--typography--font-family--default);color:var(--digi--color--text--primary);font-weight:var(--digi--typography--heading-jumbo--font-weight--desktop)}@media (min-width: 61.9375rem){.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{font-size:var(--digi--typography--heading-jumbo--font-size--desktop-large)}}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo--secondary.sc-digi-typography-heading-jumbo{color:var(--digi--grayscale--0)}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo::after{content:\"\";width:11.875rem;height:0.4375rem;background:var(--digi--color--border--accent--primary);display:block;margin-top:var(--digi--padding--small)}@media (min-width: 61.9375rem){.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo::after{width:13.75rem;margin-top:var(--digi--margin--h2-large);height:0.625rem}}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo--secondary.sc-digi-typography-heading-jumbo::after{background:var(--digi--color--border--accent--secondary)}digi-typography .sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{margin-bottom:var(--digi--margin--medium)}";
-const DigiTypographyHeadingJumboStyle0 = typographyHeadingJumboCss;
-
-const TypographyHeadingJumbo = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afText = '';
-        this.afVariation = undefined;
-        this.afLevel = TypographyHeadingJumboLevel.H1;
-        this.afLang = 'sv';
-    }
-    /**
-     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
-     * @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
-     */
-    focusOnHeading() {
-        this.headingElement.focus();
-    }
-    get cssModifiers() {
-        return {
-            'digi-typography-heading-jumbo--primary': this.afVariation === TypographyHeadingJumboVariation.PRIMARY,
-            'digi-typography-heading-jumbo--secondary': this.afVariation === TypographyHeadingJumboVariation.SECONDARY
-        };
-    }
-    render() {
-        return (h(this.afLevel, { key: 'def5efef7bab80df7a371eb00cf9bd5bc3cc73e1', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
-    }
-};
-TypographyHeadingJumbo.style = DigiTypographyHeadingJumboStyle0;
-
-export { TypographyHeadingJumbo as digi_typography_heading_jumbo };

package/dist/esm/digi-typography-preamble.entry.js

@@ -1,16 +0,0 @@
-import { r as registerInstance, h } from './index-bfea2cc5.js';
-
-const typographyPreambleCss = ".sc-digi-typography-preamble-h .digi-typography-preamble.sc-digi-typography-preamble{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--preamble--font-size--mobile);font-weight:var(--digi--typography--preamble--font-weight--desktop);line-height:var(--digi--typography--preamble--line-height--mobile);color:var(--digi--color--text--primary);max-width:var(--digi--paragraph-width--medium)}@media (min-width: 61.9375rem){.sc-digi-typography-preamble-h .digi-typography-preamble.sc-digi-typography-preamble{font-size:var(--digi--typography--preamble--font-size--desktop);line-height:var(--digi--typography--preamble--line-height--desktop)}}";
-const DigiTypographyPreambleStyle0 = typographyPreambleCss;
-
-const TypographyPreamble = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("p", { key: 'eb1c8dc2c62957198905635e3ed5db049083fffe', class: "digi-typography-preamble" }, h("slot", { key: '4260930021c7fe3b0ecc848f9e233b1537959083' })));
-    }
-};
-TypographyPreamble.style = DigiTypographyPreambleStyle0;
-
-export { TypographyPreamble as digi_typography_preamble };

package/dist/esm/digi-util-breakpoint-observer.entry.js

@@ -1,44 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-bfea2cc5.js';
-import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-6d004731.js';
-
-const utilBreakpointObserverCss = ".sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer.sc-digi-util-breakpoint-observer{--SMALL:small;--MEDIUM:medium;--LARGE:large;--XLARGE:xlarge}.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--SMALL);border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;pointer-events:none;transition:transform 0.01s;transform:rotate(0deg)}@media (min-width: 48rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--MEDIUM);transform:rotate(10deg)}}@media (min-width: 61.9375rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--LARGE);transform:rotate(20deg)}}@media (min-width: 75rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--XLARGE);transform:rotate(30deg)}}";
-const DigiUtilBreakpointObserverStyle0 = utilBreakpointObserverCss;
-
-const UtilBreakpointObserver = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afOnChange = createEvent(this, "afOnChange", 7);
-        this.afOnSmall = createEvent(this, "afOnSmall", 7);
-        this.afOnMedium = createEvent(this, "afOnMedium", 7);
-        this.afOnLarge = createEvent(this, "afOnLarge", 7);
-        this.afOnXLarge = createEvent(this, "afOnXLarge", 7);
-    }
-    componentDidLoad() {
-        this.handleBreakpoint();
-    }
-    handleBreakpoint(e) {
-        const observerCSSVariables = window.getComputedStyle(this._observer);
-        const value = observerCSSVariables.getPropertyValue('--digi--util-breakpoint-observer--breakpoint');
-        this.afOnChange.emit({ value, e });
-        switch (value) {
-            case UtilBreakpointObserverBreakpoints.SMALL:
-                this.afOnSmall.emit({ value, e });
-                break;
-            case UtilBreakpointObserverBreakpoints.MEDIUM:
-                this.afOnMedium.emit({ value, e });
-                break;
-            case UtilBreakpointObserverBreakpoints.LARGE:
-                this.afOnLarge.emit({ value, e });
-                break;
-            case UtilBreakpointObserverBreakpoints.XLARGE:
-                this.afOnXLarge.emit({ value, e });
-        }
-    }
-    render() {
-        return (h(Host, { key: '4424bda29d60cd0145cd444840492784458bc036' }, h("div", { key: 'aac9dad240a4d6c13cb1ccbdb9a726e61aaad1cb', class: "digi-util-breakpoint-observer" }, h("div", { key: 'b5afcb0f0f82052411fa6f625e55d486867593ea', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '543d436c99ddf2c56f85bcb452f0d9f7f8f2e44a' }))));
-    }
-    get hostElement() { return getElement(this); }
-};
-UtilBreakpointObserver.style = DigiUtilBreakpointObserverStyle0;
-
-export { UtilBreakpointObserver as digi_util_breakpoint_observer };

package/dist/esm/digi-util-keydown-handler.entry.js

@@ -1,79 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-bfea2cc5.js';
-import { K as KEY_CODE, k as keyboardHandler } from './keyboardHandler.util-383c0054.js';
-
-const UtilKeydownHandler = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afOnEsc = createEvent(this, "afOnEsc", 7);
-        this.afOnEnter = createEvent(this, "afOnEnter", 7);
-        this.afOnTab = createEvent(this, "afOnTab", 7);
-        this.afOnSpace = createEvent(this, "afOnSpace", 7);
-        this.afOnShiftTab = createEvent(this, "afOnShiftTab", 7);
-        this.afOnUp = createEvent(this, "afOnUp", 7);
-        this.afOnDown = createEvent(this, "afOnDown", 7);
-        this.afOnLeft = createEvent(this, "afOnLeft", 7);
-        this.afOnRight = createEvent(this, "afOnRight", 7);
-        this.afOnHome = createEvent(this, "afOnHome", 7);
-        this.afOnEnd = createEvent(this, "afOnEnd", 7);
-        this.afOnKeyDown = createEvent(this, "afOnKeyDown", 7);
-    }
-    keydownHandler(e) {
-        const key = keyboardHandler(e);
-        switch (key) {
-            case KEY_CODE.SHIFT_TAB:
-                this.afOnShiftTab.emit(e);
-                break;
-            case KEY_CODE.DOWN_ARROW:
-                this.afOnDown.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case KEY_CODE.UP_ARROW:
-                this.afOnUp.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case KEY_CODE.LEFT_ARROW:
-                this.afOnLeft.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case KEY_CODE.RIGHT_ARROW:
-                this.afOnRight.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case KEY_CODE.ENTER:
-                this.afOnEnter.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case KEY_CODE.ESCAPE:
-                this.afOnEsc.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case KEY_CODE.TAB:
-                this.afOnTab.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case KEY_CODE.SPACE:
-                this.afOnSpace.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case KEY_CODE.HOME:
-                this.afOnHome.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case KEY_CODE.END:
-                this.afOnEnd.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case KEY_CODE.ANY:
-                this.afOnKeyDown.emit(e);
-                break;
-            default:
-                this.afOnKeyDown.emit(e);
-                return;
-        }
-    }
-    render() {
-        return h("slot", { key: 'd7f48cfd9a71e8e14b457f93ffd79f0d17becf37' });
-    }
-};
-
-export { UtilKeydownHandler as digi_util_keydown_handler };

package/dist/esm/layout-container-max-width.enum-c40018ac.js

@@ -1,21 +0,0 @@
-var LayoutBlockContainer;
-(function (LayoutBlockContainer) {
-    LayoutBlockContainer["STATIC"] = "static";
-    LayoutBlockContainer["FLUID"] = "fluid";
-    LayoutBlockContainer["NONE"] = "none";
-})(LayoutBlockContainer || (LayoutBlockContainer = {}));
-
-var LayoutContainerVariation;
-(function (LayoutContainerVariation) {
-    LayoutContainerVariation["STATIC"] = "static";
-    LayoutContainerVariation["FLUID"] = "fluid";
-    LayoutContainerVariation["NONE"] = "none";
-})(LayoutContainerVariation || (LayoutContainerVariation = {}));
-
-var LayoutContainerMaxWidth;
-(function (LayoutContainerMaxWidth) {
-    LayoutContainerMaxWidth["WIDTH_1200"] = "1200";
-    LayoutContainerMaxWidth["WIDTH_1400"] = "1400";
-})(LayoutContainerMaxWidth || (LayoutContainerMaxWidth = {}));
-
-export { LayoutBlockContainer as L, LayoutContainerVariation as a, LayoutContainerMaxWidth as b };

package/dist/esm/layout-media-object-alignment.enum-305b86b6.js

@@ -1,9 +0,0 @@
-var LayoutMediaObjectAlignment;
-(function (LayoutMediaObjectAlignment) {
-    LayoutMediaObjectAlignment["CENTER"] = "center";
-    LayoutMediaObjectAlignment["START"] = "start";
-    LayoutMediaObjectAlignment["END"] = "end";
-    LayoutMediaObjectAlignment["STRETCH"] = "stretch";
-})(LayoutMediaObjectAlignment || (LayoutMediaObjectAlignment = {}));
-
-export { LayoutMediaObjectAlignment as L };

package/dist/esm/logo-variation.enum-5b68b79f.js

@@ -1,13 +0,0 @@
-var LogoColor;
-(function (LogoColor) {
-    LogoColor["PRIMARY"] = "primary";
-    LogoColor["SECONDARY"] = "secondary";
-})(LogoColor || (LogoColor = {}));
-
-var LogoVariation;
-(function (LogoVariation) {
-    LogoVariation["SMALL"] = "small";
-    LogoVariation["LARGE"] = "large";
-})(LogoVariation || (LogoVariation = {}));
-
-export { LogoColor as L, LogoVariation as a };

package/dist/esm/typography-heading-jumbo-variation.enum-eb737f1b.js

@@ -1,17 +0,0 @@
-var TypographyHeadingJumboLevel;
-(function (TypographyHeadingJumboLevel) {
-    TypographyHeadingJumboLevel["H1"] = "h1";
-    TypographyHeadingJumboLevel["H2"] = "h2";
-    TypographyHeadingJumboLevel["H3"] = "h3";
-    TypographyHeadingJumboLevel["H4"] = "h4";
-    TypographyHeadingJumboLevel["H5"] = "h5";
-    TypographyHeadingJumboLevel["H6"] = "h6";
-})(TypographyHeadingJumboLevel || (TypographyHeadingJumboLevel = {}));
-
-var TypographyHeadingJumboVariation;
-(function (TypographyHeadingJumboVariation) {
-    TypographyHeadingJumboVariation["PRIMARY"] = "primary";
-    TypographyHeadingJumboVariation["SECONDARY"] = "secondary";
-})(TypographyHeadingJumboVariation || (TypographyHeadingJumboVariation = {}));
-
-export { TypographyHeadingJumboLevel as T, TypographyHeadingJumboVariation as a };

package/dist/types/components/_layout/layout-media-object/layout-media-object-alignment.enum.d.ts

@@ -1,6 +0,0 @@
-export declare enum LayoutMediaObjectAlignment {
-    CENTER = "center",
-    START = "start",
-    END = "end",
-    STRETCH = "stretch"
-}

package/dist/types/components/_layout/layout-media-object/layout-media-object.d.ts

@@ -1,22 +0,0 @@
-import { LayoutMediaObjectAlignment } from './layout-media-object-alignment.enum';
-/**
- * @private deprecated but is still used in other components. Remains available until we can safely remove it
- * @slot media - Bör innehålla någon sorts mediakompinent (t.ex. en bild eller en video).
- * @slot default - Kan innehålla vad som helst. Vanligen är det textinnehåll.
- * @deprecated Denna komponent kommer att tas bort i slutet av februari 2026.
- *
- * @enums LayoutMediaObjectAlignment - layout-media-object-alignment.enum.ts
- * @swedishName Medieobjekt
- */
-export declare class LayoutMediaObject {
-    /**
-     * Sätter justeringen av innehållet. Kan vara 'center', 'start', 'end' eller 'stretch'.
-     * @en Set alignment of the content. Can be 'center', 'start', 'end' or 'stretch'.
-     */
-    afAlignment: `${LayoutMediaObjectAlignment}`;
-    componentDidLoad(): void;
-    get cssModifiers(): {
-        [x: string]: boolean;
-    };
-    render(): any;
-}