@designsystem-se/af 39.2.1-beta.3 → 39.2.1-beta.4

package/dist/esm/digi-icon-videocamera-off.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-je-Yppuf.js';
+import { r as registerInstance, h } from './index-BnKuq1L7.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconVideocameraOffCss = () => `.sc-digi-icon-videocamera-off-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-videocamera-off-h svg.sc-digi-icon-videocamera-off{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)}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-je-Yppuf.js';
+import { r as registerInstance, h } from './index-BnKuq1L7.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconVideocameraCss = () => `.sc-digi-icon-videocamera-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-videocamera-h svg.sc-digi-icon-videocamera{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)}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-je-Yppuf.js';
+import { r as registerInstance, h } from './index-BnKuq1L7.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconVolumeCss = () => `.sc-digi-icon-volume-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-volume-h svg.sc-digi-icon-volume{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)}`;

package/dist/esm/digi-icon-web-tv.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-je-Yppuf.js';
+import { r as registerInstance, h } from './index-BnKuq1L7.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconWebTvCss = () => `.sc-digi-icon-web-tv-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-web-tv-h svg.sc-digi-icon-web-tv{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)}`;

package/dist/esm/digi-icon-wifi-signal0.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-je-Yppuf.js';
+import { r as registerInstance, h } from './index-BnKuq1L7.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconWifiSignal0Css = () => `.sc-digi-icon-wifi-signal0-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-wifi-signal0-h svg.sc-digi-icon-wifi-signal0{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)}`;

package/dist/esm/digi-icon-wifi-signal1.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-je-Yppuf.js';
+import { r as registerInstance, h } from './index-BnKuq1L7.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconWifiSignal1Css = () => `.sc-digi-icon-wifi-signal1-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-wifi-signal1-h svg.sc-digi-icon-wifi-signal1{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)}`;

package/dist/esm/digi-icon-wifi-signal2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-je-Yppuf.js';
+import { r as registerInstance, h } from './index-BnKuq1L7.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconWifiSignal2Css = () => `.sc-digi-icon-wifi-signal2-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-wifi-signal2-h svg.sc-digi-icon-wifi-signal2{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)}`;

package/dist/esm/digi-icon-wifi-signal3.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-je-Yppuf.js';
+import { r as registerInstance, h } from './index-BnKuq1L7.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconWifiSignal3Css = () => `.sc-digi-icon-wifi-signal3-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-wifi-signal3-h svg.sc-digi-icon-wifi-signal3{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)}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-je-Yppuf.js';
+import { r as registerInstance, h } from './index-BnKuq1L7.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconWindowCss = () => `.sc-digi-icon-window-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-window-h svg.sc-digi-icon-window{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)}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-je-Yppuf.js';
+import { r as registerInstance, h } from './index-BnKuq1L7.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconXButtonCss = () => `.sc-digi-icon-x-button-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-button-h svg.sc-digi-icon-x-button{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)}`;

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

@@ -0,0 +1,26 @@
+import { r as registerInstance, h } from './index-BnKuq1L7.js';
+import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.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 IconX = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
+        this.afSvgAriaHidden = true;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: '0b80e24c3325440f7b556a986fdad1767a600967', 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: '50dbbbc37ac3de491d76c294b8894cf48e71ecd1', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '42238be205f961054edd5ec7a179235aac6c21ec' }, this.afDesc), h("g", { key: '9204703f40a5373da72a9f1b802bd92667a22999', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, h("path", { key: '16d3aabd4555481407e87d4dbc0d9f25516d60b7', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
+    }
+};
+IconX.style = iconXCss();
+
+export { IconX as digi_icon_x };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-je-Yppuf.js';
+import { r as registerInstance, h } from './index-BnKuq1L7.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconYoutubeCss = () => `.sc-digi-icon-youtube-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-youtube-h svg.sc-digi-icon-youtube{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)}`;

package/dist/esm/digi-info-card-multi-container.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h } from './index-BnKuq1L7.js';
+
+const infoCardMultiContainerCss = () => `.sc-digi-info-card-multi-container-h .digi-info-card-multi-container__heading.sc-digi-info-card-multi-container{font-size:var(--digi--typography--heading-2--font-size--desktop);font-weight:var(--digi--typography--heading-2--font-weight--desktop);font-family:var(--digi--global--typography--font-family--default);line-height:var(--digi--typography--heading-2--line-height--desktop)}@media (min-width: 61.9375rem){.sc-digi-info-card-multi-container-h .digi-info-card-multi-container__heading.sc-digi-info-card-multi-container{font-size:var(--digi--typography--heading-2--font-size--desktop-large);font-weight:var(--digi--typography--heading-2--font-weight--desktop-large);line-height:var(--digi--typography--heading-2--line-height--desktop-large)}}.sc-digi-info-card-multi-container-h .digi-info-card-multi-container__content.sc-digi-info-card-multi-container{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fit, minmax(365px, 1fr))}`;
+
+const InfoCardMultiContainer = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h("div", { key: '88032692d4c99e19fcca1f3d74fcf082e087d9ea', class: "digi-info-card-multi-container" }, this.afHeading && this.afHeadingLevel && (h(this.afHeadingLevel, { key: 'a3a0d067711fd18294041884a0f00fd7bc6fa5e0', class: "digi-info-card-multi-container__heading" }, this.afHeading)), h("digi-layout-columns", { key: '26c5ef1fb4ccf832449252adb49035c025873f99', "af-variation": "three" }, h("slot", { key: 'e7a1d1b1d48b003024830d3e24ba3345c25291a8' }))));
+    }
+};
+InfoCardMultiContainer.style = infoCardMultiContainerCss();
+
+export { InfoCardMultiContainer as digi_info_card_multi_container };

