@tylertech/forge 3.0.0-next.13 → 3.0.0-next.15

package/esm/radio/radio-adapter.js

@@ -1,260 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { addClass, getShadowElement, removeClass, getActiveElement } from '@tylertech/forge-core';
-import { RADIO_CONSTANTS } from './radio-constants';
-import { ForgeRipple, ForgeRippleFoundation } from '../ripple';
-import { createUserInteractionListener } from '../core/utils';
-export class RadioAdapter {
-    constructor(_component) {
-        this._component = _component;
-        this._rootElement = getShadowElement(this._component, RADIO_CONSTANTS.selectors.RADIO);
-        this._containerElement = getShadowElement(this._component, RADIO_CONSTANTS.selectors.WRAPPER);
-    }
-    // ForgeRippleCapableSurface
-    get root() {
-        return this._rootElement;
-    }
-    get unbounded() {
-        return true;
-    }
-    get disabled() {
-        return this._isDisabled();
-    }
-    connect() {
-        const labelElement = this._component.querySelector(RADIO_CONSTANTS.selectors.LABEL);
-        if (labelElement) {
-            labelElement.setAttribute(RADIO_CONSTANTS.attributes.SLOT, RADIO_CONSTANTS.selectors.LABEL);
-        }
-    }
-    async deferRippleInitialization() {
-        const { userInteraction, destroy } = createUserInteractionListener(this._rootElement);
-        this._destroyUserInteractionListener = destroy;
-        const { type } = await userInteraction;
-        this._destroyUserInteractionListener = undefined;
-        if (!this._rippleInstance) {
-            this._rippleInstance = this._createRipple();
-            if (type === 'focusin') {
-                this._rippleInstance.handleFocus();
-            }
-        }
-    }
-    destroyRipple() {
-        var _a;
-        if (typeof this._destroyUserInteractionListener === 'function') {
-            this._destroyUserInteractionListener();
-            this._destroyUserInteractionListener = undefined;
-        }
-        (_a = this._rippleInstance) === null || _a === void 0 ? void 0 : _a.destroy();
-        this._rippleInstance = undefined;
-    }
-    setHostAttribute(name, value = '') {
-        this._component.setAttribute(name, value);
-    }
-    removeHostAttribute(name) {
-        this._component.removeAttribute(name);
-    }
-    addRootClass(className) {
-        this._rootElement.classList.add(className);
-    }
-    removeRootClass(className) {
-        this._rootElement.classList.remove(className);
-    }
-    addContainerClass(className) {
-        this._containerElement.classList.add(className);
-    }
-    removeContainerClass(className) {
-        this._containerElement.classList.remove(className);
-    }
-    syncDisabledStateWithInput() {
-        if (this.inputDisabled) {
-            this.addRootClass(RADIO_CONSTANTS.classes.DISABLED);
-            this.removeRootClass(RADIO_CONSTANTS.classes.ENABLED);
-            this.addContainerClass(RADIO_CONSTANTS.classes.WRAPPER_DISABLED);
-        }
-        else {
-            this.addRootClass(RADIO_CONSTANTS.classes.ENABLED);
-            this.removeRootClass(RADIO_CONSTANTS.classes.DISABLED);
-            this.removeContainerClass(RADIO_CONSTANTS.classes.WRAPPER_DISABLED);
-        }
-    }
-    syncFocusedStateWithInput() {
-        const activeElement = getActiveElement(this._component.ownerDocument);
-        if (activeElement === this._inputElement) {
-            this.addRootClass(RADIO_CONSTANTS.classes.FOCUSED);
-        }
-        else {
-            this.removeRootClass(RADIO_CONSTANTS.classes.FOCUSED);
-        }
-    }
-    syncCheckedStateWithInput() {
-        if (this.inputChecked) {
-            this.addRootClass(RADIO_CONSTANTS.classes.CHECKED);
-        }
-        else {
-            this.removeRootClass(RADIO_CONSTANTS.classes.CHECKED);
-        }
-    }
-    addInputEventListener(event, callback) {
-        if (!this._inputElement) {
-            return;
-        }
-        this._inputElement.addEventListener(event, callback);
-    }
-    removeInputEventListener(event, callback) {
-        if (!this._inputElement) {
-            return;
-        }
-        this._inputElement.removeEventListener(event, callback);
-    }
-    addInputDisabledAttributeChangeListener(callback) {
-        this._setupInputDisabledAttributeMutationObserver(callback);
-    }
-    removeInputDisabledAttributeChangeListener() {
-        this._cleanupInputDisabledAttributeMutationObserver();
-    }
-    // Get the collection of all forge-radios under the containing radiogroup ancestor.
-    getRadiosFromContainingRadiogroup() {
-        const radioGroup = this._getContainingRadioGroup(this._component);
-        if (radioGroup == null) {
-            return null;
-        }
-        return radioGroup.querySelectorAll(RADIO_CONSTANTS.elementName);
-    }
-    syncRadiogroupCheckStyles() {
-        const radios = this.getRadiosFromContainingRadiogroup();
-        if (radios) {
-            radios.forEach(x => x.syncCheckedState());
-        }
-    }
-    extendNativeInputSetter(callback) {
-        if (!this._inputElement) {
-            return;
-        }
-        const nativeInput = this._inputElement;
-        const inputProto = Object.getPrototypeOf(nativeInput);
-        RADIO_CONSTANTS.inputProperties.forEach(controlState => {
-            const desc = Object.getOwnPropertyDescriptor(inputProto, controlState);
-            // We have to check for this descriptor, since some browsers (Safari) don't support its return.
-            // See: https://bugs.webkit.org/show_bug.cgi?id=49739
-            if (!this._validPropertyDescriptor(desc)) {
-                return;
-            }
-            if (desc) {
-                const nativeInputDesc = {
-                    configurable: desc.configurable,
-                    enumerable: desc.enumerable,
-                    get: desc.get,
-                    set: (state) => {
-                        var _a;
-                        (_a = desc.set) === null || _a === void 0 ? void 0 : _a.call(nativeInput, state);
-                        callback();
-                    }
-                };
-                Object.defineProperty(nativeInput, controlState, nativeInputDesc);
-            }
-        });
-    }
-    revertNativeInputSetter() {
-        if (!this._inputElement) {
-            return;
-        }
-        const nativeInput = this._inputElement;
-        const inputProto = Object.getPrototypeOf(nativeInput);
-        RADIO_CONSTANTS.inputProperties.forEach(controlState => {
-            const desc = Object.getOwnPropertyDescriptor(inputProto, controlState);
-            // We have to check for this descriptor, since some browsers (Safari) don't support its return.
-            // See: https://bugs.webkit.org/show_bug.cgi?id=49739
-            if (!this._validPropertyDescriptor(desc)) {
-                return;
-            }
-            Object.defineProperty(nativeInput, controlState, desc);
-        });
-    }
-    _validPropertyDescriptor(inputPropDesc) {
-        return !!inputPropDesc && typeof inputPropDesc.set === 'function';
-    }
-    // Recursively crawl up the node tree looking for the containing radiogroup ancestor element.
-    _getContainingRadioGroup(element) {
-        if (!element || !element.parentElement) {
-            throw new Error('Unable to locate ancestor element with role="radiogroup". When using radios, a parent with this attribute must be applied.');
-        }
-        const parentElement = element.parentElement;
-        const roleValue = parentElement.getAttribute(RADIO_CONSTANTS.attributes.ROLE);
-        if (!!roleValue && roleValue.toLocaleLowerCase() === RADIO_CONSTANTS.attributes.RADIOGROUP_ROLE.toLocaleLowerCase()) {
-            return parentElement;
-        }
-        return this._getContainingRadioGroup(parentElement);
-    }
-    _setupInputDisabledAttributeMutationObserver(callback) {
-        if (!this._inputElement) {
-            return;
-        }
-        this._cleanupInputDisabledAttributeMutationObserver();
-        const mutationCallback = (mutationRecords) => this._inputDisabledAttributeMutationCallback(mutationRecords, callback);
-        this._inputAttributeMutationObserver = new MutationObserver(mutationCallback);
-        const mutationOptions = {
-            attributes: true,
-            attributeOldValue: true,
-            attributeFilter: ['disabled']
-        };
-        this._inputAttributeMutationObserver.observe(this._inputElement, mutationOptions);
-    }
-    _cleanupInputDisabledAttributeMutationObserver() {
-        if (this._inputAttributeMutationObserver) {
-            this._inputAttributeMutationObserver.disconnect();
-            delete this._inputAttributeMutationObserver;
-        }
-    }
-    _inputDisabledAttributeMutationCallback(mutationRecords, callback) {
-        for (const mutationRecord of mutationRecords) {
-            // Skip:
-            //   - Non-attribute mutations.
-            //   - Mutations without an attribute name.
-            //   - Mutations without a matching attribute name.
-            //   - Mutations that did not change the attribute value.
-            if (mutationRecord.type !== 'attributes'
-                || !mutationRecord.attributeName
-                || mutationRecord.attributeName !== 'disabled'
-                || mutationRecord.target[mutationRecord.attributeName] === mutationRecord.oldValue) {
-                continue;
-            }
-            callback();
-        }
-    }
-    get inputDisabled() {
-        if (!this._inputElement) {
-            return false;
-        }
-        return this._inputElement.disabled;
-    }
-    get inputChecked() {
-        if (!this._inputElement) {
-            return false;
-        }
-        return this._inputElement.checked;
-    }
-    get _inputElement() {
-        if (!this._nativeInputElement) {
-            this._nativeInputElement = this._component.querySelector(RADIO_CONSTANTS.selectors.RADIO_INPUT);
-        }
-        return this._nativeInputElement;
-    }
-    _isDisabled() {
-        return this._inputElement ? this._inputElement.disabled : false;
-    }
-    _createRipple() {
-        const adapter = Object.assign(Object.assign({}, ForgeRipple.createAdapter(this)), { deregisterInteractionHandler: (evtType, handler) => {
-                if (this._inputElement) {
-                    this._inputElement.removeEventListener(evtType, handler, { passive: true });
-                }
-            }, isSurfaceActive: () => this._inputElement ? this._inputElement.matches(':active') : false, isUnbounded: () => Boolean(this.unbounded), registerInteractionHandler: (evtType, handler) => {
-                if (this._inputElement) {
-                    this._inputElement.addEventListener(evtType, handler, { passive: true });
-                }
-            }, isSurfaceDisabled: () => this._inputElement ? this._inputElement.disabled : false, addClass: (className) => addClass(className, this._rootElement), removeClass: (className) => removeClass(className, this._rootElement), updateCssVariable: (varName, value) => this._rootElement.style.setProperty(varName, value) });
-        return new ForgeRipple(this._rootElement, new ForgeRippleFoundation(adapter));
-    }
-}

