@designsystem-se/af 31.3.0

package/dist/cjs/digi-form-file-upload_13.cjs.entry.js

@@ -0,0 +1,943 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-cfa8e9be.js');
+const text = require('./text-ca7e238b.js');
+const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
+const typographyVariation_enum = require('./typography-variation.enum-9b2f695f.js');
+const utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
+const logger_util = require('./logger.util-fdafc086.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;
+
+const FormFileUpload = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnUploadFile = index.createEvent(this, "afOnUploadFile", 7);
+        this.afOnRemoveFile = index.createEvent(this, "afOnRemoveFile", 7);
+        this.afOnCancelFile = index.createEvent(this, "afOnCancelFile", 7);
+        this.afOnReady = index.createEvent(this, "afOnReady", 3);
+        this.afShowModal = index.createEvent(this, "afShowModal", 7);
+        this.toBase64 = (file) => new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = () => {
+                const encoded = reader.result.toString().replace(/^data:(.*,)?/, '');
+                resolve(encoded);
+            };
+            reader.onerror = (error) => reject(error);
+        });
+        this._input = undefined;
+        this._fileList = undefined;
+        this._uploadButton = undefined;
+        this._srTextContainer = undefined;
+        this.files = [];
+        this.error = false;
+        this.errorMessages = [];
+        this.fileHover = false;
+        this.afLabel = text._t.form.file_upload;
+        this.afLabelDescription = undefined;
+        this.afVariation = typographyVariation_enum.FormFileUploadVariation.SMALL;
+        this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-file-upload');
+        this.afFileTypes = undefined;
+        this.afFileMaxSize = 10;
+        this.afMaxFiles = undefined;
+        this.afName = undefined;
+        this.afUploadBtnText = undefined;
+        this.afRequired = undefined;
+        this.afRequiredText = undefined;
+        this.afAnnounceIfOptional = false;
+        this.afHeadingFiles = text._t.form.file_uploaded_files;
+        this.afAnnounceIfOptionalText = undefined;
+        this.afFileMaxSizeText = undefined;
+        this.afShowThumbnail = false;
+        this.afEnablePreview = false;
+        this.afValidationText = undefined;
+        this.afValidation = typographyVariation_enum.FormFileUploadValidation.DISABLED;
+        this.afHeadingLevel = typographyVariation_enum.FormFileUploadHeadingLevel.H2;
+    }
+    afValidationTextChange() {
+        this.setValidationText();
+    }
+    breakpointHandler(e) {
+        if (e.detail.value) {
+            if (e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL) {
+                this.afVariation = typographyVariation_enum.FormFileUploadVariation.SMALL;
+            }
+            else {
+                this.afVariation = this.aforiginalVariation;
+            }
+        }
+    }
+    /**
+     * Används för att skicka in en validerad fil tillbaks till komponenten. Förväntar sig att filen redan finns i komponenten med status "pending".
+     * @en Send a validated file to the component. Expects file to exist in component with status "pending".
+     */
+    async afMValidateFile(file) {
+        if (!this.fileExistInFiles(file)) {
+            return;
+        }
+        this.removeFileFromList(file['id']);
+        if (file['status'] !== 'error') {
+            /* Måste göra en kopia av filen för att komponenten ska rendera om sig.
+             * Annars kan den peka på samma referens och förstår inte att statusen har ändrats.  */
+            const copiedFile = new File([file], file.name, { type: file.type });
+            copiedFile['id'] = file['id'];
+            copiedFile['status'] = file['status'];
+            copiedFile['base64'] = await this.toBase64(file);
+            this.files = [...this.files, copiedFile];
+        }
+        else {
+            this.validateFile(file);
+        }
+    }
+    /**
+     * Få ut alla uppladdade filer
+     * @en Get all uploaded files
+     */
+    async afMGetAllFiles() {
+        return this.files;
+    }
+    /**
+     * Hämta ut komponentens validitets-state och felmeddelanden
+     * @en Get component validity and error messages
+     */
+    async afMGetValidationState() {
+        return { isValid: !this.error, errorMessages: this.errorMessages };
+    }
+    /**
+     * Importera lista med filer utan att trigga uppladdningsevent. Ett objekt måste innehålla id, status och filen själv.
+     * @en Import array with files without triggering upload event. A file object needs to contain an id, status and the file itself.
+     */
+    async afMImportFiles(files) {
+        if (files && files.length > 0) {
+            for (const importedFile of files) {
+                this.validateFile(importedFile);
+            }
+        }
+        const filesThatArOK = this.errorMessages.length === 0 ? files : this.getFilesThatAreOK(files);
+        if (filesThatArOK.length === 0) {
+            return;
+        }
+        this.files = this.files.concat(filesThatArOK);
+    }
+    async afMGetFormControlElement() {
+        return this._input;
+    }
+    componentWillLoad() {
+        this.aforiginalVariation = this.afVariation;
+    }
+    componentDidLoad() {
+        this.afOnReady.emit();
+        /* Vid första renderingen så fungerar inte propertyn korrekt om vi inte kallar på setValidationText härifrån.
+         * Gissar att det är en tajmin-issue mellan prop och state, men hinner inte gräva i det mer nu.  */
+        this.setValidationText();
+    }
+    get fileMaxSize() {
+        const MEGABYTE = 1048576;
+        return this.afFileMaxSize * MEGABYTE;
+    }
+    setValidationText() {
+        if (this.afValidationText && this.afValidationText.length > 0) {
+            let isDuplicated = false;
+            if (this.errorMessages.length > 0) {
+                this.errorMessages.forEach((error) => {
+                    if (error.message === this.afValidationText) {
+                        isDuplicated = true;
+                    }
+                });
+            }
+            if (!isDuplicated) {
+                this.errorMessages.push({
+                    fileName: '',
+                    message: this.afValidationText
+                });
+            }
+            this.error = true;
+        }
+        else {
+            this.resetErrors();
+        }
+    }
+    fileExistInFiles(fileToCheck) {
+        let exist = false;
+        if (this.files.length > 0) {
+            this.files.forEach((file) => {
+                if (file.name === fileToCheck.name) {
+                    exist = true;
+                }
+            });
+        }
+        return exist;
+    }
+    checkAcceptedTypes(file) {
+        const acceptedTypes = this.afFileTypes.replace(/\s/g, '').split(',');
+        const fileMimeType = file.type;
+        const fileNameExtension = file.name
+            .split('.')
+            .slice(-1)
+            .map((item) => '.' + item.toLowerCase())
+            .toString();
+        return acceptedTypes.some((item) => {
+            // Checking against group of mime types
+            if (item.includes('/*')) {
+                const mimeTypeCategory = item.split('/').slice(0, 1).toString();
+                const fileMimeTypeCategory = fileMimeType
+                    .split('/')
+                    .slice(0, 1)
+                    .toString();
+                return mimeTypeCategory == fileMimeTypeCategory;
+            }
+            // Checking against mimetype and extension
+            return (item === fileMimeType || item === fileNameExtension || item === '*');
+        });
+    }
+    resetErrors(handleFocus = false) {
+        this.error = false;
+        this._srTextContainer.textContent = '';
+        this.errorMessages = [];
+        /* Timeouten behövs för att state och element ska hinna renderas om innan fokus flyttas.
+         Vi märkte att det blir problem för hjälpmedel om den inte är på plats.  */
+        if (handleFocus) {
+            setTimeout(() => {
+                this._uploadButton.focus();
+            }, 100);
+        }
+    }
+    addErrorMessage(fileName, message) {
+        this.errorMessages.push({
+            fileName: fileName,
+            message: message
+        });
+    }
+    validateFileStatus(file) {
+        if (file['status'] &&
+            file['status'] === typographyVariation_enum.FormValidationMessageVariation.ERROR) {
+            const message = file['error']
+                ? file['error']
+                : text._t.form.file_error_unknown_error;
+            this.addErrorMessage(file.name, message);
+        }
+    }
+    validateMaxSize(file) {
+        if (file.size > this.fileMaxSize) {
+            const message = this.afFileMaxSizeText
+                ? this.afFileMaxSizeText
+                : text._t.form.file_error_too_large(file.name, this.afFileMaxSize);
+            this.addErrorMessage(file.name, message);
+        }
+    }
+    validateFileType(file) {
+        if (!this.checkAcceptedTypes(file)) {
+            this.addErrorMessage(file.name, text._t.form.file_error_filetype_not_allowed(file.name, this.afFileTypes));
+        }
+    }
+    validateFile(file) {
+        this.validateIfFileIsAlreadyUploaded(file);
+        this.validateFileStatus(file);
+        this.validateMaxSize(file);
+        this.validateFileType(file);
+        this.error = this.errorMessages.length > 0;
+    }
+    onCancelFileHandler(e, id) {
+        e.preventDefault();
+        const fileFromList = this.removeFileFromList(id);
+        fileFromList['status'] = 'error';
+        fileFromList['error'] = text._t.form.file_upload_canceled;
+        this.afOnCancelFile.emit(fileFromList);
+    }
+    removeFileFromList(id) {
+        const index = this.getIndexOfFile(id);
+        if (index === -1) {
+            return;
+        }
+        const removedFile = this.files[index];
+        this.files = [
+            ...this.files.slice(0, index),
+            ...this.files.slice(index + 1)
+        ];
+        return removedFile;
+    }
+    getIndexOfFile(id) {
+        const index = this.files.findIndex((file) => file['id'] == id);
+        return index;
+    }
+    getFilesThatAreOK(files) {
+        const validFiles = [];
+        files.forEach((file) => {
+            let isValid = true;
+            this.errorMessages.forEach((message) => {
+                if (message.fileName === file.name) {
+                    isValid = false;
+                }
+            });
+            if (isValid) {
+                validFiles.push(file);
+            }
+        });
+        return validFiles;
+    }
+    validateIfFileIsAlreadyUploaded(file) {
+        for (const item of this.files) {
+            if (item.name === file.name) {
+                this.addErrorMessage(file.name, text._t.form.file_error_exists(file.name));
+            }
+        }
+    }
+    handleFiles(e) {
+        var _a, _b;
+        this.resetErrors();
+        const fileList = e.dataTransfer ? (_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files : (_b = e.target) === null || _b === void 0 ? void 0 : _b.files;
+        const filesToValidate = [];
+        Array.from(fileList).forEach((file) => {
+            filesToValidate.push(file);
+        });
+        if (!filesToValidate || filesToValidate.length === 0) {
+            return;
+        }
+        const numberOfFiles = filesToValidate.length + this.files.length;
+        if (numberOfFiles > this.afMaxFiles) {
+            this.addErrorMessage('', text._t.form.file_error_too_many);
+            this.error = true;
+            return;
+        }
+        filesToValidate.forEach((file) => {
+            this.validateFile(file);
+        });
+        const filesThatArOK = this.errorMessages.length === 0
+            ? filesToValidate
+            : this.getFilesThatAreOK(filesToValidate);
+        if (filesThatArOK.length === 0) {
+            return;
+        }
+        const formData = new FormData();
+        filesThatArOK.forEach((file) => {
+            formData.append('file', file);
+        });
+        for (const obj of formData.entries()) {
+            this.addFileStatusAndEmitFiles(obj[1]);
+        }
+        this._input.value = '';
+    }
+    onButtonUploadFileHandler(e) {
+        e.preventDefault();
+        if (!e.target.files)
+            return;
+        this.handleFiles(e);
+    }
+    onRemoveFileHandler(e, id) {
+        e.preventDefault();
+        this.resetErrors();
+        const fileToRemove = this.removeFileFromList(id);
+        this.afOnRemoveFile.emit(fileToRemove);
+        this._input.value = '';
+        this.handleFocusAfterFileRemoved();
+    }
+    handleFocusAfterFileRemoved() {
+        /* Timeouten behövs för att state och element ska hinna renderas om innan fokus flyttas.
+           Vi märkte att det blir problem för hjälpmedel om den inte är på plats.  */
+        setTimeout(() => {
+            if (this.files.length > 0) {
+                this._fileList.focus();
+            }
+            else {
+                this._uploadButton.focus();
+            }
+        }, 100);
+    }
+    emitFile(file) {
+        const index = this.getIndexOfFile(file['id']);
+        if (this.afValidation === typographyVariation_enum.FormFileUploadValidation.ENABLED) {
+            this.afOnUploadFile.emit(this.files[index]);
+        }
+        else {
+            this.files[index]['status'] = 'OK';
+            this.afOnUploadFile.emit(this.files[index]);
+        }
+    }
+    async addFileStatusAndEmitFiles(file) {
+        file['id'] = randomIdGenerator_util.randomIdGenerator('file');
+        file['status'] = 'pending';
+        file['base64'] = await this.toBase64(file);
+        this.files = [...this.files, file];
+        this.emitFile(file);
+    }
+    handleDrop(e) {
+        e.stopPropagation();
+        e.preventDefault();
+        this.fileHover = false;
+        if (e.dataTransfer.files) {
+            this.handleFiles(e);
+        }
+    }
+    handleAllowDrop(e) {
+        if (this.afVariation === typographyVariation_enum.FormFileUploadVariation.SMALL)
+            return;
+        e.stopPropagation();
+        e.preventDefault();
+    }
+    handleOnDragEnterLeave(e) {
+        this.handleAllowDrop(e);
+        this.fileHover = !this.fileHover;
+    }
+    handleInputClick(e) {
+        e.stopPropagation();
+        this.afShowModal.emit();
+        this._input.click();
+    }
+    getFiletypeAndShortFileName(file) {
+        let fileType = null;
+        let fileName = file.name;
+        const fileExtension = fileName.split('.').pop();
+        const fileWithoutExtension = fileName.replace('.' + fileExtension, '');
+        const minChars = window.innerWidth < 769 ? 6 : fileName.length;
+        const maxChars = window.innerWidth < 769 ? 14 : fileName.length;
+        if (String(file['type']).split('/')[0] === 'image') {
+            fileType = 'image';
+        }
+        else if (String(file['type']).split('/')[1] === 'pdf') {
+            fileType = 'pdf';
+        }
+        else {
+            fileType = 'default';
+        }
+        if (fileName.length > minChars) {
+            fileName =
+                fileWithoutExtension.substring(0, minChars) + '...' + fileExtension;
+        }
+        else if (fileName.length > maxChars) {
+            fileName = fileWithoutExtension.substring(0, 6) + '...' + fileExtension;
+        }
+        else {
+            fileName = file.name;
+        }
+        return { type: fileType, name: fileName };
+    }
+    // If its a pdf or an image the file is opened on another tab, any other file formats are downloaded
+    async viewUploadedFile(e, file) {
+        e.preventDefault();
+        if (this.getFiletypeAndShortFileName(file).type === 'image') {
+            const w = window.open();
+            w.document.write(`<img src="data:${file['type']};base64,${file['base64']}" alt="${file.name}" />`);
+            w.document.title = file['name'];
+        }
+        else if (this.getFiletypeAndShortFileName(file).type === 'pdf') {
+            (async () => {
+                const pdfstr = await fetch(`data:application/pdf;base64,${file['base64']}`);
+                const blobFromFetch = await pdfstr.blob();
+                const blob = new Blob([blobFromFetch], { type: 'application/pdf' });
+                const blobUrl = URL.createObjectURL(blob);
+                setTimeout(() => {
+                    window.open(blobUrl, '_blank');
+                }, 30);
+            })();
+        }
+        else {
+            const fileURL = URL.createObjectURL(file);
+            const a = document.createElement('a');
+            a.href = fileURL;
+            a.target = '_blank';
+            a.download = file.name;
+            a.click();
+        }
+    }
+    get cssModifiers() {
+        return {
+            'digi-form-file-upload--small': this.afVariation == 'small',
+            'digi-form-file-upload--medium': this.afVariation == 'medium',
+            'digi-form-file-upload--large': this.afVariation == 'large',
+            'digi-form-file-upload--has-errors': this.errorMessages.length > 0
+        };
+    }
+    renderErrorMessage() {
+        if (!this.error) {
+            return;
+        }
+        this.readErrorMessagesToAssistiveTechnologies();
+        const showBorder = this.files.length > 0 ? 'with-files' : '';
+        return (index.h("div", { class: 'digi-form-file-upload__error-list-container ' + showBorder }, index.h("ul", { class: "digi-form-file-upload__error-list", "aria-hidden": "true" }, this.renderErrorMessages()), index.h("button", { type: "button", "aria-label": text._t.form.file_upload_reset_errors_aria_label, class: "digi-form-file-upload__button clear-button hidden-mobile", onClick: () => {
+                this.resetErrors(true);
+            } }, index.h("span", null, text._t.form.file_upload_reset_errors)), index.h("button", { type: "button", onClick: () => {
+                this.resetErrors(true);
+            }, class: "digi-form-file-upload__button clear-button hidden-desktop", "aria-label": text._t.form.file_upload_reset_errors_aria_label }, index.h("digi-icon-x-button-outline", { class: "digi-form-file-upload__button-icon clear-icon", "aria-hidden": "true" }))));
+    }
+    readErrorMessagesToAssistiveTechnologies() {
+        this._srTextContainer.textContent = '';
+        const srTexts = this.errorMessages.map((error) => {
+            return error.message + ' ';
+        });
+        /* Timeouten behövs för att state och element ska hinna renderas om innan innehållet ändras.
+           Vi märkte att det blir problem för hjälpmedel om den inte är på plats.  */
+        setTimeout(() => {
+            this._srTextContainer.textContent = srTexts.toString();
+        }, 200);
+    }
+    renderErrorMessages() {
+        return this.errorMessages.map((error) => {
+            return (index.h("li", null, index.h("digi-form-validation-message", { id: "digi-form-file-upload__error", class: "digi-form-file-upload__error", "af-variation": "error" }, error.message)));
+        });
+    }
+    renderPendingFile(file) {
+        return (index.h("div", { class: "digi-form-file-upload__item-pending-container" }, index.h("span", { class: "info-wrapper" }, index.h("digi-icon-spinner", { class: "digi-form-file-upload__spinner" }), index.h("span", { style: { margin: '0' } }, text._t.form.file_upload_progress, " ", index.h("span", { class: "hidden-mobile" }, "|")), index.h("p", { class: "digi-form-file-upload__item-name-pending hidden-mobile" }, this.getFiletypeAndShortFileName(file).name)), index.h("span", { class: "button-wrapper" }, index.h("button", { type: "button", onClick: (e) => this.onCancelFileHandler(e, file['id']), class: "digi-form-file-upload__button digi-form-file-upload__button-abort hidden-mobile", "aria-label": text._t.form.file_cancel_upload_long(file.name) }, text._t.form.file_cancel_upload), index.h("button", { type: "button", onClick: (e) => this.onCancelFileHandler(e, file['id']), class: "digi-form-file-upload__button hidden-desktop", "aria-label": text._t.form.file_cancel_upload_long(file.name) }, index.h("digi-icon-x-button-outline", { class: "digi-form-file-upload__button-icon", "aria-hidden": "true" })))));
+    }
+    renderImageThumbnail(file) {
+        if (this.afShowThumbnail) {
+            return (index.h("figure", { class: "digi-form-file-upload__item-text-container-figure", style: { margin: '0' } }, index.h("img", { "aria-hidden": "true", class: "thumbnail", src: `data:${file['type']};base64,${file['base64']}` }), index.h("figcaption", { class: "visually-hidden" }, "Miniatyr av ", file.name)));
+        }
+        return this.renderCheckmark();
+    }
+    renderCheckmark() {
+        return index.h("span", { class: "digi-form-file-upload__item-green-check" });
+    }
+    renderPDFThumbnail(file) {
+        if (this.afShowThumbnail) {
+            return (index.h("span", { class: `${this.afShowThumbnail ? 'digi-form-file-upload__item-pdf-preview-bis' : null}`, "aria-label": file.name }, index.h("svg", { style: { scale: '1' }, width: "23.76", height: "32", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M22.888 6.124 17.696.88A2.955 2.955 0 0 0 15.6 0H2.97C1.33.006 0 1.35 0 3.006V29C0 30.657 1.33 32 2.97 32h17.82c1.64 0 2.97-1.343 2.97-3V8.249a3.03 3.03 0 0 0-.872-2.124Zm-2.34 1.88H15.84V3.25l4.709 4.756ZM2.97 29.002V3.006h9.9v6.498c0 .831.662 1.5 1.485 1.5h6.435v17.997H2.97Zm15.481-8.98c-.755-.75-2.908-.544-3.985-.406-1.064-.656-1.775-1.562-2.277-2.893.242-1.006.625-2.537.335-3.5-.26-1.637-2.34-1.474-2.636-.368-.273 1.006-.025 2.406.433 4.193-.619 1.493-1.54 3.499-2.19 4.649-1.238.643-2.909 1.637-3.156 2.887-.204.987 1.609 3.449 4.708-1.95 1.386-.462 2.896-1.031 4.233-1.256 1.17.637 2.537 1.062 3.452 1.062 1.578 0 1.733-1.762 1.083-2.418ZM6.194 24.883c.315-.856 1.516-1.844 1.88-2.187-1.175 1.893-1.88 2.23-1.88 2.187Zm5.049-11.91c.458 0 .414 2.005.111 2.549-.272-.869-.266-2.55-.111-2.55Zm-1.51 8.535c.6-1.056 1.114-2.312 1.528-3.418.514.944 1.17 1.7 1.863 2.219-1.287.268-2.407.818-3.391 1.2Zm8.143-.312s-.31.375-2.308-.488c2.172-.162 2.53.338 2.308.488Z", fill: "#1616B2", "fill-rule": "evenodd" }))));
+        }
+        return this.renderCheckmark();
+    }
+    renderThumbnail(file) {
+        const fileType = this.getFiletypeAndShortFileName(file).type;
+        switch (fileType) {
+            case 'pdf':
+                return this.renderPDFThumbnail(file);
+            case 'image':
+                return this.renderImageThumbnail(file);
+            default:
+                return this.renderCheckmark();
+        }
+    }
+    renderFileName(file) {
+        if (this.afEnablePreview) {
+            return (index.h("a", { class: "digi-form-file-upload__item-name", href: "#", onClick: (e) => {
+                    this.viewUploadedFile(e, file);
+                } }, file.name));
+        }
+        else {
+            return index.h("span", { class: "digi-form-file-upload__item-name" }, file.name);
+        }
+    }
+    renderOKFile(file) {
+        return (index.h(index.Fragment, null, index.h("span", { class: "digi-form-file-upload__item-text-and-thumbnail-container" }, this.renderThumbnail(file), this.renderFileName(file)), index.h("button", { type: "button", onClick: (e) => this.onRemoveFileHandler(e, file['id']), class: "digi-form-file-upload__button digi-form-file-upload__button--mobile", "aria-label": text._t.form.file_remove(file.name) }, index.h("span", { class: "hidden-mobile" }, text._t.form.file_remove()), index.h("digi-icon-trash", { class: "digi-form-file-upload__button-icon hidden-desktop" }))));
+    }
+    renderFile(file) {
+        switch (file['status']) {
+            case 'pending':
+                return this.renderPendingFile(file);
+            default:
+                return this.renderOKFile(file);
+        }
+    }
+    renderFiles() {
+        const filesMap = this.files.map((file, index$1) => {
+            {
+                return (index.h("li", { class: "digi-form-file-upload__item-container", key: 'file-' + index$1 }, index.h("div", { class: "digi-form-file-upload__item" }, index.h("div", { class: "digi-form-file-upload__item-text-container" }, this.renderFile(file)))));
+            }
+        });
+        return filesMap;
+    }
+    renderFileContainer() {
+        if (this.files.length === 0) {
+            return;
+        }
+        return (index.h(index.Fragment, null, index.h(this.afHeadingLevel, { class: {
+                'digi-form-file-upload__files-heading': true,
+                'digi-form-file-upload__files-heading--and-errors': this.error
+            } }, this.afHeadingFiles), index.h("ul", { class: "digi-form-file-upload__files-list", tabindex: -1, ref: (el) => {
+                this._fileList = el;
+            } }, this.renderFiles())));
+    }
+    render() {
+        return (index.h(index.Fragment, { key: '580ccd74dcdc8a15ee7a50105066c6d609e723b7' }, index.h("digi-util-breakpoint-observer", { key: '9b9589b28a18ded2bf67994a439bd536f08584e4', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: '1e5cff6bafb3a81af192e1ee4298bee2240eca33', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, index.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 }), index.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 != typographyVariation_enum.FormFileUploadVariation.SMALL && (index.h("div", { key: 'ddd140e8b75acf45e0a888d7263b0960ff1b7962', class: "digi-form-file-upload__upload-area-overlay" })), index.h("div", { key: '10d4233b2ea238241db72a1707ad42e225642282', class: "digi-form-file-upload__text-area" }, index.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'
+            } }, index.h("digi-icon-paperclip", { key: 'df312825690f52fd61b6647abfab6e92f597f598', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
+            ? this.afUploadBtnText
+            : text._t.form.file_choose), index.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" }), index.h("span", { key: '9979fdc76df838ffc9aa8819bbcbf08c91c049ce' }, this.afVariation !== typographyVariation_enum.FormFileUploadVariation.SMALL &&
+            text._t.form.file_dropzone))), index.h("p", { key: '4e77feeda7adc04c8fa4255f3b460703d10bc230', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
+                this._srTextContainer = el;
+            } }), (this.files.length > 0 || this.error) && (index.h("div", { key: 'acf58e18643a87eeee54c1f7d6db872fa11598c6', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
+    }
+    get hostElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "afValidationText": ["afValidationTextChange"]
+    }; }
+};
+FormFileUpload.style = DigiFormFileUploadStyle0;
+
+const formLabelCss = ".sc-digi-form-label-h .digi-form-label.sc-digi-form-label{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--label--font-size--desktop);color:var(--digi--color--text--primary);display:flex;flex-direction:column}.sc-digi-form-label-h .digi-form-label__label--label.sc-digi-form-label{font-weight:var(--digi--typography--label--font-weight--desktop)}.sc-digi-form-label-h .digi-form-label__label--label.sc-digi-form-label,.sc-digi-form-label-h .digi-form-label__label--description.sc-digi-form-label{line-height:var(--digi--typography--label--line-height--desktop);cursor:pointer;display:block}.sc-digi-form-label-h .digi-form-label__label-group.sc-digi-form-label{display:inline-flex;align-items:center;gap:var(--digi--gutter--icon)}.sc-digi-form-label-h .digi-form-label__description.sc-digi-form-label{max-width:var(--digi--paragraph-width--medium);line-height:var(--digi--typography--label-description--line-height--desktop);font-size:var(--digi--typography--label-description--font-size--desktop)}";
+const DigiFormLabelStyle0 = formLabelCss;
+
+const FormLabel = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.labelText = undefined;
+        this.hasActionSlot = undefined;
+        this.afLabel = undefined;
+        this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-label');
+        this.afFor = undefined;
+        this.afDescription = undefined;
+        this.afRequired = undefined;
+        this.afAnnounceIfOptional = false;
+        this.afRequiredText = text._t.required.toLowerCase();
+        this.afAnnounceIfOptionalText = text._t.optional.toLowerCase();
+    }
+    componentWillLoad() {
+        this.setLabelText();
+        this.validateFor();
+        this.handleSlotVisibility();
+    }
+    validateFor() {
+        if (this.afFor == null) {
+            logger_util.logger.warn(`digi-form-label must have a for attribute. Please add a for attribute using af-for`, this.hostElement);
+        }
+    }
+    setLabelText() {
+        this.labelText = `${this.afLabel} ${this.requiredText}`;
+        if (!this.afLabel) {
+            logger_util.logger.warn(`digi-form-label must have a label. Please add a label using af-label`, this.hostElement);
+        }
+    }
+    handleSlotVisibility() {
+        this.hasActionSlot = !!this.hostElement.querySelector('[slot="actions"]');
+    }
+    get requiredText() {
+        if (this.afRequired && !this.afAnnounceIfOptional) {
+            return this.afRequiredText ? ` (${this.afRequiredText})` : '';
+        }
+        else if (!this.afRequired && this.afAnnounceIfOptional) {
+            return this.afAnnounceIfOptionalText
+                ? ` (${this.afAnnounceIfOptionalText})`
+                : '';
+        }
+        else {
+            return '';
+        }
+    }
+    render() {
+        return (index.h("div", { key: 'e4a27fb5d0ce2eb12cee08acfe804f080486b805', class: "digi-form-label" }, index.h("div", { key: '9e06550d32519dc2bc89ff08e9025829275e959a', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (index.h("label", { key: '1408c2dcac2de2d64fe02bd371851bb557fae3dc', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, index.h("span", { key: '0dcab145adac7bb9d08d189ea317154adcb694d9', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (index.h("span", { key: 'eab65c9d6ed4b2026a14ab605468c906c52f8f33', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (index.h("div", { key: '8394c8f21653cfe5889b234f9f5d0f32dbc5e1de', class: "digi-form-label__actions" }, index.h("slot", { key: '4e465d67ab95a7c212a47dda824241511ff3314a', name: "actions" }))))));
+    }
+    get hostElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "afFor": ["validateFor"],
+        "afLabel": ["setLabelText"],
+        "afRequired": ["setLabelText"],
+        "afAnnounceIfOptional": ["setLabelText"]
+    }; }
+};
+FormLabel.style = DigiFormLabelStyle0;
+
+const formValidationMessageCss = ".sc-digi-form-validation-message-h{--digi--form-validation-message--icon-color--success:var(--digi--color--icons--success);--digi--form-validation-message--icon-color--warning:var(--digi--color--icons--warning);--digi--form-validation-message--icon-color--error:var(--digi--color--icons--danger)}.sc-digi-form-validation-message-h .digi-form-validation-message.sc-digi-form-validation-message{display:flex;flex-wrap:wrap;align-items:center}.sc-digi-form-validation-message-h .digi-form-validation-message--success.sc-digi-form-validation-message{--ICON-COLOR:var(--digi--form-validation-message--icon-color--success)}.sc-digi-form-validation-message-h .digi-form-validation-message--warning.sc-digi-form-validation-message{--ICON-COLOR:var(--digi--form-validation-message--icon-color--warning)}.sc-digi-form-validation-message-h .digi-form-validation-message--error.sc-digi-form-validation-message{--ICON-COLOR:var(--digi--form-validation-message--icon-color--error)}.sc-digi-form-validation-message-h .digi-form-validation-message__icon.sc-digi-form-validation-message{color:var(--ICON-COLOR);margin-inline-end:var(--digi--gutter--icon)}.sc-digi-form-validation-message-h .digi-form-validation-message__icon.sc-digi-form-validation-message>*.sc-digi-form-validation-message{--digi--icon--width:1.25em;--digi--icon--height:1.25em;--digi--icon--color:var(--ICON-COLOR);display:flex}.sc-digi-form-validation-message-h .digi-form-validation-message__text.sc-digi-form-validation-message{flex:1;font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--tag--font-size--desktop);color:var(--digi--color--text--primary)}";
+const DigiFormValidationMessageStyle0 = formValidationMessageCss;
+
+const FormValidationMessage = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afVariation = typographyVariation_enum.FormValidationMessageVariation.SUCCESS;
+    }
+    get cssModifiers() {
+        return {
+            'digi-form-validation-message--success': this.afVariation === typographyVariation_enum.FormValidationMessageVariation.SUCCESS,
+            'digi-form-validation-message--error': this.afVariation === typographyVariation_enum.FormValidationMessageVariation.ERROR,
+            'digi-form-validation-message--warning': this.afVariation === typographyVariation_enum.FormValidationMessageVariation.WARNING
+        };
+    }
+    get icon() {
+        switch (this.afVariation) {
+            case typographyVariation_enum.FormValidationMessageVariation.SUCCESS:
+                return index.h("digi-icon-validation-success", null);
+            case typographyVariation_enum.FormValidationMessageVariation.ERROR:
+                return index.h("digi-icon-validation-error", null);
+            case typographyVariation_enum.FormValidationMessageVariation.WARNING:
+                return index.h("digi-icon-validation-warning", null);
+        }
+    }
+    render() {
+        return (index.h("div", { key: '476664be4624693d823227aab661bf0332f500a6', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, index.h("div", { key: 'e5ce10d94d2c101e60b82b3b3808e320d24f20b5', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), index.h("span", { key: 'cdfbd680c9b56b2efc7a38034957434344d5724a', class: "digi-form-validation-message__text" }, index.h("slot", { key: 'c8c8320411478b72d1887974e177cdf3f7e49f49' }))));
+    }
+    get hostElement() { return index.getElement(this); }
+};
+FormValidationMessage.style = DigiFormValidationMessageStyle0;
+
+const iconPaperclipCss = ".sc-digi-icon-paperclip-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-paperclip-h svg.sc-digi-icon-paperclip{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconPaperclipStyle0 = iconPaperclipCss;
+
+const IconPaperclip = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("svg", { key: 'd8cd788d98e2edca56c4d7b28b00557765b843fb', class: "digi-icon-paperclip", width: "23", height: "26", viewBox: "0 0 23 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '8f8331b4e555fb775843824c002ce8698f0b18d0', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '3d75c2140e62e4c5b67ba479f9ec262e57fe657c' }, this.afDesc), index.h("path", { key: 'ebaa3fc5451ed5a6360b85ad900aec91e2eff5fb', class: "digi-icon-paperclip__shape", d: "M2.157 23.79c-2.876-2.947-2.876-7.715 0-10.662L13.31 1.7a5.586 5.586 0 018.026 0c2.218 2.273 2.219 5.951 0 8.224l-9.391 9.623a3.93 3.93 0 01-5.647 0 4.16 4.16 0 010-5.787l7.954-8.15a.585.585 0 01.84 0l.842.863a.62.62 0 010 .861l-7.954 8.15a1.682 1.682 0 000 2.339c.63.645 1.653.645 2.283 0L19.654 8.2a3.434 3.434 0 000-4.776 3.244 3.244 0 00-4.662 0L3.84 14.852c-1.946 1.993-1.946 5.22 0 7.214a4.895 4.895 0 007.047-.002c3.236-3.318 6.472-6.636 9.71-9.953a.585.585 0 01.84 0l.842.862a.62.62 0 010 .861 37929.73 37929.73 0 00-9.71 9.953 7.233 7.233 0 01-10.411.002z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+IconPaperclip.style = DigiIconPaperclipStyle0;
+
+const iconSpinnerCss = ".sc-digi-icon-spinner-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-spinner-h svg.sc-digi-icon-spinner{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconSpinnerStyle0 = iconSpinnerCss;
+
+const IconSpinner = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this._path = 'M25 42c9.389 0 17-7.611 17-17S34.389 8 25 8 8 15.611 8 25s7.611 17 17 17zm0 8C11.193 50 0 38.807 0 25S11.193 0 25 0s25 11.193 25 25-11.193 25-25 25z';
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("svg", { key: 'c4dea638398c480015105a70360cb6a7b845b429', class: "digi-icon-spinner", height: "50", viewBox: "0 0 50 50", width: "50", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: 'ccfc1ea81c6919cd81af4778aee5d436fdc124c0', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '9a8556e20f5358f7c2e8024fad93b89dbc65fd4b' }, this.afDesc), index.h("g", { key: 'af40cc85ec800647e35d077766f42638419add97', class: "digi-icon-spinner__shape", fill: "none", "fill-rule": "evenodd" }, index.h("mask", { key: 'cc004bd3ea3a5a07a17eb380d3b52b3d94882f40', fill: "#fff", id: "iconSpinnerPath" }, index.h("path", { key: '8f3473afe187612096191a377323422a8f745644', d: this._path })), index.h("path", { key: 'c34cf0bcb346dabf907a0c6d622ed73ecc7d57d5', d: this._path, fill: "#D0CFE1", "fill-rule": "nonzero" }), index.h("path", { key: '414ea24279236795248e112e2423ef7e42f14c1d', d: "M19 26L54-5v62z", fill: "currentColor", mask: "url(#iconSpinnerPath)" }))));
+    }
+};
+IconSpinner.style = DigiIconSpinnerStyle0;
+
+const iconTrashCss = ".sc-digi-icon-trash-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-trash-h svg.sc-digi-icon-trash{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconTrashStyle0 = iconTrashCss;
+
+const Icontrash = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("svg", { key: '0163ef4ed51d82f5261ad48acbae4ba5483146b4', class: "digi-icon-trash", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '35c2496037e6779e4cc88b83a2c4f7e119098e60', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '417e2f50bfaf35553079c0de146ea908c57c2019' }, this.afDesc), index.h("path", { key: '459c44aa2d6a9781637fc077495f543a21a2f90b', class: "digi-icon-trash__shape", d: "M28.3065836,39.0000003 L30.4710557,39.0000003 C31.0687581,39.0000003 31.5532917,38.4963197 31.5532917,37.8749994 L31.5532917,17.6250003 C31.5532917,17.00368 31.0687581,16.5000003 30.4710557,16.5000003 L28.3065836,16.5000003 C27.7088812,16.5000003 27.2243476,17.00368 27.2243476,17.6250003 L27.2243476,37.8749994 C27.2243476,38.4963197 27.7088812,39.0000003 28.3065836,39.0000003 Z M43.0971425,7.50000051 L35.6648867,7.50000051 L32.5985513,2.18437593 C31.8157803,0.828519874 30.4058526,-0.000752023508 28.884678,5.11738477e-07 L19.7920918,5.11738477e-07 C18.2715602,5.11738477e-07 16.8624625,0.829093174 16.0800223,2.18437593 L13.0118832,7.50000051 L5.57962735,7.50000051 C4.78269076,7.50000051 4.136646,8.17157355 4.136646,9.00000051 L4.136646,10.5000005 C4.136646,11.3284277 4.78269076,12.0000005 5.57962735,12.0000005 L7.0226087,12.0000005 L7.0226087,43.5000005 C7.0226087,45.9852804 8.96074297,48.0000005 11.3515528,48.0000005 L37.3252171,48.0000005 C39.7160269,48.0000005 41.6541611,45.9852804 41.6541611,43.5000005 L41.6541611,12.0000005 L43.0971425,12.0000005 C43.8940791,12.0000005 44.5401238,11.3284277 44.5401238,10.5000005 L44.5401238,9.00000051 C44.5401238,8.17157355 43.8940791,7.50000051 43.0971425,7.50000051 Z M19.6342657,4.77281332 C19.7323744,4.60306234 19.9091243,4.49944487 20.0996272,4.49999861 L28.5771426,4.49999861 C28.7673243,4.49977491 28.9436588,4.60334956 29.0416023,4.77281332 L30.6162557,7.49999861 L18.0605142,7.49999861 L19.6342657,4.77281332 Z M37.3252171,43.5000005 L11.3515528,43.5000005 L11.3515528,12.0000005 L37.3252171,12.0000005 L37.3252171,43.5000005 Z M18.2057142,39.0000003 L20.3701862,39.0000003 C20.9678886,39.0000003 21.4524222,38.4963197 21.4524222,37.8749994 L21.4524222,17.6250003 C21.4524222,17.00368 20.9678886,16.5000003 20.3701862,16.5000003 L18.2057142,16.5000003 C17.6080117,16.5000003 17.1234782,17.00368 17.1234782,17.6250003 L17.1234782,37.8749994 C17.1234782,38.4963197 17.6080117,39.0000003 18.2057142,39.0000003 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+Icontrash.style = DigiIconTrashStyle0;
+
+const iconValidationErrorCss = ".sc-digi-icon-validation-error-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-validation-error-h svg.sc-digi-icon-validation-error{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconValidationErrorStyle0 = iconValidationErrorCss;
+
+const IconValidationError = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("svg", { key: 'f3beee58396b065f3a092ada4cfb1a5f98d6ab41', class: "digi-icon-validation-error", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, this.afTitle && index.h("title", { key: '4c9538239a9059dbc11c9cffe841848bf75a1008', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'eb34237eaebcf64527135fa9167e0ebf4688688a' }, this.afDesc), index.h("path", { key: 'c16aac9fd8e1d318eac973ef0e1153a1124d91a8', class: "digi-icon-validation-error__shape", d: "M34.4328058,0 C35.5494848,0 36.5900526,0.609146757 37.1483921,1.58958113 L47.5812454,19.9104189 C48.1395849,20.8909496 48.1395849,22.1090504 47.5812454,23.0895811 L37.1483921,41.4104189 C36.5900526,42.3908532 35.5494848,43 34.4328058,43 L13.5671942,43 C12.4505152,43 11.4099474,42.3908532 10.8516079,41.4104189 L0.41875464,23.0895811 C-0.13958488,22.1090504 -0.13958488,20.8909496 0.41875464,19.9104189 L10.8516079,1.58958113 C11.4099474,0.609146757 12.4505152,0 13.5671942,0 Z M18.6736823,12.3728178 C18.2711762,11.964729 17.6203819,11.964729 17.2178757,12.3728178 L15.2825964,14.334939 C14.8800903,14.7430278 14.8800903,15.4028485 15.2825964,15.8109373 L20.6089616,21.2111779 L15.2825964,26.6114185 C14.8800903,27.0195074 14.8800903,27.6793281 15.2825964,28.0874169 L17.2178757,30.049538 C17.6203819,30.4576269 18.2711762,30.4576269 18.6736823,30.049538 L24.0000475,24.6492974 L29.3264127,30.049538 C29.7289188,30.4576269 30.3797132,30.4576269 30.7822193,30.049538 L32.7174986,28.0874169 C33.1200048,27.6793281 33.1200048,27.0195074 32.7174986,26.6114185 L27.3911334,21.2111779 L32.7174986,15.8109373 C33.1200048,15.4028485 33.1200048,14.7430278 32.7174986,14.334939 L30.7822193,12.3728178 C30.3797132,11.964729 29.7289188,11.964729 29.3264127,12.3728178 L24.0000475,17.7730584 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+IconValidationError.style = DigiIconValidationErrorStyle0;
+
+const iconValidationSuccessCss = ".sc-digi-icon-validation-success-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-validation-success-h svg.sc-digi-icon-validation-success{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconValidationSuccessStyle0 = iconValidationSuccessCss;
+
+const IconCheckCircle = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("svg", { key: '20eaa035c7bd3b6148022a01eded1b8f596740aa', class: "digi-icon-validation-success", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '9c1ef46b89b4ad1bffea98b4c2f2c4448882f391', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '640fd104e4109fee3cc767df8b6fd2efd6e7f06d' }, this.afDesc), index.h("path", { key: '8dca81b496137f1b8bee41c3c660f2f32cf350a3', class: "digi-icon-validation-success__shape", d: "M25 12.5C25 19.404 19.404 25 12.5 25S0 19.404 0 12.5 5.596 0 12.5 0 25 5.596 25 12.5zm-13.946 6.619l9.274-9.275a.806.806 0 000-1.14l-1.14-1.14a.806.806 0 00-1.14 0l-7.564 7.563-3.531-3.531a.807.807 0 00-1.14 0l-1.141 1.14a.806.806 0 000 1.14l5.242 5.243a.806.806 0 001.14 0z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+IconCheckCircle.style = DigiIconValidationSuccessStyle0;
+
+const iconValidationWarningCss = ".sc-digi-icon-validation-warning-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-validation-warning-h svg.sc-digi-icon-validation-warning{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconValidationWarningStyle0 = iconValidationWarningCss;
+
+const IconValidationWarning = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("div", { key: '4c5840d82c4a7d14bd4e6d4d86a7ffdba9deccf7' }, index.h("svg", { key: '965eac9b0170feda6a3c9e592ed2aea13413b9a4', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, this.afTitle && index.h("title", { key: '4d5c6e8283157fb7624c9d6df1a95d23b292aa64', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'c2274ed592743ff5f74c3d2df5620156195d082e' }, this.afDesc), index.h("g", { key: 'a9ce9f17930248bf882fb01f7a6cbe8d867ed4d1', fill: "none", "fill-rule": "evenodd" }, index.h("circle", { key: 'f9335589b97499eb0d65ce0ea5310a5f8bb0381a', cx: "9", cy: "9", r: "6.75", fill: "#333" }), index.h("path", { key: '2cb5ea1a277777ca2ee8e006e7d1b8fb1434d403', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
+    }
+};
+IconValidationWarning.style = DigiIconValidationWarningStyle0;
+
+const iconXButtonOutlineCss = ".sc-digi-icon-x-button-outline-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-x-button-outline-h svg.sc-digi-icon-x-button-outline{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconXButtonOutlineStyle0 = iconXButtonOutlineCss;
+
+const IconXButtonOutline = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("svg", { key: '7da6175cd86f528395e39811fd41dc610d1beeef', class: "digi-icon-x-button-outline", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, this.afTitle && index.h("title", { key: '451c904af7632f2bd8eb954e80d6e3d10e322c1b', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '43c1937861776a8d4fb80724f80f5e9a1cd5ac4f' }, this.afDesc), index.h("path", { key: 'a092be153ad3e226ae9e79b6a05f1e5e0a755f58', class: "digi-icon-x-button-outline__shape", d: "M24,0 C10.7419355,0 0,10.7419355 0,24 C0,37.2580645 10.7419355,48 24,48 C37.2580645,48 48,37.2580645 48,24 C48,10.7419355 37.2580645,0 24,0 Z M24,43.3548387 C13.3064516,43.3548387 4.64516129,34.6935484 4.64516129,24 C4.64516129,13.3064516 13.3064516,4.64516129 24,4.64516129 C34.6935484,4.64516129 43.3548387,13.3064516 43.3548387,24 C43.3548387,34.6935484 34.6935484,43.3548387 24,43.3548387 Z M27.8322581,24 L33.8516129,30.0193548 C34.3064516,30.4741935 34.3064516,31.2096774 33.8516129,31.6645161 L31.6645161,33.8516129 C31.2096774,34.3064516 30.4741935,34.3064516 30.0193548,33.8516129 L24,27.8322581 L17.9806452,33.8516129 C17.5258065,34.3064516 16.7903226,34.3064516 16.3354839,33.8516129 L14.1483871,31.6645161 C13.6935484,31.2096774 13.6935484,30.4741935 14.1483871,30.0193548 L20.1677419,24 L14.1483871,17.9806452 C13.6935484,17.5258065 13.6935484,16.7903226 14.1483871,16.3354839 L16.3354839,14.1483871 C16.7903226,13.6935484 17.5258065,13.6935484 17.9806452,14.1483871 L24,20.1677419 L30.0193548,14.1483871 C30.4741935,13.6935484 31.2096774,13.6935484 31.6645161,14.1483871 L33.8516129,16.3354839 C34.3064516,16.7903226 34.3064516,17.5258065 33.8516129,17.9806452 L27.8322581,24 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+IconXButtonOutline.style = DigiIconXButtonOutlineStyle0;
+
+const layoutContainerCss = ".digi--util--fs--xs.sc-digi-layout-container{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-layout-container{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-layout-container{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-layout-container{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-layout-container{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-layout-container{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-layout-container{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-layout-container{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-layout-container{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-layout-container{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-layout-container{padding-top:5rem !important}.digi--util--pb--1.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-layout-container{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-layout-container{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-layout-container{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-layout-container{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-layout-container{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-layout-container{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-layout-container{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-layout-container{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-layout-container{padding:2.5rem !important}.digi--util--p--60.sc-digi-layout-container{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-layout-container{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-layout-container{padding:4.5rem !important}.digi--util--p--90.sc-digi-layout-container{padding:5rem !important}.digi--util--ptb--1.sc-digi-layout-container{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-layout-container{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-layout-container{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-layout-container{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-layout-container{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-layout-container{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-layout-container{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-layout-container{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-layout-container{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-layout-container{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-layout-container{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-layout-container{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-layout-container{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-layout-container{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-layout-container{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-layout-container{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-layout-container{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-layout-container{display:none}.sc-digi-layout-container-h{--digi--layout-container--width:var(--digi--container-width--smaller);--digi--layout-container--gutter:var(--digi--container-gutter--base);--digi--layout-container--vertical-padding:0;--digi--layout-container--margin-top:0;--digi--layout-container--margin-bottom:0}.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{box-sizing:border-box;width:100%;max-width:var(--digi--layout-container--width);padding:var(--digi--layout-container--vertical-padding) var(--digi--layout-container--gutter);margin-left:auto;margin-right:auto;margin-top:var(--digi--layout-container--margin-top);margin-bottom:var(--digi--layout-container--margin-bottom);box-sizing:border-box}@media (min-width: 36rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--small);--digi--layout-container--gutter:var(--digi--container-gutter--small)}}@media (min-width: 48rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--medium);--digi--layout-container--gutter:var(--digi--container-gutter--medium)}}@media (min-width: 62rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--large);--digi--layout-container--gutter:var(--digi--container-gutter--large)}}@media (min-width: 75rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--larger);--digi--layout-container--gutter:var(--digi--container-gutter--larger)}}@media (min-width: 87.5rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--largest);--digi--layout-container--gutter:var(--digi--container-gutter--largest)}.sc-digi-layout-container-h .digi-layout-container--max-width-1200.sc-digi-layout-container{--digi--layout-container--width:var(--digi--global--size--larger)}}.sc-digi-layout-container-h .digi-layout-container--fluid.sc-digi-layout-container{--digi--layout-container--width:none !important}.sc-digi-layout-container-h .digi-layout-container--no-gutter.sc-digi-layout-container{--digi--layout-container--gutter:0}.sc-digi-layout-container-h .digi-layout-container--vertical-padding.sc-digi-layout-container{--digi--layout-container--vertical-padding:var(--digi--padding--large)}.sc-digi-layout-container-h .digi-layout-container--margin-top.sc-digi-layout-container{--digi--layout-container--margin-top:var(--digi--margin--large)}.sc-digi-layout-container-h .digi-layout-container--margin-bottom.sc-digi-layout-container{--digi--layout-container--margin-bottom:var(--digi--margin--large)}";
+const DigiLayoutContainerStyle0 = layoutContainerCss;
+
+const LayoutContainer = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this._variation = typographyVariation_enum.LayoutContainerVariation.STATIC;
+        this.afVariation = typographyVariation_enum.LayoutContainerVariation.STATIC;
+        this.afMaxWidth = typographyVariation_enum.LayoutContainerMaxWidth.WIDTH_1400;
+        this.afNoGutter = undefined;
+        this.afVerticalPadding = undefined;
+        this.afMarginTop = undefined;
+        this.afMarginBottom = undefined;
+    }
+    variationChangeHandler() {
+        this._variation = this.afVariation;
+    }
+    componentWillLoad() {
+        this.variationChangeHandler();
+    }
+    get cssModifiers() {
+        if (this._variation === typographyVariation_enum.LayoutContainerVariation.NONE) {
+            return {};
+        }
+        return {
+            'digi-layout-container': true,
+            'digi-layout-container--static': this._variation === typographyVariation_enum.LayoutContainerVariation.STATIC,
+            'digi-layout-container--fluid': this._variation === typographyVariation_enum.LayoutContainerVariation.FLUID,
+            'digi-layout-container--max-width-1200': this.afMaxWidth === typographyVariation_enum.LayoutContainerMaxWidth.WIDTH_1200,
+            'digi-layout-container--no-gutter': this.afNoGutter,
+            'digi-layout-container--vertical-padding': this.afVerticalPadding,
+            'digi-layout-container--margin-top': this.afMarginTop,
+            'digi-layout-container--margin-bottom': this.afMarginBottom
+        };
+    }
+    render() {
+        return (index.h("div", { key: '643d95b9785401b7016b81264170514a05938bd0', class: Object.assign({}, this.cssModifiers) }, index.h("slot", { key: '1a32561a33064ebf16ccff2e8a5ae1373360c2dc' })));
+    }
+    static get watchers() { return {
+        "afVariation": ["variationChangeHandler"]
+    }; }
+};
+LayoutContainer.style = DigiLayoutContainerStyle0;
+
+const typographyCss = ".digi--util--fs--xs{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50{padding-top:2.5rem !important}.digi--util--pt--60{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80{padding-top:4.5rem !important}.digi--util--pt--90{padding-top:5rem !important}.digi--util--pb--1{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50{padding-bottom:2.5rem !important}.digi--util--pb--60{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80{padding-bottom:4.5rem !important}.digi--util--pb--90{padding-bottom:5rem !important}.digi--util--p--1{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50{padding:2.5rem !important}.digi--util--p--60{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80{padding:4.5rem !important}.digi--util--p--90{padding:5rem !important}.digi--util--ptb--1{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only{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{display:none}digi-typography{--digi--typography--h1--margin--small:var(--digi--margin--h1-small);--digi--typography--h1--margin--medium:var(--digi--margin--h1-medium);--digi--typography--h1--margin--large:var(--digi--margin--h1-large);--digi--typography--h2--margin--small:var(--digi--margin--h2-small);--digi--typography--h2--margin--large:var(--digi--margin--h2-large);--digi--typography--h3--margin--small:var(--digi--margin--h3-small);--digi--typography--h3--margin--large:var(--digi--margin--h3-large);--digi--typography--h4--margin--small:var(--digi--margin--h4-h6-small);--digi--typography--h4--margin--large:var(--digi--margin--h4-h6-large);--digi--typography--h5--margin--small:var(--digi--margin--h4-h6-small);--digi--typography--h6--margin--large:var(--digi--margin--h4-h6-large);--digi--typography--paragraph--margin--small:var(--digi--margin--text-small);--digi--typography--paragraph--margin--large:var(--digi--margin--text-large);--digi--typography--paragraph--margin-top:initial;--digi--typography--color--text:var(--digi--color--text--primary);--digi--typography--text-decoration-thickness--hover:0.156em;--digi--typography--text-decoration-thickness--default:0.05em;--digi--typography--text-underline-offset:3px;font-family:var(--digi--global--typography--font-family--default);color:var(--digi--typography--color--text);--FONT-SIZE--BODY:var(--digi--typography--body--font-size--mobile);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--mobile);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--mobile);--TEXT-DECORATION--BODY:var(\n    --digi--typography--body--text-decoration--mobile\n  );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--mobile);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--mobile);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--mobile);--TEXT-DECORATION--LINK:var(\n    --digi--typography--link--text-decoration--mobile\n  );--FONT-SIZE--HEADING-1:var(--digi--typography--heading-1--font-size--mobile);--LINE-HEIGHT--HEADING-1:var(\n    --digi--typography--heading-1--line-height--mobile\n  );--FONT-WEIGHT--HEADING-1:var(\n    --digi--typography--heading-1--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-1:var(\n    --digi--typography--heading-1--text-decoration--mobile\n  );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--small);--FONT-SIZE--HEADING-2:var(--digi--typography--heading-2--font-size--mobile);--LINE-HEIGHT--HEADING-2:var(\n    --digi--typography--heading-2--line-height--mobile\n  );--FONT-WEIGHT--HEADING-2:var(\n    --digi--typography--heading-2--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-2:var(\n    --digi--typography--heading-2--text-decoration--mobile\n  );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(--digi--typography--heading-3--font-size--mobile);--LINE-HEIGHT--HEADING-3:var(\n    --digi--typography--heading-3--line-height--mobile\n  );--FONT-WEIGHT--HEADING-3:var(\n    --digi--typography--heading-3--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-3:var(\n    --digi--typography--heading-3--text-decoration--mobile\n  );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-4:var(\n    --digi--typography--heading-4--line-height--mobile\n  );--FONT-WEIGHT--HEADING-4:var(\n    --digi--typography--heading-4--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-4:var(\n    --digi--typography--heading-4--text-decoration--mobile\n  );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-5:var(\n    --digi--typography--heading-4--line-height--mobile\n  );--FONT-WEIGHT--HEADING-5:var(\n    --digi--typography--heading-4--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-5:var(\n    --digi--typography--heading-4--text-decoration--mobile\n  );--MARGIN--HEADING-5:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-6:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-6:var(\n    --digi--typography--heading-4--line-height--mobile\n  );--FONT-WEIGHT--HEADING-6:var(\n    --digi--typography--heading-4--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-6:var(\n    --digi--typography--heading-4--text-decoration--mobile\n  );--MARGIN--HEADING-6:var(--digi--typography--h4--margin--small);font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY)}@media (min-width: 62rem){digi-typography{--FONT-SIZE--BODY:var(--digi--typography--body--font-size--desktop);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--desktop);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--desktop);--TEXT-DECORATION--BODY:var(\n      --digi--typography--body--text-decoration--desktop\n    );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--desktop);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--desktop);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--desktop);--TEXT-DECORATION--LINK:var(\n      --digi--typography--link--text-decoration--desktop\n    );--FONT-SIZE--HEADING-1:var(\n      --digi--typography--heading-1--font-size--desktop\n    );--LINE-HEIGHT--HEADING-1:var(\n      --digi--typography--heading-1--line-height--desktop\n    );--FONT-WEIGHT--HEADING-1:var(\n      --digi--typography--heading-1--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-1:var(\n      --digi--typography--heading-1--text-decoration--desktop\n    );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--medium);--FONT-SIZE--HEADING-2:var(\n      --digi--typography--heading-2--font-size--desktop\n    );--LINE-HEIGHT--HEADING-2:var(\n      --digi--typography--heading-2--line-height--desktop\n    );--FONT-WEIGHT--HEADING-2:var(\n      --digi--typography--heading-2--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-2:var(\n      --digi--typography--heading-2--text-decoration--desktop\n    );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(\n      --digi--typography--heading-3--font-size--desktop\n    );--LINE-HEIGHT--HEADING-3:var(\n      --digi--typography--heading-3--line-height--desktop\n    );--FONT-WEIGHT--HEADING-3:var(\n      --digi--typography--heading-3--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-3:var(\n      --digi--typography--heading-3--text-decoration--desktop\n    );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(\n      --digi--typography--heading-4--font-size--desktop\n    );--LINE-HEIGHT--HEADING-4:var(\n      --digi--typography--heading-4--line-height--desktop\n    );--FONT-WEIGHT--HEADING-4:var(\n      --digi--typography--heading-4--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-4:var(\n      --digi--typography--heading-4--text-decoration--desktop\n    );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(\n      --digi--typography--heading-4--font-size--desktop\n    );--LINE-HEIGHT--HEADING-5:var(\n      --digi--typography--heading-4--line-height--desktop\n    );--FONT-WEIGHT--HEADING-5:var(\n      --digi--typography--heading-4--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-5:var(\n      --digi--typography--heading-4--text-decoration--desktop\n    );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--small);--FONT-SIZE--HEADING-6:var(\n      --digi--typography--heading-4--font-size--desktop\n    );--LINE-HEIGHT--HEADING-6:var(\n      --digi--typography--heading-4--line-height--desktop\n    );--FONT-WEIGHT--HEADING-6:var(\n      --digi--typography--heading-4--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-6:var(\n      --digi--typography--heading-4--text-decoration--desktop\n    );--MARGIN--HEADING-6:var(--digi--typography--h6--margin--small)}}digi-typography .digi-typography--large{--FONT-SIZE--BODY:var(--digi--typography--body--font-size--desktop);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--desktop);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--desktop);--TEXT-DECORATION--BODY:var(\n    --digi--typography--body--text-decoration--desktop\n  );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--desktop);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--desktop);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--desktop);--TEXT-DECORATION--LINK:var(\n    --digi--typography--link--text-decoration--desktop\n  );--FONT-SIZE--HEADING-1:var(\n    --digi--typography--heading-1--font-size--desktop\n  );--LINE-HEIGHT--HEADING-1:var(\n    --digi--typography--heading-1--line-height--desktop\n  );--FONT-WEIGHT--HEADING-1:var(\n    --digi--typography--heading-1--font-weight--desktop\n  );--TEXT-DECORATION--HEADING-1:var(\n    --digi--typography--heading-1--text-decoration--desktop\n  );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--medium);--FONT-SIZE--HEADING-2:var(\n    --digi--typography--heading-2--font-size--desktop\n  );--LINE-HEIGHT--HEADING-2:var(\n    --digi--typography--heading-2--line-height--desktop\n  );--FONT-WEIGHT--HEADING-2:var(\n    --digi--typography--heading-2--font-weight--desktop\n  );--TEXT-DECORATION--HEADING-2:var(\n    --digi--typography--heading-2--text-decoration--desktop\n  );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(\n    --digi--typography--heading-3--font-size--desktop\n  );--LINE-HEIGHT--HEADING-3:var(\n    --digi--typography--heading-3--line-height--desktop\n  );--FONT-WEIGHT--HEADING-3:var(\n    --digi--typography--heading-3--font-weight--desktop\n  );--TEXT-DECORATION--HEADING-3:var(\n    --digi--typography--heading-3--text-decoration--desktop\n  );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(\n    --digi--typography--heading-4--font-size--desktop\n  );--LINE-HEIGHT--HEADING-4:var(\n    --digi--typography--heading-4--line-height--desktop\n  );--FONT-WEIGHT--HEADING-4:var(\n    --digi--typography--heading-4--font-weight--desktop\n  );--TEXT-DECORATION--HEADING-4:var(\n    --digi--typography--heading-4--text-decoration--desktop\n  );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(\n    --digi--typography--heading-4--font-size--desktop\n  );--LINE-HEIGHT--HEADING-5:var(\n    --digi--typography--heading-4--line-height--desktop\n  );--FONT-WEIGHT--HEADING-5:var(\n    --digi--typography--heading-4--font-weight--desktop\n  );--TEXT-DECORATION--HEADING-5:var(\n    --digi--typography--heading-4--text-decoration--desktop\n  );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--small);--FONT-SIZE--HEADING-6:var(\n    --digi--typography--heading-4--font-size--desktop\n  );--LINE-HEIGHT--HEADING-6:var(\n    --digi--typography--heading-4--line-height--desktop\n  );--FONT-WEIGHT--HEADING-6:var(\n    --digi--typography--heading-4--font-weight--desktop\n  );--TEXT-DECORATION--HEADING-6:var(\n    --digi--typography--heading-4--text-decoration--desktop\n  );--MARGIN--HEADING-6:var(--digi--typography--h6--margin--small)}@media (min-width: 62rem){digi-typography .digi-typography--large{--FONT-SIZE--BODY:var(--digi--typography--body--font-size--desktop-large);--LINE-HEIGHT--BODY:var(\n      --digi--typography--body--line-height--desktop-large\n    );--FONT-WEIGHT--BODY:var(\n      --digi--typography--body--font-weight--desktop-large\n    );--TEXT-DECORATION--BODY:var(\n      --digi--typography--body--text-decoration--desktop-large\n    );--MARGIN--BODY:var(--digi--typography--paragraph--margin--large);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--desktop-large);--LINE-HEIGHT--LINK:var(\n      --digi--typography--link--line-height--desktop-large\n    );--FONT-WEIGHT--LINK:var(\n      --digi--typography--link--font-weight--desktop-large\n    );--TEXT-DECORATION--LINK:var(\n      --digi--typography--link--text-decoration--desktop-large\n    );--FONT-SIZE--HEADING-1:var(\n      --digi--typography--heading-1--font-size--desktop-large\n    );--LINE-HEIGHT--HEADING-1:var(\n      --digi--typography--heading-1--line-height--desktop-large\n    );--FONT-WEIGHT--HEADING-1:var(\n      --digi--typography--heading-1--font-weight--desktop-large\n    );--TEXT-DECORATION--HEADING-1:var(\n      --digi--typography--heading-1--text-decoration--desktop-large\n    );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--large);--FONT-SIZE--HEADING-2:var(\n      --digi--typography--heading-2--font-size--desktop-large\n    );--LINE-HEIGHT--HEADING-2:var(\n      --digi--typography--heading-2--line-height--desktop-large\n    );--FONT-WEIGHT--HEADING-2:var(\n      --digi--typography--heading-2--font-weight--desktop-large\n    );--TEXT-DECORATION--HEADING-2:var(\n      --digi--typography--heading-2--text-decoration--desktop-large\n    );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--large);--FONT-SIZE--HEADING-3:var(\n      --digi--typography--heading-3--font-size--desktop-large\n    );--LINE-HEIGHT--HEADING-3:var(\n      --digi--typography--heading-3--line-height--desktop-large\n    );--FONT-WEIGHT--HEADING-3:var(\n      --digi--typography--heading-3--font-weight--desktop-large\n    );--TEXT-DECORATION--HEADING-3:var(\n      --digi--typography--heading-3--text-decoration--desktop-large\n    );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--large);--FONT-SIZE--HEADING-4:var(\n      --digi--typography--heading-4--font-size--desktop-large\n    );--LINE-HEIGHT--HEADING-4:var(\n      --digi--typography--heading-4--line-height--desktop-large\n    );--FONT-WEIGHT--HEADING-4:var(\n      --digi--typography--heading-4--font-weight--desktop-large\n    );--TEXT-DECORATION--HEADING-4:var(\n      --digi--typography--heading-4--text-decoration--desktop-large\n    );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--large);--FONT-SIZE--HEADING-5:var(\n      --digi--typography--heading-4--font-size--desktop-large\n    );--LINE-HEIGHT--HEADING-5:var(\n      --digi--typography--heading-4--line-height--desktop-large\n    );--FONT-WEIGHT--HEADING-5:var(\n      --digi--typography--heading-4--font-weight--desktop-large\n    );--TEXT-DECORATION--HEADING-5:var(\n      --digi--typography--heading-4--text-decoration--desktop-large\n    );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--large);--FONT-SIZE--HEADING-6:var(\n      --digi--typography--heading-4--font-size--desktop-large\n    );--LINE-HEIGHT--HEADING-6:var(\n      --digi--typography--heading-4--line-height--desktop-large\n    );--FONT-WEIGHT--HEADING-6:var(\n      --digi--typography--heading-4--font-weight--desktop-large\n    );--TEXT-DECORATION--HEADING-6:var(\n      --digi--typography--heading-4--text-decoration--desktop-large\n    );--MARGIN--HEADING-6:var(--digi--typography--h6--margin--large)}}digi-typography .digi-typography--hide-visited a:visited{color:var(--digi--color--text--link-secondary, var(--digi--color--text--link))}digi-typography h1,digi-typography h2,digi-typography h3,digi-typography h4,digi-typography h5,digi-typography h6{margin-top:0;}digi-typography h1,digi-typography .digi-h1{font-size:var(--FONT-SIZE--HEADING-1);line-height:var(--LINE-HEIGHT--HEADING-1);font-weight:var(--FONT-WEIGHT--HEADING-1);text-decoration:var(--TEXT-DECORATION--HEADING-1);margin-bottom:var(--MARGIN--HEADING-1)}digi-typography h2,digi-typography .digi-h2{font-size:var(--FONT-SIZE--HEADING-2);line-height:var(--LINE-HEIGHT--HEADING-2);font-weight:var(--FONT-WEIGHT--HEADING-2);text-decoration:var(--TEXT-DECORATION--HEADING-2);margin-bottom:var(--MARGIN--HEADING-2)}digi-typography h3,digi-typography .digi-h3{font-size:var(--FONT-SIZE--HEADING-3);line-height:var(--LINE-HEIGHT--HEADING-3);font-weight:var(--FONT-WEIGHT--HEADING-3);text-decoration:var(--TEXT-DECORATION--HEADING-3);margin-bottom:var(--MARGIN--HEADING-3)}digi-typography h4,digi-typography .digi-h4{font-size:var(--FONT-SIZE--HEADING-4);line-height:var(--LINE-HEIGHT--HEADING-4);font-weight:var(--FONT-WEIGHT--HEADING-4);text-decoration:var(--TEXT-DECORATION--HEADING-4);margin-bottom:var(--MARGIN--HEADING-4)}digi-typography h5,digi-typography .digi-h5{font-size:var(--FONT-SIZE--HEADING-5);line-height:var(--LINE-HEIGHT--HEADING-5);font-weight:var(--FONT-WEIGHT--HEADING-5);text-decoration:var(--TEXT-DECORATION--HEADING-5);margin-bottom:var(--MARGIN--HEADING-5)}digi-typography h6,digi-typography .digi-h6{font-size:var(--FONT-SIZE--HEADING-6);line-height:var(--LINE-HEIGHT--HEADING-6);font-weight:var(--FONT-WEIGHT--HEADING-6);text-decoration:var(--TEXT-DECORATION--HEADING-6);margin-bottom:var(--MARGIN--HEADING-6)}digi-typography p,digi-typography blockquote{font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY);margin-top:initial;margin-bottom:var(--MARGIN--BODY);max-width:var(--digi--paragraph-width--medium)}digi-typography p:last-child,digi-typography blockquote:last-child{margin-bottom:0}digi-typography blockquote{margin-inline:0}digi-typography digi-typography-preamble{display:block;margin-bottom:var(--MARGIN--BODY)}digi-typography digi-typography-preamble:last-child{margin-bottom:0}digi-typography ul,digi-typography ol,digi-typography dl{font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY);max-width:var(--digi--paragraph-width--medium);margin-bottom:var(--MARGIN--BODY)}digi-typography ul:last-child,digi-typography ol:last-child,digi-typography dl:last-child{margin-bottom:0}digi-typography a{font-size:1em;line-height:var(--LINE-HEIGHT--LINK);font-weight:inherit;text-decoration:var(--TEXT-DECORATION--LINK);color:var(--digi--color--text--link-secondary, var(--digi--color--text--link));text-decoration-thickness:var(--digi--typography--text-decoration-thickness--default);text-underline-offset:var(--digi--typography--text-underline-offset)}digi-typography a:hover{text-decoration:var(--TEXT-DECORATION--LINK);text-decoration-thickness:var(--digi--typography--text-decoration-thickness--hover)}digi-typography a:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}digi-typography a:visited{color:var(--digi--color--text--link-secondary-visited, var(--digi--color--text--link-visited))}digi-typography strong{font-weight:var(--digi--typography--label--font-weight--desktop)}";
+const DigiTypographyStyle0 = typographyCss;
+
+const Typography = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afVariation = typographyVariation_enum.TypographyVariation.SMALL;
+        this.hideVisitedColor = undefined;
+    }
+    get cssModifiers() {
+        return {
+            'digi-typography--large': this.afVariation === typographyVariation_enum.TypographyVariation.LARGE,
+            'digi-typography--small': this.afVariation === typographyVariation_enum.TypographyVariation.SMALL,
+            'digi-typography--hide-visited': this.hideVisitedColor
+        };
+    }
+    render() {
+        return (index.h("div", { key: 'ab80bcd6bcb5929fb95afb13bddbe7fe13525175', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, index.h("slot", { key: 'c69f06ec50779025a1bf723ae74cc9b20d62749b' })));
+    }
+};
+Typography.style = DigiTypographyStyle0;
+
+const utilBreakpointObserverCss = ".digi--util--fs--xs.sc-digi-util-breakpoint-observer{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-util-breakpoint-observer{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-util-breakpoint-observer{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-util-breakpoint-observer{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-util-breakpoint-observer{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-util-breakpoint-observer{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-util-breakpoint-observer{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-util-breakpoint-observer{padding-top:5rem !important}.digi--util--pb--1.sc-digi-util-breakpoint-observer{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-util-breakpoint-observer{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-util-breakpoint-observer{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-util-breakpoint-observer{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-util-breakpoint-observer{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-util-breakpoint-observer{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-util-breakpoint-observer{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-util-breakpoint-observer{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-util-breakpoint-observer{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-util-breakpoint-observer{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-util-breakpoint-observer{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-util-breakpoint-observer{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-util-breakpoint-observer{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-util-breakpoint-observer{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-util-breakpoint-observer{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-util-breakpoint-observer{padding:2.5rem !important}.digi--util--p--60.sc-digi-util-breakpoint-observer{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-util-breakpoint-observer{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-util-breakpoint-observer{padding:4.5rem !important}.digi--util--p--90.sc-digi-util-breakpoint-observer{padding:5rem !important}.digi--util--ptb--1.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-util-breakpoint-observer{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-util-breakpoint-observer{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-util-breakpoint-observer{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-util-breakpoint-observer{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-util-breakpoint-observer{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-util-breakpoint-observer{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-util-breakpoint-observer{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-util-breakpoint-observer{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-util-breakpoint-observer{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-util-breakpoint-observer{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-util-breakpoint-observer{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-util-breakpoint-observer{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-util-breakpoint-observer{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-util-breakpoint-observer{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-util-breakpoint-observer{display:none}.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer.sc-digi-util-breakpoint-observer{--SMALL:small;--MEDIUM:medium;--LARGE:large;--XLARGE:xlarge}.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--SMALL);border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;pointer-events:none;transition:transform 0.01s;transform:rotate(0deg)}@media (min-width: 48rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--MEDIUM);transform:rotate(10deg)}}@media (min-width: 62rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--LARGE);transform:rotate(20deg)}}@media (min-width: 75rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--XLARGE);transform:rotate(30deg)}}";
+const DigiUtilBreakpointObserverStyle0 = utilBreakpointObserverCss;
+
+const UtilBreakpointObserver = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnChange = index.createEvent(this, "afOnChange", 7);
+        this.afOnSmall = index.createEvent(this, "afOnSmall", 7);
+        this.afOnMedium = index.createEvent(this, "afOnMedium", 7);
+        this.afOnLarge = index.createEvent(this, "afOnLarge", 7);
+        this.afOnXLarge = index.createEvent(this, "afOnXLarge", 7);
+    }
+    componentDidLoad() {
+        this.handleBreakpoint();
+    }
+    handleBreakpoint(e) {
+        const observerCSSVariables = window.getComputedStyle(this._observer);
+        const value = observerCSSVariables.getPropertyValue('--digi--util-breakpoint-observer--breakpoint');
+        this.afOnChange.emit({ value, e });
+        switch (value) {
+            case utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL:
+                this.afOnSmall.emit({ value, e });
+                break;
+            case utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.MEDIUM:
+                this.afOnMedium.emit({ value, e });
+                break;
+            case utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.LARGE:
+                this.afOnLarge.emit({ value, e });
+                break;
+            case utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.XLARGE:
+                this.afOnXLarge.emit({ value, e });
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: 'f9b599eb8abe0c0c61a7a797dc697e4e9f345acd' }, index.h("div", { key: '31a1a793cf75e8ee8432b1bbcb382c812cb97741', class: "digi-util-breakpoint-observer" }, index.h("div", { key: 'd9c26fde942dc98296253b542637798d8df402f9', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), index.h("slot", { key: 'e34931386a5c01feea4d8c99c2b4d4fd135e1cfa' }))));
+    }
+    get hostElement() { return index.getElement(this); }
+};
+UtilBreakpointObserver.style = DigiUtilBreakpointObserverStyle0;
+
+exports.digi_form_file_upload = FormFileUpload;
+exports.digi_form_label = FormLabel;
+exports.digi_form_validation_message = FormValidationMessage;
+exports.digi_icon_paperclip = IconPaperclip;
+exports.digi_icon_spinner = IconSpinner;
+exports.digi_icon_trash = Icontrash;
+exports.digi_icon_validation_error = IconValidationError;
+exports.digi_icon_validation_success = IconCheckCircle;
+exports.digi_icon_validation_warning = IconValidationWarning;
+exports.digi_icon_x_button_outline = IconXButtonOutline;
+exports.digi_layout_container = LayoutContainer;
+exports.digi_typography = Typography;
+exports.digi_util_breakpoint_observer = UtilBreakpointObserver;