package/dist/esm/digi-info-card-multi.entry.js

@@ -0,0 +1,58 @@
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BnKuq1L7.js';
+import { I as InfoCardMultiType } from './info-card-multi-type.enum-CkIb3cUS.js';
+import { l as logger } from './logger.util-DdB9j8uV.js';
+import { T as TagMediaIcon } from './tag-media-icon.enum-BvcVTm_t.js';
+
+const infoCardMultiCss = () => `.sc-digi-info-card-multi-h{--digi--info-card-multi--color--heading:var(--digi--color--text--primary);--digi--info-card-multi--color--heading--link:var(--digi--color--text--interactive--primary);--digi--info-card-multi--border:var(--digi--border-width--complementary-2) solid var(--digi--color--border--accent--primary);--digi--info-card-multi--padding--image:var(--digi--padding--medium) var(--digi--padding--medium) var(--digi--padding--large) var(--digi--padding--medium);--digi--info-card-multi--padding--image--desktop:var(--digi--padding--medium) var(--digi--padding--medium) var(--digi--padding--large) var(--digi--padding--medium);--digi--info-card-multi--padding--text:var(--digi--padding--medium) var(--digi--padding--medium) var(--digi--padding--large) var(--digi--padding--medium);--digi--info-card-multi--padding--text--desktop:var(--digi--padding--medium) var(--digi--padding--medium) var(--digi--padding--large) var(--digi--padding--medium);--digi--info-card-multi--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--info-card-multi--media-heading--font-size--mobile:var(--digi--typography--heading-3--font-size--mobile);--digi--info-card-multi--media-heading--font-size--desktop:var(--digi--typography--heading-3--font-size--desktop);--digi--info-card-multi--related-heading--font-size--mobile:var(--digi--typography--heading-3--font-size--mobile);--digi--info-card-multi--related-heading--font-size--desktop:var(--digi--typography--heading-3--font-size--desktop);--digi--info-card-multi--entry-heading--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--info-card-multi--entry-heading--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--digi--info-card--background-color:var(--digi--color--background--primary)}.sc-digi-info-card-multi-h .digi-info-card-multi.sc-digi-info-card-multi{box-sizing:border-box;background-color:var(--BACKGROUND-COLOR);height:100%;display:grid}.sc-digi-info-card-multi-h .digi-info-card-multi--media.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--media-heading--font-size--mobile);--COLOR--HEADING:var(--digi--info-card-multi--color--heading);--PADDING:var(--digi--info-card-multi--padding--image);--MARGIN-TOP:var(--digi--margin--medium);--BACKGROUND-COLOR:var(--digi--info-card--background-color)}@media (min-width: 61.9375rem){.sc-digi-info-card-multi-h .digi-info-card-multi--media.sc-digi-info-card-multi{--PADDING:var(--digi--info-card-multi--padding--image--desktop);--FONT-SIZE--HEADING:var(--digi--info-card-multi--media-heading--font-size--desktop)}}.sc-digi-info-card-multi-h .digi-info-card-multi--related.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--related-heading--font-size--mobile);--COLOR--HEADING:var(--digi--info-card-multi--color--heading);--PADDING:var(--digi--info-card-multi--padding--text);--MARGIN-TOP:var(--digi--margin--medium);--BACKGROUND-COLOR:var(--digi--info-card--background-color)}@media (min-width: 61.9375rem){.sc-digi-info-card-multi-h .digi-info-card-multi--related.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--related-heading--font-size--desktop);--PADDING:var(--digi--info-card-multi--padding--text--desktop)}}.sc-digi-info-card-multi-h .digi-info-card-multi--related.sc-digi-info-card-multi{border-top:var(--digi--info-card-multi--border)}.sc-digi-info-card-multi-h .digi-info-card-multi--entry.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--entry-heading--font-size--mobile);--COLOR--HEADING:var(--digi--info-card-multi--color--heading);--PADDING:var(--digi--info-card-multi--padding--text);--MARGIN-TOP:var(--digi--margin--medium);--BACKGROUND-COLOR:var(--digi--info-card--background-color)}@media (min-width: 61.9375rem){.sc-digi-info-card-multi-h .digi-info-card-multi--entry.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--entry-heading--font-size--desktop);--PADDING:var(--digi--info-card-multi--padding--text--desktop)}}.sc-digi-info-card-multi-h .digi-info-card-multi__image.sc-digi-info-card-multi{position:relative}.sc-digi-info-card-multi-h .digi-info-card-multi__tag.sc-digi-info-card-multi{position:absolute;z-index:1;left:1rem;bottom:0.5rem}.sc-digi-info-card-multi-h .digi-info-card-multi__content.sc-digi-info-card-multi{grid-column:1;grid-row:1}.sc-digi-info-card-multi-h .digi-info-card-multi__text.sc-digi-info-card-multi{padding:var(--PADDING)}.sc-digi-info-card-multi-h .digi-info-card-multi__heading.sc-digi-info-card-multi{font-size:var(--FONT-SIZE--HEADING);color:var(--COLOR--HEADING);font-family:var(--digi--global--typography--font-family--default);font-weight:var(--digi--info-card-multi--heading--font-weight);display:inline-block;margin-top:0;margin-bottom:0.5rem}.sc-digi-info-card-multi-h .digi-info-card-multi--active-link.sc-digi-info-card-multi .digi-info-card-multi__heading.sc-digi-info-card-multi{text-decoration:underline}.sc-digi-info-card-multi-h .digi-info-card-multi__link.sc-digi-info-card-multi{margin-top:0;display:block;font-size:inherit;line-height:inherit;font-weight:inherit}.sc-digi-info-card-multi-h .digi-info-card-multi__link-overlay.sc-digi-info-card-multi{grid-column:1;grid-row:1;opacity:0}.sc-digi-info-card-multi-h .digi-info-card-multi--hide-visited.sc-digi-info-card-multi .digi-info-card-multi__heading.sc-digi-info-card-multi .digi-info-card-multi__link.sc-digi-info-card-multi:visited{color:var(--digi--info-card-multi--color--heading--link)}.sc-digi-info-card-multi-s .digi-media-image{display:block !important}.sc-digi-info-card-multi-s img{display:block !important}`;
+
+const InfoCardMulti = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afOnClickLink = createEvent(this, "afOnClickLink", 7);
+        /**
+         * Sätter ikon för taggen
+         * @en set icon for tag
+         */
+        this.afTagIcon = TagMediaIcon.NEWS;
+        /**
+         * Sätter typ. Kan vara 'media' eller 'text'.
+         * @en Set info card variation. Can be 'media' or 'text'.
+         */
+        this.afType = InfoCardMultiType.MEDIA;
+        this.activeLink = false;
+    }
+    componentWillLoad() {
+        this.validateHeading();
+    }
+    validateHeading() {
+        if (!this.afHeading || !this.afHeadingLevel) {
+            logger.warn(`digi-info-card must have a heading and a heading level. Please add af-heading and af-heading-level`, this.hostElement);
+        }
+    }
+    clickLinkHandler(e) {
+        this.afOnClickLink.emit(e);
+    }
+    get cssModifiers() {
+        return {
+            'digi-info-card-multi--media': this.afType === InfoCardMultiType.MEDIA,
+            'digi-info-card-multi--related': this.afType === InfoCardMultiType.RELATED,
+            'digi-info-card-multi--entry': this.afType === InfoCardMultiType.ENTRY,
+            'digi-info-card-multi--hide-visited': this.hideVisitedColor
+        };
+    }
+    render() {
+        return (h(Host, { key: '0647bb6d63fe553159888b854de598b299c1f78c' }, h("div", { key: '85d10e90476bbfda5a1830f2cfe6bef6e13cac56', class: Object.assign({ 'digi-info-card-multi': true }, this.cssModifiers) }, h("div", { key: 'b0f4e5f689c42975c5a6bf4b0ef76123212f15ec', class: "digi-info-card-multi__content" }, this.afType == InfoCardMultiType.MEDIA && (h("div", { key: '862d32ccc0c001c46b01ced4cd8e8ab24150ba93', class: "digi-info-card-multi__image" }, h("digi-media-image", { key: '4a1fb10cb0a162b6175c2706892742fc874f94f0', afUnlazy: true, afFullwidth: true, "af-src": this.afSrc, afAlt: this.afAlt }, h("div", { key: '21b94011384fcae7f57b8a7310eaf4b0d2c8534a', class: "digi-info-card-multi__tag" }, h("digi-tag-media", { key: '2afbabb7efd6d450e76087c45f817e1964be0d85', "af-icon": this.afTagIcon, afText: this.afTagText }))))), h("div", { key: 'a6caf5af535823d23d0a5f78fc656b3074f0f24e', class: "digi-info-card-multi__text" }, h(this.afHeadingLevel, { key: 'da8bc48fcd31dbf6c2dca7d67918b69b1989a02b', class: "digi-info-card-multi__heading" }, h("a", { key: '84c99fe27dde65fa08dde674fdd535a9a8751e82', class: "digi-info-card-multi__link", href: this.afLinkHref, onMouseEnter: () => (this.activeLink = true), onFocus: () => (this.activeLink = true), onMouseLeave: () => (this.activeLink = false), onBlur: () => (this.activeLink = false), onClick: (e) => this.clickLinkHandler(e) }, this.afHeading)), h("digi-typography", { key: 'fe25b0b6fc4ba7ab20d9293a65ece443d4d8d1dd' }, h("slot", { key: '31245049b54339c8d20eff09ae0c2080ef72afcb' })))))));
+    }
+    get hostElement() { return getElement(this); }
+    static get watchers() { return {
+        "afHeading": [{
+                "validateHeading": 0
+            }],
+        "afHeadingLevel": [{
+                "validateHeading": 0
+            }]
+    }; }
+};
+InfoCardMulti.style = infoCardMultiCss();
+
+export { InfoCardMulti as digi_info_card_multi };

