@esri/solutions-components 0.8.3 → 0.8.4

package/dist/solutions-components/calcite-popover.entry.js

@@ -1,414 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, e as createEvent, i as forceUpdate, h, a as Host, g as getElement } from './index-bdfaac50.js';
-import { f as filterComputedPlacements, c as connectFloatingUI, b as defaultOffsetDistance, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-b3256614.js';
-import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-2fe6623b.js';
-import { i as isPrimaryPointerButton, t as toAriaBoolean, f as focusFirstTabbable, q as queryElementRoots } from './dom-b91aa537.js';
-import { g as guid } from './guid-b75a5f7b.js';
-import { o as onToggleOpenCloseComponent } from './openCloseComponent-b4b3788b.js';
-import { H as Heading } from './Heading-f003a141.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-857f39cf.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-b39c5433.js';
-import { i as isActivationKey } from './key-9a10d862.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-aea90723.js';
-import { c as createObserver } from './observers-5ba39eee.js';
-import { F as FloatingArrow } from './FloatingArrow-de6fd1c7.js';
-import { g as getIconScale } from './component-edd2c3cd.js';
-import './lodash-98e4b7d0.js';
-import './resources-0f8db821.js';
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
- */
-const CSS = {
-    container: "container",
-    imageContainer: "image-container",
-    closeButtonContainer: "close-button-container",
-    closeButton: "close-button",
-    content: "content",
-    hasHeader: "has-header",
-    header: "header",
-    headerContent: "header-content",
-    heading: "heading",
-};
-const defaultPopoverPlacement = "auto";
-const ARIA_CONTROLS = "aria-controls";
-const ARIA_EXPANDED = "aria-expanded";
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
- */
-class PopoverManager {
-    constructor() {
-        // --------------------------------------------------------------------------
-        //
-        //  Private Properties
-        //
-        // --------------------------------------------------------------------------
-        this.registeredElements = new Map();
-        this.registeredElementCount = 0;
-        // --------------------------------------------------------------------------
-        //
-        //  Private Methods
-        //
-        // --------------------------------------------------------------------------
-        this.queryPopover = (composedPath) => {
-            const { registeredElements } = this;
-            const registeredElement = composedPath.find((pathEl) => registeredElements.has(pathEl));
-            return registeredElements.get(registeredElement);
-        };
-        this.togglePopovers = (event) => {
-            const composedPath = event.composedPath();
-            const togglePopover = this.queryPopover(composedPath);
-            if (togglePopover && !togglePopover.triggerDisabled) {
-                togglePopover.open = !togglePopover.open;
-            }
-            Array.from(this.registeredElements.values())
-                .filter((popover) => popover !== togglePopover && popover.autoClose && popover.open && !composedPath.includes(popover))
-                .forEach((popover) => (popover.open = false));
-        };
-        this.keyHandler = (event) => {
-            if (event.defaultPrevented) {
-                return;
-            }
-            if (event.key === "Escape") {
-                this.closeAllPopovers();
-            }
-            else if (isActivationKey(event.key)) {
-                this.togglePopovers(event);
-            }
-        };
-        this.clickHandler = (event) => {
-            if (isPrimaryPointerButton(event)) {
-                this.togglePopovers(event);
-            }
-        };
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Public Methods
-    //
-    // --------------------------------------------------------------------------
-    registerElement(referenceEl, popover) {
-        this.registeredElementCount++;
-        this.registeredElements.set(referenceEl, popover);
-        if (this.registeredElementCount === 1) {
-            this.addListeners();
-        }
-    }
-    unregisterElement(referenceEl) {
-        if (this.registeredElements.delete(referenceEl)) {
-            this.registeredElementCount--;
-        }
-        if (this.registeredElementCount === 0) {
-            this.removeListeners();
-        }
-    }
-    closeAllPopovers() {
-        Array.from(this.registeredElements.values()).forEach((popover) => (popover.open = false));
-    }
-    addListeners() {
-        window.addEventListener("pointerdown", this.clickHandler, { capture: true });
-        window.addEventListener("keydown", this.keyHandler, { capture: true });
-    }
-    removeListeners() {
-        window.removeEventListener("pointerdown", this.clickHandler, { capture: true });
-        window.removeEventListener("keydown", this.keyHandler, { capture: true });
-    }
-}
-
-const popoverCss = ":host{--calcite-floating-ui-z-index:var(--calcite-popover-z-index, var(--calcite-z-index-popup));display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index)}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .heading{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .heading{padding-inline:1.25rem;padding-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.arrow::before{outline:1px solid var(--calcite-color-border-3)}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-color-border-3)}.heading{margin:0px;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);word-wrap:break-word;word-break:break-word}.container{position:relative;display:flex;block-size:100%;flex-direction:row;flex-wrap:nowrap;border-radius:0.25rem;color:var(--calcite-color-text-1)}.container.has-header{flex-direction:column}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:flex;overflow:hidden;flex:0 0 auto;border-start-end-radius:0.25rem;border-end-end-radius:0.25rem}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%}:host([hidden]){display:none}[hidden]{display:none}";
-
-const manager = new PopoverManager();
-const Popover = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.calcitePopoverBeforeClose = createEvent(this, "calcitePopoverBeforeClose", 6);
-        this.calcitePopoverClose = createEvent(this, "calcitePopoverClose", 6);
-        this.calcitePopoverBeforeOpen = createEvent(this, "calcitePopoverBeforeOpen", 6);
-        this.calcitePopoverOpen = createEvent(this, "calcitePopoverOpen", 6);
-        this.mutationObserver = createObserver("mutation", () => this.updateFocusTrapElements());
-        this.guid = `calcite-popover-${guid()}`;
-        this.openTransitionProp = "opacity";
-        this.hasLoaded = false;
-        // --------------------------------------------------------------------------
-        //
-        //  Private Methods
-        //
-        // --------------------------------------------------------------------------
-        this.setTransitionEl = (el) => {
-            this.transitionEl = el;
-        };
-        this.setFilteredPlacements = () => {
-            const { el, flipPlacements } = this;
-            this.filteredFlipPlacements = flipPlacements
-                ? filterComputedPlacements(flipPlacements, el)
-                : null;
-        };
-        this.setUpReferenceElement = (warn = true) => {
-            this.removeReferences();
-            this.effectiveReferenceElement = this.getReferenceElement();
-            connectFloatingUI(this, this.effectiveReferenceElement, this.el);
-            const { el, referenceElement, effectiveReferenceElement } = this;
-            if (warn && referenceElement && !effectiveReferenceElement) {
-                console.warn(`${el.tagName}: reference-element id "${referenceElement}" was not found.`, {
-                    el,
-                });
-            }
-            this.addReferences();
-        };
-        this.getId = () => {
-            return this.el.id || this.guid;
-        };
-        this.setExpandedAttr = () => {
-            const { effectiveReferenceElement, open } = this;
-            if (!effectiveReferenceElement) {
-                return;
-            }
-            if ("setAttribute" in effectiveReferenceElement) {
-                effectiveReferenceElement.setAttribute(ARIA_EXPANDED, toAriaBoolean(open));
-            }
-        };
-        this.addReferences = () => {
-            const { effectiveReferenceElement } = this;
-            if (!effectiveReferenceElement) {
-                return;
-            }
-            const id = this.getId();
-            if ("setAttribute" in effectiveReferenceElement) {
-                effectiveReferenceElement.setAttribute(ARIA_CONTROLS, id);
-            }
-            manager.registerElement(effectiveReferenceElement, this.el);
-            this.setExpandedAttr();
-        };
-        this.removeReferences = () => {
-            const { effectiveReferenceElement } = this;
-            if (!effectiveReferenceElement) {
-                return;
-            }
-            if ("removeAttribute" in effectiveReferenceElement) {
-                effectiveReferenceElement.removeAttribute(ARIA_CONTROLS);
-                effectiveReferenceElement.removeAttribute(ARIA_EXPANDED);
-            }
-            manager.unregisterElement(effectiveReferenceElement);
-        };
-        this.hide = () => {
-            this.open = false;
-        };
-        this.storeArrowEl = (el) => {
-            this.arrowEl = el;
-            this.reposition(true);
-        };
-        this.autoClose = false;
-        this.closable = false;
-        this.flipDisabled = false;
-        this.focusTrapDisabled = false;
-        this.pointerDisabled = false;
-        this.flipPlacements = undefined;
-        this.heading = undefined;
-        this.headingLevel = undefined;
-        this.label = undefined;
-        this.messageOverrides = undefined;
-        this.messages = undefined;
-        this.offsetDistance = defaultOffsetDistance;
-        this.offsetSkidding = 0;
-        this.open = false;
-        this.overlayPositioning = "absolute";
-        this.placement = defaultPopoverPlacement;
-        this.referenceElement = undefined;
-        this.scale = "m";
-        this.triggerDisabled = false;
-        this.effectiveLocale = "";
-        this.floatingLayout = "vertical";
-        this.effectiveReferenceElement = undefined;
-        this.defaultMessages = undefined;
-    }
-    handleFocusTrapDisabled(focusTrapDisabled) {
-        if (!this.open) {
-            return;
-        }
-        focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);
-    }
-    flipPlacementsHandler() {
-        this.setFilteredPlacements();
-        this.reposition(true);
-    }
-    onMessagesChange() {
-        /* wired up by t9n util */
-    }
-    offsetDistanceOffsetHandler() {
-        this.reposition(true);
-    }
-    offsetSkiddingHandler() {
-        this.reposition(true);
-    }
-    openHandler() {
-        onToggleOpenCloseComponent(this);
-        this.reposition(true);
-        this.setExpandedAttr();
-    }
-    overlayPositioningHandler() {
-        this.reposition(true);
-    }
-    placementHandler() {
-        this.reposition(true);
-    }
-    referenceElementHandler() {
-        this.setUpReferenceElement();
-        this.reposition(true);
-    }
-    effectiveLocaleChange() {
-        updateMessages(this, this.effectiveLocale);
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    // --------------------------------------------------------------------------
-    connectedCallback() {
-        this.setFilteredPlacements();
-        connectLocalized(this);
-        connectMessages(this);
-        this.setUpReferenceElement(this.hasLoaded);
-        connectFocusTrap(this);
-        if (this.open) {
-            onToggleOpenCloseComponent(this);
-        }
-        connectFloatingUI(this, this.effectiveReferenceElement, this.el);
-    }
-    async componentWillLoad() {
-        await setUpMessages(this);
-        setUpLoadableComponent(this);
-    }
-    componentDidLoad() {
-        setComponentLoaded(this);
-        if (this.referenceElement && !this.effectiveReferenceElement) {
-            this.setUpReferenceElement();
-        }
-        this.reposition();
-        this.hasLoaded = true;
-    }
-    disconnectedCallback() {
-        this.removeReferences();
-        disconnectLocalized(this);
-        disconnectMessages(this);
-        disconnectFloatingUI(this, this.effectiveReferenceElement, this.el);
-        deactivateFocusTrap(this);
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Public Methods
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * Updates the position of the component.
-     *
-     * @param delayed
-     */
-    async reposition(delayed = false) {
-        const { el, effectiveReferenceElement, placement, overlayPositioning, flipDisabled, filteredFlipPlacements, offsetDistance, offsetSkidding, arrowEl, } = this;
-        return reposition(this, {
-            floatingEl: el,
-            referenceEl: effectiveReferenceElement,
-            overlayPositioning,
-            placement,
-            flipDisabled,
-            flipPlacements: filteredFlipPlacements,
-            offsetDistance,
-            offsetSkidding,
-            arrowEl,
-            type: "popover",
-        }, delayed);
-    }
-    /**
-     * Sets focus on the component's first focusable element.
-     */
-    async setFocus() {
-        await componentFocusable(this);
-        forceUpdate(this.el);
-        focusFirstTabbable(this.el);
-    }
-    /**
-     * Updates the element(s) that are used within the focus-trap of the component.
-     */
-    async updateFocusTrapElements() {
-        updateFocusTrapElements(this);
-    }
-    getReferenceElement() {
-        const { referenceElement, el } = this;
-        return ((typeof referenceElement === "string"
-            ? queryElementRoots(el, { id: referenceElement })
-            : referenceElement) || null);
-    }
-    onBeforeOpen() {
-        this.calcitePopoverBeforeOpen.emit();
-    }
-    onOpen() {
-        this.calcitePopoverOpen.emit();
-        activateFocusTrap(this);
-    }
-    onBeforeClose() {
-        this.calcitePopoverBeforeClose.emit();
-    }
-    onClose() {
-        this.calcitePopoverClose.emit();
-        deactivateFocusTrap(this);
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Render Methods
-    //
-    // --------------------------------------------------------------------------
-    renderCloseButton() {
-        const { messages, closable } = this;
-        return closable ? (h("div", { class: CSS.closeButtonContainer, key: CSS.closeButtonContainer }, h("calcite-action", { appearance: "transparent", class: CSS.closeButton, onClick: this.hide, scale: this.scale, text: messages.close,
-            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (closeButtonEl) => (this.closeButtonEl = closeButtonEl) }, h("calcite-icon", { icon: "x", scale: getIconScale(this.scale) })))) : null;
-    }
-    renderHeader() {
-        const { heading, headingLevel } = this;
-        const headingNode = heading ? (h(Heading, { class: CSS.heading, level: headingLevel }, heading)) : null;
-        return headingNode ? (h("div", { class: CSS.header, key: CSS.header }, headingNode, this.renderCloseButton())) : null;
-    }
-    render() {
-        const { effectiveReferenceElement, heading, label, open, pointerDisabled, floatingLayout } = this;
-        const displayed = effectiveReferenceElement && open;
-        const hidden = !displayed;
-        const arrowNode = !pointerDisabled ? (h(FloatingArrow, { floatingLayout: floatingLayout, key: "floating-arrow",
-            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.storeArrowEl })) : null;
-        return (h(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, h("div", { class: {
-                [FloatingCSS.animation]: true,
-                [FloatingCSS.animationActive]: displayed,
-            },
-            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setTransitionEl }, arrowNode, h("div", { class: {
-                [CSS.hasHeader]: !!heading,
-                [CSS.container]: true,
-            } }, this.renderHeader(), h("div", { class: CSS.content }, h("slot", null)), !heading ? this.renderCloseButton() : null))));
-    }
-    static get assetsDirs() { return ["assets"]; }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "focusTrapDisabled": ["handleFocusTrapDisabled"],
-        "flipPlacements": ["flipPlacementsHandler"],
-        "messageOverrides": ["onMessagesChange"],
-        "offsetDistance": ["offsetDistanceOffsetHandler"],
-        "offsetSkidding": ["offsetSkiddingHandler"],
-        "open": ["openHandler"],
-        "overlayPositioning": ["overlayPositioningHandler"],
-        "placement": ["placementHandler"],
-        "referenceElement": ["referenceElementHandler"],
-        "effectiveLocale": ["effectiveLocaleChange"]
-    }; }
-};
-Popover.style = popoverCss;
-
-export { Popover as calcite_popover };

