@designsystem-se/af 34.2.0 → 34.2.1-beta.0

package/components/p-1ba46cdd.js

@@ -0,0 +1,46 @@
+import { p as proxyCustomElement, H, h } from './p-e5abfc2d.js';
+import { r as randomIdGenerator } from './p-ffe5c0e8.js';
+
+const iconExternalLinkAltCss = ".sc-digi-icon-external-link-alt-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-external-link-alt-h svg.sc-digi-icon-external-link-alt{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 DigiIconExternalLinkAltStyle0 = iconExternalLinkAltCss;
+
+const IconExternalLinkAlt = /*@__PURE__*/ proxyCustomElement(class IconExternalLinkAlt 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: '1916b18e4ffe05854b9ed0dff5a82efe70281fb4', class: "digi-icon-external-link-alt", width: "29", height: "26", viewBox: "0 0 29 26", 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: '2f5d46d2e5e2092785cee2e80f0541fa92829aae', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'e5d3c8366279df2fca2dbc9f6e4bc77bc84437af' }, this.afDesc), h("path", { key: 'fce4f5b7e089a176e047d21817dc0a40aabf6445', class: "digi-icon-external-link-alt__shape", d: "M22.556 12.28v11.283A2.427 2.427 0 0120.139 26H2.417A2.427 2.427 0 010 23.562V5.688A2.427 2.427 0 012.417 3.25h17.117c.538 0 .807.656.427 1.04L18.752 5.51a.602.602 0 01-.427.178H2.72a.303.303 0 00-.302.305v17.266c0 .168.135.305.302.305h17.118a.303.303 0 00.302-.305v-9.76c0-.16.064-.316.177-.43l1.208-1.219a.604.604 0 011.032.431zM28.396 0h-6.847c-.536 0-.807.657-.427 1.04l2.426 2.448L9.844 17.311a.613.613 0 000 .862l1.139 1.149a.6.6 0 00.854 0L25.542 5.499l2.427 2.447A.604.604 0 0029 7.516V.608C29 .273 28.73 0 28.396 0z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+    static get style() { return DigiIconExternalLinkAltStyle0; }
+}, [2, "digi-icon-external-link-alt", {
+        "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-external-link-alt"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-external-link-alt":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, IconExternalLinkAlt);
+            }
+            break;
+    } });
+}
+
+export { IconExternalLinkAlt as I, defineCustomElement as d };

package/components/p-248b53ba.js

@@ -0,0 +1,46 @@
+import { p as proxyCustomElement, H, h } from './p-e5abfc2d.js';
+import { r as randomIdGenerator } from './p-ffe5c0e8.js';
+
+const iconCheckCircleSolidCss = ".sc-digi-icon-check-circle-solid-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-check-circle-solid-h svg.sc-digi-icon-check-circle-solid{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 DigiIconCheckCircleSolidStyle0 = iconCheckCircleSolidCss;
+
+const IconCheckCircleSolid = /*@__PURE__*/ proxyCustomElement(class IconCheckCircleSolid 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: '37150485220659ba690ffe9e4588ed6eb60b5558', class: "digi-icon-check-circle-solid", width: "48px", height: "48px", 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, fill: "currentColor" }, this.afTitle && h("title", { key: 'ac1ed2b165f93b81d75eb86a8ebcaa47c3827d50', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b79538229766dfe116c20b5a405ffd55dde4c7d7' }, this.afDesc), h("defs", { key: '0da38a957fb07ec0892dc4af865aca0e6f9e2818' }, h("polygon", { key: 'b468a6c255755f92aa088bd6dc57fc68e4430030', points: "0 0 48 0 48 48.0005539 0 48.0005539" })), h("g", { key: 'f397d962c406476f105a703ea1d0409afc0e05ea', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'f43b8c0f946381857127f5e7a72a9f746bdb9a1e', transform: "translate(-1122, -215)" }, h("g", { key: '29f982f38d7b9f6a979321e36be39ee65c99559d', transform: "translate(1122, 215)" }, h("mask", { key: '6e8fd9c33d2a24d1d1a8a82f5a5b4f3e2c45005d', id: "mask-2", fill: "white" }, h("use", { key: '6211c8022b982e95df5b03ee402c6c27cc1c7c9d', href: "#path-1" })), h("g", { key: 'ea25d67fbda367e4e16e594bacba92d8ab0f86f5', id: "Clip-2" }), h("path", { key: 'd2decc75834daff4dbed7df155c575d52d7f7d5a', d: "M38.2695118,19.0969092 L22.8594286,34.5069924 C22.1966492,35.1697718 21.1129402,35.1697718 20.4501608,34.5069924 L18.821828,32.8786597 L18.821828,32.8786597 L11.8414129,25.8982446 C11.1786335,25.2354652 11.1786335,24.14991 11.8414129,23.4871306 L13.4678995,21.860644 C14.1306789,21.1978646 15.2162341,21.1978646 15.8790135,21.860644 L21.6538716,27.6373483 L34.2319113,15.0593086 C34.8946907,14.3965292 35.9783997,14.3965292 36.6411791,15.0593086 L38.2695118,16.6876413 C38.9322913,17.3504208 38.9322913,18.4341298 38.2695118,19.0969092 M24.0003692,0 C10.7447807,0 0,10.7447807 0,24.0003692 C0,37.2559578 10.7447807,48.0007385 24.0003692,48.0007385 C37.2541116,48.0007385 48.0007385,37.2559578 48.0007385,24.0003692 C48.0007385,10.7447807 37.2541116,0 24.0003692,0", fill: "currentColor" }))))));
+    }
+    static get style() { return DigiIconCheckCircleSolidStyle0; }
+}, [2, "digi-icon-check-circle-solid", {
+        "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-check-circle-solid"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-check-circle-solid":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, IconCheckCircleSolid);
+            }
+            break;
+    } });
+}
+
+export { IconCheckCircleSolid as I, defineCustomElement as d };

