@scouterna/ui-webc 2.2.5 → 2.2.7

package/dist/components/scout-input.js

@@ -1,98 +1 @@
-import { p as proxyCustomElement, M as Mixin, c as createEvent, h, d as Host } from './p-fr5CaUFu.js';
-import { i as inputMixin } from './p-B-kEl-ny.js';
-
-const inputCss = ".sc-scout-input-h{display:flex;height:var(--spacing-10);--scout-input-padding:var(--spacing-2);--scout-input-border-radius:var(--spacing-2);--scout-input-type:var(--type-body-base)}.large.sc-scout-input-h{height:var(--spacing-14);--scout-input-padding:var(--spacing-3);--scout-input-border-radius:var(--spacing-3);--scout-input-type:var(--type-body-lg)}.input.sc-scout-input{flex:1;padding:var(--scout-input-padding);font:var(--scout-input-type);border:1px solid var(--color-gray-300);border-radius:var(--scout-input-border-radius);background-color:var(--color-white);color:var(--color-text-base)}.input.sc-scout-input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-700);cursor:not-allowed}.elevated.sc-scout-input-h .input.sc-scout-input{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),\n    0 2px 4px -2px rgba(0, 0, 0, 0.1);border-color:transparent}";
-
-const ScoutInput$1 = /*@__PURE__*/ proxyCustomElement(class ScoutInput extends Mixin(inputMixin) {
-    constructor(registerHost) {
-        super(false);
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.scoutInputChange = createEvent(this, "scoutInputChange");
-        this.scoutBlur = createEvent(this, "scoutBlur");
-        this._scoutValidate = createEvent(this, "_scoutValidate");
-        this._scoutInvalid = createEvent(this, "_scoutInvalid");
-        this._scoutFieldId = createEvent(this, "_scoutFieldId");
-    }
-    /**
-     * Size of the input element. Large fields are typically used for prominent
-     * inputs, such as a top search field on a page, while medium fields are used
-     * for regular form inputs.
-     */
-    size = "medium";
-    /**
-     * Visual variant of the input element. Elevated inputs have a shadow to help
-     * them stand out from the background and should only be used when absolutely
-     * positioned above other content.
-     */
-    variant = "default";
-    /**
-     * Type of input element. If you need a number input, read the accessibility
-     * section of this MDN article first:
-     * https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/number#accessibility
-     */
-    type = "text";
-    /**
-     * Input mode hints for devices with dynamic keyboards.
-     */
-    inputmode;
-    /**
-     * Regex pattern for input validation.
-     */
-    pattern;
-    /**
-     * Value of the input element, in case you want to control it yourself.
-     */
-    value = "";
-    name;
-    /**
-     * Whether the input is disabled. Disabled inputs are not editable, excluded
-     * from tab order and are not validated.
-     */
-    disabled = false;
-    /**
-     * Placeholder text should rarely be used as it poses a lot of accessibility
-     * issues.
-     */
-    placeholder;
-    render() {
-        const sizeClass = this.size === "large" ? "large" : "";
-        const variantClass = this.variant === "elevated" ? "elevated" : "";
-        return (h(Host, { key: '769603f718f511a0a2202814a7621d60a2a9f34c', class: `${sizeClass} ${variantClass}` }, h("input", { key: '6a4e1ad8173dfe37ce5facf8627990fd797dfc60', ref: (el) => this.setInputRef(el), id: this.ariaId, type: this.type, name: this.name, inputMode: this.inputmode, pattern: this.pattern, class: "input", value: this.value, disabled: this.disabled, placeholder: this.placeholder, onInput: () => this.onInput(), onBlur: () => this.onBlur(), onInvalid: () => this.onInvalid() })));
-    }
-    static get style() { return inputCss; }
-}, [770, "scout-input", {
-        "validate": [16],
-        "size": [1],
-        "variant": [1],
-        "type": [1],
-        "inputmode": [1],
-        "pattern": [1],
-        "value": [1],
-        "name": [1],
-        "disabled": [4],
-        "placeholder": [1],
-        "ariaId": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["scout-input"];
-    components.forEach(tagName => { switch (tagName) {
-        case "scout-input":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScoutInput$1);
-            }
-            break;
-    } });
-}
-
-const ScoutInput = ScoutInput$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ScoutInput, defineCustomElement };
-//# sourceMappingURL=scout-input.js.map
-
-//# sourceMappingURL=scout-input.js.map
+import{p as t,M as s,c as a,h as i,d as e,t as r}from"./p-CmHrcz9s.js";import{i as o}from"./p-CTivgs5a.js";const u=t(class extends(s(o)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.scoutInputChange=a(this,"scoutInputChange"),this.scoutBlur=a(this,"scoutBlur"),this._scoutValidate=a(this,"_scoutValidate"),this._scoutInvalid=a(this,"_scoutInvalid"),this._scoutFieldId=a(this,"_scoutFieldId")}size="medium";variant="default";type="text";inputmode;pattern;value="";name;disabled=!1;placeholder;render(){return i(e,{key:"800efa151d522ef1d7a483128baa6c0958dcd100",class:`${"large"===this.size?"large":""} ${"elevated"===this.variant?"elevated":""}`},i("input",{key:"92756a5cdf529455fffaadcbcdd2bc36a5087c65",ref:t=>this.setInputRef(t),id:this.ariaId,type:this.type,name:this.name,inputMode:this.inputmode,pattern:this.pattern,class:"input",value:this.value,disabled:this.disabled,placeholder:this.placeholder,onInput:()=>this.onInput(),onBlur:()=>this.onBlur(),onInvalid:()=>this.onInvalid()}))}static get style(){return".sc-scout-input-h{display:flex;height:var(--spacing-10);--scout-input-padding:var(--spacing-2);--scout-input-border-radius:var(--spacing-2);--scout-input-type:var(--type-body-base)}.large.sc-scout-input-h{height:var(--spacing-14);--scout-input-padding:var(--spacing-3);--scout-input-border-radius:var(--spacing-3);--scout-input-type:var(--type-body-lg)}.input.sc-scout-input{flex:1;padding:var(--scout-input-padding);font:var(--scout-input-type);border:1px solid var(--color-gray-300);border-radius:var(--scout-input-border-radius);background-color:var(--color-white);color:var(--color-text-base)}.input.sc-scout-input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-700);cursor:not-allowed}.elevated.sc-scout-input-h .input.sc-scout-input{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),     0 2px 4px -2px rgba(0, 0, 0, 0.1);border-color:transparent}"}},[514,"scout-input",{validate:[16],size:[1],variant:[1],type:[1],inputmode:[1],pattern:[1],value:[1],name:[1],disabled:[4],placeholder:[1],ariaId:[32]}]),c=u,n=function(){"undefined"!=typeof customElements&&["scout-input"].forEach((t=>{"scout-input"===t&&(customElements.get(r(t))||customElements.define(r(t),u))}))};export{c as ScoutInput,n as defineCustomElement}

