@designsystem-se/af 39.2.1-beta.0 → 39.2.1-beta.darkmode.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designsystem-se/af",
   "author": "Arbetsförmedlingen",
-  "version": "39.2.1-beta.0",
+  "version": "39.2.1-beta.darkmode.0",
   "description": "Web Components for Digi Designsystem",
   "license": "Apache-2.0",
   "main": "./dist/index.cjs.js",
@@ -21,9 +21,7 @@
   },
   "contributes": {
     "html": {
-      "customData": [
-        "./custom-elements.json"
-      ]
+      "customData": ["./custom-elements.json"]
     }
   },
   "publishConfig": {

package/components/p-01264cdd.js

@@ -1,46 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-
-const iconCaretDownCss = ".sc-digi-icon-caret-down-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-caret-down-h svg.sc-digi-icon-caret-down{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 DigiIconCaretDownStyle0 = iconCaretDownCss;
-
-const IconCaretDown = /*@__PURE__*/ proxyCustomElement(class IconCaretDown extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator('icontitle');
-    }
-    render() {
-        return (h("svg", { key: '7803bc088f0a11b089f6120019e2ca8b99366a18', class: "digi-icon-caret-down", width: "12", height: "6", viewBox: "0 0 12 6", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
-                ? this.afSvgAriaLabelledby
-                : this.afTitle
-                    ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'f7bd9a1f27719071a655eea0a8cc51532a91bae3', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '8a0496ac9f4abea1fb62a226816077bc231b8bad' }, this.afDesc), h("path", { key: '51d6cf6bc1131f92f271becef73e98c82293c597', class: "digi-icon-caret-down__shape", d: "M11.777.198A.608.608 0 0112 .667c0 .18-.074.336-.223.468l-5.25 4.667A.768.768 0 016 6a.768.768 0 01-.527-.198L.223 1.135A.608.608 0 010 .667C0 .487.074.33.223.197A.768.768 0 01.75 0h10.5c.203 0 .379.066.527.198z", fill: "currentColor", "fill-rule": "evenodd" })));
-    }
-    static get style() { return DigiIconCaretDownStyle0; }
-}, [2, "digi-icon-caret-down", {
-        "afTitle": [1, "af-title"],
-        "afDesc": [1, "af-desc"],
-        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
-        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
-        "titleId": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-icon-caret-down"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-caret-down":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconCaretDown);
-            }
-            break;
-    } });
-}
-
-export { IconCaretDown as I, defineCustomElement as d };

package/components/p-02cac754.js

@@ -1,46 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-
-const iconPlusCss = ".sc-digi-icon-plus-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-plus-h svg.sc-digi-icon-plus{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 DigiIconPlusStyle0 = iconPlusCss;
-
-const IconPlus = /*@__PURE__*/ proxyCustomElement(class IconPlus extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator('icontitle');
-    }
-    render() {
-        return (h("svg", { key: '65603ac1bbbbea7c151465b4b06426dd0aa38b72', class: "digi-icon-plus", width: "22", height: "26", viewBox: "0 0 22 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 && h("title", { key: 'b87d41076a691353bfa3c2af0f35e11fe99bd26a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '1eec4be3799c78b04a9db5f873f511b96de2af6e' }, this.afDesc), h("path", { key: '05e94127089630252d96a12231484a3a03735a8d', class: "digi-icon-plus__shape", d: "M21.6,13c0,0.7-0.5,1.2-1.2,1.2h-7.9V22c0,0.7-0.5,1.2-1.2,1.2s-1.2-0.5-1.2-1.2v-7.9H2.3c-0.7,0-1.2-0.5-1.2-1.2 c0-0.6,0.5-1.2,1.2-1.2h7.9V4c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v7.9h7.9C21.1,11.8,21.6,12.4,21.6,13z", fill: "currentColor", "fill-rule": "nonzero" })));
-    }
-    static get style() { return DigiIconPlusStyle0; }
-}, [2, "digi-icon-plus", {
-        "afTitle": [1, "af-title"],
-        "afDesc": [1, "af-desc"],
-        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
-        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
-        "titleId": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-icon-plus"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-plus":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconPlus);
-            }
-            break;
-    } });
-}
-
-export { IconPlus as I, defineCustomElement as d };

package/components/p-02ebe13f.js

