@designsystem-se/af 36.0.3 → 37.0.1

package/dist/digi-arbetsformedlingen/p-fdecd798.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as o,H as a,g as d}from"./p-52e3bb32.js";import{c as r,b as e,D as s}from"./p-ee4cb21a.js";import{r as n}from"./p-ffe5c0e8.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import{B as g}from"./p-cdf86efc.js";import"./p-ee9589e6.js";import{B as c}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5a602122.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-bc3d2778.js";import"./p-88b4d03a.js";import"./p-1f956af8.js";import"./p-24fe2189.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-300aa9ef.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-290d1746.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const l=class{constructor(o){i(this,o),this.afPrimaryButtonClick=t(this,"afPrimaryButtonClick",7),this.afSecondaryButtonClick=t(this,"afSecondaryButtonClick",7),this.afOnClose=t(this,"afOnClose",7),this._focusableElementsSelectors='a, input, select, textarea, button, button:not(hidden), iframe, object, [tabindex="0"]',this.focusableElements=[],this.afId=n("digi-dialog"),this.afVariation=r.PRIMARY,this.afSize=e.MEDIUM,this.afShowDialog=void 0,this.afCloseButtonText="Stäng",this.afHeadingLevel=s.H2,this.afHeading=void 0,this.afPrimaryButtonText=void 0,this.afSecondaryButtonText=void 0,this.afFallbackElementSelector=void 0}primaryClickHandler(i){this.afPrimaryButtonClick.emit(i)}secondaryClickHandler(i){this.afSecondaryButtonClick.emit(i)}escHandler(i){this._closeButton&&this.closeDialog(i)}shiftHandler(i){let t;t="DIGI-DIALOG"===document.activeElement.tagName?document.activeElement.shadowRoot.activeElement:document.activeElement,this.shouldUseFocusTrap?t===this._dialogHeading&&this.closeButtonEl||t===this.firstFocusableEl&&this.closeButtonEl?(i.detail.preventDefault(),this.closeButtonEl.focus()):(t===this._dialogHeading&&!this.closeButtonEl||t===this.firstFocusableEl&&!this.closeButtonEl||t===this.closeButtonEl)&&(i.detail.preventDefault(),this.lastFocusableEl.focus()):i.detail.preventDefault()}tabHandler(i){let t;t="DIGI-DIALOG"===document.activeElement.tagName?document.activeElement.shadowRoot.activeElement:document.activeElement,this.shouldUseFocusTrap?t===this.lastFocusableEl&&this.closeButtonEl?(i.detail.preventDefault(),this.closeButtonEl.focus()):t!==this.closeButtonEl&&t!==this.lastFocusableEl||(i.detail.preventDefault(),this.firstFocusableEl.focus()):i.detail.preventDefault()}onActive(){document.body.style.overflow="hidden",this.afCloseButtonText||(this._wrapper.style.paddingTop="25px"),this._dialogHeading&&(this._dialogHeading.style.marginTop="0"),this.onResize(),setTimeout((()=>{this.setFallback(),this.getFocusableItems(),this.setFocus()}),50)}buttonWidthMaxContent(){this._primaryButton&&(this._primaryButton.style.width="max-content",this._primaryButton.querySelector("button").style.width="max-content"),this._secondaryButton&&(this._secondaryButton.style.width="max-content",this._secondaryButton.querySelector("button").style.width="max-content")}buttonWidth100Percent(){this._primaryButton&&(this._primaryButton.style.width="100%",this._primaryButton.querySelector("button").style.width="100%"),this._secondaryButton&&(this._secondaryButton.style.width="100%",this._secondaryButton.querySelector("button").style.width="100%")}onResize(){this.buttonContainerObserver=new ResizeObserver((()=>{this._buttonContainer.clientWidth<=313?this.buttonWidth100Percent():this.buttonWidthMaxContent()})),this.buttonContainerObserver.observe(this._buttonContainer)}onInactive(){const i=this.fallbackElement;i&&i.focus(),this.buttonContainerObserver.disconnect(),document.body.style.overflow=""}closeDialog(i){this.afShowDialog=!1,this.afOnClose.emit(i)}setFallback(){this.afFallbackElementSelector&&document.querySelector(this.afFallbackElementSelector)?(this.fallbackElement=document.querySelector(this.afFallbackElementSelector),this.fallbackElement instanceof HTMLHeadingElement&&this.fallbackElement.setAttribute("tabindex","-1")):this.fallbackElement=document.activeElement}setFocus(){if(this.afShowDialog){let i;this.afHeading?(i=this._dialogHeading,this._dialogHeading.style.outline="none"):this.firstFocusableEl?(i=this.firstFocusableEl,i.getAttribute("tabindex")||i.setAttribute("tabindex","0")):this.closeButtonEl?i=this.closeButtonEl:(i=this._wrapper,i.setAttribute("tabindex","0")),i&&i.focus()}}getFocusableItems(){let i;const t=this._host.querySelectorAll(this._focusableElementsSelectors),o=this._wrapper.querySelectorAll(this._focusableElementsSelectors);if(this._closeButton){this.closeButtonEl=this._closeButton.children[0];const a=Array.prototype.slice.call(o);a.shift(),i=Array.from(t).concat(Array.from(a))}else i=Array.from(t).concat(Array.from(o));this.focusableElements=i,this.focusableElements.length>0&&(this.firstFocusableEl=this.focusableElements[0],this.lastFocusableEl=this.focusableElements[this.focusableElements.length-1])}componentDidLoad(){this.afShowDialog&&this.onActive()}componentDidUpdate(){this.afShowDialog?this.onActive():!this.afShowDialog&&this.fallbackElement&&this.onInactive()}get shouldUseFocusTrap(){return this.afShowDialog&&this.focusableElements.length>0}get cssModifiers(){return{"digi-dialog--primary":this.afVariation==r.PRIMARY,"digi-dialog--secondary":this.afVariation==r.SECONDARY,"digi-dialog--small":this.afSize==e.SMALL,"digi-dialog--medium":this.afSize==e.MEDIUM,"digi-dialog--large":this.afSize==e.LARGE}}render(){return o(a,{key:"b6fa143b71709908623eda3f8fda037f523a4f90",ref:i=>{this._host=i}},this.afShowDialog&&o("div",{key:"46ae05735ed8f54c75a82b5cc5e23effae77e745",class:Object.assign({"digi-dialog":!0},this.cssModifiers)},o("digi-util-keydown-handler",{key:"0740b3466fc4a3ac52bfe0a3d5d58fe2399c4474",onAfOnEsc:i=>this.escHandler(i),onAfOnTab:i=>this.tabHandler(i),onAfOnShiftTab:i=>this.shiftHandler(i),class:"digi-dialog__keydown-handler"},o("div",{key:"d6da8ca0633774200dff4ade8fb170f2fd19b6b9",ref:i=>{this._wrapper=i},role:"dialog","aria-modal":"true",class:"digi-dialog__content"},o("digi-typography",{key:"e5532e07a112ba5cadc4f4ee012c7c0b1ebc7eac"},this.afCloseButtonText&&o("digi-button",{key:"e52c53a254adfca3c0e7d22500f381877feb798d",ref:i=>this._closeButton=i,class:"digi-dialog__close-button",afAriaLabel:this.afCloseButtonText,afSize:g.MEDIUM,"af-variation":"function",onAfOnClick:i=>this.closeDialog(i)},this.afCloseButtonText,o("digi-icon-x",{key:"78b867c769a5f170a7b09270f0a466358febd0df",class:"digi-dialog__close-icon",slot:"icon-secondary"})),o("slot",{key:"20b204bea4212367ed6202e73185ee0f63ab85f3",name:"over-heading"}),this.afHeadingLevel&&this.afHeading&&o(this.afHeadingLevel,{key:"20b227dc35ebe307589e097cb64bcd7c47913729",tabindex:"-1",ref:i=>this._dialogHeading=i},this.afHeading),o("slot",{key:"2c5f707d8a5db9957a252e1a6a454824521b6541"}),o("div",{key:"167c44e5b9827f66b9355180d6af6a9fc8f783ad",ref:i=>this._buttonContainer=i,class:"digi-dialog__button-container"},this.afSecondaryButtonText&&o("digi-button",{key:"bca5ce02a71c2c4b43ec7eaebcc70016c5ea1d98",ref:i=>this._secondaryButton=i,afVariation:c.SECONDARY,onAfOnClick:i=>this.secondaryClickHandler(i)},this.afSecondaryButtonText),this.afPrimaryButtonText&&o("digi-button",{key:"1208655a175f323aa4bff70b0cf8daa28e2f3e86",ref:i=>this._primaryButton=i,afVariation:c.PRIMARY,onAfOnClick:i=>this.primaryClickHandler(i)},this.afPrimaryButtonText)))))))}get hostElement(){return d(this)}};l.style=":host{--digi--dialog--backdrop--position:fixed;--digi--dialog--backdrop--opacity:1;--digi--dialog--backdrop--z--index:999;--digi--dialog--backdrop--left:0;--digi--dialog--backdrop--top:0;--digi--dialog--backdrop--width:100vw;--digi--dialog--backdrop--height:100vh;--digi--dialog--backdrop--display:flex;--digi--dialog--backdrop--justify--content:center;--digi--dialog--backdrop--align--items:center;--digi--dialog--close--button--display:grid;--digi--dialog--close--button--justify--content:end;--digi--dialog--close--button--margin--right:-1rem;--digi--dialog--button--container--display:flex;--digi--dialog--button--container--flex-wrap:wrap;--digi--dialog--button--container--gap:var(--digi--gutter--large);--digi--dialog--button--container--padding--top:var(--digi--gutter--largest-2);--digi--dialog--button--text--align--mobile:center;--digi--dialog--content--gutter:var(--digi--gutter--largest);--digi--dialog--content--margin:var(--digi--margin--large) auto;--digi--dialog--content--padding:var(--digi--padding--large);--digi--dialog--content--width--small:28.75rem;--digi--dialog--content--width--medium:42.1875rem;--digi--dialog--content--width--large:56.25rem;--digi--dialog--content--color--primary:var(--digi--color--text--primary);--digi--dialog--content--color--background--primary:var(--digi--color--background--primary);--digi--dialog--icon--color--primary:var(--digi--color--icon--primary);--digi--dialog--icon--color--primary--hover:var(--digi--color--icon--primary)}:host .digi-dialog{background:rgba(0, 0, 0, 0.7);overflow-x:hidden;overflow-y:auto;position:var(--digi--dialog--backdrop--position);opacity:var(--digi--dialog--backdrop--opacity);z-index:var(--digi--dialog--backdrop--z--index);left:var(--digi--dialog--backdrop--left);top:var(--digi--dialog--backdrop--top);width:var(--digi--dialog--backdrop--width);height:var(--digi--dialog--backdrop--height);display:var(--digi--dialog--backdrop--display);justify-content:var(--digi--dialog--backdrop--justify--content);align-items:var(--digi--dialog--backdrop--align--items);padding:var(--digi--padding--medium);box-sizing:border-box}:host .digi-dialog--primary{--DIGI--DIALOG--COLOR--BACKGROUND:var(\n    --digi--dialog--content--color--background--primary\n  );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--primary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:initial}:host .digi-dialog--secondary{--digi--dialog--content--color--secondary:var(\n    --digi--global--color--profile--white--base\n  );--digi--dialog--content--color--background--secondary:var(\n    --digi--global--color--profile--blue--base\n  );--DIGI--DIALOG--COLOR--BACKGROUND:var(\n    --digi--dialog--content--color--background--secondary\n  );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--secondary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:#b7b7ff;--digi--color--text--primary:var(--digi--dialog--content--color--secondary)}:host .digi-dialog--small{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--small)}:host .digi-dialog--medium{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--medium)}:host .digi-dialog--large{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--large)}:host .digi-dialog__keydown-handler{width:100%;max-height:100%}:host .digi-dialog__content{background:var(--DIGI--DIALOG--COLOR--BACKGROUND);color:var(--DIGI--DIALOG--COLOR);max-width:var(--DIGI--DIALOG--CONTENT--WIDTH);width:100%;margin:var(--digi--dialog--content--margin);padding:var(--digi--padding--smaller) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding);box-sizing:border-box}:host .digi-dialog__close-button{--digi--button--color--text--function--default:var(--DIGI--DIALOG--COLOR);--digi--button--color--text--function--hover:var(--DIGI--DIALOG--COLOR);--digi--button--color--icon--function--default:var(--digi--dialog--icon--color--primary);--digi--button--color--icon--function--hover:var(--digi--dialog--icon--color--primary--hover);display:var(--digi--dialog--close--button--display);justify-content:var(--digi--dialog--close--button--justify--content);margin-right:var(--digi--dialog--close--button--margin--right)}:host .digi-dialog__button-container{display:var(--digi--dialog--button--container--display);flex-wrap:var(--digi--dialog--button--container--flex-wrap);gap:var(--digi--dialog--button--container--gap);padding-top:var(--digi--dialog--button--container--padding--top)}:host .digi-dialog__button-container digi-button,:host .digi-dialog__button-container .digi-button--medium{text-align:var(--digi--dialog--button--text--align--mobile)}:host .digi-dialog__button-container digi-button :first-of-type,:host .digi-dialog__button-container .digi-button--medium :first-of-type{--digi--button--color--border--primary--default:var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY);--digi--button--color--border--primary--hover:var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY)}";export{l as digi_dialog}

package/dist/digi-arbetsformedlingen/p-fe409f14.entry.js

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

package/dist/esm/button-size.enum-d5ff6ff3.js

@@ -1,7 +0,0 @@
-var ButtonSize;
-(function (ButtonSize) {
-    ButtonSize["SMALL"] = "small";
-    ButtonSize["MEDIUM"] = "medium";
-})(ButtonSize || (ButtonSize = {}));
-
-export { ButtonSize as B };

package/dist/esm/button-type.enum-5250ae0b.js

@@ -1,8 +0,0 @@
-var ButtonType;
-(function (ButtonType) {
-    ButtonType["BUTTON"] = "button";
-    ButtonType["SUBMIT"] = "submit";
-    ButtonType["RESET"] = "reset";
-})(ButtonType || (ButtonType = {}));
-
-export { ButtonType as B };