package/dist/esm/digi-info-card.entry.js

@@ -0,0 +1,88 @@
+import { r as registerInstance, c as createEvent, h, d as getElement } from './index-BnKuq1L7.js';
+import { b as InfoCardType, a as InfoCardSize, I as InfoCardBorderPosition, c as InfoCardVariation } from './info-card-variation.enum-_ycZeBN4.js';
+import { l as logger } from './logger.util-DdB9j8uV.js';
+
+const infoCardCss = () => `.sc-digi-info-card-h{--digi--info-card--background-color--primary:var(--digi--color--background--pop-out);--digi--info-card--background-color--secondary:var(--digi--color--background--secondary);--digi--info-card--background-color--related:var(--digi--color--background--primary);--digi--info-card--color--heading:var(--digi--color--text--primary);--digi--info-card--color--heading--multi:var(--digi--color--text--interactive--primary);--digi--info-card--border:var(--digi--border-width--complementary-2) solid var(--digi--color--border--accent--primary);--digi--info-card--padding:var(--digi--padding--large) var(--digi--padding--medium) var(--digi--padding--largest) var(--digi--padding--medium);--digi--info-card--padding--desktop:var(--digi--padding--largest-2) var(--digi--padding--largest) var(--digi--padding--largest-3) var(--digi--padding--largest);--digi--info-card--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--info-card--heading--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--info-card--heading--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--BACKGROUND-COLOR:var(--digi--info-card--background-color--single)}.sc-digi-info-card-h .digi-info-card.sc-digi-info-card{background-color:var(--BACKGROUND-COLOR);height:100%;display:grid;position:relative}.sc-digi-info-card-h .digi-info-card--primary.sc-digi-info-card{--BACKGROUND-COLOR:var(--digi--info-card--background-color--primary)}.sc-digi-info-card-h .digi-info-card--tip.sc-digi-info-card{--COLOR--HEADING:var(--digi--info-card--color--heading);--PADDING:var(--digi--info-card--padding);--MARGIN-TOP:var(--digi--margin--medium)}@media (min-width: 48rem){.sc-digi-info-card-h .digi-info-card--tip.sc-digi-info-card{--PADDING:var(--digi--info-card--padding--desktop)}}.sc-digi-info-card-h .digi-info-card--related.sc-digi-info-card{--BACKGROUND-COLOR:var(--digi--info-card--background-color--related);--COLOR--HEADING:var(--digi--info-card--color--heading);--PADDING:var(--digi--info-card--padding);--MARGIN-TOP:var(--digi--margin--medium)}@media (min-width: 48rem){.sc-digi-info-card-h .digi-info-card--related.sc-digi-info-card{--PADDING:var(--digi--info-card--padding--desktop)}}.sc-digi-info-card-h .digi-info-card--secondary.sc-digi-info-card{--BACKGROUND-COLOR:var(--digi--info-card--background-color--secondary)}.sc-digi-info-card-h .digi-info-card--border-top.sc-digi-info-card{border-top:var(--digi--info-card--border)}.sc-digi-info-card-h .digi-info-card--border-left.sc-digi-info-card{border-left:var(--digi--info-card--border)}.sc-digi-info-card-h .digi-info-card__content.sc-digi-info-card{grid-column:1;grid-row:1;padding:var(--PADDING)}.sc-digi-info-card-h .digi-info-card__icon.sc-digi-info-card{position:absolute;top:0;right:0;transform:translateY(-50%)}.sc-digi-info-card-h .digi-info-card__heading.sc-digi-info-card{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--info-card--heading--font-size--mobile);margin-top:0;margin-bottom:0.5rem;font-weight:var(--digi--info-card--heading--font-weight);display:block;color:var(--COLOR--HEADING)}@media (min-width: 48rem){.sc-digi-info-card-h .digi-info-card__heading.sc-digi-info-card{font-size:var(--digi--info-card--heading--font-size--desktop);margin-bottom:1rem}}.sc-digi-info-card-h .digi-info-card--active-link.sc-digi-info-card .digi-info-card__heading.sc-digi-info-card{text-decoration:underline}.sc-digi-info-card-h .digi-info-card__link.sc-digi-info-card{margin-top:var(--MARGIN-TOP);display:block;font-size:inherit;line-height:inherit;font-weight:inherit}.sc-digi-info-card-h .digi-info-card__link-overlay.sc-digi-info-card{grid-column:1;grid-row:1;opacity:0}`;
+
+const InfoCard = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afOnClickLink = createEvent(this, "afOnClickLink", 7);
+        /**
+         * Sätter typ. Kan vara 'tip' or 'related'.
+         * @en Set info card variation. Can be 'tip' or 'related'.
+         */
+        this.afType = InfoCardType.TIP;
+        /**
+         * Sätter storlek på kortet. Kan vara 'Standard'.
+         * @en Set info card size. Can be 'Standard'.
+         */
+        this.afSize = InfoCardSize.STANDARD;
+        /**
+         * Sätter position för kantlinjen. Kan vara 'top' eller 'left'. Detta har endast genomslag om 'af-type' är 'related'.
+         * @en Set border position. Can be 'top' or 'left'. This only applies if 'af-type' is 'related'.
+         */
+        this.afBorderPosition = InfoCardBorderPosition.TOP;
+        /**
+         * Sätter variant. Kan vara 'primary' eller 'secondary'. Detta har endast genomslag om 'af-type' är 'tip'.
+         * @en Set info card variation. Can be 'primary' or 'secondary'. This only applies if 'af-type' is 'tip'.
+         */
+        this.afVariation = InfoCardVariation.PRIMARY;
+        this.activeLink = false;
+        this.hasListIcon = false;
+    }
+    // get shouldRenderListIcon() {
+    // 	return true
+    // }
+    setHasListIcon() {
+        const List = this.hostElement.querySelector('digi-list');
+        if (List) {
+            this.hasListIcon = true;
+        }
+    }
+    componentWillLoad() {
+        this.validateHeading();
+        this.setHasListIcon();
+    }
+    validateHeading() {
+        if (!this.afHeading || !this.afHeadingLevel) {
+            logger.warn(`digi-info-card must have a heading and a heading level. Please add af-heading and af-heading-level`, this.hostElement);
+        }
+    }
+    clickLinkHandler(e) {
+        this.afOnClickLink.emit(e);
+    }
+    get shouldRenderInternalLink() {
+        return this.afType !== this.afLinkText && this.afLinkHref;
+    }
+    get cssModifiers() {
+        return {
+            'digi-info-card--primary': this.afVariation === InfoCardVariation.PRIMARY &&
+                this.afType === InfoCardType.TIP,
+            'digi-info-card--secondary': this.afVariation === InfoCardVariation.SECONDARY,
+            'digi-info-card--tip': this.afType === InfoCardType.TIP,
+            'digi-info-card--related': this.afType === InfoCardType.RELATED,
+            'digi-info-card--standard': this.afSize === InfoCardSize.STANDARD,
+            'digi-info-card--border-top': this.afBorderPosition === InfoCardBorderPosition.TOP &&
+                this.afType === InfoCardType.RELATED,
+            'digi-info-card--border-left': this.afBorderPosition === InfoCardBorderPosition.LEFT &&
+                this.afType === InfoCardType.RELATED,
+            'digi-info-card--active-link': this.activeLink === true
+        };
+    }
+    render() {
+        return (h("div", { key: 'fbdeac4da7aa22626349c61b243f10b6a4bd3d42', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, h("div", { key: '44772e768e3bc80a7a5a20b7858d6970070f27db', class: "digi-info-card__content" }, h("div", { key: 'e770035d77564f3a57a39c553631d37d1c278626', class: "digi-info-card__icon" }, this.hasListIcon && (h("span", { key: '68e4ad4d7b050ac36c23647f7a65cc6b059e20d2', class: "digi-info-card__icon" }, h("slot", { key: 'a8550b30fdb6e31dbb8e9d02bb4275f0d74bf73c', name: "icon" })))), h(this.afHeadingLevel, { key: '9f4d71156595099a0825c586ae533e89ef0028a1', class: "digi-info-card__heading" }, this.afHeading), h("digi-typography", { key: '915eb7c59aba9eaa9cf36a6af281ec31c17fe77e' }, h("slot", { key: '72c6ddf7f4ec870b670183e6f2b844ec46116aaf' })), this.shouldRenderInternalLink && (h("digi-link-internal", { key: '0ad0f534ef93d7743f2a93dc21edd9bdf423548b', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
+    }
+    get hostElement() { return getElement(this); }
+    static get watchers() { return {
+        "afHeading": [{
+                "validateHeading": 0
+            }],
+        "afHeadingLevel": [{
+                "validateHeading": 0
+            }]
+    }; }
+};
+InfoCard.style = infoCardCss();
+
+export { InfoCard as digi_info_card };

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

@@ -0,0 +1,98 @@
+import { r as registerInstance, h, F as Fragment } from './index-BnKuq1L7.js';
+import { L as LayoutBlockVariation } from './layout-block-variation.enum-CWFirwyE.js';
+import { L as LayoutBlockContainer, a as LayoutContainerVariation, b as LayoutContainerMaxWidth } from './layout-container-max-width.enum-CuhrrYGE.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 LayoutBlock = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this._container = LayoutBlockContainer.STATIC;
+        /**
+         * Sätter variant. Kontrollerar bakgrundsfärgen.
+         * @en Set variation. Controls background color.
+         */
+        this.afVariation = LayoutBlockVariation.PRIMARY;
+        /**
+         * Sätter den inre containervarianten, eller tar bort den helt. Kan vara 'static', 'fluid' eller 'none'.
+         * @en Set inner container variation, or remove it completely. Can be 'static', 'fluid' or 'none'.
+         */
+        this.afContainer = LayoutBlockContainer.STATIC;
+    }
+    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: '02364da2acedc07b373a859a16c18e75b44853ce', 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": 0
+            }]
+    }; }
+};
+LayoutBlock.style = layoutBlockCss();
+
+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: 36rem){.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 LayoutContainer = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this._variation = LayoutContainerVariation.STATIC;
+        /**
+         * Sätter containervarianten. Kan vara 'static' eller 'fluid'.
+         * @en Set container variation. Can be 'static' or 'fluid'.
+         */
+        this.afVariation = LayoutContainerVariation.STATIC;
+        /**
+         * Styr max-bredden på containern, vi rekommenderar att du behåller default-max-width. Läs mer om dom olika bredderna under designmönster för grid och brytpunkter.
+         * @en Sets max-width to the container.
+         * */
+        this.afMaxWidth = LayoutContainerMaxWidth.WIDTH_1400;
+    }
+    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: '85f483f4ae22a8a3bf3825923f3b6bb12961bf84', class: Object.assign({}, this.cssModifiers) }, h("slot", { key: '18a8b9b8d9e151435776a1acaafba5bde59e4a10' })));
+    }
+    static get watchers() { return {
+        "afVariation": [{
+                "variationChangeHandler": 0
+            }]
+    }; }
+};
+LayoutContainer.style = layoutContainerCss();
+
+export { LayoutBlock as digi_layout_block, LayoutContainer as digi_layout_container };

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