@@ -1,46 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-
-const iconValidationWarningCss = ".sc-digi-icon-validation-warning-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-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 = /*@__PURE__*/ proxyCustomElement(class IconValidationWarning extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator('icontitle');
-    }
-    render() {
-        return (h("div", { key: '0e72404fd84b522858a70020f72399924d37ec18' }, h("svg", { key: 'cd993cacfd3c1b6409b448f28e493dfc2bbfac60', 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 && h("title", { key: 'ecb012faa417a12dd8364cdb668d05871cbd9e2d', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '79645e3d7c66df619e6395fc230ceb168e126b55' }, this.afDesc), h("g", { key: 'f45dfa63c0474d9ec4d4b5761aa4d89eeec96885', fill: "none", "fill-rule": "evenodd" }, h("circle", { key: '51f6f20faff8a50086a66a1865ed56711e96d01c', cx: "9", cy: "9", r: "6.75", fill: "#333" }), h("path", { key: '45179f87b52df55eba0a3ca50113df0cd14eba9b', 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" })))));
-    }
-    static get style() { return DigiIconValidationWarningStyle0; }
-}, [2, "digi-icon-validation-warning", {
-        "afTitle": [1, "af-title"],
-        "afDesc": [1, "af-desc"],
-        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
-        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
-        "titleId": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-icon-validation-warning"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-validation-warning":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconValidationWarning);
-            }
-            break;
-    } });
-}
-
-export { IconValidationWarning as I, defineCustomElement as d };

package/components/p-06905c58.js

@@ -1,46 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-
-const iconWebinarCss = ".sc-digi-icon-webinar-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-webinar-h svg.sc-digi-icon-webinar{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 DigiIconWebinarStyle0 = iconWebinarCss;
-
-const IconWebinar = /*@__PURE__*/ proxyCustomElement(class IconWebinar extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator('icontitle');
-    }
-    render() {
-        return (h("svg", { key: '0550109fa62bf4cefcfc9fce0fc99932dd806589', class: "digi-icon-media-webinar", 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 && h("title", { key: 'feb4cb8ad7d8a4f3b94b8e5c2d755e2fafe07405', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '76decc0d1c226e22c158072a6779b1afa65a3217' }, this.afDesc), h("defs", { key: 'ff9a7913fb402bae4181b46537ed62b03dc02eff' }, h("polygon", { key: '71c980fc30883446a4e61627ffe9b8e8732e1999', points: "0 0 46.0706453 0 46.0706453 6.84583302 0 6.84583302" }), h("polygon", { key: '7a04bc545ceb49d6738dc4fb3aa1d26bf9427325', points: "0 0 20.7553606 0 20.7553606 16.9520588 0 16.9520588" })), h("g", { key: '604a5045c8fd8ae7776953bbb7bdb9a196795b7a', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '1be01c69054832311e6a36d84ff6758d24bab3cd', transform: "translate(-124, -722)" }, h("g", { key: '634dc150f5ea489b14f89b6f0fe698fd8c280d77', transform: "translate(124, 726)" }, h("g", { key: 'cae5a0e9fb37dbed19232b0ce403b2e3cabf44a6', transform: "translate(0, 33.1497)" }, h("mask", { key: 'ab93f27b51a38ce4dc057c15a85dfcf8f0cd2f91', id: "mask-2", fill: "white" }, h("use", { key: 'e9616b1f0e22bd901aca72f5dc600fcb84c68145', href: "#path-1" })), h("g", { key: 'db4250c6fe761ade1c764e024f2b7ceee1e435db' }), h("path", { key: 'e985d59d78e843b387a9de08409531791ffdf5e7', d: "M32.4654281,0 C29.5470994,1.01554561 28.1793888,2.39053613 23.0352317,2.39053613 C17.8910745,2.39053613 16.5233639,1.01554561 13.6050353,0 L-0.000181997422,0 L-0.000181997422,3.25320391 C-0.000181997422,5.22969591 1.07087283,6.84583302 3.49871843,6.84583302 L42.5717449,6.84583302 C44.9995905,6.84583302 46.0706453,5.22969591 46.0706453,3.25320391 L46.0706453,0 L32.4654281,0 Z", fill: "currentColor" })), h("path", { key: 'e2ceaef32beace1fbdedb362736f20db6bcddfcd', d: "M24.3296883,7.89077121 C24.3296883,6.71506787 24.5881247,5.58850383 25.0403883,4.53473876 C25.1341169,4.31634185 25.2505953,4.10704482 25.3616137,3.89592781 L4.37185107,3.89592781 C3.23891712,3.89592781 2.31255024,4.86506408 2.31255024,6.04895731 L2.31255024,29.4847653 L6.52670054,29.4847653 L6.52670054,9.50690832 C6.52670054,8.98002578 6.9389247,8.54869189 7.44214757,8.54869189 L24.3642678,8.54869189 C24.3469781,8.33029499 24.3296883,8.11189808 24.3296883,7.89077121", fill: "currentColor" }), h("path", { key: 'ab269b37fbd7e4eaf3befdb3991ae5199c33e4b7', d: "M41.2624554,18.5539092 C40.7028134,18.6767574 40.1295215,18.7713961 39.5434898,18.8360052 L39.5434898,29.4846743 L43.7576401,29.4846743 L43.7576401,17.7640403 C42.9695913,18.0916357 42.1369531,18.3619019 41.2624554,18.5539092", fill: "currentColor" }), h("path", { key: '1f59a69b5e376c38f0322a66a2b1b0489b3c4348', d: "M27.7086525,29.9926291 C27.7086525,30.5140517 27.3055282,30.9371957 26.8086752,30.9371957 L11.8111777,30.9371957 C11.3143247,30.9371957 10.9121104,30.5140517 10.9121104,29.9926291 L10.9121104,26.7157655 C10.9121104,24.6282551 12.5227876,22.9365891 14.5111094,22.9365891 L16.5594904,22.9365891 C18.3366952,23.7919769 20.3486767,23.7610374 22.0612725,22.9365891 L24.1096534,22.9365891 C26.0970653,22.9365891 27.7086525,24.6282551 27.7086525,26.7157655 L27.7086525,29.9926291 Z M19.3103814,11.5981497 C21.9602639,11.5981497 24.1096534,13.8540077 24.1096534,16.6376583 C24.1096534,19.4203989 21.9602639,21.6762569 19.3103814,21.6762569 C16.659589,21.6762569 14.5111094,19.4203989 14.5111094,16.6376583 C14.5111094,13.8540077 16.659589,11.5981497 19.3103814,11.5981497 L19.3103814,11.5981497 Z", fill: "currentColor" }), h("path", { key: 'df2af1c39f2199dc430b8adffd2705cdf53e2ca8', d: "M19.3101084,21.6764389 C21.9609009,21.6764389 24.1093805,19.4205809 24.1093805,16.6369303 C24.1093805,13.8541897 21.9609009,11.5983317 19.3101084,11.5983317 C16.659316,11.5983317 14.5108364,13.8541897 14.5108364,16.6369303 C14.5108364,19.4205809 16.659316,21.6764389 19.3101084,21.6764389", fill: "currentColor" }), h("path", { key: '808a0f3a32c1584dae3ffbd1411fd3a513f0b6af', d: "M24.1092895,22.9362251 L22.0609085,22.9362251 C20.3492227,23.7606734 18.3372412,23.7925229 16.5591264,22.9362251 L14.5107454,22.9362251 C12.5233336,22.9362251 10.9117464,24.6278911 10.9117464,26.7154015 L10.9117464,29.9922651 C10.9117464,30.5145977 11.3148707,30.9377417 11.8117237,30.9377417 L26.8092212,30.9377417 C27.3060742,30.9377417 27.7082885,30.5145977 27.7082885,29.9922651 L27.7082885,26.7154015 C27.7082885,24.6278911 26.0976113,22.9362251 24.1092895,22.9362251", fill: "currentColor" }), h("g", { key: '9e6f0bba20aacc9d954794d60859a19128eccd22', transform: "translate(27.2446, 0)" }, h("mask", { key: '3b1b5238bc3692da3e633a1347545894365e2f96', id: "mask-4", fill: "white" }, h("use", { key: '6f5fbcf67e585a5d5d714616259b3ab6d32a2f3b', href: "#path-3" })), h("g", { key: '638deb4c2a84923894565d4918f559a52058ac7c' }), h("path", { key: 'cf66666f11721f08b063be4ddd54051699899765', d: "M14.0163601,9.95243801 C12.6923288,9.95243801 11.619454,8.87956321 11.619454,7.55553196 C11.619454,6.23150072 12.6923288,5.15862592 14.0163601,5.15862592 C15.3403913,5.15862592 16.4132661,6.23150072 16.4132661,7.55553196 C16.4132661,8.87956321 15.3403913,9.95243801 14.0163601,9.95243801 M6.73919318,9.95243801 C5.41516194,9.95243801 4.34228713,8.87956321 4.34228713,7.55553196 C4.34228713,6.23150072 5.41516194,5.15862592 6.73919318,5.15862592 C8.06322442,5.15862592 9.13609922,6.23150072 9.13609922,7.55553196 C9.13609922,8.87956321 8.06322442,9.95243801 6.73919318,9.95243801 M10.7394965,-9.09987108e-05 C5.20768488,-9.09987108e-05 0.723268404,3.5224691 0.723268404,7.8703875 C0.723268404,9.67125199 1.50221737,11.3210586 2.79348908,12.6496398 C2.21018734,14.1401987 0.276464734,15.4041708 0.257355005,15.4196406 C-0.00108133406,15.6844468 -0.0720603285,16.0702813 0.0771775573,16.4033366 C0.225505456,16.7363919 0.565840635,16.9520588 0.94166531,16.9520588 C3.34767123,16.9520588 5.96661412,15.9792826 7.105008,15.1994237 C8.23521199,15.5443088 9.45641468,15.740866 10.7394965,15.740866 C16.2713081,15.740866 20.7557246,12.2183059 20.7557246,7.8703875 C20.7557246,3.5224691 16.2713081,-9.09987108e-05 10.7394965,-9.09987108e-05", fill: "currentColor" })))))));
-    }
-    static get style() { return DigiIconWebinarStyle0; }
-}, [2, "digi-icon-webinar", {
-        "afTitle": [1, "af-title"],
-        "afDesc": [1, "af-desc"],
-        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
-        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
-        "titleId": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-icon-webinar"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-webinar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconWebinar);
-            }
-            break;
-    } });
-}
-
-export { IconWebinar as I, defineCustomElement as d };