package/components/p-2552d317.js

@@ -0,0 +1,46 @@
+import { p as proxyCustomElement, H, h } from './p-e5abfc2d.js';
+import { r as randomIdGenerator } from './p-ffe5c0e8.js';
+
+const iconPaperclipCss = ".sc-digi-icon-paperclip-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-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 = /*@__PURE__*/ proxyCustomElement(class IconPaperclip 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: 'e3e895afe947fe9c8e47311d50aafdf3f1403343', 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 && h("title", { key: 'e005fc3691777399f10e8954d505080ee3069bc8', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'd990fc784412cc9574d5a85f68f530fec72d5c56' }, this.afDesc), h("path", { key: '7f4ab832d85bd6f61f1f5afdb75d9e1f0b4b8ea0', 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" })));
+    }
+    static get style() { return DigiIconPaperclipStyle0; }
+}, [2, "digi-icon-paperclip", {
+        "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-paperclip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-paperclip":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, IconPaperclip);
+            }
+            break;
+    } });
+}
+
+export { IconPaperclip as I, defineCustomElement as d };

package/components/p-263887bd.js

@@ -0,0 +1,232 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-e5abfc2d.js';
+import { r as randomIdGenerator } from './p-ffe5c0e8.js';
+import { l as logger } from './p-e3d2e899.js';
+import { a as FormSelectVariation, F as FormSelectValidation } from './p-f447b984.js';
+import { d as defineCustomElement$7 } from './p-d60c0b9a.js';
+import { d as defineCustomElement$6 } from './p-dbc51547.js';
+import { d as defineCustomElement$5 } from './p-7eeab5d6.js';
+import { d as defineCustomElement$4 } from './p-b3d47218.js';
+import { d as defineCustomElement$3 } from './p-92d96d90.js';
+import { d as defineCustomElement$2 } from './p-c132c0be.js';
+import { d as defineCustomElement$1 } from './p-a223734b.js';
+
+const formSelectCss = ".sc-digi-form-select-h{--digi--form-select--background--empty:var(--digi--color--background--interactive--default--secondary);--digi--form-select--background--neutral:var(--digi--color--background--interactive--default--secondary);--digi--form-select--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-select--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-select--background--error:var(--digi--color--background--interactive--validation--error);--digi--form-select--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-select--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-select--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-select--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-select--select-wrapper--position:relative;--digi--form-select--select--height--small:var(--digi--input-height--small);--digi--form-select--select--height--medium:var(--digi--input-height--medium);--digi--form-select--select--height--large:var(--digi--input-height--large);--digi--form-select--select--border-radius:var(--digi--border-radius--input);--digi--form-select--select--padding:0 var(--digi--gutter--medium);--digi--form-select--select--padding--inline-end:var(--digi--padding--large);--digi--form-select--select--border-width--neutral:var(--digi--border-width--input-regular);--digi--form-select--select--border-width--success:var(--digi--border-width--input-validation);--digi--form-select--select--border-width--error:var(--digi--border-width--input-validation);--digi--form-select--select--border-width--warning:var(--digi--border-width--input-validation);--digi--form-select--select--width:100%;--digi--form-select--select--font-size:var(--digi--typography--body--font-size--desktop);--digi--form-select--select-option--font-size:var(--digi--typography--body--font-size--desktop);--digi--form-select--label--margin-bottom:var(--digi--gutter--medium);--digi--form-select--icon--inline-end:0.75rem;--digi--form-select--icon--top:50%;--digi--form-select--icon--transform:translateY(-50%);--digi--form-select--icon--color:var(--digi--color--icon--primary);--digi--form-select--footer--margin-top:var(--digi--gutter--medium)}.sc-digi-form-select-h .digi-form-select.sc-digi-form-select{display:flex;flex-direction:column;gap:0.4em}.sc-digi-form-select-h .digi-form-select--neutral.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--neutral);--BORDER-COLOR:var(--digi--form-select--border-color--neutral);--BACKGROUND:var(--digi--form-select--background--neutral)}.sc-digi-form-select-h .digi-form-select--success.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--success);--BORDER-COLOR:var(--digi--form-select--border-color--success);--BACKGROUND:var(--digi--form-select--background--success)}.sc-digi-form-select-h .digi-form-select--warning.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--warning);--BORDER-COLOR:var(--digi--form-select--border-color--warning);--BACKGROUND:var(--digi--form-select--background--warning)}.sc-digi-form-select-h .digi-form-select--error.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--error);--BORDER-COLOR:var(--digi--form-select--border-color--error);--BACKGROUND:var(--digi--form-select--background--error)}.sc-digi-form-select-h .digi-form-select--small.sc-digi-form-select{--HEIGHT:var(--digi--form-select--select--height--small)}.sc-digi-form-select-h .digi-form-select--medium.sc-digi-form-select{--HEIGHT:var(--digi--form-select--select--height--medium)}.sc-digi-form-select-h .digi-form-select--large.sc-digi-form-select{--HEIGHT:var(--digi--form-select--select--height--large)}.sc-digi-form-select-h .digi-form-select--empty.sc-digi-form-select:not(:focus-within){--BACKGROUND:var(--digi--form-select--background--empty)}.sc-digi-form-select-h .digi-form-select__select.sc-digi-form-select{appearance:none;width:var(--digi--form-select--select--width);padding:var(--digi--form-select--select--padding);padding-inline-end:var(--digi--form-select--select--padding--inline-end);height:var(--HEIGHT);border:var(--BORDER-WIDTH) solid;border-radius:var(--digi--form-select--select--border-radius);border-color:var(--BORDER-COLOR);cursor:pointer;font-size:var(--digi--form-select--select--font-size);color:var(--digi--color--text--primary);background:var(--BACKGROUND);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-select-h .digi-form-select__select-wrapper.sc-digi-form-select{position:var(--digi--form-select--select-wrapper--position)}.sc-digi-form-select-h .digi-form-select__select-option.sc-digi-form-select{font-size:var(--digi--form-select--select-option--font-size)}@media (min-width: 48rem){.sc-digi-form-select-h .digi-form-select__select-option.sc-digi-form-select{--digi--form-select--select-option--font-size:var(--digi--typography--font-size--l)}}.sc-digi-form-select-h .digi-form-select__select.sc-digi-form-select::-ms-expand{display:none}.sc-digi-form-select-h .digi-form-select__select.sc-digi-form-select:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-form-select-h .digi-form-select__icon.sc-digi-form-select{position:absolute;inset-inline-end:var(--digi--form-select--icon--inline-end);inset-block-start:var(--digi--form-select--icon--top);transform:var(--digi--form-select--icon--transform);pointer-events:none;color:var(--digi--form-select--icon--color)}.digi-form-select--neutral.sc-digi-form-select .digi-form-select__footer.sc-digi-form-select{position:absolute}";
+const DigiFormSelectStyle0 = formSelectCss;
+
+const FormSelect = /*@__PURE__*/ proxyCustomElement(class FormSelect extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.afOnChange = createEvent(this, "afOnChange", 7);
+        this.afOnSelect = createEvent(this, "afOnSelect", 7);
+        this.afOnFocus = createEvent(this, "afOnFocus", 7);
+        this.afOnFocusout = createEvent(this, "afOnFocusout", 7);
+        this.afOnBlur = createEvent(this, "afOnBlur", 7);
+        this.afOnDirty = createEvent(this, "afOnDirty", 7);
+        this.afOnReady = createEvent(this, "afOnReady", 3);
+        this.optionItems = [];
+        this.dirty = false;
+        this.touched = false;
+        this.hasPlaceholder = false;
+        this.afLabel = undefined;
+        this.afAriaLabel = undefined;
+        this.afRequired = undefined;
+        this.afRequiredText = undefined;
+        this.afPlaceholder = undefined;
+        this.afAnnounceIfOptional = false;
+        this.afAnnounceIfOptionalText = undefined;
+        this.afId = randomIdGenerator('digi-form-select');
+        this.afName = undefined;
+        this.afDescription = undefined;
+        this.value = undefined;
+        this.afValue = undefined;
+        this.afDisableValidation = undefined;
+        this.afVariation = FormSelectVariation.MEDIUM;
+        this.afValidation = FormSelectValidation.NEUTRAL;
+        this.afValidationText = undefined;
+        this.afStartSelected = undefined;
+        this.afAutofocus = undefined;
+    }
+    onValueChanged(value) {
+        this.afValue = value;
+    }
+    onAfValueChanged(value) {
+        this.value = value;
+    }
+    getOptions() {
+        this.checkIfPlaceholder();
+        const options = this._observer.children;
+        if (!options || options.length <= 0) {
+            logger.warn(`The slot contains no option elements.`, this.hostElement);
+            return;
+        }
+        this.optionItems = [...Array.from(options)]
+            .filter((el) => el.tagName.toLowerCase() === 'option')
+            .map((el) => {
+            return {
+                value: el['value'],
+                text: el['text']
+            };
+        });
+    }
+    checkIfPlaceholder() {
+        this.hasPlaceholder = !!this.afPlaceholder;
+    }
+    componentWillLoad() {
+        this.afValue ? (this.value = this.afValue) : (this.afValue = this.value);
+    }
+    componentDidLoad() {
+        this.getOptions();
+        this.afStartSelected &&
+            (this.afValue = this.optionItems[this.afStartSelected].value);
+        this.afOnReady.emit();
+    }
+    /**
+     * Returnerar en referens till formulärkontrollelementet.
+     * @en Returns a reference to the form control element.
+     */
+    async afMGetFormControlElement() {
+        return this._select;
+    }
+    get cssModifiers() {
+        return {
+            'digi-form-select--small': this.afVariation === FormSelectVariation.SMALL,
+            'digi-form-select--medium': this.afVariation === FormSelectVariation.MEDIUM,
+            'digi-form-select--large': this.afVariation === FormSelectVariation.LARGE,
+            'digi-form-select--neutral': this.afValidation === FormSelectValidation.NEUTRAL,
+            'digi-form-select--success': this.afValidation === FormSelectValidation.SUCCESS,
+            'digi-form-select--warning': this.afValidation === FormSelectValidation.WARNING,
+            'digi-form-select--error': this.afValidation === FormSelectValidation.ERROR,
+            'digi-form-select--empty': !this.afValue &&
+                (!this.afValidation ||
+                    this.afValidation === FormSelectValidation.NEUTRAL)
+        };
+    }
+    changeHandler(e) {
+        if (!this.dirty) {
+            this.afOnDirty.emit(e);
+            this.dirty = true;
+        }
+        this.value = this.afValue = e.target.value;
+        this.afOnChange.emit(e);
+    }
+    selectHandler(e) {
+        this.value = this.afValue = e.target.value;
+        this.afOnSelect.emit(e);
+    }
+    focusHandler(e) {
+        this.afOnFocus.emit(e);
+    }
+    focusoutHandler(e) {
+        this.afOnFocusout.emit(e);
+    }
+    blurHandler(e) {
+        this.afOnBlur.emit(e);
+    }
+    getSelectedItem(option) {
+        return this.afValue == option.value;
+    }
+    showValidation() {
+        return !this.afDisableValidation &&
+            this.afValidation !== FormSelectValidation.NEUTRAL &&
+            this.afValidationText
+            ? true
+            : false;
+    }
+    render() {
+        return (h("div", { key: '49f40c92117bbce3728e70e863b1a4216413ab29', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, h("div", { key: 'aa0ab7690d810299489ffaf00cccf038ff5672d3', class: "digi-form-select__label-group" }, h("digi-form-label", { key: 'b6b7e0638e5a2b01701b8e23d3ae2bc4abe15cf5', afFor: this.afId, afLabel: this.afLabel, afId: `${this.afId}-label`, afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: 'be4fe8473e1014c2a5b3dc7074234df79f281ff4', class: "digi-form-select__select-wrapper" }, h("select", { key: '71a7828e7675d0062f8b2fc2db48809cc7ef41fc', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormSelectValidation.ERROR
+                ? 'true'
+                : 'false', ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (h("option", { key: 'f24aa09189501c39a31289d62a7fd18d8722b9b3', class: {
+                'digi-form-select__select-option': true,
+                'digi-form-select__select-option--initial-value': true
+            }, disabled: true, selected: !this.afValue, value: "" }, this.afPlaceholder)), this.optionItems.map((option, index) => {
+            return (h("option", { key: index, class: "digi-form-select__select-option", value: option.value, selected: this.getSelectedItem(option) }, option.text));
+        })), h("digi-icon-input-select-marker", { key: '8b9fd9d1affea7fe6febb7a144fffa205c8ab2b5', class: "digi-form-select__icon", slot: "icon" })), h("digi-util-mutation-observer", { key: '3f5b110b0a296597cb25963d885e881c0fc4657a', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
+                e.stopImmediatePropagation();
+                this.getOptions();
+            } }, h("slot", { key: '4d39e4eb08050272d097e1f302fd09c71e1210d7' })), h("div", { key: '63717b4931c6ef6d79c3f7e9807b3f9621a4da43', class: "digi-form-select__footer" }, h("div", { key: '612a4029c893ae0355620ce8ff8530127c1bd65e', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'da30bfd2f237363b4d061d3e83d9f0c3509978bb', "af-variation": this.afValidation }, this.afValidationText))))));
+    }
+    get hostElement() { return this; }
+    static get watchers() { return {
+        "value": ["onValueChanged"],
+        "afValue": ["onAfValueChanged"]
+    }; }
+    static get style() { return DigiFormSelectStyle0; }
+}, [6, "digi-form-select", {
+        "afLabel": [1, "af-label"],
+        "afAriaLabel": [1, "af-aria-label"],
+        "afRequired": [4, "af-required"],
+        "afRequiredText": [1, "af-required-text"],
+        "afPlaceholder": [1, "af-placeholder"],
+        "afAnnounceIfOptional": [4, "af-announce-if-optional"],
+        "afAnnounceIfOptionalText": [1, "af-announce-if-optional-text"],
+        "afId": [1, "af-id"],
+        "afName": [1, "af-name"],
+        "afDescription": [1, "af-description"],
+        "value": [1],
+        "afValue": [1, "af-value"],
+        "afDisableValidation": [4, "af-disable-validation"],
+        "afVariation": [1, "af-variation"],
+        "afValidation": [1, "af-validation"],
+        "afValidationText": [1, "af-validation-text"],
+        "afStartSelected": [2, "af-start-selected"],
+        "afAutofocus": [4, "af-autofocus"],
+        "optionItems": [32],
+        "dirty": [32],
+        "touched": [32],
+        "hasPlaceholder": [32],
+        "afMGetFormControlElement": [64]
+    }, undefined, {
+        "value": ["onValueChanged"],
+        "afValue": ["onAfValueChanged"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-form-select", "digi-form-label", "digi-form-validation-message", "digi-icon-input-select-marker", "digi-icon-validation-error", "digi-icon-validation-success", "digi-icon-validation-warning", "digi-util-mutation-observer"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-form-select":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, FormSelect);
+            }
+            break;
+        case "digi-form-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "digi-form-validation-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "digi-icon-input-select-marker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "digi-icon-validation-error":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "digi-icon-validation-success":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "digi-icon-validation-warning":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "digi-util-mutation-observer":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { FormSelect as F, defineCustomElement as d };

package/components/p-26b948d4.js

@@ -0,0 +1,47 @@
+import { p as proxyCustomElement, H, h } from './p-e5abfc2d.js';
+import { a as LayoutColumnsElement, L as LayoutColumnsGap, b as LayoutColumnsVariation } from './p-07303cb5.js';
+
+const layoutColumnsCss = ".sc-digi-layout-columns-h{--digi--layout-columns--gap--column:var(--digi--gutter--largest);--digi--layout-columns--gap--row:var(--digi--gutter--largest);--digi--layout-columns--min-width:0;--digi--layout-columns--gap--column--32:var(--digi--global--spacing--largest-4)}.sc-digi-layout-columns-h .digi-layout-columns.sc-digi-layout-columns{display:grid;grid-column-gap:var(--digi--layout-columns--gap--column);grid-row-gap:var(--digi--layout-columns--gap--row);grid-template-columns:repeat(auto-fit, minmax(var(--digi--layout-columns--min-width), 1fr))}.sc-digi-layout-columns-h .digi-layout-columns--column-gap-32.sc-digi-layout-columns{--digi--layout-columns--gap--column:var(--digi--layout-columns--gap--column--32)}.sc-digi-layout-columns-h .digi-layout-columns--one.sc-digi-layout-columns{--digi--layout-columns--min-width:100%}.sc-digi-layout-columns-h .digi-layout-columns--two.sc-digi-layout-columns{--digi--layout-columns--min-width:calc(50% - var(--digi--layout-columns--gap--column))}.sc-digi-layout-columns-h .digi-layout-columns--three.sc-digi-layout-columns{--digi--layout-columns--min-width:calc(33% - var(--digi--layout-columns--gap--column))}.sc-digi-layout-columns-h .digi-layout-columns--four.sc-digi-layout-columns{--digi--layout-columns--min-width:calc(25% - var(--digi--layout-columns--gap--column))}";
+const DigiLayoutColumnsStyle0 = layoutColumnsCss;
+
+const LayoutColumns = /*@__PURE__*/ proxyCustomElement(class LayoutColumns extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.afElement = LayoutColumnsElement.DIV;
+        this.afVariation = undefined;
+        this.afColumnGap = LayoutColumnsGap.DEFAULT;
+    }
+    get cssModifiers() {
+        return {
+            'digi-layout-columns--one': this.afVariation === LayoutColumnsVariation.ONE,
+            'digi-layout-columns--two': this.afVariation === LayoutColumnsVariation.TWO,
+            'digi-layout-columns--three': this.afVariation === LayoutColumnsVariation.THREE,
+            'digi-layout-columns--four': this.afVariation === LayoutColumnsVariation.FOUR,
+            'digi-layout-columns--column-gap-32': this.afColumnGap === LayoutColumnsGap.GAP_32
+        };
+    }
+    render() {
+        return (h(this.afElement, { key: 'c1833ab4e0a8e2a619edf480a307faf8f88c6678', class: Object.assign({ 'digi-layout-columns': true }, this.cssModifiers) }, h("slot", { key: '874751d366e2f387d265de6e389e7261c3e24903' })));
+    }
+    static get style() { return DigiLayoutColumnsStyle0; }
+}, [6, "digi-layout-columns", {
+        "afElement": [1, "af-element"],
+        "afVariation": [1, "af-variation"],
+        "afColumnGap": [1, "af-column-gap"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-layout-columns"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-layout-columns":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LayoutColumns);
+            }
+            break;
+    } });
+}
+
+export { LayoutColumns as L, defineCustomElement as d };

package/components/p-2a023831.js

@@ -0,0 +1,9 @@
+var LinkButtonVariation;
+(function (LinkButtonVariation) {
+    LinkButtonVariation["PRIMARY"] = "primary";
+    LinkButtonVariation["SECONDARY"] = "secondary";
+    LinkButtonVariation["PRIMARY_ALT"] = "primary-alt";
+    LinkButtonVariation["SECONDARY_ALT"] = "secondary-alt";
+})(LinkButtonVariation || (LinkButtonVariation = {}));
+
+export { LinkButtonVariation as L };