@@ -0,0 +1,35 @@
+import { r as registerInstance, h } from './index-BnKuq1L7.js';
+import { a as LayoutColumnsElement, L as LayoutColumnsGap, b as LayoutColumnsVariation } from './layout-columns-variation.enum-DJCufAhy.js';
+
+const layoutColumnsCss = () => `.sc-digi-layout-columns-h{--digi--layout-columns--gap--column:var(--digi--gutter--largest);--digi--layout-columns--gap--row:var(--digi--gutter--largest);--digi--layout-columns--min-width:0;--digi--layout-columns--gap--column--32:var(--digi--global--spacing--largest-4)}.sc-digi-layout-columns-h .digi-layout-columns.sc-digi-layout-columns{display:grid;grid-column-gap:var(--digi--layout-columns--gap--column);grid-row-gap:var(--digi--layout-columns--gap--row);grid-template-columns:repeat(auto-fit, minmax(var(--digi--layout-columns--min-width), 1fr))}.sc-digi-layout-columns-h .digi-layout-columns--column-gap-32.sc-digi-layout-columns{--digi--layout-columns--gap--column:var(--digi--layout-columns--gap--column--32)}.sc-digi-layout-columns-h .digi-layout-columns--one.sc-digi-layout-columns{--digi--layout-columns--min-width:100%}.sc-digi-layout-columns-h .digi-layout-columns--two.sc-digi-layout-columns{--digi--layout-columns--min-width:calc(50% - var(--digi--layout-columns--gap--column))}.sc-digi-layout-columns-h .digi-layout-columns--three.sc-digi-layout-columns{--digi--layout-columns--min-width:calc(33% - var(--digi--layout-columns--gap--column))}.sc-digi-layout-columns-h .digi-layout-columns--four.sc-digi-layout-columns{--digi--layout-columns--min-width:calc(25% - var(--digi--layout-columns--gap--column))}`;
+
+const LayoutColumns = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Sätter elementtypen på det omslutande elementet. Kan vara 'div', 'ul' eller 'ol'.
+         * @en Set wrapper element type. can be 'div', 'ul' or 'ol'.
+         */
+        this.afElement = LayoutColumnsElement.DIV;
+        /**
+         * Sätter CSS-propertyn grid-column-gap, default är 16px (1rem). Kan sättas till '32' eller default.
+         * @en Set CSS-propety grid-column-gap, default is 16px (1rem).  Can be set to '32' or default.
+         */
+        this.afColumnGap = LayoutColumnsGap.DEFAULT;
+    }
+    get cssModifiers() {
+        return {
+            'digi-layout-columns--one': this.afVariation === LayoutColumnsVariation.ONE,
+            'digi-layout-columns--two': this.afVariation === LayoutColumnsVariation.TWO,
+            'digi-layout-columns--three': this.afVariation === LayoutColumnsVariation.THREE,
+            'digi-layout-columns--four': this.afVariation === LayoutColumnsVariation.FOUR,
+            'digi-layout-columns--column-gap-32': this.afColumnGap === LayoutColumnsGap.GAP_32
+        };
+    }
+    render() {
+        return (h(this.afElement, { key: 'df449fd6546b8d2f3d0be1cdf88397049cc9f3b2', class: Object.assign({ 'digi-layout-columns': true }, this.cssModifiers) }, h("slot", { key: 'e0a5ba226891cc1c8bfd03544bbc7de797ab5e14' })));
+    }
+};
+LayoutColumns.style = layoutColumnsCss();
+
+export { LayoutColumns as digi_layout_columns };