package/dist/components/scout-link.js

@@ -1,91 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-fr5CaUFu.js';
-
-const linkCss = ":host{display:inline}a,button{color:var(--color-text-brand-base);-webkit-text-decoration:none;text-decoration:none}a:hover,button:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--color-background-brand-hover)}a:active,button:active{color:var(--color-background-brand-pressed)}button{display:inline;background:none;border:none;padding:0;cursor:pointer}";
-
-const ScoutLink$1 = /*@__PURE__*/ proxyCustomElement(class ScoutLink extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.scoutLinkClick = createEvent(this, "scoutLinkClick");
-    }
-    /**
-     * The URL that the link points to. Required when type is set to link
-     */
-    href;
-    /**
-     * Text to be displayed for the link
-     */
-    label;
-    rel;
-    /**
-     * If the label property is not sufficient to describe its use, add an aria-label describing what happens
-     * when pressing the button or where the user navigates if it is a link.
-     */
-    linkAriaLabel;
-    /**
-     * There are two types. If you intend to use it as a button with onclick, a button is rendered, however if you want to you it
-     * as a normal link, a link with href is rendered.
-     */
-    type = "link";
-    /**
-     * _blank	Opens the linked document in a new window or tab
-     *
-     * _self	Opens the linked document in the same frame as it was clicked (this is default)
-     *
-     * _parent	Opens the linked document in the parent frame
-     *
-     * _top	Opens the linked document in the full body of the window
-     *
-     * _framename	Opens the linked document in the named iframe
-     */
-    target = "_self";
-    /**
-     * Only sent if the link is a button.
-     */
-    scoutLinkClick;
-    render() {
-        if (this.type === "button") {
-            return (h("button", { type: "button", "aria-label": this.linkAriaLabel || "", onClick: () => this.scoutLinkClick.emit() }, this.label));
-        }
-        if (!this.href) {
-            throw new Error("Href is requied when type is set to link");
-        }
-        return (h("a", { href: this.href, target: this.target, "aria-label": this.linkAriaLabel || "", rel: 
-            // This might not be our job, but better safe than sorry.
-            this.rel ??
-                (this.target === "_blank" ? "noopener noreferrer" : undefined) }, this.label));
-    }
-    static get delegatesFocus() { return true; }
-    static get style() { return linkCss; }
-}, [785, "scout-link", {
-        "href": [1],
-        "label": [1],
-        "rel": [1],
-        "linkAriaLabel": [1, "link-aria-label"],
-        "type": [1],
-        "target": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["scout-link"];
-    components.forEach(tagName => { switch (tagName) {
-        case "scout-link":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScoutLink$1);
-            }
-            break;
-    } });
-}
-
-const ScoutLink = ScoutLink$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ScoutLink, defineCustomElement };
-//# sourceMappingURL=scout-link.js.map
-
-//# sourceMappingURL=scout-link.js.map
+import{p as t,H as e,c as r,h as o,t as n}from"./p-CmHrcz9s.js";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.scoutLinkClick=r(this,"scoutLinkClick")}href;label;rel;linkAriaLabel;type="link";target="_self";scoutLinkClick;render(){if("button"===this.type)return o("button",{type:"button","aria-label":this.linkAriaLabel||"",onClick:()=>this.scoutLinkClick.emit()},this.label);if(!this.href)throw Error("Href is requied when type is set to link");return o("a",{href:this.href,target:this.target,"aria-label":this.linkAriaLabel||"",rel:this.rel??("_blank"===this.target?"noopener noreferrer":void 0)},this.label)}static get delegatesFocus(){return!0}static get style(){return":host{display:inline}a,button{color:var(--color-text-brand-base);-webkit-text-decoration:none;text-decoration:none}@media (hover: hover){a:hover,button:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--color-background-brand-hover)}}a:active,button:active{color:var(--color-background-brand-pressed)}button{display:inline;background:none;border:none;padding:0;cursor:pointer}"}},[529,"scout-link",{href:[1],label:[1],rel:[1],linkAriaLabel:[1,"link-aria-label"],type:[1],target:[1]}]),s=i,a=function(){"undefined"!=typeof customElements&&["scout-link"].forEach((t=>{"scout-link"===t&&(customElements.get(n(t))||customElements.define(n(t),i))}))};export{s as ScoutLink,a as defineCustomElement}