package/components/p-0e6a31ff.js

@@ -1,58 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a53686b3.js';
-import { U as UtilBreakpointObserverBreakpoints } from './p-cdcaf0eb.js';
-
-const utilBreakpointObserverCss = ".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: 61.9375rem){.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 = /*@__PURE__*/ proxyCustomElement(class UtilBreakpointObserver extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.afOnChange = createEvent(this, "afOnChange", 7);
-        this.afOnSmall = createEvent(this, "afOnSmall", 7);
-        this.afOnMedium = createEvent(this, "afOnMedium", 7);
-        this.afOnLarge = createEvent(this, "afOnLarge", 7);
-        this.afOnXLarge = 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.SMALL:
-                this.afOnSmall.emit({ value, e });
-                break;
-            case UtilBreakpointObserverBreakpoints.MEDIUM:
-                this.afOnMedium.emit({ value, e });
-                break;
-            case UtilBreakpointObserverBreakpoints.LARGE:
-                this.afOnLarge.emit({ value, e });
-                break;
-            case UtilBreakpointObserverBreakpoints.XLARGE:
-                this.afOnXLarge.emit({ value, e });
-        }
-    }
-    render() {
-        return (h(Host, { key: 'fa76f2542c87860d7a6b501698cdd9ea28385fd7' }, h("div", { key: 'a4fc9b5eab47cf889040f6e3816f179961a28003', class: "digi-util-breakpoint-observer" }, h("div", { key: '12ce5bbab68aa3f29f9839f9d18a4717c0d256d0', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '0772066a14b4d34a52b4a3a0488411ea092e68ee' }))));
-    }
-    get hostElement() { return this; }
-    static get style() { return DigiUtilBreakpointObserverStyle0; }
-}, [6, "digi-util-breakpoint-observer"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-util-breakpoint-observer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-util-breakpoint-observer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UtilBreakpointObserver);
-            }
-            break;
-    } });
-}
-
-export { UtilBreakpointObserver as U, defineCustomElement as d };

