@designsystem-se/af 39.2.0 → 39.2.1-beta.1

package/components/p-71afaf70.js

@@ -1,132 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-a53686b3.js';
-import { d as defineCustomElement$1 } from './p-4cdabbdb.js';
-
-const mediaImageCss = ".digi-media-image.sc-digi-media-image{position:relative;display:inline-flex;max-width:100%;height:0px}.digi-media-image.digi-media-image--aspect-ratio.sc-digi-media-image{width:var(--digi--media-image--width);height:unset}.digi-media-image.digi-media-image--loaded.sc-digi-media-image{height:unset}.digi-media-image.digi-media-image--fullwidth.sc-digi-media-image{width:100%}.digi-media-image.digi-media-image--unlazy.sc-digi-media-image:not(.digi-media-image--aspect-ratio){height:unset}.digi-media-image--aspect-ratio.sc-digi-media-image .digi-media-image__observer.sc-digi-media-image{position:absolute;top:0;left:0;height:100%}.digi-media-image__padded-box.sc-digi-media-image{display:inline-block;padding-top:var(--digi--media-image--padded-box, 0);height:0}.digi-media-image__image.sc-digi-media-image{max-width:100%;height:auto;opacity:0.06;filter:saturate(0);transition:opacity 0.2s, filter 0.4s}.digi-media-image--loaded.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{opacity:1;filter:saturate(1)}.digi-media-image--unlazy.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{transition:none;opacity:1;filter:none}.digi-media-image--fullwidth.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{width:100%}.digi-media-image--aspect-ratio.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{position:absolute;top:0;left:0;width:100%;height:100%}";
-const DigiMediaImageStyle0 = mediaImageCss;
-
-const MediaImage = /*@__PURE__*/ proxyCustomElement(class MediaImage extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.afOnLoad = createEvent(this, "afOnLoad", 7);
-        this.isPlaceholderLoaded = false;
-        this.hasSetSrc = false;
-        this.hasAspectRatio = false;
-        this.paddedBoxPadding = '0%';
-        this.isLoaded = false;
-        this.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=';
-        this.srcset = undefined;
-        this.afObserverOptions = {
-            rootMargin: '200px',
-            threshold: 0
-        };
-        this.afSrc = undefined;
-        this.afSrcset = undefined;
-        this.afAlt = undefined;
-        this.afTitle = undefined;
-        this.afAriaLabel = undefined;
-        this.afWidth = undefined;
-        this.afHeight = undefined;
-        this.afFullwidth = undefined;
-        this.afUnlazy = false;
-    }
-    srcChangeHandler() {
-        this.setImageSrc();
-    }
-    connectedCallback() {
-        if (this.afUnlazy) {
-            this.setImageSrc();
-        }
-        // Add padded box to wrapper if width and height props exists
-        if (this.afWidth && this.afHeight) {
-            this.hasAspectRatio = true;
-            this.setPaddedBox();
-        }
-    }
-    setImageSrc() {
-        this.src = this.afSrc;
-        this.srcset = this.afSrcset;
-        this.hasSetSrc = true;
-    }
-    setPaddedBox() {
-        this.paddedBoxPadding =
-            (parseInt(this.afHeight, 10) / parseInt(this.afWidth, 10)) * 100 + '%';
-    }
-    intersectHandler() {
-        if (this.afUnlazy) {
-            return;
-        }
-        this.setImageSrc();
-    }
-    loadHandler(e) {
-        if (this.afUnlazy) {
-            return;
-        }
-        if (this.isPlaceholderLoaded) {
-            this.isLoaded = true;
-            this.afOnLoad.emit(e);
-            return;
-        }
-        this.isPlaceholderLoaded = true;
-    }
-    get cssModifiers() {
-        return {
-            'digi-media-image--unlazy': this.afUnlazy,
-            'digi-media-image--loaded': this.isLoaded,
-            'digi-media-image--aspect-ratio': this.hasAspectRatio,
-            'digi-media-image--fullwidth': this.afFullwidth
-        };
-    }
-    get cssInlineStyles() {
-        return {
-            '--digi--media-image--padded-box': this.paddedBoxPadding
-        };
-    }
-    render() {
-        return (h("host", { key: 'f7ebdbd8b7316c1b6d9f12eb03c4986a4566459b' }, h("div", { key: 'c8d61959305c742ee6f175f41a23d41b88db9991', class: Object.assign({ 'digi-media-image': true }, this.cssModifiers), style: {
-                '--digi--media-image--width': this.afWidth
-                    ? `${this.afWidth}px`
-                    : null
-            } }, h("digi-util-intersection-observer", { key: '246059ec0642b7b38cb036937c5f77c2bbee3477', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (h("div", { key: 'a4e16aa68f1dc0ba8d2d092407265a821c6c0631', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), h("img", { key: '5134934f7749c24cb282641400b138368f2cb076', class: "digi-media-image__image", onLoad: (e) => this.loadHandler(e), src: this.src, alt: this.afAlt, "aria-label": this.afAriaLabel, height: this.afHeight, srcset: this.srcset, title: this.afTitle, width: this.afWidth, loading: this.afUnlazy ? 'eager' : 'lazy' }))));
-    }
-    static get watchers() { return {
-        "afSrc": ["srcChangeHandler"]
-    }; }
-    static get style() { return DigiMediaImageStyle0; }
-}, [2, "digi-media-image", {
-        "afObserverOptions": [16],
-        "afSrc": [1, "af-src"],
-        "afSrcset": [1, "af-srcset"],
-        "afAlt": [1, "af-alt"],
-        "afTitle": [1, "af-title"],
-        "afAriaLabel": [1, "af-aria-label"],
-        "afWidth": [1, "af-width"],
-        "afHeight": [1, "af-height"],
-        "afFullwidth": [4, "af-fullwidth"],
-        "afUnlazy": [4, "af-unlazy"],
-        "isLoaded": [32],
-        "src": [32],
-        "srcset": [32]
-    }, undefined, {
-        "afSrc": ["srcChangeHandler"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-media-image", "digi-util-intersection-observer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-media-image":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MediaImage);
-            }
-            break;
-        case "digi-util-intersection-observer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { MediaImage as M, defineCustomElement as d };

package/components/p-77d8d575.js

@@ -1,157 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-import { b as FormRadiobuttonVariation, F as FormRadiobuttonLayout, a as FormRadiobuttonValidation } from './p-06625463.js';
-
-const formRadiobuttonCss = "@charset \"UTF-8\";.sc-digi-form-radiobutton-h{--digi--form-radiobutton--border-color:var(--digi--color--border--interactive--default--on-input);--digi--form-radiobutton--border-color--primary:var(--digi--color--border--interactive--selected--primary);--digi--form-radiobutton--border-color--secondary:var(--digi--color--border--interactive--selected--secondary);--digi--form-radiobutton--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-radiobutton--box-shadow--error:var(--digi--color--border--interactive--validation--error);--digi--form-radiobutton--background-color:var(--digi--color--background--interactive--default--input-elements);--digi--form-radiobutton--background-color--primary:var(--digi--color--background--interactive--selected--primary);--digi--form-radiobutton--background-color--secondary:var(--digi--color--background--interactive--selected--secondary);--digi--form-radiobutton--background-color--error:var(--digi--color--background--interactive--validation--error);--digi--form-radiobutton--border-width:var(--digi--border-width--primary);--digi--form-radiobutton--color--marker:var(--digi--grayscale--0);--digi--form-radiobutton--size:1.25rem;--digi--form-radiobutton--marker--size:calc(var(--digi--typography--input--font-size--desktop-large) * 0.4);--digi--form-radiobutton--height:var(--digi--input-height--large);--digi--form-radiobutton--border-radius:var(--digi--border-radius--primary);--digi--form-radiobutton--padding:var(--digi--gutter--icon);--digi--form-radiobutton--padding--block:var(--digi--gutter--small);--digi--form-radiobutton--padding--inline:var(--digi--gutter--icon);display:block;width:fit-content}.sc-digi-form-radiobutton-h .digi-form-radiobutton.sc-digi-form-radiobutton{--BACKGROUND--DEFAULT:var(--digi--form-radiobutton--background-color);--BORDER-COLOR--DEFAULT:var(--digi--form-radiobutton--border-color);position:relative}.sc-digi-form-radiobutton-h .digi-form-radiobutton--primary.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--primary);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--primary)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--secondary.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--secondary);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--secondary)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--error.sc-digi-form-radiobutton .digi-form-radiobutton__input.sc-digi-form-radiobutton:not(:checked)~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--error);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--error)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--error.sc-digi-form-radiobutton .digi-form-radiobutton__input.sc-digi-form-radiobutton~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{background-color:var(--BACKGROUND--CHECKED);border-color:var(--BORDER-COLOR--CHECKED);box-shadow:0 0 0 var(--digi--border-width--primary) var(--digi--form-radiobutton--box-shadow--error)}.digi-form-radiobutton__input.sc-digi-form-radiobutton{position:absolute;opacity:0;cursor:pointer;height:0;width:0;top:0;left:0}.digi-form-radiobutton__label.sc-digi-form-radiobutton{display:inline-flex;align-items:center;gap:var(--digi--gutter--icon);font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--desktop);color:var(--digi--color--text--primary);font-weight:var(--digi--typography--body--font-weight--desktop);cursor:pointer;padding-bottom:0.75rem}.digi-form-radiobutton__circle.sc-digi-form-radiobutton{flex-shrink:0;align-self:flex-start;cursor:pointer;background-color:var(--BACKGROUND--DEFAULT);border-color:var(--BORDER-COLOR--DEFAULT);border-width:var(--digi--form-radiobutton--border-width);border-style:solid;height:var(--digi--form-radiobutton--size);width:var(--digi--form-radiobutton--size);border-radius:var(--digi--form-radiobutton--size);position:relative;transform:translateY(1px)}.digi-form-radiobutton__input.sc-digi-form-radiobutton:focus-visible~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-form-radiobutton--focus-visible.sc-digi-form-radiobutton .digi-form-radiobutton__input.sc-digi-form-radiobutton:focus~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-form-radiobutton__input.sc-digi-form-radiobutton:checked~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{background-color:var(--BACKGROUND--CHECKED);border-color:var(--BORDER-COLOR--CHECKED)}.digi-form-radiobutton__input.sc-digi-form-radiobutton:checked~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton::after{content:\"\";width:var(--digi--form-radiobutton--marker--size);height:var(--digi--form-radiobutton--marker--size);border-radius:var(--digi--form-radiobutton--marker--size);background:var(--digi--form-radiobutton--color--marker);position:absolute;left:calc(50% - var(--digi--form-radiobutton--marker--size) / 2);top:calc(50% - var(--digi--form-radiobutton--marker--size) / 2)}";
-const DigiFormRadiobuttonStyle0 = formRadiobuttonCss;
-
-const FormRadiobutton = /*@__PURE__*/ proxyCustomElement(class FormRadiobutton extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.afOnChange = createEvent(this, "afOnChange", 7);
-        this.afOnBlur = createEvent(this, "afOnBlur", 7);
-        this.afOnFocus = createEvent(this, "afOnFocus", 7);
-        this.afOnFocusout = createEvent(this, "afOnFocusout", 7);
-        this.afOnInput = createEvent(this, "afOnInput", 7);
-        this.afOnDirty = createEvent(this, "afOnDirty", 7);
-        this.afOnTouched = createEvent(this, "afOnTouched", 7);
-        this.afOnReady = createEvent(this, "afOnReady", 3);
-        this.dirty = false;
-        this.touched = false;
-        this.focusVisible = false;
-        this.focusMethod = null;
-        this.afLabel = undefined;
-        this.afVariation = FormRadiobuttonVariation.PRIMARY;
-        this.afLayout = FormRadiobuttonLayout.INLINE;
-        this.afName = undefined;
-        this.afId = randomIdGenerator('digi-form-radiobutton');
-        this.afRequired = undefined;
-        this.value = undefined;
-        this.afValue = undefined;
-        this.checked = undefined;
-        this.afChecked = undefined;
-        this.afValidation = undefined;
-        this.afAriaLabelledby = undefined;
-        this.afAriaDescribedby = undefined;
-        this.afAutofocus = undefined;
-    }
-    onValueChanged(newValue) {
-        this.afChecked = newValue === this.afValue;
-    }
-    onCheckedChanged(checked) {
-        this.afChecked = checked;
-    }
-    onAfCheckedChanged(checked) {
-        this.checked = checked;
-    }
-    /**
-     * Hämta en referens till inputelementet. Bra för att t.ex. sätta fokus programmatiskt.
-     * @en Returns a reference to the input element. Handy for setting focus programmatically.
-     */
-    async afMGetFormControlElement() {
-        return this._input;
-    }
-    /**
-     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet.
-     * @en Listens for when focus is set on the custom element and propagates it down to the actual input element.
-     */
-    focusOnInput() {
-        this.focusVisible = this.focusMethod !== 'pointer';
-        this._input.focus();
-        this.focusMethod = null;
-    }
-    /**
-     * Lyssnar på pointerdown för att kunna avgöra om fokus sätts via tangentbord eller mus/pekinteraktion.
-     * @en Listens for pointerdown to determine if focus is set via keyboard or mouse/touch interaction.
-     */
-    pointerDownHandler() {
-        this.focusMethod = 'pointer';
-    }
-    componentDidLoad() {
-        this.afOnReady.emit();
-    }
-    get cssModifiers() {
-        return {
-            'digi-form-radiobutton--focus-visible': this.focusVisible,
-            'digi-form-radiobutton--error': this.afValidation === FormRadiobuttonValidation.ERROR,
-            'digi-form-radiobutton--primary': this.afVariation === FormRadiobuttonVariation.PRIMARY,
-            'digi-form-radiobutton--secondary': this.afVariation === FormRadiobuttonVariation.SECONDARY,
-            [`digi-form-radiobutton--layout-${this.afLayout}`]: !!this.afLayout
-        };
-    }
-    blurHandler(e) {
-        if (!this.touched) {
-            this.afOnTouched.emit(e);
-            this.touched = true;
-        }
-        this.afOnBlur.emit(e);
-    }
-    changeHandler(e) {
-        this.afOnChange.emit(e);
-    }
-    focusHandler(e) {
-        this.afOnFocus.emit(e);
-    }
-    focusoutHandler(e) {
-        this.afOnFocusout.emit(e);
-    }
-    inputHandler(e) {
-        if (!this.dirty) {
-            this.afOnDirty.emit(e);
-            this.dirty = true;
-        }
-        this.afOnInput.emit(e);
-    }
-    render() {
-        return (h(Host, { key: 'fe6fc75d677f52442809001913f012b8aaa7817b', tabindex: -1 }, h("div", { key: '87aa662ea170803ea002653f26e03b13c3cbaba4', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '0e138b5b12f6ccd152980395a7ccfad705a0e497', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
-                ? 'true'
-                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '14e1da2bd43b84f94497b9529f619a172ba1c0d3', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '22ed147d6d453f200abfc5f24752e58111b51595', class: "digi-form-radiobutton__circle" }), this.afLabel))));
-    }
-    get hostElement() { return this; }
-    static get watchers() { return {
-        "value": ["onValueChanged"],
-        "checked": ["onCheckedChanged"],
-        "afChecked": ["onAfCheckedChanged"]
-    }; }
-    static get style() { return DigiFormRadiobuttonStyle0; }
-}, [2, "digi-form-radiobutton", {
-        "afLabel": [1, "af-label"],
-        "afVariation": [1, "af-variation"],
-        "afLayout": [1, "af-layout"],
-        "afName": [1, "af-name"],
-        "afId": [1, "af-id"],
-        "afRequired": [4, "af-required"],
-        "value": [1],
-        "afValue": [1, "af-value"],
-        "checked": [4],
-        "afChecked": [4, "af-checked"],
-        "afValidation": [1, "af-validation"],
-        "afAriaLabelledby": [1, "af-aria-labelledby"],
-        "afAriaDescribedby": [1, "af-aria-describedby"],
-        "afAutofocus": [4, "af-autofocus"],
-        "dirty": [32],
-        "touched": [32],
-        "focusVisible": [32],
-        "focusMethod": [32],
-        "afMGetFormControlElement": [64]
-    }, [[0, "focus", "focusOnInput"], [1, "pointerdown", "pointerDownHandler"]], {
-        "value": ["onValueChanged"],
-        "checked": ["onCheckedChanged"],
-        "afChecked": ["onAfCheckedChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-form-radiobutton"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-form-radiobutton":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, FormRadiobutton);
-            }
-            break;
-    } });
-}
-
-export { FormRadiobutton as F, defineCustomElement as d };