package/dist/esm/digi-link-button.entry.js

@@ -0,0 +1,67 @@
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-BnKuq1L7.js';
+import { L as LinkButtonVariation } from './link-button-variation.enum-CPzcg9n3.js';
+
+const linkButtonCss = () => `.sc-digi-link-button-h{display:inline-flex;position:relative;max-width:100%;width:fit-content;vertical-align:top;--digi--link-button--font-size--medium:var(--digi--typography--button--font-size--desktop);--digi--link-button--font-family:var(--digi--global--typography--font-family--default);--digi--link-button--font-weight:var(--digi--typography--button--font-weight--desktop);--digi--link-button--padding--medium:var(--digi--gutter--medium) var(--digi--gutter--largest);--digi--link-button--border:var(--digi--border-width--secondary) solid;--digi--link-button--border-radius:var(--digi--global--border-radius--largest-2);--digi--link-button--icon--margin-left:var(--digi--margin--large);--digi--link-button--color--primary--default:var(--digi--color--text--interactive--secondary);--digi--link-button--color--primary--hover:var(--digi--color--text--interactive--secondary);--digi--link-button--background--primary--default:var(--digi--color--background--interactive--default--primary);--digi--link-button--background--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--link-button--border-color--primary--default:var(--digi--color--border--interactive--default--primary);--digi--link-button--border-color--primary--hover:var(--digi--color--border--interactive--hover--primary);--digi--link-button--color--primary-alt--default:var(--digi--color--text--interactive--brand-primary);--digi--link-button--color--primary-alt--hover:var(--digi--color--text--interactive--brand-primary);--digi--link-button--background--primary-alt--default:var(--digi--color--background--interactive--default--primary-inverted);--digi--link-button--background--primary-alt--hover:var(--digi--color--background--interactive--hover--inverted);--digi--link-button--border-color--primary-alt--default:var(--digi--color--border--interactive--default--inverted);--digi--link-button--border-color--primary-alt--hover:var(--digi--color--border--interactive--hover--inverted);--digi--link-button--color--secondary--default:var(--digi--color--text--interactive--brand-primary);--digi--link-button--color--secondary--hover:var(--digi--color--text--interactive--brand-primary);--digi--link-button--background--secondary--default:var(--digi--color--background--interactive--default--secondary);--digi--link-button--background--secondary--hover:var(--digi--color--background--interactive--hover--secondary);--digi--link-button--border-color--secondary--default:var(--digi--color--border--interactive--default--primary);--digi--link-button--border-color--secondary--hover:var(--digi--color--border--interactive--hover--secondary);--digi--link-button--color--secondary-alt--default:var(--digi--color--text--interactive--brand-secondary);--digi--link-button--color--secondary-alt--hover:var(--digi--color--text--interactive--brand-primary);--digi--link-button--background--secondary-alt--default:var(--digi--color--background--interactive--default--secondary-inverted);--digi--link-button--background--secondary-alt--hover:var(--digi--color--background--interactive--hover--inverted);--digi--link-button--border-color--secondary-alt--default:var(--digi--color--border--interactive--default--inverted);--digi--link-button--border-color--secondary-alt--hover:var(--digi--color--border--interactive--hover--inverted);--BADGE--RIGHT:1.75rem}.digi-link-button--primary.sc-digi-link-button-h{--COLOR--DEFAULT:var(--digi--link-button--color--primary--default);--COLOR--HOVER:var(--digi--link-button--color--primary--hover);--BACKGROUND--DEFAULT:var(--digi--link-button--background--primary--default);--BACKGROUND--HOVER:var(--digi--link-button--background--primary--hover);--BORDER-COLOR--DEFAULT:var(--digi--link-button--border-color--primary--default);--BORDER-COLOR--HOVER:var(--digi--link-button--border-color--primary--hover)}.digi-link-button--primary-alt.sc-digi-link-button-h{--COLOR--DEFAULT:var(--digi--link-button--color--primary-alt--default);--COLOR--HOVER:var(--digi--link-button--color--primary-alt--hover);--BACKGROUND--DEFAULT:var(--digi--link-button--background--primary-alt--default);--BACKGROUND--HOVER:var(--digi--link-button--background--primary-alt--hover);--BORDER-COLOR--DEFAULT:var(--digi--link-button--border-color--primary-alt--default);--BORDER-COLOR--HOVER:var(--digi--link-button--border-color--primary-alt--hover)}.digi-link-button--secondary.sc-digi-link-button-h{--COLOR--DEFAULT:var(--digi--link-button--color--secondary--default);--COLOR--HOVER:var(--digi--link-button--color--secondary--hover);--BACKGROUND--DEFAULT:var(--digi--link-button--background--secondary--default);--BACKGROUND--HOVER:var(--digi--link-button--background--secondary--hover);--BORDER-COLOR--DEFAULT:var(--digi--link-button--border-color--secondary--default);--BORDER-COLOR--HOVER:var(--digi--link-button--border-color--secondary--hover)}.digi-link-button--secondary-alt.sc-digi-link-button-h{--COLOR--DEFAULT:var(--digi--link-button--color--secondary-alt--default);--COLOR--HOVER:var(--digi--link-button--color--secondary-alt--hover);--BACKGROUND--DEFAULT:var(--digi--link-button--background--secondary-alt--default);--BACKGROUND--HOVER:var(--digi--link-button--background--secondary-alt--hover);--BORDER-COLOR--DEFAULT:var(--digi--link-button--border-color--secondary-alt--default);--BORDER-COLOR--HOVER:var(--digi--link-button--border-color--secondary-alt--hover)}.sc-digi-link-button-h a.sc-digi-link-button{position:relative;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;font-family:var(--digi--link-button--font-family);font-size:var(--digi--link-button--font-size--medium);height:2.5rem;font-weight:var(--digi--link-button--font-weight);background:var(--BACKGROUND--DEFAULT);padding:var(--digi--link-button--padding--medium);border-radius:var(--digi--link-button--border-radius);border:var(--digi--link-button--border);border-color:var(--BORDER-COLOR--DEFAULT);box-sizing:border-box;white-space:nowrap}.sc-digi-link-button-h a.sc-digi-link-button,.sc-digi-link-button-h a.sc-digi-link-button:visited{color:var(--COLOR--DEFAULT)}.sc-digi-link-button-h a.sc-digi-link-button:hover,.sc-digi-link-button-h a.sc-digi-link-button:focus-visible,.sc-digi-link-button-h a.sc-digi-link-button:active{background:var(--BACKGROUND--HOVER);color:var(--COLOR--HOVER);border-color:var(--BORDER-COLOR--HOVER)}.sc-digi-link-button-h a.sc-digi-link-button:hover .digi-link-button__icon.sc-digi-link-button,.sc-digi-link-button-h a.sc-digi-link-button:hover [class*=digi-icon].sc-digi-link-button,.sc-digi-link-button-h a.sc-digi-link-button:focus-visible .digi-link-button__icon.sc-digi-link-button,.sc-digi-link-button-h a.sc-digi-link-button:focus-visible [class*=digi-icon].sc-digi-link-button,.sc-digi-link-button-h a.sc-digi-link-button:active .digi-link-button__icon.sc-digi-link-button,.sc-digi-link-button-h a.sc-digi-link-button:active [class*=digi-icon].sc-digi-link-button{--COLOR--DEFAULT:var(--COLOR--HOVER);--digi--icon--color:var(--COLOR--HOVER)}.sc-digi-link-button-h a.sc-digi-link-button:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-link-button-h a.sc-digi-link-button [class*=digi-icon].sc-digi-link-button,.sc-digi-link-button-h a.sc-digi-link-button .digi-link-button__icon.sc-digi-link-button{margin-left:var(--digi--link-button--icon--margin-left);--digi--icon--color:var(--COLOR--DEFAULT)}.digi-link-button--hide-icon.sc-digi-link-button-h a.sc-digi-link-button [class*=digi-icon].sc-digi-link-button,.digi-link-button--hide-icon.sc-digi-link-button-h a.sc-digi-link-button .digi-link-button__icon.sc-digi-link-button{display:none}.digi-link-button--fullwidth.sc-digi-link-button-h{display:flex;width:100%}.digi-link-button--fullwidth.sc-digi-link-button-h a.sc-digi-link-button{width:100%}.sc-digi-link-button-s>[slot=notification]{position:absolute;top:0;transform:translateY(-50%);right:var(--BADGE--RIGHT)}.sc-digi-link-button-s>a{position:relative;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;font-family:var(--digi--link-button--font-family);font-size:var(--digi--link-button--font-size--medium);height:2.5rem;font-weight:var(--digi--link-button--font-weight);background:var(--BACKGROUND--DEFAULT);padding:var(--digi--link-button--padding--medium);border-radius:var(--digi--link-button--border-radius);border:var(--digi--link-button--border);border-color:var(--BORDER-COLOR--DEFAULT);box-sizing:border-box;white-space:nowrap}.sc-digi-link-button-s>a,.sc-digi-link-button-s>a:visited{color:var(--COLOR--DEFAULT)}.sc-digi-link-button-s>a:hover,.sc-digi-link-button-s>a:focus-visible,.sc-digi-link-button-s>a:active{background:var(--BACKGROUND--HOVER);color:var(--COLOR--HOVER);border-color:var(--BORDER-COLOR--HOVER)}.sc-digi-link-button-s>a:hover .digi-link-button__icon,.sc-digi-link-button-s>a:hover [class*=digi-icon],.sc-digi-link-button-s>a:focus-visible .digi-link-button__icon,.sc-digi-link-button-s>a:focus-visible [class*=digi-icon],.sc-digi-link-button-s>a:active .digi-link-button__icon,.sc-digi-link-button-s>a:active [class*=digi-icon]{--COLOR--DEFAULT:var(--COLOR--HOVER);--digi--icon--color:var(--COLOR--HOVER)}.sc-digi-link-button-s>a:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-link-button-s>a [class*=digi-icon],.sc-digi-link-button-s>a .digi-link-button__icon{margin-left:var(--digi--link-button--icon--margin-left);--digi--icon--color:var(--COLOR--DEFAULT)}.digi-link-button--hide-icon.sc-digi-link-button-s>a [class*=digi-icon],.digi-link-button--hide-icon .sc-digi-link-button-s>a [class*=digi-icon],.digi-link-button--hide-icon.sc-digi-link-button-s>a .digi-link-button__icon,.digi-link-button--hide-icon .sc-digi-link-button-s>a .digi-link-button__icon{display:none}.digi-link-button--fullwidth.sc-digi-link-button-s>a,.digi-link-button--fullwidth .sc-digi-link-button-s>a{width:100%}`;
+
+const LinkButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afOnClick = createEvent(this, "afOnClick", 7);
+        /**
+         * Sätter variant. Kan vara 'primary', 'secondary', 'primary-alt' eller 'secondary-alt'
+         * @en Set variation. Can be 'primary', 'secondary', 'primary-alt' or 'secondary-alt'
+         */
+        this.afVariation = LinkButtonVariation.PRIMARY;
+        /**
+         * Kringgår länkens vanliga klick-beteende (e.preventDefault()).
+         * Bör endast användas om det vanliga beteendet är problematiskt pga dynamisk routing eller liknande.
+         * @en Override default link behavior. Should only be used if default link behaviour is a problem with e.g. routing
+         */
+        this.afOverrideLink = false;
+        /**
+         * Sätt till true om du använder Angular, se exempelkod under 'Översikt'
+         * @en Set to true if using Angular
+         */
+        this.afLinkContainer = false;
+        /**
+         * Dölj ikonen.
+         * @en Hide icon.
+         */
+        this.afHideIcon = false;
+        /**
+         * Fullbredd.
+         * @en Fullwidth.
+         */
+        this.afFullwidth = false;
+    }
+    clickLinkHandler(e) {
+        if (this.afOverrideLink) {
+            e.preventDefault();
+        }
+        this.afOnClick.emit(e);
+    }
+    initRouting() {
+        const tabIndex = this.hostElement.getAttribute('tabIndex');
+        !!tabIndex && tabIndex === '0' && this._link.setAttribute('tabIndex', '-1');
+    }
+    componentDidLoad() {
+        this.initRouting();
+    }
+    get cssModifiers() {
+        return {
+            'digi-link-button--primary': this.afVariation === LinkButtonVariation.PRIMARY,
+            'digi-link-button--secondary': this.afVariation === LinkButtonVariation.SECONDARY,
+            'digi-link-button--primary-alt': this.afVariation === LinkButtonVariation.PRIMARY_ALT,
+            'digi-link-button--secondary-alt': this.afVariation === LinkButtonVariation.SECONDARY_ALT,
+            'digi-link-button--hide-icon': this.afHideIcon,
+            'digi-link-button--fullwidth': this.afFullwidth
+        };
+    }
+    render() {
+        return (h(Host, { key: '3e393174fb3f8f4b02567d304127f101239f8937', class: Object.assign({ 'digi-link-button': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: 'c97467a953af82581a97960d40a436cd7c84a847', href: this.afHref, "aria-label": this.afAriaLabel, onClick: (e) => this.clickLinkHandler(e), ref: (el) => (this._link = el) }, h("span", { key: 'fd34281aaa5ca31a8f940b1d367753ebbd70fb38', class: "digi-link-button__text" }, h("slot", { key: '414df5ccce6b431b206609b480d41fdf7ea825e0' })), h("slot", { key: 'd7b031a5e9b6d989706d18af4bf9ebde24a004fd', name: "notification" }), h("digi-icon-chevron-right", { key: '891f34a6477a06621ee585267595b505f2cc52c7', class: "digi-link-button__icon" }))), this.afLinkContainer && (h(Fragment, { key: '8d1b4841bd732a2ec9cece2f4b46be4861d50f27' }, h("slot", { key: '60e6371986761dcac1a3a824f04add971b799649' }), h("slot", { key: 'ab710d3014f59f7806786ecfa5abcc1b6c73ff84', name: "notification" })))));
+    }
+    get hostElement() { return getElement(this); }
+};
+LinkButton.style = linkButtonCss();
+
+export { LinkButton as digi_link_button };