package/components/p-14119afa.js

@@ -1,46 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-
-const iconChevronDownCss = ".sc-digi-icon-chevron-down-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-chevron-down-h svg.sc-digi-icon-chevron-down{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 DigiIconChevronDownStyle0 = iconChevronDownCss;
-
-const IconChevronDown = /*@__PURE__*/ proxyCustomElement(class IconChevronDown extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator('icontitle');
-    }
-    render() {
-        return (h("svg", { key: '8c1823e497c5b4b7d33f1e5527279636819b86a8', class: "digi-icon-chevron-down", width: "14", height: "8", viewBox: "0 0 14 8", 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 && h("title", { key: '1c0a137be9ac050af93f8e52e93996555b18ae96', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'ad8090cd6ad3607946a7bba7fd69a3e3ee7b3538' }, this.afDesc), h("path", { key: '5e92479bddf6b48482ba2f4d2258c6a051bc2080', class: "digi-icon-chevron-down__shape", d: "M1 1l6.074 6L13 1.147", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
-    }
-    static get style() { return DigiIconChevronDownStyle0; }
-}, [2, "digi-icon-chevron-down", {
-        "afTitle": [1, "af-title"],
-        "afDesc": [1, "af-desc"],
-        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
-        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
-        "titleId": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-icon-chevron-down"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-chevron-down":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconChevronDown);
-            }
-            break;
-    } });
-}
-
-export { IconChevronDown as I, defineCustomElement as d };