package/esm/radio/radio-constants.d.ts

@@ -1,30 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export declare const RADIO_CONSTANTS: {
-    elementName: "forge-radio";
-    classes: {
-        RADIO: string;
-        RADIO_DENSE: string;
-        DISABLED: string;
-        WRAPPER_DISABLED: string;
-        CHECKED: string;
-        FOCUSED: string;
-        ENABLED: string;
-    };
-    selectors: {
-        WRAPPER: string;
-        RADIO: string;
-        RADIO_INPUT: string;
-        LABEL: string;
-    };
-    attributes: {
-        DENSE: string;
-        ROLE: string;
-        RADIOGROUP_ROLE: string;
-        SLOT: string;
-    };
-    inputProperties: string[];
-};

package/esm/radio/radio-constants.js

@@ -1,36 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { COMPONENT_NAME_PREFIX } from '../constants';
-const elementName = `${COMPONENT_NAME_PREFIX}radio`;
-const classes = {
-    RADIO: 'mdc-radio',
-    RADIO_DENSE: 'forge-radio--dense',
-    DISABLED: 'mdc-radio--disabled',
-    WRAPPER_DISABLED: 'forge-radio-wrapper--disabled',
-    CHECKED: 'forge-radio--checked',
-    FOCUSED: 'forge-radio--focused',
-    ENABLED: 'forge-radio--enabled'
-};
-const selectors = {
-    WRAPPER: '.forge-radio-wrapper',
-    RADIO: '.mdc-radio',
-    RADIO_INPUT: 'input[type="radio"]',
-    LABEL: 'label'
-};
-const attributes = {
-    DENSE: 'dense',
-    ROLE: 'role',
-    RADIOGROUP_ROLE: 'radiogroup',
-    SLOT: 'slot'
-};
-const inputProperties = ['checked', 'disabled'];
-export const RADIO_CONSTANTS = {
-    elementName,
-    classes,
-    selectors,
-    attributes,
-    inputProperties
-};