package/components/p-7af943bd.js

@@ -1,46 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-
-const iconChevronRightCss = ".sc-digi-icon-chevron-right-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-right-h svg.sc-digi-icon-chevron-right{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 DigiIconChevronRightStyle0 = iconChevronRightCss;
-
-const IconChevronRight = /*@__PURE__*/ proxyCustomElement(class IconChevronRight 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: '7bdb59223ac9c25dd7883ec6159820baf243559f', class: "digi-icon-chevron-right", width: "9", height: "14", viewBox: "0 0 9 14", 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: '686fe600f9f85cfdebc71834a74c7c10c7681041', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'a02979491490b706e38aba72ea91097f80293bcc' }, this.afDesc), h("path", { key: 'd49cccd04fd6bd04313fe9b1772a7c09e8aa6ecc', class: "digi-icon-chevron-right__shape", d: "M1 13l6-6.074L1.147 1", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
-    }
-    static get style() { return DigiIconChevronRightStyle0; }
-}, [2, "digi-icon-chevron-right", {
-        "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-right"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-chevron-right":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconChevronRight);
-            }
-            break;
-    } });
-}
-
-export { IconChevronRight as I, defineCustomElement as d };

package/components/p-7d7af765.js

@@ -1,46 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-
-const iconCopyCss = ".sc-digi-icon-copy-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-copy-h svg.sc-digi-icon-copy{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 DigiIconCopyStyle0 = iconCopyCss;
-
-const IconCopy = /*@__PURE__*/ proxyCustomElement(class IconCopy 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: '0a9d28a377e15ab6f42ce164f29621fa59fc1e33', class: "digi-icon-copy", width: "22", height: "26", viewBox: "0 0 22 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: '1d0cd4b8272b8f4bcdd842028b98ea3a7ebb5ded', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '76802749820071f3fbea58bc9b963f0a97fa71b8' }, this.afDesc), h("path", { key: '1eb95f6ffd130217369814a5dc7037b2d2b3c538', class: "digi-icon-copy__shape", d: "M15.714 22.75v2.031c0 .673-.527 1.219-1.178 1.219H1.179C.528 26 0 25.454 0 24.781V6.094c0-.673.528-1.219 1.179-1.219h3.535v15.031c0 1.568 1.234 2.844 2.75 2.844h8.25zm0-17.469V0h-8.25c-.65 0-1.178.546-1.178 1.219v18.687c0 .673.527 1.219 1.178 1.219h13.357c.651 0 1.179-.546 1.179-1.219V6.5h-5.107c-.648 0-1.179-.548-1.179-1.219zm5.94-1.575L18.418.356A1.16 1.16 0 0017.583 0h-.297v4.875H22v-.308a1.24 1.24 0 00-.345-.861z", fill: "currentColor", "fill-rule": "nonzero" })));
-    }
-    static get style() { return DigiIconCopyStyle0; }
-}, [2, "digi-icon-copy", {
-        "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-copy"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-copy":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconCopy);
-            }
-            break;
-    } });
-}
-
-export { IconCopy as I, defineCustomElement as d };