package/dist/solutions-components/calcite-progress.entry.js

@@ -1,37 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, h, g as getElement } from './index-bdfaac50.js';
-import { a as getElementDir } from './dom-b91aa537.js';
-import { C as CSS_UTILITY } from './resources-0f8db821.js';
-import './guid-b75a5f7b.js';
-
-const progressCss = ":host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background:var(--calcite-color-border-3)}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-color-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(-600%, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";
-
-const Progress = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.type = "determinate";
-        this.value = 0;
-        this.label = undefined;
-        this.text = undefined;
-        this.reversed = false;
-    }
-    render() {
-        const isDeterminate = this.type === "determinate";
-        const barStyles = isDeterminate ? { width: `${this.value * 100}%` } : {};
-        const dir = getElementDir(this.el);
-        return (h("div", { "aria-label": this.label || this.text, "aria-valuemax": 1, "aria-valuemin": 0, "aria-valuenow": this.value, role: "progressbar" }, h("div", { class: "track" }, h("div", { class: {
-                bar: true,
-                indeterminate: this.type === "indeterminate",
-                [CSS_UTILITY.rtl]: dir === "rtl",
-                reversed: this.reversed,
-            }, style: barStyles })), this.text ? h("div", { class: "text" }, this.text) : null));
-    }
-    get el() { return getElement(this); }
-};
-Progress.style = progressCss;
-
-export { Progress as calcite_progress };