package/esm/radio/radio-foundation.d.ts

@@ -1,31 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { ICustomElementFoundation } from '@tylertech/forge-core';
-import { IRadioAdapter } from './radio-adapter';
-export interface IRadioFoundation extends ICustomElementFoundation {
-    dense: boolean;
-}
-export declare class RadioFoundation implements IRadioFoundation {
-    private _adapter;
-    private _dense;
-    private _focusListenerCallback;
-    private _disabledListenerCallback;
-    private _syncRadiogroupCheckStyles;
-    constructor(_adapter: IRadioAdapter);
-    connect(): void;
-    disconnect(): void;
-    syncCheckedState(): void;
-    private _applyDense;
-    private _extendNativeInputSetter;
-    private _addRadioChangeListener;
-    private _removeRadioChangeListener;
-    private _addFocusEventListeners;
-    private _removeFocusEventListeners;
-    private _addInputDisabledListener;
-    private _removeInputDisabledListener;
-    get dense(): boolean;
-    set dense(value: boolean);
-}

package/esm/radio/radio-foundation.js

@@ -1,80 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { RADIO_CONSTANTS } from './radio-constants';
-export class RadioFoundation {
-    constructor(_adapter) {
-        this._adapter = _adapter;
-        this._dense = false;
-    }
-    connect() {
-        this._adapter.connect();
-        this._adapter.deferRippleInitialization();
-        this._focusListenerCallback = () => this._adapter.syncFocusedStateWithInput();
-        this._disabledListenerCallback = () => this._adapter.syncDisabledStateWithInput();
-        this._syncRadiogroupCheckStyles = () => this._adapter.syncRadiogroupCheckStyles();
-        this._addFocusEventListeners();
-        this._addInputDisabledListener();
-        this._extendNativeInputSetter();
-        this._addRadioChangeListener();
-        this._adapter.syncCheckedStateWithInput();
-        this._adapter.syncDisabledStateWithInput();
-        this._adapter.syncFocusedStateWithInput();
-        this._applyDense();
-        this.syncCheckedState();
-    }
-    disconnect() {
-        this._removeFocusEventListeners();
-        this._removeInputDisabledListener();
-        this._adapter.revertNativeInputSetter();
-        this._removeRadioChangeListener();
-        this._adapter.destroyRipple();
-    }
-    syncCheckedState() {
-        this._adapter.syncCheckedStateWithInput();
-    }
-    _applyDense() {
-        if (this._dense) {
-            this._adapter.addRootClass(RADIO_CONSTANTS.classes.RADIO_DENSE);
-            this._adapter.setHostAttribute(RADIO_CONSTANTS.attributes.DENSE);
-        }
-        else {
-            this._adapter.removeRootClass(RADIO_CONSTANTS.classes.RADIO_DENSE);
-            this._adapter.removeHostAttribute(RADIO_CONSTANTS.attributes.DENSE);
-        }
-    }
-    _extendNativeInputSetter() {
-        this._adapter.extendNativeInputSetter(this._syncRadiogroupCheckStyles);
-    }
-    _addRadioChangeListener() {
-        this._adapter.addInputEventListener('change', this._syncRadiogroupCheckStyles);
-    }
-    _removeRadioChangeListener() {
-        this._adapter.removeInputEventListener('change', this._syncRadiogroupCheckStyles);
-    }
-    _addFocusEventListeners() {
-        this._adapter.addInputEventListener('focus', this._focusListenerCallback);
-        this._adapter.addInputEventListener('blur', this._focusListenerCallback);
-    }
-    _removeFocusEventListeners() {
-        this._adapter.removeInputEventListener('focus', this._focusListenerCallback);
-        this._adapter.removeInputEventListener('blur', this._focusListenerCallback);
-    }
-    _addInputDisabledListener() {
-        this._adapter.addInputDisabledAttributeChangeListener(this._disabledListenerCallback);
-    }
-    _removeInputDisabledListener() {
-        this._adapter.removeInputDisabledAttributeChangeListener();
-    }
-    get dense() {
-        return this._dense;
-    }
-    set dense(value) {
-        if (this._dense !== value) {
-            this._dense = value;
-            this._applyDense();
-        }
-    }
-}