package/components/p-1e730762.js

@@ -1,46 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-
-const iconOnlineVideoCss = ".sc-digi-icon-online-video-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-online-video-h svg.sc-digi-icon-online-video{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 DigiIconOnlineVideoStyle0 = iconOnlineVideoCss;
-
-const IconOnlineVideo = /*@__PURE__*/ proxyCustomElement(class IconOnlineVideo extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator('icontitle');
-    }
-    render() {
-        return (h("svg", { key: 'b61f494a6e04695f8ba9e14055a8467c166ddd88', class: "digi-icon-online-video", width: "62px", height: "63px", viewBox: "0 0 62 63", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
-                ? this.afSvgAriaLabelledby
-                : this.afTitle
-                    ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '857f2e2595e8f265f807751df289d02f4a2edd81', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'bbdda3d9ceac0811f90e8109903aee9dce1e169f' }, this.afDesc), h("defs", { key: '55a75f25f43a623f41eaf479699b0d436a35a5b3' }, h("polygon", { key: '7fcbf65c7676f97a1c26f7b2b72c50424babe41f', id: "path-1", points: "0 0 57.8288208 0 57.8288208 31.6225833 0 31.6225833" }), h("polygon", { key: '3de60cebe9f852c7384e2daa70dd7281094baa4b', id: "path-3", points: "0 0 10.1235667 0 10.1235667 4.72491667 0 4.72491667" }), h("polygon", { key: '4ee65b59a4e5177b6ece78897fcb7226fd225825', id: "path-5", points: "0 0 31.6055333 0 31.6055333 4.72491667 0 4.72491667" }), h("polygon", { key: '74ab8dd125b4eb3f892538a960eb79ff1107dad1', id: "path-7", points: "0 0 8.24083333 0 8.24083333 8.24070417 0 8.24070417" })), h("g", { key: 'b53c633622a00e61124cc4410b1eca8a84451eb0', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'cee936b23c63e1e12dd63af86fd2676c7bf88efe', transform: "translate(-41, -890)" }, h("g", { key: 'c0276aae7be75f8e4ddc92976778221fe95b364e', transform: "translate(43.5833, 897.75)" }, h("g", { key: '8b29b227a331d1109a68aa041b7f4920668598ab', transform: "translate(0, 0)" }, h("g", { key: 'c303ec72424857c35d634baa5a77dce1ca4176df' }, h("mask", { key: 'eadf877595cbe18ffbdf4a1073f6d906d68e8160', fill: "white" }, h("use", { key: 'e4d70460725fda5dfe5e2e3b86a26f17cf80e9d9', href: "#path-1" })), h("g", { key: 'd6bd397a65ffc561b5fe9f9670ededaed9781fc8' }), h("path", { key: '7f009152c5b38bd84abd69451c2ed4a144e0f6fe', d: "M35.4494042,16.844625 L23.6435708,23.66075 C23.4472375,23.7744167 23.2302375,23.8299583 23.0119458,23.8299583 C22.7936542,23.8299583 22.5753625,23.7744167 22.3803208,23.66075 C21.9889458,23.4347083 21.7486958,23.0187917 21.7486958,22.5667083 L21.7486958,8.93445833 C21.7486958,8.482375 21.9889458,8.06516667 22.3803208,7.84041667 C22.7704042,7.614375 23.2521958,7.614375 23.6435708,7.84041667 L35.4494042,14.6565417 C35.8407792,14.8812917 36.0810292,15.2997917 36.0810292,15.7505833 C36.0810292,16.201375 35.8407792,16.6185833 35.4494042,16.844625 M55.2971542,0 L2.53257083,0 C1.14015417,0 -0.0003875,1.13925 -0.0003875,2.53166667 L-0.0003875,29.089625 C-0.0003875,30.4820417 1.14015417,31.6225833 2.53257083,31.6225833 L55.2971542,31.6225833 C56.6895708,31.6225833 57.8288208,30.4820417 57.8288208,29.089625 L57.8288208,2.53166667 C57.8288208,1.13925 56.6895708,0 55.2971542,0", fill: "currentColor" })), h("g", { key: '918d8ccb2d60877c5bd01dcda0119c7a4486eb3d', transform: "translate(0, 40.7418)" }, h("mask", { key: 'e9fc4a1d934c2baa858ae3ba8d9cf98308e2ea31', fill: "white" }, h("use", { key: '171931aa120765a3d2e0e3980631ecb57e5ba9b8', href: "#path-3" })), h("g", { key: 'e4a3c5aaaf1ac0d7f68fd8dacbcd9d0ee6b9686b' }), h("path", { key: '5aa1919654702461cf253a367cbf2c58f52bd9ea', d: "M10.1235667,0 L2.36194167,0 C1.062525,0 -0.000516666667,1.06304167 -0.000516666667,2.36245833 C-0.000516666667,3.661875 1.062525,4.72491667 2.36194167,4.72491667 L10.1235667,4.72491667 C9.87298333,3.97833333 9.70506667,3.193 9.70506667,2.36245833 C9.70506667,1.53191667 9.87298333,0.746583333 10.1235667,0", fill: "currentColor" })), h("g", { key: '231c14fdacddf6b27f9e67224e63c5db9b7ef37e', transform: "translate(26.2237, 40.7418)" }, h("mask", { key: 'f64107cced1a19c6b3d28003357bf1aaf6c6d7df', fill: "white" }, h("use", { key: '23127c5009989a00f917e19eca772efd703bc86a', href: "#path-5" })), h("g", { key: '3c8b57dd0cc8be969edc7d3862962fafdd4fba65' }), h("path", { key: '99879e562e8968b2c183f2dc3f37580b5a9c3a0d', d: "M29.2433333,0 L0,0 C0.250583333,0.746583333 0.4185,1.53191667 0.4185,2.36245833 C0.4185,3.193 0.250583333,3.97833333 0,4.72491667 L29.2433333,4.72491667 C30.54275,4.72491667 31.6057917,3.661875 31.6057917,2.36245833 C31.6057917,1.06304167 30.54275,0 29.2433333,0", fill: "currentColor" })), h("g", { key: '2ee02c15158ebcde3537f97c367b0baf01d440fd', transform: "translate(14.0529, 38.9837)" }, h("mask", { key: 'd1a064bbdada713c10e3715798b219ad917b846d', fill: "white" }, h("use", { key: '2fc7e850b1ddaa5e7b611524441a156350b53f18', href: "#path-7" })), h("g", { key: '2fd3f27dd621da0fef906cf0f15e07cf0d437754' }), h("path", { key: '594d3d89699286bc1381ed2ca735f3765ecfbd11', d: "M8.24083333,4.12041667 C8.24083333,6.39633333 6.39633333,8.24083333 4.12041667,8.24083333 C1.8445,8.24083333 0,6.39633333 0,4.12041667 C0,1.8445 1.8445,0 4.12041667,0 C6.39633333,0 8.24083333,1.8445 8.24083333,4.12041667", fill: "currentColor" }))))))));
-    }
-    static get style() { return DigiIconOnlineVideoStyle0; }
-}, [2, "digi-icon-online-video", {
-        "afTitle": [1, "af-title"],
-        "afDesc": [1, "af-desc"],
-        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
-        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
-        "titleId": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-icon-online-video"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-online-video":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconOnlineVideo);
-            }
-            break;
-    } });
-}
-
-export { IconOnlineVideo as I, defineCustomElement as d };