package/components/p-7e9f8ee6.js

@@ -1,46 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-
-const iconCheckCss = ".sc-digi-icon-check-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-h svg.sc-digi-icon-check{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 DigiIconCheckStyle0 = iconCheckCss;
-
-const IconCheck = /*@__PURE__*/ proxyCustomElement(class IconCheck 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: '7e7362c73d293709e74cbb58d41ee14588d2a6b6', class: "digi-icon-check", width: "23", height: "18", viewBox: "0 0 23 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: '0b6cad5ad89e4df27945f378275265d370a7de32', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b1ae6ed14da198fdbe4c924240de976382c749c0' }, this.afDesc), h("path", { key: 'c9e70d7b31bc6588142208eb8acb84f8b3902820', class: "digi-icon-check__shape", d: "M20.547.18L7.315 13.627 2.453 8.686a.597.597 0 00-.853 0L.177 10.132a.62.62 0 000 .868l6.711 6.82c.236.24.618.24.854 0L22.823 2.493a.62.62 0 000-.867L21.4.18a.597.597 0 00-.853 0z", fill: "currentColor", "fill-rule": "nonzero" })));
-    }
-    static get style() { return DigiIconCheckStyle0; }
-}, [2, "digi-icon-check", {
-        "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"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-check":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconCheck);
-            }
-            break;
-    } });
-}
-
-export { IconCheck as I, defineCustomElement as d };

