npm - @designsystem-se/af - Versions diffs - 34.0.4-beta.2 → 34.1.0 - Mend

@designsystem-se/af 34.0.4-beta.2 → 34.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1721) hide show

package/components/digi-form-file-upload.js CHANGED Viewed

@@ -4,16 +4,16 @@ import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { b as FormFileUploadVariation, a as FormFileUploadValidation, F as FormFileUploadHeadingLevel } from './p-905ccb30.js';
 import { U as UtilBreakpointObserverBreakpoints } from './p-cdcaf0eb.js';
 import { F as FormValidationMessageVariation } from './p-7933b555.js';
-import { d as defineCustomElement$b } from './p-1f838d49.js';
-import { d as defineCustomElement$a } from './p-ec4b6151.js';
-import { d as defineCustomElement$9 } from './p-29908d12.js';
-import { d as defineCustomElement$8 } from './p-58cfedb8.js';
-import { d as defineCustomElement$7 } from './p-fd25fbe2.js';
-import { d as defineCustomElement$6 } from './p-29a84249.js';
-import { d as defineCustomElement$5 } from './p-d5aaf156.js';
-import { d as defineCustomElement$4 } from './p-00e0088f.js';
-import { d as defineCustomElement$3 } from './p-09d09b66.js';
-import { d as defineCustomElement$2 } from './p-58fc6796.js';
+import { d as defineCustomElement$b } from './p-3e02e6a4.js';
+import { d as defineCustomElement$a } from './p-b4012353.js';
+import { d as defineCustomElement$9 } from './p-d102eafc.js';
+import { d as defineCustomElement$8 } from './p-77627936.js';
+import { d as defineCustomElement$7 } from './p-63c2d5a1.js';
+import { d as defineCustomElement$6 } from './p-a81675ae.js';
+import { d as defineCustomElement$5 } from './p-d01319cf.js';
+import { d as defineCustomElement$4 } from './p-51efc942.js';
+import { d as defineCustomElement$3 } from './p-d08ba8cc.js';
+import { d as defineCustomElement$2 } from './p-50634baa.js';
 const formFileUploadCss = ".digi--util--fs--xs.sc-digi-form-file-upload {\n  font-size: var(--digi--global--typography--font-size--small) !important;\n}\n\n.digi--util--fs--s.sc-digi-form-file-upload {\n  font-size: calc(var(--digi--global--typography--font-size--small) + 1px) !important;\n}\n\n.digi--util--fs--m.sc-digi-form-file-upload {\n  font-size: var(--digi--global--typography--font-size--base) !important;\n}\n\n.digi--util--fs--l.sc-digi-form-file-upload {\n  font-size: var(--digi--global--typography--font-size--large) !important;\n}\n\n.digi--util--fw--sb.sc-digi-form-file-upload {\n  font-weight: var(--digi--global--typography--font-weight--semibold) !important;\n}\n\n.digi--util--pt--1.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--pt--10.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--pt--20.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--pt--30.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--pt--40.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--pt--50.sc-digi-form-file-upload {\n  padding-top: 2.5rem !important;\n}\n\n.digi--util--pt--60.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--pt--70.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--pt--80.sc-digi-form-file-upload {\n  padding-top: 4.5rem !important;\n}\n\n.digi--util--pt--90.sc-digi-form-file-upload {\n  padding-top: 5rem !important;\n}\n\n.digi--util--pb--1.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--pb--10.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--pb--20.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--pb--30.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--pb--40.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--pb--50.sc-digi-form-file-upload {\n  padding-bottom: 2.5rem !important;\n}\n\n.digi--util--pb--60.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--pb--70.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--pb--80.sc-digi-form-file-upload {\n  padding-bottom: 4.5rem !important;\n}\n\n.digi--util--pb--90.sc-digi-form-file-upload {\n  padding-bottom: 5rem !important;\n}\n\n.digi--util--p--1.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--p--10.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--p--20.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--p--30.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--p--40.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--p--50.sc-digi-form-file-upload {\n  padding: 2.5rem !important;\n}\n\n.digi--util--p--60.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--p--70.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--p--80.sc-digi-form-file-upload {\n  padding: 4.5rem !important;\n}\n\n.digi--util--p--90.sc-digi-form-file-upload {\n  padding: 5rem !important;\n}\n\n.digi--util--ptb--1.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--smallest-2) !important;\n  padding-bottom: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--ptb--10.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--smallest) !important;\n  padding-bottom: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--ptb--20.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--base) !important;\n  padding-bottom: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--ptb--30.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-2) !important;\n  padding-bottom: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--ptb--40.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-4) !important;\n  padding-bottom: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--ptb--50.sc-digi-form-file-upload {\n  padding-top: 2.5rem !important;\n  padding-bottom: 2.5rem !important;\n}\n\n.digi--util--ptb--60.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-5) !important;\n  padding-bottom: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--ptb--70.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-6) !important;\n  padding-bottom: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--ptb--80.sc-digi-form-file-upload {\n  padding-top: 4.5rem !important;\n  padding-bottom: 4.5rem !important;\n}\n\n.digi--util--ptb--90.sc-digi-form-file-upload {\n  padding-top: 5rem !important;\n  padding-bottom: 5rem !important;\n}\n\n.digi--util--plr--1.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--smallest-2) !important;\n  padding-right: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--plr--10.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--smallest) !important;\n  padding-right: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--plr--20.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--base) !important;\n  padding-right: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--plr--30.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--largest-2) !important;\n  padding-right: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--plr--40.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--largest-4) !important;\n  padding-right: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--plr--50.sc-digi-form-file-upload {\n  padding-left: 2.5rem !important;\n  padding-right: 2.5rem !important;\n}\n\n.digi--util--plr--60.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--largest-5) !important;\n  padding-right: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--plr--70.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--largest-6) !important;\n  padding-right: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--plr--80.sc-digi-form-file-upload {\n  padding-left: 4.5rem !important;\n  padding-right: 4.5rem !important;\n}\n\n.digi--util--plr--90.sc-digi-form-file-upload {\n  padding-left: 5rem !important;\n  padding-right: 5rem !important;\n}\n\n.digi--util--sr-only.sc-digi-form-file-upload {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  -webkit-clip-path: inset(50%);\n  clip-path: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n}\n\n.digi--util--hidden.sc-digi-form-file-upload {\n  display: none;\n}\n\n.sc-digi-form-file-upload-h {\n  --digi--form-file-upload--color--background--small--default: var(--digi--color--background--secondary);\n  --digi--form-file-upload--color--background--small--hover: var(--digi--global--color--cta--blue--dark);\n  --digi--form-file-upload--color--background--medium--default: var(--digi--color--background--secondary);\n  --digi--form-file-upload--color--background--medium--hover: var(--digi--global--color--cta--blue--dark);\n  --digi--form-file-upload--color--background--large--default: var(--digi--color--background--secondary);\n  --digi--form-file-upload--color--background--large--hover: var(--digi--global--color--cta--blue--dark);\n  --digi--form-file-upload--color--border--small--default: var(--digi--global--color--neutral--grayscale--darkest);\n  --digi--form-file-upload--color--border--small--hover: var(--digi--global--color--function--info--dark);\n  --digi--form-file-upload--color--border--medium--default: var(--digi--global--color--neutral--grayscale--darkest);\n  --digi--form-file-upload--color--border--medium--hover: var(--digi--global--color--function--info--dark);\n  --digi--form-file-upload--color--border--large--default: var(--digi--global--color--neutral--grayscale--darkest);\n  --digi--form-file-upload--color--border--large--hover: var(--digi--global--color--function--info--dark);\n  --digi--form-file-upload--border-width--small--default: var(--digi--border-width--secondary);\n  --digi--form-file-upload--border-width--small--hover: var(--digi--border-width--primary);\n  --digi--form-file-upload--border-width--medium--default: var(--digi--border-width--secondary);\n  --digi--form-file-upload--border-width--medium--hover: var(--digi--border-width--primary);\n  --digi--form-file-upload--border-width--large--default: var(--digi--border-width--secondary);\n  --digi--form-file-upload--border-width--large--hover: var(--digi--border-width--primary);\n  --digi--form-file-upload--border-style--small--default: var(--digi--global--border-style--none);\n  --digi--form-file-upload--border-style--medium--default: var(--digi--global--border-style--dashed);\n  --digi--form-file-upload--border-style--large--default: var(--digi--global--border-style--dashed);\n  --digi--form-file-upload--border-radius--small--default: var(--digi--border-radius--secondary);\n  --digi--form-file-upload--border-radius--medium--default: var(--digi--border-radius--secondary);\n  --digi--form-file-upload--border-radius--large--default: var(--digi--border-radius--secondary);\n  --digi--form-file-upload--padding--small: var(--digi--gutter--medium) var(--digi--gutter--largest);\n  --digi--form-file-upload--padding--medium: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n  --digi--form-file-upload--padding--large: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n  --digi--form-file-upload--font-size--small: var(--digi--global--typography--font-size--small);\n  --digi--form-file-upload--font-size--medium: var(--digi--global--typography--font-size--base);\n  --digi--form-file-upload--font-size--large: var(--digi--global--typography--font-size--large);\n  --digi--form-file-upload--heading--font-family: var(--digi--global--typography--font-family--default);\n  --digi--form-file-upload--heading--font-weight: var(--digi--typography--heading-4--font-weight--desktop);\n  --digi--form-file-upload--heading--font-size: var(--digi--typography--heading-4--font-size--desktop);\n  --digi--form-file-upload--heading--font-size--large: var(--digi--typography--heading-4--font-size--desktop-large);\n  --digi--form-file-upload--font-family: var(--digi--global--typography--font-family--default);\n  --digi--form-file-upload--font-weight: var(--digi--typography--form-file-upload--font-weight--desktop);\n  --digi--form-file-upload--button-text--color--default: var(--digi--global--color--cta--link--base);\n  --digi--form-file-upload--button-text--color--hover: var(--digi--global--color--function--info--light);\n  --digi--form-file-upload--padding--small--icon: var(--digi--global--spacing--smaller) var(--digi--global--spacing--smallest-2);\n  --digi--form-file-upload--padding--medium--icon: var(--digi--global--spacing--base) var(--digi--global--spacing--smallest-2);\n  --digi--form-file-upload--width--small: 132px;\n  --digi--form-file-upload--width--medium: 304px;\n  --digi--form-file-upload--width--large: inherit;\n  --digi--form-file-upload--border--error: var(--digi--global--border-style--solid) solid;\n  --digi--form-file-upload--border-color--error: var(--digi--color--border--danger);\n  --digi--form-file-upload--border--error--width: var(--digi--border-width--secondary);\n  --digi--form-file-upload--background--error: var(--digi--color--background--danger-2);\n  container-type: inline-size;\n  display: block;\n  width: 100%;\n}\n.sc-digi-form-file-upload-h a.sc-digi-form-file-upload {\n  font-weight: var(--digi--global--typography--font-weight--semibold);\n  color: var(--digi--color--text--link);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload.sc-digi-form-file-upload {\n  font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--small.sc-digi-form-file-upload {\n  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--small--hover);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--small--default);\n  --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--small--hover);\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--small--default);\n  --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--small--default);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--small--default);\n  --WIDTH: var(--digi--form-file-upload--width--small);\n  --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n  --PADDING: var(--digi--form-file-upload--padding--small);\n  --ICON--PADDING: var(--digi--form-file-upload--padding--small--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--medium.sc-digi-form-file-upload {\n  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--medium--default);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--medium--hover);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--medium--default);\n  --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--medium--hover);\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--medium--default);\n  --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--medium--default);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--medium--default);\n  --WIDTH: var(--digi--form-file-upload--width--medium);\n  --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n  --PADDING: var(--digi--form-file-upload--padding--medium);\n  --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--large.sc-digi-form-file-upload {\n  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--large--default);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--large--hover);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--large--default);\n  --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--large--hover);\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--large--default);\n  --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--large--default);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--large--default);\n  --WIDTH: var(--digi--form-file-upload--width--large);\n  --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n  --PADDING: var(--digi--form-file-upload--padding--large);\n  --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--has-errors.sc-digi-form-file-upload {\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border--error);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--border-color--error);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--border-color--error);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border--error--width);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--background--error);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n  margin-right: 0.5rem;\n  animation: animation__rotation 3s infinite linear;\n  transform-origin: center;\n  --digi--icon--height: 1rem;\n}\n@media (prefers-reduced-motion) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n    animation: none;\n  }\n}\n@keyframes animation__rotation {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__input.sc-digi-form-file-upload {\n  display: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload {\n  margin: 0 0 auto 0.5rem;\n  text-align: center;\n  white-space: nowrap;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-weight: var(--digi--typography--button--font-weight--desktop);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  color: var(--digi--form-file-upload--button-text--color--default);\n  display: flex;\n  align-items: center;\n  font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover {\n  color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n  --digi--icon--color: var(\n    --digi--form-file-upload--button-text--color--hover\n  );\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:focus-visible {\n  outline: 2px solid black;\n  outline-offset: 2px;\n  box-shadow: 0px 0px 0px 5px white;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n  --digi--icon--height: 1.25rem;\n  --digi--icon--width: 1.25rem;\n  --digi--icon--color: var(--digi--color--icons--complementary-1);\n  margin-left: 5px;\n  padding: var(--ICON--PADDING);\n  padding-right: 0;\n  padding-left: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload:hover {\n  --digi--icon--color: var(\n    --digi--form-file-upload--button-text--color--hover\n  );\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area.sc-digi-form-file-upload {\n  border-color: var(--COLOR--BORDER--DEFAULT);\n  border-radius: var(--BORDER-RADIUS--DEFAULT);\n  border-width: var(--BORDER-WIDTH--DEFAULT);\n  border-style: var(--BORDER-STYLE--DEFAULT);\n  max-width: var(--WIDTH);\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--COLOR--BACKGROUND--DEFAULT);\n  align-items: center;\n  padding: var(--PADDING);\n  margin-bottom: var(--digi--gutter--medium);\n  margin-top: var(--digi--gutter--button-block-small);\n  position: relative;\n  cursor: pointer;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area--hover.sc-digi-form-file-upload {\n  border-color: var(--COLOR--BORDER--HOVER);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area-overlay.sc-digi-form-file-upload {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background-color: var(--COLOR--BACKGROUND--HOVER);\n  opacity: 0.1;\n  top: 0;\n  left: 0;\n  z-index: 10;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload .paper-clip.sc-digi-form-file-upload {\n  padding-right: 0.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-list.sc-digi-form-file-upload {\n  max-width: none;\n  padding: 0;\n  margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files.sc-digi-form-file-upload {\n  border-radius: var(--BORDER-RADIUS--DEFAULT);\n  max-width: 100%;\n  width: 100%;\n  box-sizing: border-box;\n  background-color: var(--COLOR--BACKGROUND--FILE-LIST);\n  padding: var(--digi--gutter--largest-2) var(--digi--padding--large);\n  margin-bottom: var(--digi--gutter--medium);\n  margin-top: var(--digi--gutter--medium);\n  padding-bottom: var(--digi--padding--smaller);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading.sc-digi-form-file-upload {\n  font-family: var(--digi--form-file-upload--heading--font-family);\n  font-size: var(--digi--typography--label--font-size--desktop);\n  font-weight: var(--digi--form-file-upload--heading--font-weight);\n  color: var(--digi--color--text--primary);\n  margin: var(--digi--margin--small) 0 var(--digi--margin--medium) 0;\n  display: block;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading--and-errors.sc-digi-form-file-upload {\n  margin-top: var(--digi--margin--largest);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload {\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.with-files.sc-digi-form-file-upload {\n  border-bottom: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--border--neutral-2);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload {\n  max-height: 1.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload .clear-icon.sc-digi-form-file-upload {\n  padding-right: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload {\n  margin: 0;\n  padding: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload {\n  list-style: none;\n  margin-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload:last-of-type {\n  margin-bottom: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item.sc-digi-form-file-upload {\n  margin: var(--digi--margin--small) 0;\n  margin-bottom: var(--digi--margin--medium);\n  width: 100%;\n  box-sizing: border-box;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload {\n  list-style-type: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload:nth-child(n+2) {\n  border-top: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--border--neutral-2);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .info-wrapper.sc-digi-form-file-upload {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  height: auto;\n  min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .button-wrapper.sc-digi-form-file-upload {\n  display: flex;\n  min-width: 20%;\n  justify-content: flex-end;\n  align-items: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload p.sc-digi-form-file-upload {\n  margin: auto var(--digi--margin--small) !important;\n  font-weight: var(--digi--form-file-upload--font-weight);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  white-space: nowrap;\n  height: max-content;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .digi-form-file-upload__button-abort.sc-digi-form-file-upload {\n  margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-and-thumbnail-container.sc-digi-form-file-upload {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n  min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload {\n  display: flex;\n  align-self: baseline;\n  position: relative;\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E\");\n  top: 4px;\n  left: 0px;\n  width: 1.375rem;\n  height: 1.375rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n  width: 100%;\n  margin: auto 0;\n  font-weight: var(--digi--typography--button--font-weight--desktop);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  height: max-content;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name--thumbnail.sc-digi-form-file-upload {\n  font-weight: var(--digi--typography--button--font-weight--desktop);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  margin: auto 0 auto var(--digi--margin--small);\n  color: var(--digi--form-file-upload--button-text--color--default);\n}\n@media (max-width: 500px) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n    max-width: 17.5rem;\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload:focus-visible {\n  outline: 2px solid black;\n  outline-offset: 2px;\n  box-shadow: 0px 0px 0px 5px white;\n}\n@container (max-width: 500px) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item-name {\n    max-width: 17.5rem;\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload {\n  position: relative;\n  display: flex;\n  padding: 0;\n  margin: 0;\n  justify-content: space-between;\n  align-items: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-inner.sc-digi-form-file-upload {\n  display: flex;\n  width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload {\n  margin: 0;\n  align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload::after {\n  position: absolute;\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E\");\n  top: -6px;\n  left: 24px;\n  width: 18px;\n  height: 18px;\n  overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .thumbnail.sc-digi-form-file-upload {\n  width: 2rem;\n  height: 2rem;\n  object-fit: cover;\n  flex-grow: 0;\n  margin-right: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .hidden.sc-digi-form-file-upload {\n  margin-left: var(--digi--margin--larger);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload {\n  position: relative;\n  top: 6px;\n  left: 5px;\n  margin-right: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload::after {\n  position: absolute;\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E\");\n  top: -7px;\n  left: 15px;\n  width: 18px;\n  height: 18px;\n  overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-info.sc-digi-form-file-upload {\n  width: 100%;\n}\n@container (max-width: 500px) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item span {\n    margin-left: 0;\n    margin-right: auto;\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error.sc-digi-form-file-upload {\n  color: var(--digi--color--icons--danger);\n}\n.sc-digi-form-file-upload-h .visually-hidden.sc-digi-form-file-upload {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  -webkit-clip-path: inset(50%);\n  clip-path: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n}\n@container (min-width: 500px) {\n  .sc-digi-form-file-upload-h .hidden-desktop {\n    display: none !important;\n  }\n}\n@container (max-width: 499px) {\n  .sc-digi-form-file-upload-h .hidden-mobile {\n    display: none !important;\n  }\n}";
 const DigiFormFileUploadStyle0 = formFileUploadCss;