package/esm/radio/radio.d.ts

@@ -1,33 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { RadioFoundation } from './radio-foundation';
-import { BaseComponent, IBaseComponent } from '../core/base/base-component';
-export interface IRadioComponent extends IBaseComponent {
-    dense: boolean;
-    syncCheckedState(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'forge-radio': IRadioComponent;
-    }
-}
-/**
- * The custom element class behind the `<forge-radio>` element.
- *
- * @tag forge-radio
- */
-export declare class RadioComponent extends BaseComponent implements IRadioComponent {
-    static get observedAttributes(): string[];
-    protected _foundation: RadioFoundation;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-    private _ensureRadioInputElement;
-    syncCheckedState(): void;
-    /** Gets/sets whether the radio button is dense. */
-    dense: boolean;
-}

package/esm/radio/radio.js

@@ -1,75 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { CustomElement, attachShadowTemplate, FoundationProperty, coerceBoolean } from '@tylertech/forge-core';
-import { RADIO_CONSTANTS } from './radio-constants';
-import { RadioFoundation } from './radio-foundation';
-import { RadioAdapter } from './radio-adapter';
-import { BaseComponent } from '../core/base/base-component';
-const template = '<template><div class=\"forge-radio-wrapper forge-form-field\" part=\"root\"><div class=\"mdc-radio\" part=\"container\"><slot></slot><div class=\"mdc-radio__background\" part=\"background\"><div class=\"mdc-radio__outer-circle\" part=\"outer-circle\"></div><div class=\"mdc-radio__inner-circle\" part=\"inner-circle\"></div></div><div class=\"mdc-radio__ripple\" part=\"ripple-container\"></div></div><slot name=\"label\"></slot></div></template>';
-const styles = '.mdc-radio{padding:10px;display:inline-block;position:relative;-webkit-box-flex:0;flex:0 0 auto;-webkit-box-sizing:content-box;box-sizing:content-box;width:20px;height:20px;cursor:pointer;will-change:opacity,transform,border-color,color}.mdc-radio.forge-radio--enabled .mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0,0,0,.54);border-color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.mdc-radio.forge-radio--enabled.forge-radio--checked .mdc-radio__background .mdc-radio__outer-circle{border-color:#3d5afe;border-color:var(--forge-theme-tertiary,#3d5afe)}.mdc-radio.forge-radio--enabled .mdc-radio__background .mdc-radio__inner-circle{border-color:#3d5afe;border-color:var(--forge-theme-tertiary,#3d5afe)}.mdc-radio.mdc-radio--disabled .mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0,0,0,.26);border-color:var(--forge-theme-form-field-icon-disabled-on-background,rgba(0,0,0,.26))}.mdc-radio.mdc-radio--disabled.forge-radio--checked .mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0,0,0,.26);border-color:var(--forge-theme-form-field-icon-disabled-on-background,rgba(0,0,0,.26))}.mdc-radio.mdc-radio--disabled .mdc-radio__background .mdc-radio__inner-circle{border-color:rgba(0,0,0,.26);border-color:var(--forge-theme-form-field-icon-disabled-on-background,rgba(0,0,0,.26))}.mdc-radio .mdc-radio__background::before{background-color:#3d5afe;background-color:var(--forge-theme-tertiary,#3d5afe)}.mdc-radio .mdc-radio__background::before{top:-10px;left:-10px;width:40px;height:40px}.mdc-radio .mdc-radio__native-control{top:0;right:0;left:0;width:40px;height:40px}@media screen and (forced-colors:active),(-ms-high-contrast:active){.mdc-radio.mdc-radio--disabled .mdc-radio__background .mdc-radio__outer-circle{border-color:GrayText}.mdc-radio.mdc-radio--disabled.forge-radio--checked .mdc-radio__background .mdc-radio__outer-circle{border-color:GrayText}.mdc-radio.mdc-radio--disabled .mdc-radio__background .mdc-radio__inner-circle{border-color:GrayText}}.mdc-radio__background{display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:20px;height:20px}.mdc-radio__background::before{position:absolute;-webkit-transform:scale(0,0);transform:scale(0,0);border-radius:50%;opacity:0;pointer-events:none;content:\"\";-webkit-transition:opacity 120ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 120ms 0s cubic-bezier(.4, 0, .6, 1);transition:opacity 120ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 120ms 0s cubic-bezier(.4, 0, .6, 1);transition:opacity 120ms 0s cubic-bezier(.4, 0, .6, 1),transform 120ms 0s cubic-bezier(.4, 0, .6, 1);transition:opacity 120ms 0s cubic-bezier(.4, 0, .6, 1),transform 120ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 120ms 0s cubic-bezier(.4, 0, .6, 1)}.mdc-radio__outer-circle{position:absolute;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;-webkit-transition:border-color 120ms 0s cubic-bezier(.4, 0, .6, 1);transition:border-color 120ms 0s cubic-bezier(.4, 0, .6, 1)}.mdc-radio__inner-circle{position:absolute;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;-webkit-transform:scale(0,0);transform:scale(0,0);border-width:10px;border-style:solid;border-radius:50%;-webkit-transition:border-color 120ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 120ms 0s cubic-bezier(.4, 0, .6, 1);transition:border-color 120ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 120ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 120ms 0s cubic-bezier(.4, 0, .6, 1),border-color 120ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 120ms 0s cubic-bezier(.4, 0, .6, 1),border-color 120ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 120ms 0s cubic-bezier(.4, 0, .6, 1)}.mdc-radio ::slotted(input[type=radio]){position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1;top:0;right:0;left:0;width:40px;height:40px}.mdc-radio.forge-radio--dense{padding:4px;margin:0}.mdc-radio.forge-radio--dense .mdc-radio__background::before{top:-4px;left:-4px;width:28px;height:28px}.mdc-radio.forge-radio--dense .mdc-radio__native-control{top:0;right:0;left:0;width:28px;height:28px}.mdc-radio.forge-radio--dense ::slotted(input[type=radio]){width:28px;height:28px}.mdc-radio--disabled+::slotted(label){color:rgba(0,0,0,.38);color:var(--forge-theme-label-disabled-on-background,rgba(0,0,0,.38))}.forge-radio--checked .mdc-radio__background,.mdc-radio--disabled .mdc-radio__background{-webkit-transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1),transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1),transform 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1)}.forge-radio--checked .mdc-radio__background .mdc-radio__outer-circle,.mdc-radio--disabled .mdc-radio__background .mdc-radio__outer-circle{-webkit-transition:border-color 120ms 0s cubic-bezier(0, 0, .2, 1);transition:border-color 120ms 0s cubic-bezier(0, 0, .2, 1)}.forge-radio--checked .mdc-radio__background .mdc-radio__inner-circle,.mdc-radio--disabled .mdc-radio__background .mdc-radio__inner-circle{-webkit-transition:border-color 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:border-color 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 120ms 0s cubic-bezier(0, 0, .2, 1),border-color 120ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 120ms 0s cubic-bezier(0, 0, .2, 1),border-color 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1)}.mdc-radio--disabled{cursor:default;pointer-events:none}.forge-radio--checked .mdc-radio__background .mdc-radio__inner-circle{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transition:border-color 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:border-color 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 120ms 0s cubic-bezier(0, 0, .2, 1),border-color 120ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 120ms 0s cubic-bezier(0, 0, .2, 1),border-color 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1)}.mdc-radio--disabled .mdc-radio__background{cursor:default}.forge-radio--focused .mdc-radio__background::before{-webkit-transform:scale(1);transform:scale(1);opacity:.12;-webkit-transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1),transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1),transform 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1)}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-radio{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.mdc-radio .mdc-radio__ripple::after,.mdc-radio .mdc-radio__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-radio .mdc-radio__ripple::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-radio .mdc-radio__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-radio.mdc-ripple-upgraded--unbounded .mdc-radio__ripple::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-radio.mdc-ripple-upgraded--foreground-activation .mdc-radio__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-radio .mdc-radio__ripple::after,.mdc-radio .mdc-radio__ripple::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after,.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-radio .mdc-radio__ripple::after,.mdc-radio .mdc-radio__ripple::before{background-color:#3d5afe;background-color:var(--forge-theme-tertiary,#3d5afe)}.mdc-radio.mdc-ripple-surface--hover .mdc-radio__ripple::before,.mdc-radio:hover .mdc-radio__ripple::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__ripple::before,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-radio:not(.mdc-ripple-upgraded) .mdc-radio__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-radio:not(.mdc-ripple-upgraded):active .mdc-radio__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-radio.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-radio.mdc-ripple-upgraded .mdc-radio__background::before,.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before{content:none}.mdc-radio__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.forge-radio-wrapper--disabled{cursor:not-allowed}.forge-radio-wrapper--disabled ::slotted(label){cursor:not-allowed}.forge-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;vertical-align:middle}.forge-form-field ::slotted([slot=label]){-webkit-box-ordinal-group:1;order:0;margin-right:auto;padding-left:4px}.forge-form-field forge-switch~::slotted([slot=label]){padding-left:8px}.forge-form-field--align-end ::slotted([slot=label]){-webkit-box-ordinal-group:0;order:-1;margin-left:auto;padding-right:4px}:host{display:inline-block}:host([hidden]){display:none}';
-/**
- * The custom element class behind the `<forge-radio>` element.
- *
- * @tag forge-radio
- */
-let RadioComponent = class RadioComponent extends BaseComponent {
-    static get observedAttributes() {
-        return [
-            RADIO_CONSTANTS.attributes.DENSE
-        ];
-    }
-    constructor() {
-        super();
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new RadioFoundation(new RadioAdapter(this));
-    }
-    connectedCallback() {
-        this._ensureRadioInputElement().then(() => this._foundation.connect());
-    }
-    disconnectedCallback() {
-        this._foundation.disconnect();
-    }
-    attributeChangedCallback(name, oldValue, newValue) {
-        switch (name) {
-            case RADIO_CONSTANTS.attributes.DENSE:
-                this.dense = coerceBoolean(newValue);
-                break;
-        }
-    }
-    _ensureRadioInputElement() {
-        // Not using core function ensureChild because it was not selecting the input properly
-        return new Promise(resolve => {
-            const element = this.querySelector(RADIO_CONSTANTS.selectors.RADIO_INPUT);
-            if (element) {
-                resolve();
-                return;
-            }
-            const observer = new MutationObserver(changes => {
-                const hasAddedNodes = changes.reduce((prev, curr) => prev + curr.addedNodes.length, 0) > 0;
-                if (hasAddedNodes) {
-                    if (this.querySelector(RADIO_CONSTANTS.selectors.RADIO_INPUT)) {
-                        observer.disconnect();
-                        resolve();
-                    }
-                }
-            });
-            observer.observe(this, { childList: true, subtree: true });
-        });
-    }
-    syncCheckedState() {
-        this._foundation.syncCheckedState();
-    }
-};
-__decorate([
-    FoundationProperty()
-], RadioComponent.prototype, "dense", void 0);
-RadioComponent = __decorate([
-    CustomElement({
-        name: RADIO_CONSTANTS.elementName
-    })
-], RadioComponent);
-export { RadioComponent };