package/components/p-210a5fb1.js

@@ -1,46 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-
-const iconNotificationWarningCss = ".sc-digi-icon-notification-warning-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-notification-warning-h svg.sc-digi-icon-notification-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 DigiIconNotificationWarningStyle0 = iconNotificationWarningCss;
-
-const IconExclamationCircle = /*@__PURE__*/ proxyCustomElement(class IconExclamationCircle extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator('icontitle');
-    }
-    render() {
-        return (h("svg", { key: '803d9b3876b8e8d77eb8db59fa1fd713dbed3400', class: "digi-icon-notification-warning", width: "42", height: "42", 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 && h("title", { key: '694acdc967463f6c71e674d471f57afdce37b76b', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '0ee9b8c1321dbe42045c20a864e5f117ac5b1dc4' }, this.afDesc), h("g", { key: 'de9ff311562734136c0a06f21c1472335f902f1c', fill: "currentColor", class: "digi-icon-notification-warning__shape" }, h("path", { key: 'ae85e6639ef4922ce2e891aaddbbb0dd763380fe', d: "m24 0c-13.254 0-24 10.75-24 24 0 13.258 10.746 24 24 24s24-10.742 24-24c0-13.25-10.746-24-24-24zm0 43.355c-10.697 0-19.355-8.6546-19.355-19.355 0-10.693 8.6586-19.355 19.355-19.355 10.693 0 19.355 8.6585 19.355 19.355 0 10.696-8.6546 19.355-19.355 19.355zm4.0645-10.065c0 2.2412-1.8233 4.0645-4.0645 4.0645s-4.0645-1.8233-4.0645-4.0645c0-2.2412 1.8233-4.0645 4.0645-4.0645s4.0645 1.8233 4.0645 4.0645zm-7.8745-20.458 0.65806 13.161c0.030871 0.6181 0.54106 1.1033 1.1598 1.1033h3.9842c0.61877 0 1.129-0.48523 1.1598-1.1033l0.65806-13.161c0.033194-0.66329-0.49568-1.2193-1.1598-1.2193h-5.3003c-0.66416 0-1.193 0.55597-1.1598 1.2193z", fill: "currentColor", "fill-rule": "nonzero" }))));
-    }
-    static get style() { return DigiIconNotificationWarningStyle0; }
-}, [2, "digi-icon-notification-warning", {
-        "afTitle": [1, "af-title"],
-        "afDesc": [1, "af-desc"],
-        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
-        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
-        "titleId": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-icon-notification-warning"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-notification-warning":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconExclamationCircle);
-            }
-            break;
-    } });
-}
-
-export { IconExclamationCircle as I, defineCustomElement as d };