package/components/p-7f08536e.js

@@ -1,46 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-
-const iconChevronLeftCss = ".sc-digi-icon-chevron-left-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-left-h svg.sc-digi-icon-chevron-left{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 DigiIconChevronLeftStyle0 = iconChevronLeftCss;
-
-const IconChevronLeft = /*@__PURE__*/ proxyCustomElement(class IconChevronLeft 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: '170485d015fcffe122f686715fa28483431f24dc', class: "digi-icon-chevron-left", width: "9", height: "14", viewBox: "0 0 9 14", 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: '2e71cf963fcb95cc73c4b5bc0e6d9fec4eea7b9a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '250ea585850e6cefb257aec76f050b20586c54be' }, this.afDesc), h("path", { key: '35ef629984ed68458a9bf5ae0c0c2d87f52d74d1', class: "digi-icon-chevron-left__shape", d: "M8 13L2 6.926 7.853 1", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
-    }
-    static get style() { return DigiIconChevronLeftStyle0; }
-}, [2, "digi-icon-chevron-left", {
-        "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-left"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-chevron-left":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconChevronLeft);
-            }
-            break;
-    } });
-}
-
-export { IconChevronLeft as I, defineCustomElement as d };

package/components/p-806d4bbf.js

@@ -1,64 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a53686b3.js';
-import { d as defineCustomElement$2 } from './p-43c92e65.js';
-import { d as defineCustomElement$1 } from './p-9963ea8d.js';
-
-const linkExternalCss = ".sc-digi-link-external-h{--digi--link-external--gap:var(--digi--gutter--medium);--digi--link-external--color--default:var(--digi--color--text--interactive--primary);--digi--link-external--color--hover:var(--digi--color--text--interactive--primary);--digi--link-external--color--visited:var(--digi--color--text--interactive--visited);--digi--link-external--font-size:var(--digi--typography--link--font-size--desktop);--digi--link-external--font-family:var(--digi--global--typography--font-family--default);--digi--link-external--font-weight:var(--digi--typography--link-bold--font-weight--desktop);--digi--link-external--text-decoration--default:var(--digi--global--typography--text-decoration--default);--digi--link-external--text-decoration--hover:var(--digi--typography--link--text-decoration--desktop);--digi--link-external--text-decoration--icon--default:var(--digi--global--typography--text-decoration--default);--digi--link-external--text-decoration--icon--hover:var(--digi--typography--link--text-decoration--desktop);--digi--link-external--text-decoration-thickness:0.156em;--digi--link-external--text-underline-offset:3px}.sc-digi-link-external-h .digi-link-external.sc-digi-link-external{--digi--link--gap:var(--digi--link-external--gap);--digi--link--color--default:var(--digi--link-external--color--default);--digi--link--color--hover:var(--digi--link-external--color--hover);--digi--link--color--visited:var(--digi--link-external--color--visited);--digi--link--font-size:var(--digi--link-external--font-size);--digi--link--font-family:var(--digi--link-external--font-family);--digi--link--font-weight:var(--digi--link-external--font-weight);--digi--link--text-decoration--default:var(--digi--link-external--text-decoration--default);--digi--link--text-decoration--hover:var(--digi--link-external--text-decoration--hover);--digi--link--text-decoration--icon--default:var(--digi--link-external--text-decoration--icon--default);--digi--link--text-decoration--icon--hover:var(--digi--link-external--text-decoration--icon--hover)}";
-const DigiLinkExternalStyle0 = linkExternalCss;
-
-const LinkExternal = /*@__PURE__*/ proxyCustomElement(class LinkExternal extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.afOnClick = createEvent(this, "afOnClick", 7);
-        this.afHref = undefined;
-        this.afDescribedby = undefined;
-        this.afAriaLabel = undefined;
-        this.afTarget = undefined;
-        this.hideVisitedColor = undefined;
-    }
-    clickLinkHandler(e) {
-        e.stopImmediatePropagation();
-        this.afOnClick.emit(e.detail);
-    }
-    get cssModifiers() {
-        return {
-            'digi-link--hide-visited': this.hideVisitedColor
-        };
-    }
-    render() {
-        return (h(Host, { key: '9b2ac931b4316c0b7d539654de9fd22fc95ba3d3' }, h("digi-link", { key: '1f35b97590c453167484fd95ff981e1229690142', class: Object.assign({ 'digi-link-external': true }, this.cssModifiers), afHref: this.afHref, onAfOnClick: (e) => this.clickLinkHandler(e), afTarget: this.afTarget, afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("digi-icon-external-link-alt", { key: 'ee7c222e75b6ff7a18b1c80923d5892ca764eab8', class: "digi-link-external__icon", "aria-hidden": "true", slot: "icon" }), h("slot", { key: 'f78bca89c5e36e2fb5b721ba12326c95ab4b68f0' }))));
-    }
-    get hostElement() { return this; }
-    static get style() { return DigiLinkExternalStyle0; }
-}, [6, "digi-link-external", {
-        "afHref": [1, "af-href"],
-        "afDescribedby": [1, "af-describedby"],
-        "afAriaLabel": [1, "af-aria-label"],
-        "afTarget": [1, "af-target"],
-        "hideVisitedColor": [4, "hide-visited-color"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-link-external", "digi-icon-external-link-alt", "digi-link"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-link-external":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LinkExternal);
-            }
-            break;
-        case "digi-icon-external-link-alt":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "digi-link":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { LinkExternal as L, defineCustomElement as d };

package/components/p-88605ec3.js

@@ -1,71 +0,0 @@
-import { p as proxyCustomElement, H, h, F as Fragment } from './p-a53686b3.js';
-import { L as LayoutBlockContainer, a as LayoutBlockVariation } from './p-d8a98b3b.js';
-import { d as defineCustomElement$1 } from './p-222f510d.js';
-
-const layoutBlockCss = ".sc-digi-layout-block-h{--digi--layout-block--background--primary:var(--digi--color--background--primary);--digi--layout-block--background--secondary:var(--digi--color--background--secondary);--digi--layout-block--background--tertiary:var(--digi--color--background--sentiment--neutral--primary);--digi--layout-block--background--symbol:var(--digi--color--background--pop-out);--digi--layout-block--background--profile:var(--digi--color--background--brand-primary);display:block}.sc-digi-layout-block-h .digi-layout-block.sc-digi-layout-block{background:var(--BACKGROUND)}.sc-digi-layout-block-h .digi-layout-block--transparent.sc-digi-layout-block{--BACKGROUND:transparent}.sc-digi-layout-block-h .digi-layout-block--primary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--primary)}.sc-digi-layout-block-h .digi-layout-block--secondary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--secondary)}.sc-digi-layout-block-h .digi-layout-block--tertiary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--tertiary)}.sc-digi-layout-block-h .digi-layout-block--symbol.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--symbol)}.sc-digi-layout-block-h .digi-layout-block--profile.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--profile)}";
-const DigiLayoutBlockStyle0 = layoutBlockCss;
-
-const LayoutBlock = /*@__PURE__*/ proxyCustomElement(class LayoutBlock extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this._container = LayoutBlockContainer.STATIC;
-        this.afVariation = LayoutBlockVariation.PRIMARY;
-        this.afContainer = LayoutBlockContainer.STATIC;
-        this.afVerticalPadding = undefined;
-        this.afMarginTop = undefined;
-        this.afMarginBottom = undefined;
-    }
-    containerChangeHandler() {
-        this._container = this.afContainer;
-    }
-    componentWillLoad() {
-        this.containerChangeHandler();
-    }
-    get cssModifiers() {
-        return {
-            'digi-layout-block--transparent': this.afVariation === LayoutBlockVariation.TRANSPARENT,
-            'digi-layout-block--primary': this.afVariation === LayoutBlockVariation.PRIMARY,
-            'digi-layout-block--secondary': this.afVariation === LayoutBlockVariation.SECONDARY,
-            'digi-layout-block--tertiary': this.afVariation === LayoutBlockVariation.TERTIARY,
-            'digi-layout-block--symbol': this.afVariation === LayoutBlockVariation.SYMBOL,
-            'digi-layout-block--profile': this.afVariation === LayoutBlockVariation.PROFILE
-        };
-    }
-    render() {
-        return (h("div", { key: '1ae2b7371f08238720ee66d8f0452c7fbf1ec095', class: Object.assign({ 'digi-layout-block': true }, this.cssModifiers) }, this._container === LayoutBlockContainer.NONE ? (h(Fragment, null, h("slot", null))) : (h("digi-layout-container", { afVariation: this._container, "af-vertical-padding": this.afVerticalPadding, "af-margin-top": this.afMarginTop, "af-margin-bottom": this.afMarginBottom }, h("slot", null)))));
-    }
-    static get watchers() { return {
-        "afContainer": ["containerChangeHandler"]
-    }; }
-    static get style() { return DigiLayoutBlockStyle0; }
-}, [6, "digi-layout-block", {
-        "afVariation": [1, "af-variation"],
-        "afContainer": [1, "af-container"],
-        "afVerticalPadding": [4, "af-vertical-padding"],
-        "afMarginTop": [4, "af-margin-top"],
-        "afMarginBottom": [4, "af-margin-bottom"],
-        "_container": [32]
-    }, undefined, {
-        "afContainer": ["containerChangeHandler"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-layout-block", "digi-layout-container"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-layout-block":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LayoutBlock);
-            }
-            break;
-        case "digi-layout-container":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { LayoutBlock as L, defineCustomElement as d };