@@ -556,22 +556,22 @@ const FormFileUpload = /*@__PURE__*/ proxyCustomElement(class FormFileUpload ext
             } }, this.renderFiles())));
     }
     render() {
-        return (h(Fragment, { key: 'ba17ebd1a68c4dfdd7842fd147fe70eb28531b07' }, h("digi-util-breakpoint-observer", { key: '6abcbd6c77f2079fb806dd5532c5c599d5199b84', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: 'f1f17ea90d6ae42beb4b0a2837141401b28acf27', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, h("digi-form-label", { key: '53d48c99ef9c28f1e4a7920b2e36fe3f51f009fc', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: '3b48c33247372f0cc9f09e9d75154a42076b9015', class: {
+        return (h(Fragment, { key: '580ccd74dcdc8a15ee7a50105066c6d609e723b7' }, h("digi-util-breakpoint-observer", { key: '9b9589b28a18ded2bf67994a439bd536f08584e4', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '1e5cff6bafb3a81af192e1ee4298bee2240eca33', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, h("digi-form-label", { key: '75ae2b56e481e00765e1d43234df14c572ea7967', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: 'ed0236252fed830bf472d7921d9dcc5a256a91d8', class: {
                 'digi-form-file-upload__upload-area': true,
                 'digi-form-file-upload__upload-area--hover': this.fileHover
             }, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), onDragEnter: (e) => this.handleOnDragEnterLeave(e), onDragLeave: (e) => this.handleOnDragEnterLeave(e), onClick: (e) => this.handleInputClick(e) }, this.fileHover &&
-            this.afVariation != FormFileUploadVariation.SMALL && (h("div", { key: 'b4d8074c13738a51baafc3532f5c7e1fbb2bcce1', class: "digi-form-file-upload__upload-area-overlay" })), h("div", { key: '7d3a7f3d533d09b22ae51db4bfcebef117fed146', class: "digi-form-file-upload__text-area" }, h("button", { key: 'c4c06ebbb8092018cf5e9185c34166b0994479d7', type: "button", ref: (el) => {
+            this.afVariation != FormFileUploadVariation.SMALL && (h("div", { key: 'ddd140e8b75acf45e0a888d7263b0960ff1b7962', class: "digi-form-file-upload__upload-area-overlay" })), h("div", { key: '10d4233b2ea238241db72a1707ad42e225642282', class: "digi-form-file-upload__text-area" }, h("button", { key: '2a2d261139d36d93e6d0bd7fd137ae7b599cfb19', type: "button", ref: (el) => {
                 this._uploadButton = el;
             }, onClick: (e) => this.handleInputClick(e), class: "digi-form-file-upload__button hidden_mobile", style: {
                 margin: '0'
-            } }, h("digi-icon-paperclip", { key: '585f2712a5fda051566eec8d0578df241580f865', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
+            } }, h("digi-icon-paperclip", { key: 'df312825690f52fd61b6647abfab6e92f597f598', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
             ? this.afUploadBtnText
-            : _t.form.file_choose), h("input", { key: 'c1e9c5a90c34a3449862397e683039d7bf97d17e', ref: (el) => {
+            : _t.form.file_choose), h("input", { key: 'ddf070f55f29363aac37b604324ef79c8012a81f', ref: (el) => {
                 this._input = el;
-            }, onChange: (e) => this.onButtonUploadFileHandler(e), class: "digi-form-file-upload__input", multiple: true, type: "file", id: this.afId, accept: this.afFileTypes, name: this.afName ? this.afName : null, required: this.afRequired ? this.afRequired : null, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), "aria-errormessage": "digi-form-file-upload__error", "aria-describedBy": "digi-form-file-upload__error" }), h("span", { key: '1433e2a6e90b1fe1b0582eaf5d7062ba09bd33ff' }, this.afVariation !== FormFileUploadVariation.SMALL &&
-            _t.form.file_dropzone))), h("p", { key: '5253bce63a20f603e307ac4939efe495ba862074', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
+            }, onChange: (e) => this.onButtonUploadFileHandler(e), class: "digi-form-file-upload__input", multiple: true, type: "file", id: this.afId, accept: this.afFileTypes, name: this.afName ? this.afName : null, required: this.afRequired ? this.afRequired : null, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), "aria-errormessage": "digi-form-file-upload__error", "aria-describedBy": "digi-form-file-upload__error" }), h("span", { key: '9979fdc76df838ffc9aa8819bbcbf08c91c049ce' }, this.afVariation !== FormFileUploadVariation.SMALL &&
+            _t.form.file_dropzone))), h("p", { key: '4e77feeda7adc04c8fa4255f3b460703d10bc230', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
                 this._srTextContainer = el;
-            } }), (this.files.length > 0 || this.error) && (h("div", { key: '35c8740a26f94da3f7b0ef79e5ac20fae4ac1a74', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
+            } }), (this.files.length > 0 || this.error) && (h("div", { key: 'acf58e18643a87eeee54c1f7d6db872fa11598c6', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-form-filter.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface DigiFormFilter extends Components.DigiFormFilter, HTMLElement {}
 export const DigiFormFilter: {

package/components/digi-form-filter.js CHANGED Viewed

@@ -5,8 +5,8 @@ import { d as detectClickOutside } from './p-430607cb.js';
 import { d as detectFocusOutside } from './p-ee33960b.js';
 import { _ as _t } from './p-42aa440f.js';
 import { d as defineCustomElement$4 } from './p-68dbf3ef.js';
-import { d as defineCustomElement$3 } from './p-3ac0c273.js';
-import { d as defineCustomElement$2 } from './p-e03e412c.js';
+import { d as defineCustomElement$3 } from './p-ccb24f10.js';
+import { d as defineCustomElement$2 } from './p-2c789cac.js';
 const formFilterCss = ".digi--util--fs--xs.sc-digi-form-filter{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-form-filter{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-form-filter{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-form-filter{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-form-filter{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-form-filter{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-form-filter{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-form-filter{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-form-filter{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-form-filter{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-form-filter{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-form-filter{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-form-filter{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-form-filter{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-form-filter{padding-top:5rem !important}.digi--util--pb--1.sc-digi-form-filter{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-form-filter{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-form-filter{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-form-filter{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-form-filter{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-form-filter{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-form-filter{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-form-filter{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-form-filter{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-form-filter{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-form-filter{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-form-filter{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-form-filter{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-form-filter{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-form-filter{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-form-filter{padding:2.5rem !important}.digi--util--p--60.sc-digi-form-filter{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-form-filter{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-form-filter{padding:4.5rem !important}.digi--util--p--90.sc-digi-form-filter{padding:5rem !important}.digi--util--ptb--1.sc-digi-form-filter{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-form-filter{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-form-filter{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-form-filter{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-form-filter{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-form-filter{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-form-filter{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-form-filter{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-form-filter{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-form-filter{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-form-filter{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-form-filter{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-form-filter{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-form-filter{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-form-filter{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-form-filter{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-form-filter{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-form-filter{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-form-filter{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-form-filter{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-form-filter{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-form-filter{display:none}.sc-digi-form-filter-h{--digi--form-filter--footer--background:var(--digi--color--background--secondary);--digi--form-filter--scroll--max-height:18.75rem;--digi--form-filter--scroll--max-height--large:23.4275rem;--digi--form-filter--scroll--padding:var(--digi--padding--small);--digi--form-filter--reset-button--margin-left:var(--digi--padding--small);--digi--form-filter--legend__border-bottom:var(--digi--border-width--primary) solid var(--digi--color--border--neutral-2);--digi--form-filter--list--margin:0;--digi--form-filter--list--padding:var(--digi--gutter--small) 0 0 0;--digi--form-filter--item--margin:var(--digi--gutter--small) 0;--digi--form-filter--toggle-icon--transition:ease-in-out 0.2s all;--digi--form-filter--dropdown--box-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--form-filter--dropdown--border-radius:var(--digi--border--radius--primary);--digi--form-filter--dropdown--background:var(--digi--color--background--primary);--digi--form-filter--dropdown--min-width:18.75rem;--digi--form-filter--dropdown--margin-top:var(--digi--gutter--small);--digi--form-filter--dropdown--z-index:999;--digi--form-filter--toggle-button-indicator--color--default:transparent;--digi--form-filter--toggle-button-indicator--color--active:var(--digi--color--border--success);--digi--form-filter--toggle-button-indicator--width:0.625rem;--digi--form-filter--toggle-button-indicator--height:0.625rem;--digi--form-filter--toggle-button-indicator--margin-right:var(--digi--margin--small);--digi--form-filter--toggle-button-indicator--margin-left:calc(var(--digi--margin--smaller) * -1);--digi--form-filter--toggle-button--text--margin-right:var(--digi--margin--smaller);--digi--form-filter--toggle-icon--width:0.875rem;--digi--form-filter--toggle-icon--height:0.875rem;--digi--form-filter--legend--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--form-filter--legend--font-family:var(--digi--global--typography--font-family--default);--digi--form-filter--legend--font-size:var(--digi--typography--preamble--font-size--desktop)}.sc-digi-form-filter-h .digi-form-filter.sc-digi-form-filter{--INDICATOR--BACKGROUND:var(\n    --digi--form-filter--toggle-button-indicator--color--default\n  );--SCROLL--MAX-HEIGHT:var(--digi--form-filter--scroll--max-height);position:relative}.sc-digi-form-filter-h .digi-form-filter--open.sc-digi-form-filter .digi-form-filter__toggle-icon.sc-digi-form-filter{transform:rotate(-180deg)}.sc-digi-form-filter-h .digi-form-filter__toggle-icon.sc-digi-form-filter{transition:var(--digi--form-filter--toggle-icon--transition)}.sc-digi-form-filter-h .digi-form-filter__toggle-icon.sc-digi-form-filter-s>[slot^=icon],.sc-digi-form-filter-h .digi-form-filter__toggle-icon .sc-digi-form-filter-s>[slot^=icon]{--digi--icon--width:var(--digi--form-filter--toggle-icon--width);--digi--icon--height:var(--digi--form-filter--toggle-icon--height)}.sc-digi-form-filter-h .digi-form-filter__legend.sc-digi-form-filter{font-weight:var(--digi--form-filter--legend--font-weight);font-family:var(--digi--form-filter--legend--font-family);font-size:var(--digi--form-filter--legend--font-size)}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter{max-height:var(--SCROLL--MAX-HEIGHT);overflow-y:auto;padding:var(--digi--form-filter--scroll--padding);overflow-x:hidden}@media (min-width: 48rem){.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter{--SCROLL--MAX-HEIGHT:var(\n      --digi--form-filter--scroll--max-height--large\n    )}}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter fieldset.sc-digi-form-filter{border:none}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter legend.sc-digi-form-filter{width:100%;border-bottom:var(--digi--form-filter--legend__border-bottom);padding-bottom:0.25rem}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter .legend-hidden.sc-digi-form-filter{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}.sc-digi-form-filter-h .digi-form-filter__footer.sc-digi-form-filter{display:flex;align-items:center;justify-content:center;background:var(--digi--form-filter--footer--background);padding:var(--digi--form-filter--scroll--padding)}.sc-digi-form-filter-h .digi-form-filter__reset-button.sc-digi-form-filter{display:inline-block;margin-left:var(--digi--form-filter--reset-button--margin-left)}.sc-digi-form-filter-h .digi-form-filter__dropdown.sc-digi-form-filter{min-width:var(--digi--form-filter--dropdown--min-width);position:absolute;z-index:var(--digi--form-filter--dropdown--z-index);background:var(--digi--form-filter--dropdown--background);border-radius:var(--digi--form-filter--dropdown--border-radius);box-shadow:var(--digi--form-filter--dropdown--box-shadow);overflow:hidden;margin-top:var(--digi--form-filter--dropdown--margin-top)}@media (min-width: 48rem){.sc-digi-form-filter-h .digi-form-filter__dropdown--right.sc-digi-form-filter{right:0}}.sc-digi-form-filter-h .digi-form-filter__dropdown--hidden.sc-digi-form-filter{display:none}.sc-digi-form-filter-h .digi-form-filter__toggle-button-indicator.sc-digi-form-filter:before{content:\"\";width:var(--digi--form-filter--toggle-button-indicator--width);height:var(--digi--form-filter--toggle-button-indicator--height);background:var(--INDICATOR--BACKGROUND);display:inline-block;margin-right:var(--digi--form-filter--toggle-button-indicator--margin-right);border-radius:50% 50%;overflow:hidden;margin-left:var(--digi--form-filter--toggle-button-indicator--margin-left)}.sc-digi-form-filter-h .digi-form-filter__toggle-button-indicator--active.sc-digi-form-filter{--INDICATOR--BACKGROUND:var(\n    --digi--form-filter--toggle-button-indicator--color--active\n  )}.sc-digi-form-filter-h .digi-form-filter__list.sc-digi-form-filter{margin:var(--digi--form-filter--list--margin);padding:var(--digi--form-filter--list--padding)}.sc-digi-form-filter-h .digi-form-filter__item.sc-digi-form-filter{display:block}.sc-digi-form-filter-h .digi-form-filter__toggle-button-text.sc-digi-form-filter{margin-right:var(--digi--form-filter--toggle-button--text--margin-right)}";
 const DigiFormFilterStyle0 = formFilterCss;
@@ -216,24 +216,24 @@ const FormFilter = /*@__PURE__*/ proxyCustomElement(class FormFilter extends H {
         });
     }
     render() {
-        return (h(Host, { key: '7ada0004ebc0364a8f9b36ef0ec30f47b2484d91' }, h("div", { key: 'b4ae3920b7e20cd412ab512dddceab720c3ae59d', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
+        return (h(Host, { key: '33b46420ca800f91bea4414f515003e313c45ab2' }, h("div", { key: '4d6383fcd8a3bc6a5f2b0331fdf0c081eb025ce6', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
                 'digi-form-filter': true,
                 'digi-form-filter--open': this.isActive
-            } }, h("digi-button", { key: 'ba7220ff4a1cb9b41efba60118af483e02e44656', id: `${this.afId}-toggle-button`, afInputRef: (el) => (this.refs.toggle = el), class: "digi-form-filter__toggle-button", onAfOnClick: () => this.handleToggle(), "af-aria-haspopup": "true", "af-variation": "secondary", "af-aria-label": this.afFilterButtonAriaLabel, "af-aria-labelledby": this.afFilterButtonAriaDescribedby, "af-aria-controls": `${this.afId}-dropdown-menu`, "af-aria-expanded": this.isActive, "af-autofocus": this.afAutofocus ? this.afAutofocus : null }, h("i", { key: 'baaabea15e95c7f64913e7bc94610b8826003ea9', class: {
+            } }, h("digi-button", { key: '0fef77e1e39067cdd096e9089556348d753aa346', id: `${this.afId}-toggle-button`, afInputRef: (el) => (this.refs.toggle = el), class: "digi-form-filter__toggle-button", onAfOnClick: () => this.handleToggle(), "af-aria-haspopup": "true", "af-variation": "secondary", "af-aria-label": this.afFilterButtonAriaLabel, "af-aria-labelledby": this.afFilterButtonAriaDescribedby, "af-aria-controls": `${this.afId}-dropdown-menu`, "af-aria-expanded": this.isActive, "af-autofocus": this.afAutofocus ? this.afAutofocus : null }, h("i", { key: 'e61a6158e1c8909ea84ae8d2bb6313b228c69ec4', class: {
                 'digi-form-filter__toggle-button-indicator': true,
                 'digi-form-filter__toggle-button-indicator--active': this.checkedItems.length > 0
-            } }), h("span", { key: '9f883cfc59dd4ed47be8db4778c4199196fed3ff', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), h("digi-icon-chevron-down", { key: 'bd0128fb644a7e6cab6974171c2a4a1cfa6d1f04', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), h("div", { key: '797632bcce9f9e95dfadb4f8480bd54728820d70', id: `${this.afId}-dropdown-menu`, ref: (el) => (this.refs.menu = el), class: {
+            } }), h("span", { key: 'b1139fa62d9e1efdedb351a5b7c49e043b37af2c', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), h("digi-icon-chevron-down", { key: '93b44197a1bb780682568ab9cb9930dbf95415da', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), h("div", { key: '840052db4ddbba622e876fa7279898f7cd3c9f7a', id: `${this.afId}-dropdown-menu`, ref: (el) => (this.refs.menu = el), class: {
                 'digi-form-filter__dropdown': true,
                 'digi-form-filter__dropdown--right': this.afAlignRight,
                 'digi-form-filter__dropdown--hidden': !this.isActive
-            } }, h("div", { key: '467b340fa0be5f9904ce0bb9275718da4f0c2781', class: "digi-form-filter__scroll" }, h("fieldset", { key: '5b6afc77162eb93aa1f812e863a799b1b4a0e47a' }, this.afName ? (h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), h("ul", { key: 'dda800cc45f71c140585c37c7c489e6b36273c6d', class: "digi-form-filter__list", "aria-label": this.afFilterButtonAriaLabel, id: `${this.afId}-filter-list` }, this.listItems.map((item) => {
+            } }, h("div", { key: '75c9eeed26b192149887832faab2311f9fbf771c', class: "digi-form-filter__scroll" }, h("fieldset", { key: '9b234f932eb41c9c7dd29984f88ca194edcd6348' }, this.afName ? (h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), h("ul", { key: '81169739f755d31d18dc0e8c9fd9a7435fa80a9c', class: "digi-form-filter__list", "aria-label": this.afFilterButtonAriaLabel, id: `${this.afId}-filter-list` }, this.listItems.map((item) => {
             const isChecked = this.checkedItems.includes(item.id);
             const isTabbable = this.tabItems.includes(item.id);
             return (h("li", { class: "digi-form-filter__item", key: item.id }, h("digi-form-checkbox", { afInputRef: (ref) => (this.refs.filter = Object.assign(Object.assign({}, this.refs.filter), { [item.id]: ref })), afTabIndex: isTabbable ? 0 : -1, afLabel: item.label, afValue: item.id, afChecked: isChecked, onClick: (e) => {
                     e.preventDefault();
                     this.handleCheckItem(item);
                 } })));
-        })))), h("div", { key: 'abeee0ad4ef3760cf8305b22d2b690315c0c8512', class: "digi-form-filter__footer" }, h("digi-button", { key: 'b5ca7c77f6932c836a468f0569e80b2e2c1db99c', class: "digi-form-filter__submit-button", "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => this.handleSubmit(), afInputRef: (ref) => (this.refs.submit = ref) }, this.afSubmitButtonText), !this.afHideResetButton && (h("digi-button", { key: 'ff13148637fa36ab8bc3664244e1cb9a92100db0', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.handleReset(), class: "digi-form-filter__reset-button", afInputRef: (ref) => (this.refs.reset = ref) }, this.afResetButtonText))))), h("div", { key: 'f1aa1d7157693bba80426d69df5df6fcdfc5e2dc', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, h("slot", { key: '3e1538e20c1a617b2e437ec8923c4630ed4b3f3a' }))));
+        })))), h("div", { key: '4870d1ff4d945751b715eebbff6dbd15d1b5517b', class: "digi-form-filter__footer" }, h("digi-button", { key: 'e4fbc043ccaa1c0b384a7af27af2a00338af8da0', class: "digi-form-filter__submit-button", "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => this.handleSubmit(), afInputRef: (ref) => (this.refs.submit = ref) }, this.afSubmitButtonText), !this.afHideResetButton && (h("digi-button", { key: 'fa1687bda6bc611f4e810039656f73aa8864ec90', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.handleReset(), class: "digi-form-filter__reset-button", afInputRef: (ref) => (this.refs.reset = ref) }, this.afResetButtonText))))), h("div", { key: '82c097a454fd958768eae605eb16317e2a0ed91a', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, h("slot", { key: '7ce9c0f253557196321516b182bff2ce6b8d2da1' }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-form-input-search.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface DigiFormInputSearch extends Components.DigiFormInputSearch, HTMLElement {}
 export const DigiFormInputSearch: {

package/components/digi-form-input-search.js CHANGED Viewed

@@ -6,13 +6,13 @@ import { a as ButtonType } from './p-490d2653.js';
 import { d as detectClickOutside } from './p-430607cb.js';
 import { d as detectFocusOutside } from './p-ee33960b.js';
 import { d as defineCustomElement$9 } from './p-68dbf3ef.js';
-import { d as defineCustomElement$8 } from './p-ce4cdfca.js';
-import { d as defineCustomElement$7 } from './p-1f838d49.js';
-import { d as defineCustomElement$6 } from './p-ec4b6151.js';
-import { d as defineCustomElement$5 } from './p-07e6c34e.js';
-import { d as defineCustomElement$4 } from './p-29a84249.js';
-import { d as defineCustomElement$3 } from './p-d5aaf156.js';
-import { d as defineCustomElement$2 } from './p-00e0088f.js';
+import { d as defineCustomElement$8 } from './p-a207c60e.js';
+import { d as defineCustomElement$7 } from './p-3e02e6a4.js';
+import { d as defineCustomElement$6 } from './p-b4012353.js';
+import { d as defineCustomElement$5 } from './p-788a55f5.js';
+import { d as defineCustomElement$4 } from './p-a81675ae.js';
+import { d as defineCustomElement$3 } from './p-d01319cf.js';
+import { d as defineCustomElement$2 } from './p-51efc942.js';
 const formInputSearchCss = ".sc-digi-form-input-search-h{--digi--form-input-search--input--border-radius--default:var(--digi--border-radius--input-search);width:100%}.sc-digi-form-input-search-h .digi-form-input-search__input.sc-digi-form-input-search{--digi--form-input--border-radius:var(\n    --digi--form-input-search--input--border-radius--default\n  )}";
 const DigiFormInputSearchStyle0 = formInputSearchCss;
@@ -132,10 +132,10 @@ const FormInputSearch = /*@__PURE__*/ proxyCustomElement(class FormInputSearch e
         };
     }
     render() {
-        return (h("div", { key: '894e7eeebb171b4cf80767875bda2d943b87eac5', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: 'ef21889f700815573b4b784a72dbeaf4385b8908', class: {
+        return (h("div", { key: '7de63915fb92fa4bc91837bb05c13d420207d818', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: '67c9a320e90a72cc82b0515d5faa124624a5ae4b', class: {
                 'digi-form-input-search__input': true,
                 'digi-form-input-search__input--no-button': this.afHideButton
-            }, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (h("digi-button", { key: '0671496f5e528f2d18e31867e338d92168be1e94', class: "digi-form-input-search__button", onAfOnClick: (e) => this.clickHandler(e), onAfOnFocus: (e) => e.stopPropagation(), afType: this.afButtonType, afAriaLabel: this.afButtonAriaLabel, afAriaLabelledby: this.afButtonAriaLabelledby, afSize: this.afVariation, slot: "button" }, h("digi-icon-search", { key: '94ac3699331a41b6ce82ffa6156adb8990d5d189', slot: "icon" }), this.afButtonText)))));
+            }, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (h("digi-button", { key: '87e99c7c90f41b66417e69629dd88307f3d29211', class: "digi-form-input-search__button", onAfOnClick: (e) => this.clickHandler(e), onAfOnFocus: (e) => e.stopPropagation(), afType: this.afButtonType, afAriaLabel: this.afButtonAriaLabel, afAriaLabelledby: this.afButtonAriaLabelledby, afSize: this.afVariation, slot: "button" }, h("digi-icon-search", { key: '985805e3e6c0ada2974dd1043a7a85c70e289fda', slot: "icon" }), this.afButtonText)))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-form-input.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface DigiFormInput extends Components.DigiFormInput, HTMLElement {}
 export const DigiFormInput: {

package/components/digi-form-input.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { F as FormInput, d as defineCustomElement$1 } from './p-ce4cdfca.js';
+import { F as FormInput, d as defineCustomElement$1 } from './p-a207c60e.js';
 const DigiFormInput = FormInput;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-form-label.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface DigiFormLabel extends Components.DigiFormLabel, HTMLElement {}
 export const DigiFormLabel: {

package/components/digi-form-label.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { F as FormLabel, d as defineCustomElement$1 } from './p-1f838d49.js';
+import { F as FormLabel, d as defineCustomElement$1 } from './p-3e02e6a4.js';
 const DigiFormLabel = FormLabel;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-form-radiobutton.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface DigiFormRadiobutton extends Components.DigiFormRadiobutton, HTMLElement {}
 export const DigiFormRadiobutton: {

package/components/digi-form-radiobutton.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { F as FormRadiobutton, d as defineCustomElement$1 } from './p-a483dee7.js';
+import { F as FormRadiobutton, d as defineCustomElement$1 } from './p-e22aa82c.js';
 const DigiFormRadiobutton = FormRadiobutton;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-form-radiogroup.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface DigiFormRadiogroup extends Components.DigiFormRadiogroup, HTMLElement {}
 export const DigiFormRadiogroup: {

package/components/digi-form-radiogroup.js CHANGED Viewed

@@ -47,7 +47,7 @@ const FormRadiogroup = /*@__PURE__*/ proxyCustomElement(class FormRadiogroup ext
         return {};
     }
     render() {
-        return (h(Host, { key: '56ba534a891fe531735c75b574700df7b0763d10' }, h("div", { key: '9abc1cea17aadca6383a07df530dd9dccb6917f6', class: Object.assign({ 'digi-form-radiogroup': true }, this.cssModifiers) }, h("digi-util-mutation-observer", { key: '0e3229b00154f836003ecef98f9e9d67504bf317', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, h("slot", { key: '0254cddb2bc367ef826472e4e6223f3bee82999f' })))));
+        return (h(Host, { key: '10a387159750e22425c43ed7a50c26495942a630' }, h("div", { key: '60ed16f5262d61db5f26002ff2dc959fd57c5213', class: Object.assign({ 'digi-form-radiogroup': true }, this.cssModifiers) }, h("digi-util-mutation-observer", { key: '3faf46fe1f1f83ea814e2170ad2d28dd51102a42', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, h("slot", { key: 'fa1feed90506eaa8786d3fff2728c97d34cfb8df' })))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-form-receipt.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface DigiFormReceipt extends Components.DigiFormReceipt, HTMLElement {}
 export const DigiFormReceipt: {

package/components/digi-form-receipt.js CHANGED Viewed

@@ -49,8 +49,8 @@ import './p-a6ca40fc.js';
 import './p-b0e88537.js';
 import './p-903b00e6.js';
 import './p-cdcaf0eb.js';
-import { d as defineCustomElement$3 } from './p-b0875cc2.js';
-import { d as defineCustomElement$2 } from './p-bf970bf9.js';
+import { d as defineCustomElement$3 } from './p-6dd63fa2.js';
+import { d as defineCustomElement$2 } from './p-e9645cdc.js';
 const formReceiptCss = ".digi--util--fs--xs.sc-digi-form-receipt{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-form-receipt{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-form-receipt{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-form-receipt{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-form-receipt{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-form-receipt{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-form-receipt{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-form-receipt{padding-top:5rem !important}.digi--util--pb--1.sc-digi-form-receipt{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-form-receipt{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-form-receipt{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-form-receipt{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-form-receipt{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-form-receipt{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-form-receipt{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-form-receipt{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-form-receipt{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-form-receipt{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-form-receipt{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-form-receipt{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-form-receipt{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-form-receipt{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-form-receipt{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-form-receipt{padding:2.5rem !important}.digi--util--p--60.sc-digi-form-receipt{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-form-receipt{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-form-receipt{padding:4.5rem !important}.digi--util--p--90.sc-digi-form-receipt{padding:5rem !important}.digi--util--ptb--1.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-form-receipt{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-form-receipt{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-form-receipt{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-form-receipt{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-form-receipt{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-form-receipt{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-form-receipt{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-form-receipt{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-form-receipt{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-form-receipt{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-form-receipt{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-form-receipt{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-form-receipt{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-form-receipt{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-form-receipt{display:none}.sc-digi-form-receipt-h{--digi--receipt--background-color:var(--digi--color--background--neutral-5);--digi--receipt--margin:var(--digi--padding--small);--digi--receipt--padding-top:var(--digi--padding--large);--digi--receipt--padding-bottom:var(--digi--padding--largest);--digi--receipt--padding-top--desktop:var(--digi--padding--largest-2);--digi--receipt--padding-bottom--desktop:var(--digi--padding--largest-3);--digi--receipt--padding-horizontal:var(--digi--padding--medium);--digi--receipt--heading--color:var(--digi--color--text--primary);--digi--receipt--heading--font-size:var(--digi--typography--heading-2--font-size--mobile);--digi--receipt--heading--font-size--desktop:var(--digi--typography--heading-1--font-size--desktop-large);--digi--receipt--heading--font-weight:var(--digi--typography--heading-2--font-weight--mobile);--digi--receipt--heading--font-weight--desktop:var(--digi--typography--heading-1--font-weight--desktop);--digi--receipt--heading--font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-receipt-h .digi-form-receipt.sc-digi-form-receipt{background-color:var(--digi--receipt--background-color);display:grid;padding-top:var(--digi--receipt--padding-top);padding-bottom:var(--digi--receipt--padding-bottom)}@media (min-width: 62rem){.sc-digi-form-receipt-h .digi-form-receipt.sc-digi-form-receipt{padding-top:var(--digi--receipt--padding-top--desktop);padding-bottom:var(--digi--receipt--padding-bottom--desktop)}}.sc-digi-form-receipt-h .digi-form-receipt--grid.sc-digi-form-receipt{padding-left:var(--digi--receipt--padding-horizontal);padding-right:var(--digi--receipt--padding-horizontal)}.sc-digi-form-receipt-h .digi-form-receipt--center.sc-digi-form-receipt .digi-form-receipt__content.sc-digi-form-receipt{display:flex;flex-direction:column;align-items:center}.sc-digi-form-receipt-h .digi-form-receipt__content.sc-digi-form-receipt{grid-column:1;grid-row:1}.sc-digi-form-receipt-h .digi-form-receipt__body.sc-digi-form-receipt{display:flex;flex-direction:column}.sc-digi-form-receipt-h .digi-form-receipt__heading.sc-digi-form-receipt{font-family:var(--digi--receipt--heading--font-family);font-size:var(--digi--receipt--heading--font-size);font-weight:var(--digi--receipt--heading--font-weight);margin-top:0;margin-bottom:0;display:block;color:var(--digi--receipt--heading--color)}@media (min-width: 62rem){.sc-digi-form-receipt-h .digi-form-receipt__heading.sc-digi-form-receipt{font-size:var(--digi--receipt--heading--font-size--desktop);font-weight:var(--digi--receipt--heading--font-weight--desktop)}}.sc-digi-form-receipt-h .digi-form-receipt__icon.sc-digi-form-receipt{width:2.125rem;height:1.75rem;margin-bottom:var(--digi--receipt--margin)}@media (min-width: 62rem){.sc-digi-form-receipt-h .digi-form-receipt__icon.sc-digi-form-receipt{width:2.75rem;height:2.25rem}}.sc-digi-form-receipt-h .digi-form-receipt__slot-wrapper.sc-digi-form-receipt{display:flex;flex-direction:column;gap:1rem}.sc-digi-form-receipt-h .digi-form-receipt__slot-wrapper-has-content.sc-digi-form-receipt{padding-top:1.5rem}.sc-digi-form-receipt-s .digi-form-receipt__slot-wrapper-center-text{text-align:center}";
 const DigiFormReceiptStyle0 = formReceiptCss;
@@ -106,7 +106,7 @@ const FormReceipt = /*@__PURE__*/ proxyCustomElement(class FormReceipt extends H
         return (h("div", { class: "digi-form-receipt__content" }, h("svg", { class: "digi-form-receipt__icon", "aria-hidden": "true", version: "1.1", viewBox: "0 0 35 29" }, h("title", null, "Check mark"), h("g", { fill: "none", "fill-rule": "evenodd" }, h("g", { transform: "translate(-170 -32)" }, h("g", { transform: "translate(170 32.325)" }, h("g", { transform: "translate(0 .77495)" }, h("mask", { id: "b", fill: "white" }, h("polygon", { points: "0 0 26.685 0 26.685 27.689 0 27.689" })), h("path", { d: "m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556", fill: "#333", mask: "url(#b)" })), h("g", { transform: "translate(4.2177)" }, h("mask", { id: "a", fill: "white" }, h("polygon", { points: "0 0 30.425 0 30.425 23.496 0 23.496" })), h("path", { d: "m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324", fill: "#95C13E", mask: "url(#a)" })))))), h(this.afHeadingLevel, { class: "digi-form-receipt__heading", tabIndex: -1 }, this.afText), this.slotContent));
     }
     render() {
-        return (h("div", { key: 'd126e6ecf0ba913f3840244bcaf4b43d0f6c7ed2', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === FormReceiptVariation.FULLWIDTH ? (h("digi-layout-block", { afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
+        return (h("div", { key: '2598f309822195720322405c3e92f4a3e5e84d9b', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === FormReceiptVariation.FULLWIDTH ? (h("digi-layout-block", { afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
     }
     get hostElement() { return this; }
     static get style() { return DigiFormReceiptStyle0; }

package/components/digi-form-select-filter.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface DigiFormSelectFilter extends Components.DigiFormSelectFilter, HTMLElement {}
 export const DigiFormSelectFilter: {

package/components/digi-form-select-filter.js CHANGED Viewed

@@ -55,15 +55,15 @@ import './p-b0e88537.js';
 import './p-903b00e6.js';
 import './p-cdcaf0eb.js';
 import { d as defineCustomElement$b } from './p-68dbf3ef.js';
-import { d as defineCustomElement$a } from './p-ce4cdfca.js';
-import { d as defineCustomElement$9 } from './p-1f838d49.js';
-import { d as defineCustomElement$8 } from './p-ec4b6151.js';
-import { d as defineCustomElement$7 } from './p-e65f3dcc.js';
-import { d as defineCustomElement$6 } from './p-e03e412c.js';
-import { d as defineCustomElement$5 } from './p-29a84249.js';
-import { d as defineCustomElement$4 } from './p-d5aaf156.js';
-import { d as defineCustomElement$3 } from './p-00e0088f.js';
-import { d as defineCustomElement$2 } from './p-f4f6ca53.js';
+import { d as defineCustomElement$a } from './p-a207c60e.js';
+import { d as defineCustomElement$9 } from './p-3e02e6a4.js';
+import { d as defineCustomElement$8 } from './p-b4012353.js';
+import { d as defineCustomElement$7 } from './p-9e6f28f2.js';
+import { d as defineCustomElement$6 } from './p-2c789cac.js';
+import { d as defineCustomElement$5 } from './p-a81675ae.js';
+import { d as defineCustomElement$4 } from './p-d01319cf.js';
+import { d as defineCustomElement$3 } from './p-51efc942.js';
+import { d as defineCustomElement$2 } from './p-f3c5a743.js';
 const formSelectFilterCss = ".digi--util--fs--xs.sc-digi-form-select-filter{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-form-select-filter{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-form-select-filter{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-form-select-filter{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-form-select-filter{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-form-select-filter{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-form-select-filter{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-form-select-filter{padding-top:5rem !important}.digi--util--pb--1.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-form-select-filter{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-form-select-filter{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-form-select-filter{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-form-select-filter{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-form-select-filter{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-form-select-filter{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-form-select-filter{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-form-select-filter{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-form-select-filter{padding:2.5rem !important}.digi--util--p--60.sc-digi-form-select-filter{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-form-select-filter{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-form-select-filter{padding:4.5rem !important}.digi--util--p--90.sc-digi-form-select-filter{padding:5rem !important}.digi--util--ptb--1.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-form-select-filter{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-form-select-filter{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-form-select-filter{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-form-select-filter{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-form-select-filter{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-form-select-filter{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-form-select-filter{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-form-select-filter{display:none}.sc-digi-form-select-filter-h{--digi--form-select-filter--footer--background:var(--digi--color--background--secondary);--digi--form-select-filter--scroll--max-height:10.625rem;--digi--form-select-filter--scroll--padding:var(--digi--padding--small);--digi--form-select-filter--reset-button--margin-right:var(--digi--padding--small);--digi--form-select-filter--legend__border-bottom:var(--digi--border-width--primary) solid var(--digi--color--border--neutral-2);--digi--form-select-filter--list--margin:0;--digi--form-select-filter--list--padding:var(--digi--gutter--small) 0 0 0;--digi--form-select-filter--item--margin:var(--digi--gutter--small) 0;--digi--form-select-filter--toggle-icon--transition:ease-in-out 0.2s all;--digi--form-select-filter--dropdown--box-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--form-select-filter--dropdown--border-radius:var(--digi--border-radius--input);--digi--form-select-filter--dropdown--background:var(--digi--color--background--primary);--digi--form-select-filter--dropdown--min-width:18.75rem;--digi--form-select-filter--dropdown--margin-top:var(--digi--gutter--small);--digi--form-select-filter--dropdown--z-index:999;--digi--form-select-filter--dropdown--header--background:var(--digi--color--border--neutral-2);--digi--form-select-filter--dropdown--item--cursor:pointer;--digi--form-select-filter--dropdown--item--height:auto;--digi--form-select-filter--dropdown--item--min-height:1.5rem;--digi--form-select-filter--dropdown--item--color:var(--digi--color--text--primary);--digi--form-select-filter--dropdown--item--font-size:var(--digi--typography--body--font-size--desktop);--digi--form-select-filter--dropdown--item--font-family:var(--digi--global--typography--font-family--default);--digi--form-select-filter--dropdown--item--font-weight--default:var(--digi--typography--link--font-weight--desktop);--digi--form-select-filter--dropdown--item--font-weight--selected:var(--digi--typography--link-bold--font-weight--desktop);--digi--form-select-filter--dropdown--item--font-weight--hover:var(--digi--typography--link-bold--font-weight--desktop);--digi--form-select-filter--dropdown--item--letter-spacing:0px;--digi--form-select-filter--dropdown--item--line-height:1.5;--digi--form-select-filter--dropdown--item--margin-bottom:0px;--digi--form-select-filter--dropdown--item--border-width:var(--digi--border-width--primary);--digi--form-select-filter--dropdown--item--border-type:var(--digi--border-style--primary);--digi--form-select-filter--dropdown--item--border-color:var(--digi--color--border--neutral-2);--digi--form-select-filter--dropdown--item--padding-y:var(--digi--margin--small);--digi--form-select-filter--dropdown--item--padding-x:var(--digi--margin--largest);--digi--form-select-filter--dropdown--item--multiple--padding-y:var(--digi--margin--small);--digi--form-select-filter--dropdown--item--multiple--padding-x:var(--digi--padding--largest-2);--digi--form-select-filter--dropdown--item--background-color--default:var(--digi--color--background--primary);--digi--form-select-filter--dropdown--item--background-color--focus:var(--digi--color--background--neutral-6);--digi--form-select-filter--dropdown--item--background-color--hover:var(--digi--color--background--neutral-6);--digi--form-select-filter--dropdown--item--background-color--active:var(--digi--color--background--neutral-6);--digi--form-select-filter--dropdown--item--background-color--selected:var(--digi--color--background--neutral-6);--digi--form-select-filter--dropdown--item--checkbox--background-color:var(--digi--color--background--primary);--digi--form-select-filter--dropdown--item--checkbox--background-color--selected:var(--digi--color--background--success-1);--digi--form-select-filter--dropdown--item--checkbox--border-color:var(--digi--color--border--primary);--digi--form-select-filter--dropdown--item--checkbox--border-width:var(--digi--border-width--primary);--digi--form-select-filter--dropdown--item--checkbox--border-style:var(--digi--border-style--primary);--digi--form-select-filter--dropdown--item--checkbox--border-radius:var(--digi--border-radius--tertiary);--digi--form-select-filter--dropdown--item--checkbox--width:1.25rem;--digi--form-select-filter--dropdown--item--checkbox--height:1.25rem;--digi--form-select-filter--toggle-button-indicator--color--default:transparent;--digi--form-select-filter--toggle-button-indicator--color--active:var(--digi--color--border--success);--digi--form-select-filter--toggle-button-indicator--width:1rem;--digi--form-select-filter--toggle-button-indicator--height:1rem;--digi--form-select-filter--toggle-button-indicator--margin-right:var(--digi--margin--small);--digi--form-select-filter--toggle-button-indicator--margin-left:calc(var(--digi--margin--smaller) * -1);--digi--form-select-filter--toggle-button--text--margin-right:var(--digi--margin--smaller);--digi--form-select-filter--toggle-button-indicator--color:var(--digi--color--background--success-1);--digi--form-select-filter--toggle-icon--width:0.875rem;--digi--form-select-filter--toggle-icon--height:0.875rem;--digi--form-select-filter--search-input--border-radius:var(--digi--border-radius--input);--digi--form-select-filter--search-input--border-width:var(--digi--border-width--input-regular);--digi--form-select-filter--search-input--border-style:var(--digi--border-style--primary);--digi--form-select-filter--search-input--border-color:var(--digi--form-select-filter--toggle-button--border-width--neutral);--digi--form-select-filter--search-input--height:var(--digi--input-height--medium);--digi--form-select-filter--search-input--width:100%;--digi--form-select-filter--legend--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--form-select-filter--legend--font-family:var(--digi--global--typography--font-family--default);--digi--form-select-filter--legend--font-size:var(--digi--typography--preamble--font-size--desktop);--digi--form-select-filter--toggle-button--border-width--neutral:var(--digi--border-width--input-regular);--digi--form-select-filter--toggle-button--border-color--neutral:var(--digi--color--border--neutral-3);--digi--form-select-filter--toggle-button--background--neutral:var(--digi--color--background--input);--digi--form-select-filter--toggle-button--border-width--success:var(--digi--border-width--input-validation);--digi--form-select-filter--toggle-button--border-color--success:var(--digi--color--border--success);--digi--form-select-filter--toggle-button--background--success:var(--digi--color--background--success-2);--digi--form-select-filter--toggle-button--border-width--warning:var(--digi--border-width--input-validation);--digi--form-select-filter--toggle-button--border-color--warning:var(--digi--color--border--warning-2);--digi--form-select-filter--toggle-button--background--warning:var(--digi--color--background--warning-2);--digi--form-select-filter--toggle-button--border-width--error:var(--digi--border-width--input-validation);--digi--form-select-filter--toggle-button--border-color--error:var(--digi--color--border--danger);--digi--form-select-filter--toggle-button--background--error:var(--digi--color--background--danger-2);box-sizing:content-box}.sc-digi-form-select-filter-h .digi-form-select-filter.sc-digi-form-select-filter{display:flex;flex-direction:column;gap:0.4em;position:relative;--INDICATOR--BACKGROUND:var(\n    --digi--form-select-filter--toggle-button-indicator--color--default\n  );--SCROLL--MAX-HEIGHT:var(--digi--form-select-filter--scroll--max-height)}.sc-digi-form-select-filter-h .digi-form-select-filter--neutral.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n    --digi--form-select-filter--toggle-button--border-width--neutral\n  );--BORDER-COLOR:var(\n    --digi--form-select-filter--toggle-button--border-color--neutral\n  );--BACKGROUND:var(\n    --digi--form-select-filter--toggle-button--background--neutral\n  )}.sc-digi-form-select-filter-h .digi-form-select-filter--success.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n    --digi--form-select-filter--toggle-button--border-width--success\n  );--BORDER-COLOR:var(\n    --digi--form-select-filter--toggle-button--border-color--success\n  );--BACKGROUND:var(\n    --digi--form-select-filter--toggle-button--background--success\n  )}.sc-digi-form-select-filter-h .digi-form-select-filter--warning.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n    --digi--form-select-filter--toggle-button--border-width--warning\n  );--BORDER-COLOR:var(\n    --digi--form-select-filter--toggle-button--border-color--warning\n  );--BACKGROUND:var(\n    --digi--form-select-filter--toggle-button--background--warning\n  )}.sc-digi-form-select-filter-h .digi-form-select-filter--error.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n    --digi--form-select-filter--toggle-button--border-width--error\n  );--BORDER-COLOR:var(\n    --digi--form-select-filter--toggle-button--border-color--error\n  );--BACKGROUND:var(\n    --digi--form-select-filter--toggle-button--background--error\n  )}.sc-digi-form-select-filter-h .digi-form-select-filter--open.sc-digi-form-select-filter .digi-form-select-filter__toggle-icon.sc-digi-form-select-filter{transform:rotate(-180deg)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button.sc-digi-form-select-filter{background:var(--BACKGROUND);border:var(--BORDER-WIDTH) solid var(--BORDER-COLOR);border-radius:var(--digi--border-radius--input);color:var(--digi--color--text--primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:var(--digi--typography--body--font-size--desktop);width:100%;padding:0 var(--digi--gutter--medium);min-height:var(--digi--input-height--medium);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button.sc-digi-form-select-filter:focus-visible,.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button.sc-digi-form-select-filter:focus{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-icon.sc-digi-form-select-filter{transition:var(--digi--form-select-filter--toggle-icon--transition)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-icon.sc-digi-form-select-filter-s>[slot^=icon],.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-icon .sc-digi-form-select-filter-s>[slot^=icon]{--digi--icon--width:var(\n    --digi--form-select-filter--toggle-icon--width\n  );--digi--icon--height:var(\n    --digi--form-select-filter--toggle-icon--height\n  )}.sc-digi-form-select-filter-h .digi-form-select-filter__legend.sc-digi-form-select-filter{font-weight:var(--digi--form-select-filter--legend--font-weight);font-family:var(--digi--form-select-filter--legend--font-family);font-size:var(--digi--form-select-filter--legend--font-size);border:0;padding:0;margin:0;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}.sc-digi-form-select-filter-h .digi-form-select-filter__scroll.sc-digi-form-select-filter{max-height:var(--SCROLL--MAX-HEIGHT);overflow-y:auto}.sc-digi-form-select-filter-h .digi-form-select-filter__header.sc-digi-form-select-filter{background-color:var(--digi--form-select-filter--dropdown--header--background);padding:12px 12px 22px}.sc-digi-form-select-filter-h .digi-form-select-filter__header.sc-digi-form-select-filter input.sc-digi-form-select-filter{border-radius:var(--digi--form-select-filter--search-input--border-radius);border-width:var(--digi--form-select-filter--search-input--border-width);border-style:var(--digi--form-select-filter--search-input--border-style);border-color:var(--digi--form-select-filter--search-input--border-color);height:var(--digi--form-select-filter--search-input--height);width:var(--digi--form-select-filter--search-input--width)}.sc-digi-form-select-filter-h .digi-form-select-filter__header.sc-digi-form-select-filter legend.sc-digi-form-select-filter{width:100%;border-bottom:var(--digi--form-select-filter--legend__border-bottom)}.sc-digi-form-select-filter-h .digi-form-select-filter__footer.sc-digi-form-select-filter{display:flex;align-items:center;justify-content:center;background:var(--digi--form-select-filter--footer--background);padding:var(--digi--form-select-filter--scroll--padding)}.sc-digi-form-select-filter-h .digi-form-select-filter__reset-button.sc-digi-form-select-filter{display:inline-block;margin-right:var(--digi--form-select-filter--reset-button--margin-right)}.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown.sc-digi-form-select-filter{min-width:var(--digi--form-select-filter--dropdown--min-width);width:100%;position:absolute;z-index:var(--digi--form-select-filter--dropdown--z-index);background:var(--digi--form-select-filter--dropdown--background);border-radius:var(--digi--form-select-filter--dropdown--border-radius);box-shadow:var(--digi--form-select-filter--dropdown--box-shadow);overflow:hidden;margin-top:var(--digi--form-select-filter--dropdown--margin-top)}.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown.sc-digi-form-select-filter fieldset.sc-digi-form-select-filter{border:none;padding:0;margin:0}@media (min-width: 48rem){.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown--right.sc-digi-form-select-filter{right:0}}.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown--hidden.sc-digi-form-select-filter{display:none}.sc-digi-form-select-filter-h .digi-form-select-filter__label.sc-digi-form-select-filter{display:block}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-wrapper--activated.sc-digi-form-select-filter{display:flex;align-items:center}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-indicator.sc-digi-form-select-filter{display:none;--digi--icon--color:var(\n    --digi--form-select-filter--toggle-button-indicator--color\n  )}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-indicator--active.sc-digi-form-select-filter{display:flex;margin-right:var(--digi--form-select-filter--toggle-button-indicator--margin-right);width:var(--digi--form-select-filter--toggle-button-indicator--width);height:var(--digi--form-select-filter--toggle-button-indicator--height)}.sc-digi-form-select-filter-h .digi-form-select-filter__search-status.sc-digi-form-select-filter{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--label--font-size--desktop);color:var(--digi--color--text--primary)}.sc-digi-form-select-filter-h .digi-form-select-filter__list.sc-digi-form-select-filter{margin:var(--digi--form-select-filter--list--margin);padding:0;max-width:100%}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter{background-color:var(--digi--form-select-filter--dropdown--item--background-color--default);border-width:0;box-sizing:border-box;border-bottom-width:var(--digi--form-select-filter--dropdown--item--border-width);border-style:var(--digi--form-select-filter--dropdown--item--border-type);border-color:var(--digi--form-select-filter--dropdown--item--border-color);cursor:var(--digi--form-select-filter--dropdown--item--cursor);color:var(--digi--form-select-filter--dropdown--item--color);display:block;font-size:var(--digi--form-select-filter--dropdown--item--font-size);font-family:var(--digi--form-select-filter--dropdown--item--font-family);font-weight:var(--digi--form-select-filter--dropdown--item--font-weight--default);padding:var(--digi--form-select-filter--dropdown--item--padding-y) var(--digi--form-select-filter--dropdown--item--padding-x);position:relative;height:var(--digi--form-select-filter--dropdown--item--height);min-height:var(--digi--form-select-filter--dropdown--item--min-height);margin-bottom:var(--digi--form-select-filter--dropdown--item--margin-bottom);letter-spacing:var(--digi--form-select-filter--dropdown--item--letter-spacing);line-height:var(--digi--form-select-filter--dropdown--item--line-height)}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter:focus-visible{background-color:var(--digi--form-select-filter--dropdown--item--background-color--focus);outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter:hover{background-color:var(--digi--form-select-filter--dropdown--item--background-color--hover);font-weight:var(--digi--form-select-filter--dropdown--item--font-weight--hover)}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter:active{background-color:var(--digi--form-select-filter--dropdown--item--background-color--active)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[aria-checked=true].sc-digi-form-select-filter{font-weight:var(--digi--form-select-filter--dropdown--item--font-weight--selected);background-color:var(--digi--form-select-filter--dropdown--item--background-color--selected)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[dir=rtl].sc-digi-form-select-filter{text-align:right}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=radio].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{position:absolute;width:13px;height:25px;left:7px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=radio][dir=rtl].sc-digi-form-select-filter::before{right:3px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=radio][dir=rtl].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{left:auto;right:7px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox].sc-digi-form-select-filter{padding:var(--digi--form-select-filter--dropdown--item--multiple--padding-y) var(--digi--form-select-filter--dropdown--item--multiple--padding-x)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox][aria-checked=true].sc-digi-form-select-filter:before{background:var(--digi--form-select-filter--dropdown--item--checkbox--background-color--selected);border-color:var(--digi--form-select-filter--dropdown--item--checkbox--background-color--selected)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox].sc-digi-form-select-filter::before{content:\"\";position:absolute;background-color:var(--digi--form-select-filter--dropdown--item--checkbox--background-color);border-color:var(--digi--form-select-filter--dropdown--item--checkbox--border-color);border-width:var(--digi--form-select-filter--dropdown--item--checkbox--border-width);border-style:var(--digi--form-select-filter--dropdown--item--checkbox--border-style);height:var(--digi--form-select-filter--dropdown--item--checkbox--width);width:var(--digi--form-select-filter--dropdown--item--checkbox--height);border-radius:var(--digi--form-select-filter--dropdown--item--checkbox--border-radius);left:12px;transform:translateY(1px)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{position:absolute;width:13px;left:16px;--digi--icon--color:white}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox][dir=rtl].sc-digi-form-select-filter::before{right:12px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox][dir=rtl].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{left:auto;right:16px}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-text.sc-digi-form-select-filter{margin-right:var(--digi--form-select-filter--toggle-button--text--margin-right)}.sc-digi-form-select-filter-h .hidden.sc-digi-form-select-filter{display:none}";
 const DigiFormSelectFilterStyle0 = formSelectFilterCss;
@@ -509,15 +509,15 @@ const FormSelectFilter = /*@__PURE__*/ proxyCustomElement(class FormSelectFilter
             } }, h("slot", { name: "empty-search-result" })))));
     }
     render() {
-        return (h("div", { key: '0e0b5a6c5ca9e2782dfc9ed604589fe05cca0cf8', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: 'fcd9458feb6f35f7e425fa4faa457a9fbf9fb69d', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("digi-util-keydown-handler", { key: '9d6e03f9da5890bb7dd600228be6da5a0a26c70e', onAfOnEsc: () => this.escHandler() }, h("button", { key: '38dc236ff9a26b15aa55cc10239fd3904835378b', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: '7f38dad37e5aeecaa02de3f54c5c9052e016b86d', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '0260fd61b57e7c21533425291bc9af612896dc27', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '5082b03f5d1185a8d556e9890bfa1e4bf4899621', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: 'cc17eb39eb1070957e32a6b006975fa6c865300c', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '97b95ee20a8430a88a716b1ba77d09c35ca6bdb3', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
+        return (h("div", { key: '0441a3108913933a52f7ce85a8e808637d1b3c91', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: '642aeed1224efdd28628722fc29c4885defe1f88', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("digi-util-keydown-handler", { key: 'b5117f00c181ceb475eff973d9fef953ab057ffe', onAfOnEsc: () => this.escHandler() }, h("button", { key: 'f5ac9723c420b469f280751113b8fed4be799b2f', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: '95f70c6e4a9ce0fb00d549ea9a2a56c889694536', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '1acd4598fe9a41669038186b086013a027c8e84f', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '965fd1089e5ebe115ebada0e6a8bac72de406d83', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: '23ee710f53016cf532cf74bd2288e3202418bffd', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '55f99522a98d710b4d222b43e51c63961bdd390e', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
                 'digi-form-select-filter__dropdown': true,
                 'digi-form-select-filter__dropdown--right': this.afAlignRight,
                 'digi-form-select-filter__dropdown--hidden': !this.isOpen
-            } }, h("fieldset", { key: '97e2ef5e977ef0d410d52e067185f3ab56c34837' }, h("div", { key: 'd6cd4d6328bf40daff973d3f796ba8476b65af18', class: "digi-form-select-filter__header" }, h("legend", { key: '725c8d83dbe228c2f863c3c16ad28c62ba352161', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: '255914ffe629e78cd7161692f627301bf7158312', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
+            } }, h("fieldset", { key: 'b801358f02ee8719a354128ce1669276ae26052c' }, h("div", { key: 'a307b294684fe855f61c3f1fae1359d79e118ed8', class: "digi-form-select-filter__header" }, h("legend", { key: '854730c3331539ff816c78bbb5c4afa8b3f8045f', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: 'ee515e0d2a5392fac6614309804762bb02b31b1b', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
                 this.focusListItemIndex = 0;
             }, onAfOnKeyup: (e) => {
                 this.inputSearchKeyboardHandler(e.detail);
-            }, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: 'f04990f47e0c842447503c0c669fad9f075e1800', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '7da1585d05f256fc94d8750bbf0b4623b800e9db', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, h("ul", { key: '6e401af39523d807e8b5feec5ef3338b66690b55', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
+            }, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: '4c3b4dd67932713d3b0f9784ddb6908172bae788', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '21fd9e82b72a29c6d4f6d9483a189bd877f86c7f', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, h("ul", { key: '1c7566020cc272722d7978b618395177c114a9ac', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
                 ? 'false'
                 : this.afValidation === FormSelectFilterValidation.ERROR
                     ? 'true'
@@ -525,11 +525,11 @@ const FormSelectFilter = /*@__PURE__*/ proxyCustomElement(class FormSelectFilter
                 ? false
                 : this.afRequired
                     ? 'true'
-                    : 'false' }, this.showNeutralValue && (h("li", { key: '42b5cd64559f4fe910fb94169fe9bd35915aa266', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
+                    : 'false' }, this.showNeutralValue && (h("li", { key: '8d05cf89e96e8ac1483ce26a337a5978f838b639', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
                 ? 'false'
                 : this.afRequired
                     ? 'true'
-                    : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: '9573d54691dda07e1b925446417e668f4fdd6bf5', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
+                    : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: 'a38310179982e60d3f2689e86205b60954626a7b', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
             this._filteredResult.map((item, index) => {
                 return (h("li", { class: "digi-form-select-filter__item", key: index, dir: item.dir, lang: item.lang, "aria-checked": this.isSelected(item.value) ? 'true' : 'false', role: this.afMultipleItems ? 'checkbox' : 'radio', "aria-required": this.afMultipleItems
                         ? 'false'
@@ -541,9 +541,9 @@ const FormSelectFilter = /*@__PURE__*/ proxyCustomElement(class FormSelectFilter
                             ? 'true'
                             : 'false'
                         : 'false', "aria-errormessage": `${this.afId}--validation-message`, onClick: () => this.selectItemHandler(item), tabIndex: this.showNeutralValue ? -1 : index === 0 ? 0 : -1 }, this.isSelected(item.value) && (h("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
-            }))))), this.afMultipleItems && (h("div", { key: '1f046cb3871016f267d32771466014cab90c12f6', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: 'a9ea9a5bf34d8175ae2a0dc4da89d929529c55ab', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), h("digi-util-keydown-handler", { key: '3d594d100272e7e202807d3b53201c2a3310ca4d', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: 'cfd532da0237b896c89e6e12a94660419a92ae76', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
+            }))))), this.afMultipleItems && (h("div", { key: '5b86ccce4ca0f6a5c8fdc02680aa792b97912a0b', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: 'b644d87b83ecbed6cfd1599a641e5264921ac4fc', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), h("digi-util-keydown-handler", { key: 'b0e8623abc016dcae8614310ea8653f28ec5d9b3', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: '838f2780f265db6153e2e928ab23935a19885b51', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
                 this.setClosed(true);
-            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: 'a8caa89de2f8ee74440a06f5c9b68f194e891e49', class: "digi-form-select__footer" }, h("div", { key: '97cf1f6e9c109186c0af08f47219e7a6c19c9cec', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '46700b4b0b977f1c516b396e59ac53fcbe265ec1', "af-variation": this.afValidation }, this.afValidationText))))));
+            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: 'e2a972b032f28e6e0347e2bd7aca7724e7a144a2', class: "digi-form-select__footer" }, h("div", { key: 'f8d44fff602afedb23b2f64b80d5bcaf7b15b49e', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'c91161db619777dbb192afa4b600732e39769208', "af-variation": this.afValidation }, this.afValidationText))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-form-select.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface DigiFormSelect extends Components.DigiFormSelect, HTMLElement {}
 export const DigiFormSelect: {

package/components/digi-form-select.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { F as FormSelect, d as defineCustomElement$1 } from './p-70b51099.js';
+import { F as FormSelect, d as defineCustomElement$1 } from './p-8b1bc24a.js';
 const DigiFormSelect = FormSelect;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-form-textarea.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface DigiFormTextarea extends Components.DigiFormTextarea, HTMLElement {}
 export const DigiFormTextarea: {