package/components/p-222f510d.js

@@ -1,72 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { L as LayoutContainerVariation, a as LayoutContainerMaxWidth } from './p-5f8dc01a.js';
-
-const layoutContainerCss = ".sc-digi-layout-container-h{--digi--layout-container--width:var(--digi--container-width--smaller);--digi--layout-container--gutter:var(--digi--container-gutter--base);--digi--layout-container--vertical-padding:0;--digi--layout-container--margin-top:0;--digi--layout-container--margin-bottom:0}.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{box-sizing:border-box;width:100%;max-width:var(--digi--layout-container--width);padding:var(--digi--layout-container--vertical-padding) var(--digi--layout-container--gutter);margin-left:auto;margin-right:auto;margin-top:var(--digi--layout-container--margin-top);margin-bottom:var(--digi--layout-container--margin-bottom);box-sizing:border-box}@media (min-width: 36rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--small);--digi--layout-container--gutter:var(--digi--container-gutter--small)}}@media (min-width: 48rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--medium);--digi--layout-container--gutter:var(--digi--container-gutter--medium)}}@media (min-width: 61.9375rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--large);--digi--layout-container--gutter:var(--digi--container-gutter--large)}}@media (min-width: 75rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--larger);--digi--layout-container--gutter:var(--digi--container-gutter--larger)}}@media (min-width: 87.5rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--largest);--digi--layout-container--gutter:var(--digi--container-gutter--largest)}.sc-digi-layout-container-h .digi-layout-container--max-width-1200.sc-digi-layout-container{--digi--layout-container--width:var(--digi--global--size--larger)}}.sc-digi-layout-container-h .digi-layout-container--fluid.sc-digi-layout-container{--digi--layout-container--width:none !important}.sc-digi-layout-container-h .digi-layout-container--no-gutter.sc-digi-layout-container{--digi--layout-container--gutter:0}.sc-digi-layout-container-h .digi-layout-container--vertical-padding.sc-digi-layout-container{--digi--layout-container--vertical-padding:var(--digi--padding--large)}.sc-digi-layout-container-h .digi-layout-container--margin-top.sc-digi-layout-container{--digi--layout-container--margin-top:var(--digi--margin--large)}.sc-digi-layout-container-h .digi-layout-container--margin-bottom.sc-digi-layout-container{--digi--layout-container--margin-bottom:var(--digi--margin--large)}";
-const DigiLayoutContainerStyle0 = layoutContainerCss;
-
-const LayoutContainer = /*@__PURE__*/ proxyCustomElement(class LayoutContainer extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this._variation = LayoutContainerVariation.STATIC;
-        this.afVariation = LayoutContainerVariation.STATIC;
-        this.afMaxWidth = 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 === LayoutContainerVariation.NONE) {
-            return {};
-        }
-        return {
-            'digi-layout-container': true,
-            'digi-layout-container--static': this._variation === LayoutContainerVariation.STATIC,
-            'digi-layout-container--fluid': this._variation === LayoutContainerVariation.FLUID,
-            'digi-layout-container--max-width-1200': this.afMaxWidth === LayoutContainerMaxWidth.WIDTH_1200,
-            'digi-layout-container--no-gutter': this.afNoGutter,
-            'digi-layout-container--vertical-padding': this.afVerticalPadding,
-            'digi-layout-container--margin-top': this.afMarginTop,
-            'digi-layout-container--margin-bottom': this.afMarginBottom
-        };
-    }
-    render() {
-        return (h("div", { key: 'c5c995f525db9697284f7891573a62f7bf00e16a', class: Object.assign({}, this.cssModifiers) }, h("slot", { key: '571994e8ef260f38adb61ed52814e2da676e669f' })));
-    }
-    static get watchers() { return {
-        "afVariation": ["variationChangeHandler"]
-    }; }
-    static get style() { return DigiLayoutContainerStyle0; }
-}, [6, "digi-layout-container", {
-        "afVariation": [1, "af-variation"],
-        "afMaxWidth": [1, "af-max-width"],
-        "afNoGutter": [4, "af-no-gutter"],
-        "afVerticalPadding": [4, "af-vertical-padding"],
-        "afMarginTop": [4, "af-margin-top"],
-        "afMarginBottom": [4, "af-margin-bottom"],
-        "_variation": [32]
-    }, undefined, {
-        "afVariation": ["variationChangeHandler"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-layout-container"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-layout-container":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LayoutContainer);
-            }
-            break;
-    } });
-}
-
-export { LayoutContainer as L, defineCustomElement as d };