package/dist/solutions-components/calcite-radio-button-group.entry.js

@@ -1,141 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-bdfaac50.js';
-import { c as createObserver } from './observers-5ba39eee.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-aea90723.js';
-import { V as Validation } from './Validation-59a77488.js';
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
- */
-const CSS = {
-    itemWrapper: "item-wrapper",
-};
-
-const radioButtonGroupCss = ":host{display:flex;flex-direction:column}:host>.item-wrapper{display:flex;max-inline-size:100vw}:host([layout=horizontal])>.item-wrapper{flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s])>.item-wrapper{-moz-column-gap:1rem;column-gap:1rem}:host([layout=horizontal][scale=m])>.item-wrapper{-moz-column-gap:1.25rem;column-gap:1.25rem}:host([layout=horizontal][scale=l])>.item-wrapper{-moz-column-gap:1.5rem;column-gap:1.5rem}:host([layout=vertical])>.item-wrapper{flex-direction:column}:host([scale=s]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-xxs) * -1)}:host([scale=m]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-sm) * -1)}:host([scale=l]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-md) * -1)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}:host([hidden]){display:none}[hidden]{display:none}";
-
-const RadioButtonGroup = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.calciteRadioButtonGroupChange = createEvent(this, "calciteRadioButtonGroupChange", 6);
-        this.mutationObserver = createObserver("mutation", () => this.passPropsToRadioButtons());
-        //--------------------------------------------------------------------------
-        //
-        //  Private Methods
-        //
-        //--------------------------------------------------------------------------
-        this.passPropsToRadioButtons = () => {
-            this.radioButtons = Array.from(this.el.querySelectorAll("calcite-radio-button"));
-            this.selectedItem =
-                Array.from(this.radioButtons).find((radioButton) => radioButton.checked) || null;
-            if (this.radioButtons.length > 0) {
-                this.radioButtons.forEach((radioButton) => {
-                    radioButton.disabled = this.disabled || radioButton.disabled;
-                    radioButton.hidden = this.el.hidden;
-                    radioButton.name = this.name;
-                    radioButton.required = this.required;
-                    radioButton.scale = this.scale;
-                });
-            }
-        };
-        this.disabled = false;
-        this.layout = "horizontal";
-        this.name = undefined;
-        this.required = false;
-        this.selectedItem = null;
-        this.scale = "m";
-        this.status = "idle";
-        this.validationMessage = undefined;
-        this.validationIcon = undefined;
-        this.radioButtons = [];
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Global attributes
-    //
-    //--------------------------------------------------------------------------
-    handleHiddenChange() {
-        this.passPropsToRadioButtons();
-    }
-    onDisabledChange() {
-        this.passPropsToRadioButtons();
-    }
-    onLayoutChange() {
-        this.passPropsToRadioButtons();
-    }
-    onScaleChange() {
-        this.passPropsToRadioButtons();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    connectedCallback() {
-        var _a;
-        this.passPropsToRadioButtons();
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
-    }
-    componentWillLoad() {
-        setUpLoadableComponent(this);
-    }
-    componentDidLoad() {
-        setComponentLoaded(this);
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    }
-    getFocusableRadioButton() {
-        var _a;
-        return (_a = this.radioButtons.find((radiobutton) => !radiobutton.disabled)) !== null && _a !== void 0 ? _a : null;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Public Method
-    //
-    //--------------------------------------------------------------------------
-    /** Sets focus on the fist focusable `calcite-radio-button` element in the component. */
-    async setFocus() {
-        var _a;
-        await componentFocusable(this);
-        if (this.selectedItem && !this.selectedItem.disabled) {
-            return this.selectedItem.setFocus();
-        }
-        if (this.radioButtons.length > 0) {
-            return (_a = this.getFocusableRadioButton()) === null || _a === void 0 ? void 0 : _a.setFocus();
-        }
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    radioButtonChangeHandler(event) {
-        this.selectedItem = event.target;
-        this.calciteRadioButtonGroupChange.emit();
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Render Methods
-    //
-    // --------------------------------------------------------------------------
-    render() {
-        return (h(Host, { role: "radiogroup" }, h("div", { class: CSS.itemWrapper }, h("slot", null)), this.validationMessage ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "hidden": ["handleHiddenChange"],
-        "disabled": ["onDisabledChange"],
-        "layout": ["onLayoutChange"],
-        "scale": ["onScaleChange"]
-    }; }
-};
-RadioButtonGroup.style = radioButtonGroupCss;
-
-export { RadioButtonGroup as calcite_radio_button_group };