package/dist/components/scout-list-view-item.js

@@ -1,108 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fr5CaUFu.js';
-import { d as defineCustomElement$3 } from './p-CLzh39Ll.js';
-import { d as defineCustomElement$2 } from './p-4RT-nIeK.js';
-
-const listViewItemCss = ":host{display:flex}.button{flex:1;display:flex;align-items:center;text-align:inherit;min-height:var(--spacing-12);color:var(--color-text-base);padding:var(--spacing-2) var(--spacing-4);cursor:pointer;border:none;background-color:transparent;-webkit-text-decoration:none;text-decoration:none}.button:hover{background-color:var(--color-background-brand-subtle-hovered)}.prefix-icon,.suffix-icon{display:flex;align-items:center;height:var(--spacing-6);color:var(--color-neutral-700)}.prefix-icon svg,.suffix-icon svg,.prefix-icon .icon,.suffix-icon .icon{width:var(--spacing-6);height:var(--spacing-6)}.prefix-icon{justify-content:flex-start;width:var(--spacing-14)}.suffix-icon{justify-content:flex-end;width:var(--spacing-8)}.suffix-icon .icon{background-color:currentColor;-webkit-mask-image:var(--icon);mask-image:var(--icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.content{flex:1;display:flex;flex-direction:column;justify-content:center}.primary{font:var(--type-body-base)}.secondary{font:var(--type-body-sm);color:var(--color-neutral-700)}";
-
-const ScoutListViewItem$1 = /*@__PURE__*/ proxyCustomElement(class ScoutListViewItem extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.scoutClick = createEvent(this, "scoutClick");
-    }
-    icon;
-    primary;
-    secondary;
-    type = "button";
-    href;
-    target;
-    rel;
-    name;
-    value;
-    checked;
-    disabled;
-    scoutClick;
-    render() {
-        const Tag = this.type === "link"
-            ? "a"
-            : this.type === "radio" || this.type === "checkbox"
-                ? "label"
-                : "button";
-        const linkProps = this.type === "link"
-            ? {
-                href: this.href,
-                target: this.target,
-                // This might not be our job, but better safe than sorry.
-                rel: this.rel ??
-                    (this.target === "_blank" ? "noopener noreferrer" : undefined),
-            }
-            : {};
-        return (h(Host, { key: '329bcf60c9b9df6af329d833500b673f3de7e0ff', role: "listitem" }, h(Tag, { key: '864c0c388e72a544afac7b73dc715fc992f913aa', class: "button", ...linkProps, onClick: () => this.scoutClick.emit() }, this.getPrefix(), this.getContent(), this.getSuffix())));
-    }
-    getPrefix() {
-        if (!this.icon) {
-            return null;
-        }
-        return h("div", { class: "prefix-icon", innerHTML: this.icon });
-    }
-    getContent() {
-        return (h("div", { class: "content" }, this.primary && h("div", { class: "primary" }, this.primary), this.secondary && h("div", { class: "secondary" }, this.secondary)));
-    }
-    getSuffix() {
-        if (this.type === "radio") {
-            return (h("scout-radio-button", { name: this.name, value: this.value, checked: this.checked, disabled: this.disabled }));
-        }
-        if (this.type === "checkbox") {
-            return (h("scout-checkbox", { name: this.name, value: this.value, checked: this.checked, disabled: this.disabled }));
-        }
-        return null;
-    }
-    static get delegatesFocus() { return true; }
-    static get style() { return listViewItemCss; }
-}, [785, "scout-list-view-item", {
-        "icon": [1],
-        "primary": [1],
-        "secondary": [1],
-        "type": [1],
-        "href": [1],
-        "target": [1],
-        "rel": [1],
-        "name": [1],
-        "value": [1],
-        "checked": [4],
-        "disabled": [4]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["scout-list-view-item", "scout-checkbox", "scout-radio-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "scout-list-view-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScoutListViewItem$1);
-            }
-            break;
-        case "scout-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "scout-radio-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const ScoutListViewItem = ScoutListViewItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ScoutListViewItem, defineCustomElement };
-//# sourceMappingURL=scout-list-view-item.js.map
-
-//# sourceMappingURL=scout-list-view-item.js.map
+import{p as e,H as t,c as i,h as s,d as o,t as r}from"./p-CmHrcz9s.js";import{d as c}from"./p-R-tzZ3cs.js";import{d as n}from"./p-vLvmwbzB.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.scoutClick=i(this,"scoutClick")}icon;primary;secondary;type="button";href;target;rel;name;value;checked;disabled;scoutClick;render(){return s(o,{key:"329bcf60c9b9df6af329d833500b673f3de7e0ff",role:"listitem"},s("link"===this.type?"a":"radio"===this.type||"checkbox"===this.type?"label":"button",{key:"864c0c388e72a544afac7b73dc715fc992f913aa",class:"button",..."link"===this.type?{href:this.href,target:this.target,rel:this.rel??("_blank"===this.target?"noopener noreferrer":void 0)}:{},onClick:()=>this.scoutClick.emit()},this.getPrefix(),this.getContent(),this.getSuffix()))}getPrefix(){return this.icon?s("div",{class:"prefix-icon",innerHTML:this.icon}):null}getContent(){return s("div",{class:"content"},this.primary&&s("div",{class:"primary"},this.primary),this.secondary&&s("div",{class:"secondary"},this.secondary))}getSuffix(){return"radio"===this.type?s("scout-radio-button",{name:this.name,value:this.value,checked:this.checked,disabled:this.disabled}):"checkbox"===this.type?s("scout-checkbox",{name:this.name,value:this.value,checked:this.checked,disabled:this.disabled}):null}static get delegatesFocus(){return!0}static get style(){return":host{display:flex}.button{flex:1;display:flex;align-items:center;text-align:inherit;min-height:var(--spacing-12);color:var(--color-text-base);padding:var(--spacing-2) var(--spacing-4);cursor:pointer;border:none;background-color:transparent;-webkit-text-decoration:none;text-decoration:none}@media (hover: hover){.button:hover{background-color:var(--color-background-brand-subtle-hovered)}}.prefix-icon,.suffix-icon{display:flex;align-items:center;height:var(--spacing-6);color:var(--color-neutral-700)}.prefix-icon svg,.suffix-icon svg,.prefix-icon .icon,.suffix-icon .icon{width:var(--spacing-6);height:var(--spacing-6)}.prefix-icon{justify-content:flex-start;width:var(--spacing-14)}.suffix-icon{justify-content:flex-end;width:var(--spacing-8)}.suffix-icon .icon{background-color:currentColor;-webkit-mask-image:var(--icon);mask-image:var(--icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.content{flex:1;display:flex;flex-direction:column;justify-content:center}.primary{font:var(--type-body-base)}.secondary{font:var(--type-body-sm);color:var(--color-neutral-700)}"}},[529,"scout-list-view-item",{icon:[1],primary:[1],secondary:[1],type:[1],href:[1],target:[1],rel:[1],name:[1],value:[1],checked:[4],disabled:[4]}]),l=a,d=function(){"undefined"!=typeof customElements&&["scout-list-view-item","scout-checkbox","scout-radio-button"].forEach((e=>{switch(e){case"scout-list-view-item":customElements.get(r(e))||customElements.define(r(e),a);break;case"scout-checkbox":customElements.get(r(e))||c();break;case"scout-radio-button":customElements.get(r(e))||n()}}))};export{l as ScoutListViewItem,d as defineCustomElement}

package/dist/components/scout-list-view-subheader.js

@@ -1,44 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-fr5CaUFu.js';
-
-const listViewSubheaderCss = ":host{display:flex;align-items:center;justify-content:flex-start;padding:0 var(--spacing-4) !important;height:var(--spacing-12);border:none !important;background-color:transparent}.heading{margin:0;padding:0;font:var(--type-body-sm);color:var(--color-gray-800);font-weight:500}";
-
-const ScoutListViewSubheader$1 = /*@__PURE__*/ proxyCustomElement(class ScoutListViewSubheader extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    text;
-    headingLevel = "h2";
-    render() {
-        return (h(Host, { key: 'b93e8553a3b335f456e7bcbd32c3c635da58da00', role: "listitem" }, h(this.headingLevel, { key: 'e82ea8203aef696156a211c6aac9415fe488a56b', class: "heading" }, this.text)));
-    }
-    static get delegatesFocus() { return true; }
-    static get style() { return listViewSubheaderCss; }
-}, [785, "scout-list-view-subheader", {
-        "text": [1],
-        "headingLevel": [1, "heading-level"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["scout-list-view-subheader"];
-    components.forEach(tagName => { switch (tagName) {
-        case "scout-list-view-subheader":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScoutListViewSubheader$1);
-            }
-            break;
-    } });
-}
-
-const ScoutListViewSubheader = ScoutListViewSubheader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ScoutListViewSubheader, defineCustomElement };
-//# sourceMappingURL=scout-list-view-subheader.js.map
-
-//# sourceMappingURL=scout-list-view-subheader.js.map
+import{p as e,H as t,h as s,d as a,t as n}from"./p-CmHrcz9s.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}text;headingLevel="h2";render(){return s(a,{key:"b93e8553a3b335f456e7bcbd32c3c635da58da00",role:"listitem"},s(this.headingLevel,{key:"e82ea8203aef696156a211c6aac9415fe488a56b",class:"heading"},this.text))}static get delegatesFocus(){return!0}static get style(){return":host{display:flex;align-items:center;justify-content:flex-start;padding:0 var(--spacing-4) !important;height:var(--spacing-12);border:none !important;background-color:transparent}.heading{margin:0;padding:0;font:var(--type-body-sm);color:var(--color-gray-800);font-weight:500}"}},[529,"scout-list-view-subheader",{text:[1],headingLevel:[1,"heading-level"]}]),i=r,o=function(){"undefined"!=typeof customElements&&["scout-list-view-subheader"].forEach((e=>{"scout-list-view-subheader"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))};export{i as ScoutListViewSubheader,o as defineCustomElement}

package/dist/components/scout-list-view.js

@@ -1,59 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-fr5CaUFu.js';
-
-const listViewCss = ":host{display:flex;flex-direction:column;padding:var(--spacing-2) 0}";
-
-const ScoutListView$1 = /*@__PURE__*/ proxyCustomElement(class ScoutListView extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    get el() { return this; }
-    onScoutChecked(event) {
-        const { checked, element } = event.detail;
-        if (element.type !== "radio" || !element.name || !checked) {
-            return;
-        }
-        const listItems = this.el.querySelectorAll("scout-list-view-item");
-        const otherRadios = [];
-        listItems.forEach((item) => {
-            const radios = item.shadowRoot.querySelectorAll(`input[type="radio"][name="${CSS.escape(element.name)}"]`);
-            radios.forEach((r) => {
-                if (r !== element) {
-                    otherRadios.push(r);
-                }
-            });
-        });
-        for (const radio of otherRadios) {
-            radio.checked = false;
-        }
-    }
-    render() {
-        return (h(Host, { key: '68c7e8924c60ba15c6c8a64724eebeea1731909f', role: "list" }, h("slot", { key: '7b686b0f83c138ab0d497f9b6a0d7d5927bce63c' })));
-    }
-    static get delegatesFocus() { return true; }
-    static get style() { return listViewCss; }
-}, [273, "scout-list-view", undefined, [[0, "scoutChecked", "onScoutChecked"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["scout-list-view"];
-    components.forEach(tagName => { switch (tagName) {
-        case "scout-list-view":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScoutListView$1);
-            }
-            break;
-    } });
-}
-
-const ScoutListView = ScoutListView$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ScoutListView, defineCustomElement };
-//# sourceMappingURL=scout-list-view.js.map
-
-//# sourceMappingURL=scout-list-view.js.map
+import{p as e,H as t,h as s,d as c,t as o}from"./p-CmHrcz9s.js";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}onScoutChecked(e){const{checked:t,element:s}=e.detail;if("radio"!==s.type||!s.name||!t)return;const c=this.el.querySelectorAll("scout-list-view-item"),o=[];c.forEach((e=>{e.shadowRoot.querySelectorAll(`input[type="radio"][name="${CSS.escape(s.name)}"]`).forEach((e=>{e!==s&&o.push(e)}))}));for(const e of o)e.checked=!1}render(){return s(c,{key:"68c7e8924c60ba15c6c8a64724eebeea1731909f",role:"list"},s("slot",{key:"7b686b0f83c138ab0d497f9b6a0d7d5927bce63c"}))}static get delegatesFocus(){return!0}static get style(){return":host{display:flex;flex-direction:column;padding:var(--spacing-2) 0}"}},[273,"scout-list-view",void 0,[[0,"scoutChecked","onScoutChecked"]]]),n=i,r=function(){"undefined"!=typeof customElements&&["scout-list-view"].forEach((e=>{"scout-list-view"===e&&(customElements.get(o(e))||customElements.define(o(e),i))}))};export{n as ScoutListView,r as defineCustomElement}