@designsystem-se/af 32.1.1 → 32.1.2-beta.0

package/dist/esm/{index-8e318bb2.js → index-09bae31f.js}

@@ -1,5 +1,5 @@
 const NAMESPACE = 'digi-arbetsformedlingen';
-const BUILD = /* digi-arbetsformedlingen */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: true, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: false, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* digi-arbetsformedlingen */ { allRenderFn: false, appendChildSlotFix: true, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: true, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: true, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: true, experimentalSlotFixes: true, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: false, scoped: true, scopedSlotTextContentFix: true, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: true, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Client Platform v4.23.0 | MIT Licensed | https://stenciljs.com
@@ -1089,6 +1089,8 @@ var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
 var win = typeof window !== "undefined" ? window : {};
 var doc = win.document || { head: {} };
+var H = win.HTMLElement || class {
+};
 var plt = {
   $flags$: 0,
   $resourcesUrl$: "",
@@ -1098,6 +1100,7 @@ var plt = {
   rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
   ce: (eventName, opts) => new CustomEvent(eventName, opts)
 };
+var supportsShadow = BUILD.shadowDom;
 var supportsListenerOptions = /* @__PURE__ */ (() => {
   let supportsListenerOptions2 = false;
   try {
@@ -1555,13 +1558,33 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
       oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
       if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
         {
-          putBackInOriginalLocation(oldParentVNode.$elm$, false);
+          relocateToHostRoot(oldParentVNode.$elm$);
         }
       }
     }
   }
   return elm;
 };
+var relocateToHostRoot = (parentElm) => {
+  plt.$flags$ |= 1 /* isTmpDisconnected */;
+  const host = parentElm.closest(hostTagName.toLowerCase());
+  if (host != null) {
+    const contentRefNode = Array.from(host.__childNodes || host.childNodes).find(
+      (ref) => ref["s-cr"]
+    );
+    const childNodeArray = Array.from(
+      parentElm.__childNodes || parentElm.childNodes
+    );
+    for (const childNode of contentRefNode ? childNodeArray.reverse() : childNodeArray) {
+      if (childNode["s-sh"] != null) {
+        insertBefore(host, childNode, contentRefNode != null ? contentRefNode : null);
+        childNode["s-sh"] = void 0;
+        checkSlotRelocate = true;
+      }
+    }
+  }
+  plt.$flags$ &= ~1 /* isTmpDisconnected */;
+};
 var putBackInOriginalLocation = (parentElm, recursive) => {
   plt.$flags$ |= 1 /* isTmpDisconnected */;
   const oldSlotChildNodes = Array.from(parentElm.__childNodes || parentElm.childNodes);
@@ -1751,7 +1774,12 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
       isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
     }
     {
-      if (tag === "slot" && !useNativeShadowDom) ; else {
+      if (tag === "slot" && !useNativeShadowDom) {
+        if (oldVNode.$name$ !== newVNode2.$name$) {
+          newVNode2.$elm$["s-sn"] = newVNode2.$name$ || "";
+          relocateToHostRoot(newVNode2.$elm$.parentElement);
+        }
+      } else {
         updateElement(oldVNode, newVNode2, isSvgMode);
       }
     }
@@ -1816,7 +1844,7 @@ var markSlotContentForRelocation = (elm) => {
       const slotName = childNode["s-sn"];
       for (j = hostContentNodes.length - 1; j >= 0; j--) {
         node = hostContentNodes[j];
-        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!BUILD.experimentalSlotFixes  )) {
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
           if (isNodeLocatedInSlot(node, slotName)) {
             let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
             checkSlotFallbackVisibility = true;
@@ -1909,7 +1937,7 @@ var updateElementScopeIds = (element, parent, iterateChildNodes = false) => {
   }
 };
 var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const hostElm = hostRef.$hostElement$;
   const cmpMeta = hostRef.$cmpMeta$;
   const oldVNode = hostRef.$vnode$ || newVNode(null, null);
@@ -1953,7 +1981,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
         if (slotRefNode) {
           const parentNodeRef = slotRefNode.parentNode;
           let insertBeforeNode = slotRefNode.nextSibling;
-          {
+          if (insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */) {
             let orgLocationNode = (_a = nodeToRelocate["s-ol"]) == null ? void 0 : _a.previousSibling;
             while (orgLocationNode) {
               let refNode = (_b = orgLocationNode["s-nr"]) != null ? _b : null;
@@ -1972,9 +2000,6 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
           }
           if (!insertBeforeNode && parentNodeRef !== nodeToRelocate.parentNode || nodeToRelocate.nextSibling !== insertBeforeNode) {
             if (nodeToRelocate !== insertBeforeNode) {
-              if (!nodeToRelocate["s-hn"] && nodeToRelocate["s-ol"]) {
-                nodeToRelocate["s-hn"] = nodeToRelocate["s-ol"].parentNode.nodeName;
-              }
               insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode);
               if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
                 nodeToRelocate.hidden = (_c = nodeToRelocate["s-ih"]) != null ? _c : false;
@@ -1998,8 +2023,247 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
     plt.$flags$ &= ~1 /* isTmpDisconnected */;
     relocateNodes.length = 0;
   }
+  if (cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+    const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
+    for (const childNode of children) {
+      if (childNode["s-hn"] !== hostTagName && !childNode["s-sh"]) {
+        if (isInitialLoad && childNode["s-ih"] == null) {
+          childNode["s-ih"] = (_e = childNode.hidden) != null ? _e : false;
+        }
+        childNode.hidden = true;
+      }
+    }
+  }
   contentRef = void 0;
 };
+
+// src/runtime/dom-extras.ts
+var patchPseudoShadowDom = (hostElementPrototype) => {
+  patchCloneNode(hostElementPrototype);
+  patchSlotAppendChild(hostElementPrototype);
+  patchSlotAppend(hostElementPrototype);
+  patchSlotPrepend(hostElementPrototype);
+  patchSlotInsertAdjacentElement(hostElementPrototype);
+  patchSlotInsertAdjacentHTML(hostElementPrototype);
+  patchSlotInsertAdjacentText(hostElementPrototype);
+  patchTextContent(hostElementPrototype);
+  patchChildSlotNodes(hostElementPrototype);
+  patchSlotRemoveChild(hostElementPrototype);
+};
+var patchCloneNode = (HostElementPrototype) => {
+  const orgCloneNode = HostElementPrototype.cloneNode;
+  HostElementPrototype.cloneNode = function(deep) {
+    const srcNode = this;
+    const isShadowDom = srcNode.shadowRoot && supportsShadow ;
+    const clonedNode = orgCloneNode.call(srcNode, isShadowDom ? deep : false);
+    if (!isShadowDom && deep) {
+      let i2 = 0;
+      let slotted, nonStencilNode;
+      const stencilPrivates = [
+        "s-id",
+        "s-cr",
+        "s-lr",
+        "s-rc",
+        "s-sc",
+        "s-p",
+        "s-cn",
+        "s-sr",
+        "s-sn",
+        "s-hn",
+        "s-ol",
+        "s-nr",
+        "s-si",
+        "s-rf",
+        "s-scs"
+      ];
+      const childNodes = this.__childNodes || this.childNodes;
+      for (; i2 < childNodes.length; i2++) {
+        slotted = childNodes[i2]["s-nr"];
+        nonStencilNode = stencilPrivates.every((privateField) => !childNodes[i2][privateField]);
+        if (slotted) {
+          if (clonedNode.__appendChild) {
+            clonedNode.__appendChild(slotted.cloneNode(true));
+          } else {
+            clonedNode.appendChild(slotted.cloneNode(true));
+          }
+        }
+        if (nonStencilNode) {
+          clonedNode.appendChild(childNodes[i2].cloneNode(true));
+        }
+      }
+    }
+    return clonedNode;
+  };
+};
+var patchSlotAppendChild = (HostElementPrototype) => {
+  HostElementPrototype.__appendChild = HostElementPrototype.appendChild;
+  HostElementPrototype.appendChild = function(newChild) {
+    const slotName = newChild["s-sn"] = getSlotName(newChild);
+    const slotNode = getHostSlotNode(this.__childNodes || this.childNodes, slotName, this.tagName);
+    if (slotNode) {
+      addSlotRelocateNode(newChild, slotNode);
+      const slotChildNodes = getHostSlotChildNodes(slotNode, slotName);
+      const appendAfter = slotChildNodes[slotChildNodes.length - 1];
+      const insertedNode = insertBefore(appendAfter.parentNode, newChild, appendAfter.nextSibling);
+      updateFallbackSlotVisibility(this);
+      return insertedNode;
+    }
+    return this.__appendChild(newChild);
+  };
+};
+var patchSlotRemoveChild = (ElementPrototype) => {
+  ElementPrototype.__removeChild = ElementPrototype.removeChild;
+  ElementPrototype.removeChild = function(toRemove) {
+    if (toRemove && typeof toRemove["s-sn"] !== "undefined") {
+      const childNodes = this.__childNodes || this.childNodes;
+      const slotNode = getHostSlotNode(childNodes, toRemove["s-sn"], this.tagName);
+      if (slotNode && toRemove.isConnected) {
+        toRemove.remove();
+        updateFallbackSlotVisibility(this);
+        return;
+      }
+    }
+    return this.__removeChild(toRemove);
+  };
+};
+var patchSlotPrepend = (HostElementPrototype) => {
+  HostElementPrototype.__prepend = HostElementPrototype.prepend;
+  HostElementPrototype.prepend = function(...newChildren) {
+    newChildren.forEach((newChild) => {
+      if (typeof newChild === "string") {
+        newChild = this.ownerDocument.createTextNode(newChild);
+      }
+      const slotName = newChild["s-sn"] = getSlotName(newChild);
+      const childNodes = this.__childNodes || this.childNodes;
+      const slotNode = getHostSlotNode(childNodes, slotName, this.tagName);
+      if (slotNode) {
+        addSlotRelocateNode(newChild, slotNode, true);
+        const slotChildNodes = getHostSlotChildNodes(slotNode, slotName);
+        const appendAfter = slotChildNodes[0];
+        return insertBefore(appendAfter.parentNode, newChild, appendAfter.nextSibling);
+      }
+      if (newChild.nodeType === 1 && !!newChild.getAttribute("slot")) {
+        newChild.hidden = true;
+      }
+      return HostElementPrototype.__prepend(newChild);
+    });
+  };
+};
+var patchSlotAppend = (HostElementPrototype) => {
+  HostElementPrototype.__append = HostElementPrototype.append;
+  HostElementPrototype.append = function(...newChildren) {
+    newChildren.forEach((newChild) => {
+      if (typeof newChild === "string") {
+        newChild = this.ownerDocument.createTextNode(newChild);
+      }
+      this.appendChild(newChild);
+    });
+  };
+};
+var patchSlotInsertAdjacentHTML = (HostElementPrototype) => {
+  const originalInsertAdjacentHtml = HostElementPrototype.insertAdjacentHTML;
+  HostElementPrototype.insertAdjacentHTML = function(position, text) {
+    if (position !== "afterbegin" && position !== "beforeend") {
+      return originalInsertAdjacentHtml.call(this, position, text);
+    }
+    const container = this.ownerDocument.createElement("_");
+    let node;
+    container.innerHTML = text;
+    if (position === "afterbegin") {
+      while (node = container.firstChild) {
+        this.prepend(node);
+      }
+    } else if (position === "beforeend") {
+      while (node = container.firstChild) {
+        this.append(node);
+      }
+    }
+  };
+};
+var patchSlotInsertAdjacentText = (HostElementPrototype) => {
+  HostElementPrototype.insertAdjacentText = function(position, text) {
+    this.insertAdjacentHTML(position, text);
+  };
+};
+var patchSlotInsertAdjacentElement = (HostElementPrototype) => {
+  const originalInsertAdjacentElement = HostElementPrototype.insertAdjacentElement;
+  HostElementPrototype.insertAdjacentElement = function(position, element) {
+    if (position !== "afterbegin" && position !== "beforeend") {
+      return originalInsertAdjacentElement.call(this, position, element);
+    }
+    if (position === "afterbegin") {
+      this.prepend(element);
+      return element;
+    } else if (position === "beforeend") {
+      this.append(element);
+      return element;
+    }
+    return element;
+  };
+};
+var patchTextContent = (hostElementPrototype) => {
+  let descriptor = globalThis.Node && Object.getOwnPropertyDescriptor(Node.prototype, "textContent");
+  if (!descriptor) {
+    descriptor = Object.getOwnPropertyDescriptor(hostElementPrototype, "textContent");
+  }
+  if (descriptor) Object.defineProperty(hostElementPrototype, "__textContent", descriptor);
+  Object.defineProperty(hostElementPrototype, "textContent", {
+    get: function() {
+      let text = "";
+      const childNodes = this.__childNodes ? this.childNodes : getSlottedChildNodes(this.childNodes);
+      childNodes.forEach((node) => text += node.textContent || "");
+      return text;
+    },
+    set: function(value) {
+      const childNodes = this.__childNodes ? this.childNodes : getSlottedChildNodes(this.childNodes);
+      childNodes.forEach((node) => {
+        if (node["s-ol"]) node["s-ol"].remove();
+        node.remove();
+      });
+      this.insertAdjacentHTML("beforeend", value);
+    }
+  });
+};
+var patchChildSlotNodes = (elm) => {
+  class FakeNodeList extends Array {
+    item(n) {
+      return this[n];
+    }
+  }
+  let childNodesFn = globalThis.Node && Object.getOwnPropertyDescriptor(Node.prototype, "childNodes");
+  if (!childNodesFn) {
+    childNodesFn = Object.getOwnPropertyDescriptor(elm, "childNodes");
+  }
+  if (childNodesFn) Object.defineProperty(elm, "__childNodes", childNodesFn);
+  let childrenFn = Object.getOwnPropertyDescriptor(Element.prototype, "children");
+  if (!childrenFn) {
+    childrenFn = Object.getOwnPropertyDescriptor(elm, "children");
+  }
+  if (childrenFn) Object.defineProperty(elm, "__children", childrenFn);
+  Object.defineProperty(elm, "children", {
+    get() {
+      return this.childNodes.filter((n) => n.nodeType === 1);
+    }
+  });
+  Object.defineProperty(elm, "childElementCount", {
+    get() {
+      return this.children.length;
+    }
+  });
+  if (!childNodesFn) return;
+  Object.defineProperty(elm, "childNodes", {
+    get() {
+      var _a, _b;
+      if (!plt.$flags$ || !((_a = getHostRef(this)) == null ? void 0 : _a.$flags$) || (plt.$flags$ & 1 /* isTmpDisconnected */) === 0 && ((_b = getHostRef(this)) == null ? void 0 : _b.$flags$) & 2 /* hasRendered */) {
+        const result = new FakeNodeList();
+        const nodes = getSlottedChildNodes(this.__childNodes);
+        result.push(...nodes);
+        return result;
+      }
+      return FakeNodeList.from(this.__childNodes);
+    }
+  });
+};
 var addSlotRelocateNode = (newChild, slotNode, prepend, position) => {
   let slottedNodeLocation;
   if (newChild["s-ol"] && newChild["s-ol"].isConnected) {
@@ -2032,6 +2296,39 @@ var addSlotRelocateNode = (newChild, slotNode, prepend, position) => {
   newChild["s-ol"] = slottedNodeLocation;
   newChild["s-sh"] = slotNode["s-hn"];
 };
+var getSlottedChildNodes = (childNodes) => {
+  const result = [];
+  for (let i2 = 0; i2 < childNodes.length; i2++) {
+    const slottedNode = childNodes[i2]["s-nr"];
+    if (slottedNode && slottedNode.isConnected) {
+      result.push(slottedNode);
+    }
+  }
+  return result;
+};
+var getSlotName = (node) => node["s-sn"] || node.nodeType === 1 && node.getAttribute("slot") || "";
+var getHostSlotNode = (childNodes, slotName, hostName) => {
+  let i2 = 0;
+  let childNode;
+  for (; i2 < childNodes.length; i2++) {
+    childNode = childNodes[i2];
+    if (childNode["s-sr"] && childNode["s-sn"] === slotName && childNode["s-hn"] === hostName) {
+      return childNode;
+    }
+    childNode = getHostSlotNode(childNode.childNodes, slotName, hostName);
+    if (childNode) {
+      return childNode;
+    }
+  }
+  return null;
+};
+var getHostSlotChildNodes = (n, slotName) => {
+  const childNodes = [n];
+  while ((n = n.nextSibling) && n["s-sn"] === slotName) {
+    childNodes.push(n);
+  }
+  return childNodes;
+};
 var createTime = (fnName, tagName = "") => {
   {
     return () => {
@@ -3100,6 +3397,11 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           return getHostRef(this).$onReadyPromise$;
         }
       };
+      {
+        if (cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+          patchPseudoShadowDom(HostElement.prototype);
+        }
+      }
       cmpMeta.$lazyBundleId$ = lazyBundle[0];
       if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
         cmpTags.push(tagName);
@@ -3177,4 +3479,4 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
-export { Fragment as F, Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { Fragment as F, H, Host as a, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-8e318bb2.js';
-export { s as setNonce } from './index-8e318bb2.js';
+import { b as bootstrapLazy } from './index-09bae31f.js';
+export { s as setNonce } from './index-09bae31f.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {

package/hydrate/index.js

@@ -128,7 +128,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 
 
 const NAMESPACE = 'digi-arbetsformedlingen';
-const BUILD = /* digi-arbetsformedlingen */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: true, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: false, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* digi-arbetsformedlingen */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: true, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: false, scoped: true, scopedSlotTextContentFix: true, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Hydrate Platform v4.23.0 | MIT Licensed | https://stenciljs.com

package/hydrate/index.mjs

@@ -124,7 +124,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 
 
 const NAMESPACE = 'digi-arbetsformedlingen';
-const BUILD = /* digi-arbetsformedlingen */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: true, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: false, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* digi-arbetsformedlingen */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: true, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: false, scoped: true, scopedSlotTextContentFix: true, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Hydrate Platform v4.23.0 | MIT Licensed | https://stenciljs.com

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designsystem-se/af",
   "author": "Arbetsförmedlingen",
-  "version": "32.1.1",
+  "version": "32.1.2-beta.0",
   "description": "Web Components for Digi Designsystem",
   "license": "Apache-2.0",
   "main": "./dist/index.cjs.js",

package/dist/digi-arbetsformedlingen/p-04e1b953.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as n,F as o,H as a,g as d}from"./p-e35cae7b.js";import{a as r,L as g}from"./p-91f1460b.js";const l=class{constructor(n){i(this,n),this.afOnClick=t(this,"afOnClick",7),this.afHref=void 0,this.afVariation=r.PRIMARY,this.afSize=g.MEDIUM,this.afOverrideLink=!1,this.afLinkContainer=!1,this.afHideIcon=!1,this.afFullwidth=!1,this.hasNotification=void 0}clickLinkHandler(i){this.afOverrideLink&&i.preventDefault(),this.afOnClick.emit(i)}initRouting(){const i=this.hostElement.getAttribute("tabIndex");i&&"0"===i&&this._link.setAttribute("tabIndex","-1")}componentWillLoad(){this.setHasNotification()}componentWillUpdate(){this.setHasNotification()}componentDidLoad(){this.initRouting()}setHasNotification(){const i=!!this.hostElement.querySelector('[slot="notification"]');i&&(this.hasNotification=i)}get cssModifiers(){return{"digi-link-button--primary":this.afVariation===r.PRIMARY,"digi-link-button--secondary":this.afVariation===r.SECONDARY,"digi-link-button--primary-alt":this.afVariation===r.PRIMARY_ALT,"digi-link-button--secondary-alt":this.afVariation===r.SECONDARY_ALT,"digi-link-button--medium":this.afSize===g.MEDIUM,"digi-link-button--medium-large":this.afSize===g.MEDIUMLARGE,"digi-link-button--large":this.afSize===g.LARGE,"digi-link-button--hide-icon":this.afHideIcon,"digi-link-button--fullwidth":this.afFullwidth}}render(){return n(a,{key:"d6b967617a3fa6a8d5ba68b7982ee2ae4eeef847",class:Object.assign({"digi-link-button":!0},this.cssModifiers)},!this.afLinkContainer&&n("a",{key:"d95e231a794a57b16e888fa98a12b0b0f91cf385",href:this.afHref,onClick:i=>this.clickLinkHandler(i),ref:i=>this._link=i},n("span",{key:"db4bb1a99b20e1ae08662da723305814545d0346",class:"digi-link-button__text"},n("slot",{key:"d1e690a82f45e4b96fb03582185c3ed9a7836fa1"})),this.hasNotification&&n("slot",{key:"606d2b8c3709f80ca01ffbe5ed34d07e64cdb914",name:"notification"}),n("digi-icon-chevron-right",{key:"0bbcaa4fd33ea271f622435ab16d7792111114c0",class:"digi-link-button__icon"})),this.afLinkContainer&&n(o,{key:"cb86ba19e8750179007c79255312e051a4c5edee"},n("slot",{key:"21aa062ab6de4eac5e3d5abf9051ebcb2ea99b4d"}),this.hasNotification&&n("slot",{key:"a08beeb67df365a0830da1f87d623876b34675f9",name:"notification"})))}get hostElement(){return d(this)}};l.style=".digi--util--fs--xs.sc-digi-link-button{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-link-button{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-link-button{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-link-button{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-link-button{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-link-button{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-link-button{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-link-button{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-link-button{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-link-button{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-link-button{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-link-button{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-link-button{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-link-button{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-link-button{padding-top:5rem !important}.digi--util--pb--1.sc-digi-link-button{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-link-button{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-link-button{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-link-button{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-link-button{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-link-button{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-link-button{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-link-button{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-link-button{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-link-button{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-link-button{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-link-button{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-link-button{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-link-button{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-link-button{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-link-button{padding:2.5rem !important}.digi--util--p--60.sc-digi-link-button{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-link-button{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-link-button{padding:4.5rem !important}.digi--util--p--90.sc-digi-link-button{padding:5rem !important}.digi--util--ptb--1.sc-digi-link-button{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-link-button{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-link-button{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-link-button{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-link-button{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-link-button{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-link-button{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-link-button{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-link-button{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-link-button{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-link-button{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-link-button{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-link-button{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-link-button{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-link-button{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-link-button{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-link-button{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-link-button{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-link-button{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-link-button{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-link-button{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}.digi--util--hidden.sc-digi-link-button{display:none}.sc-digi-link-button-h{--digi--link-button--font-size--medium:var(--digi--typography--button--font-size--desktop);--digi--link-button--font-size--large:var(--digi--typography--button--font-size--desktop-large);--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--padding--medium-large:var(--digi--gutter--larger) var(--digi--gutter--largest-3);--digi--link-button--padding--large:var(--digi--gutter--largest) var(--digi--gutter--largest-3);--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--inverted);--digi--link-button--color--primary--hover:var(--digi--color--text--inverted);--digi--link-button--background--primary--default:var(--digi--color--background--inverted-1);--digi--link-button--background--primary--hover:var(--digi--color--background--inverted-6);--digi--link-button--border-color--primary--default:var(--digi--color--background--inverted-1);--digi--link-button--border-color--primary--hover:var(--digi--color--background--inverted-6);--digi--link-button--color--primary-alt--default:var(--digi--color--text--secondary);--digi--link-button--color--primary-alt--hover:var(--digi--color--text--secondary);--digi--link-button--background--primary-alt--default:var(--digi--color--background--neutral-2);--digi--link-button--background--primary-alt--hover:var(--digi--color--background--inverted-4);--digi--link-button--border-color--primary-alt--default:var(--digi--color--background--neutral-2);--digi--link-button--border-color--primary-alt--hover:var(--digi--color--background--inverted-4);--digi--link-button--color--secondary--default:var(--digi--color--text--secondary);--digi--link-button--color--secondary--hover:var(--digi--color--text--secondary);--digi--link-button--background--secondary--default:var(--digi--color--background--primary);--digi--link-button--background--secondary--hover:var(--digi--color--background--neutral-8);--digi--link-button--border-color--secondary--default:var(--digi--color--border--secondary);--digi--link-button--border-color--secondary--hover:var(--digi--color--border--secondary);--digi--link-button--color--secondary-alt--default:var(--digi--color--background--neutral-2);--digi--link-button--color--secondary-alt--hover:var(--digi--color--text--secondary);--digi--link-button--background--secondary-alt--default:transparent;--digi--link-button--background--secondary-alt--hover:var(--digi--color--background--inverted-4);--digi--link-button--border-color--secondary-alt--default:var(--digi--color--border--tertiary);--digi--link-button--border-color--secondary-alt--hover:var(--digi--color--background--inverted-4);--BADGE--RIGHT:1.75rem;--LINK--HEIGHT:2.5rem}.digi-link-button--medium.sc-digi-link-button-h{--FONT-SIZE:var(--digi--link-button--font-size--medium);--PADDING:var(--digi--link-button--padding--medium);--ICON--MARGIN-LEFT:var(--digi--link-button--icon--margin-left);--BADGE--RIGHT:1.75rem;--LINK--HEIGHT:2.5rem}.digi-link-button--medium.sc-digi-link-button-h a.sc-digi-link-button{height:var(--LINK--HEIGHT)}.digi-link-button--medium-large.sc-digi-link-button-h{--FONT-SIZE:var(--digi--link-button--font-size--large);--PADDING:var(--digi--link-button--padding--medium-large);--ICON--MARGIN-LEFT:var(--digi--link-button--icon--margin-left);--BADGE--RIGHT:2.5rem;--LINK--HEIGHT:3.125rem}.digi-link-button--medium-large.sc-digi-link-button-h a.sc-digi-link-button{height:var(--LINK--HEIGHT)}.digi-link-button--large.sc-digi-link-button-h{--FONT-SIZE:var(--digi--link-button--font-size--large);--PADDING:var(--digi--link-button--padding--large);--ICON--MARGIN-LEFT:var(--digi--link-button--icon--margin-left);--BADGE--RIGHT:2.375rem;--LINK--HEIGHT:3.75rem}.digi-link-button--large.sc-digi-link-button-h a.sc-digi-link-button{height:var(--LINK--HEIGHT)}.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(\n    --digi--link-button--border-color--primary--default\n  );--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(\n    --digi--link-button--background--primary-alt--default\n  );--BACKGROUND--HOVER:var(--digi--link-button--background--primary-alt--hover);--BORDER-COLOR--DEFAULT:var(\n    --digi--link-button--border-color--primary-alt--default\n  );--BORDER-COLOR--HOVER:var(\n    --digi--link-button--border-color--primary-alt--hover\n  )}.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(\n    --digi--link-button--background--secondary--default\n  );--BACKGROUND--HOVER:var(--digi--link-button--background--secondary--hover);--BORDER-COLOR--DEFAULT:var(\n    --digi--link-button--border-color--secondary--default\n  );--BORDER-COLOR--HOVER:var(\n    --digi--link-button--border-color--secondary--hover\n  )}.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(\n    --digi--link-button--background--secondary-alt--default\n  );--BACKGROUND--HOVER:var(\n    --digi--link-button--background--secondary-alt--hover\n  );--BORDER-COLOR--DEFAULT:var(\n    --digi--link-button--border-color--secondary-alt--default\n  );--BORDER-COLOR--HOVER:var(\n    --digi--link-button--border-color--secondary-alt--hover\n  )}.sc-digi-link-button-s>a digi-badge-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(--FONT-SIZE);font-weight:var(--digi--link-button--font-weight);background:var(--BACKGROUND--DEFAULT);padding:var(--PADDING);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:focus-visible .digi-link-button__icon,.sc-digi-link-button-s>a:active .digi-link-button__icon{--COLOR--DEFAULT: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}.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%}.sc-digi-link-button-s>a [class*=digi-icon],.sc-digi-link-button-s>a .digi-link-button__icon{margin-left:var(--ICON--MARGIN-LEFT);--digi--icon--color:var(--COLOR--DEFAULT)}";export{l as digi_link_button}

package/dist/digi-arbetsformedlingen/p-167234fc.entry.js

@@ -1 +0,0 @@
-import{r as s,c as t,h as i}from"./p-e35cae7b.js";import{K as a,k as h}from"./p-517dd6a0.js";const e=class{constructor(i){s(this,i),this.afOnEsc=t(this,"afOnEsc",7),this.afOnEnter=t(this,"afOnEnter",7),this.afOnTab=t(this,"afOnTab",7),this.afOnSpace=t(this,"afOnSpace",7),this.afOnShiftTab=t(this,"afOnShiftTab",7),this.afOnUp=t(this,"afOnUp",7),this.afOnDown=t(this,"afOnDown",7),this.afOnLeft=t(this,"afOnLeft",7),this.afOnRight=t(this,"afOnRight",7),this.afOnHome=t(this,"afOnHome",7),this.afOnEnd=t(this,"afOnEnd",7),this.afOnKeyUp=t(this,"afOnKeyUp",7)}keyupHandler(s){switch(h(s)){case a.SHIFT_TAB:this.afOnShiftTab.emit(s);break;case a.DOWN_ARROW:this.afOnDown.emit(s),this.afOnKeyUp.emit(s);break;case a.UP_ARROW:this.afOnUp.emit(s),this.afOnKeyUp.emit(s);break;case a.LEFT_ARROW:this.afOnLeft.emit(s),this.afOnKeyUp.emit(s);break;case a.RIGHT_ARROW:this.afOnRight.emit(s),this.afOnKeyUp.emit(s);break;case a.ENTER:this.afOnEnter.emit(s),this.afOnKeyUp.emit(s);break;case a.ESCAPE:this.afOnEsc.emit(s),this.afOnKeyUp.emit(s);break;case a.TAB:this.afOnTab.emit(s),this.afOnKeyUp.emit(s);break;case a.SPACE:this.afOnSpace.emit(s),this.afOnKeyUp.emit(s);break;case a.HOME:this.afOnHome.emit(s),this.afOnKeyUp.emit(s);break;case a.END:this.afOnEnd.emit(s),this.afOnKeyUp.emit(s);break;case a.ANY:this.afOnKeyUp.emit(s);break;default:return void this.afOnKeyUp.emit(s)}}render(){return i("slot",{key:"1796bc7a2d5bea547592f82649ff9e6db165dd06"})}};export{e as digi_util_keyup_handler}