package/components/p-22bcbe8a.js

@@ -1,70 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { F as FormValidationMessageVariation } from './p-7933b555.js';
-import { d as defineCustomElement$3 } from './p-db6386c7.js';
-import { d as defineCustomElement$2 } from './p-db81738c.js';
-import { d as defineCustomElement$1 } from './p-02ebe13f.js';
-
-const formValidationMessageCss = ".sc-digi-form-validation-message-h{--digi--form-validation-message--icon-color--success:var(--digi--color--icon--validation--success);--digi--form-validation-message--icon-color--warning:var(--digi--color--icon--validation--warning);--digi--form-validation-message--icon-color--error:var(--digi--color--icon--validation--error)}.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__icon.sc-digi-form-validation-message .warning.sc-digi-form-validation-message{top:3px;position:relative}.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 = /*@__PURE__*/ proxyCustomElement(class FormValidationMessage extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.afVariation = FormValidationMessageVariation.SUCCESS;
-    }
-    get cssModifiers() {
-        return {
-            'digi-form-validation-message--success': this.afVariation === FormValidationMessageVariation.SUCCESS,
-            'digi-form-validation-message--error': this.afVariation === FormValidationMessageVariation.ERROR,
-            'digi-form-validation-message--warning': this.afVariation === FormValidationMessageVariation.WARNING
-        };
-    }
-    get icon() {
-        switch (this.afVariation) {
-            case FormValidationMessageVariation.SUCCESS:
-                return h("digi-icon-validation-success", null);
-            case FormValidationMessageVariation.ERROR:
-                return h("digi-icon-validation-error", null);
-            case FormValidationMessageVariation.WARNING:
-                return h("digi-icon-validation-warning", { class: "warning" });
-        }
-    }
-    render() {
-        return (h("div", { key: 'e19f49d6e49b2d928b3c80053fd413d6f86056e0', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, h("div", { key: 'ea2cce02d7c3c98c761cfa9abc1e39428c515063', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), h("span", { key: 'd732a6a477a88fc3ca2e18a2199f8f1f528c8a0a', class: "digi-form-validation-message__text" }, h("slot", { key: '8d62d0fc0d2f3290227289b59c975b92133df852' }))));
-    }
-    get hostElement() { return this; }
-    static get style() { return DigiFormValidationMessageStyle0; }
-}, [6, "digi-form-validation-message", {
-        "afVariation": [1, "af-variation"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-form-validation-message", "digi-icon-validation-error", "digi-icon-validation-success", "digi-icon-validation-warning"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-form-validation-message":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, FormValidationMessage);
-            }
-            break;
-        case "digi-icon-validation-error":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "digi-icon-validation-success":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "digi-icon-validation-warning":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { FormValidationMessage as F, defineCustomElement as d };