@tylertech/forge 3.13.1 → 3.14.0-dev.0

package/esm/stepper/stepper/index.js

@@ -1,14 +1,17 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { defineCustomElement } from '@tylertech/forge-core';
-import { StepperComponent } from './stepper';
-export * from './stepper';
-export * from './stepper-adapter';
-export * from './stepper-constants';
-export * from './stepper-core';
-export function defineStepperComponent() {
+import { StepperComponent } from './stepper.js';
+export { StepperAdapter } from './stepper-adapter.js';
+export { STEPPER_CONSTANTS } from './stepper-constants.js';
+export { StepperCore } from './stepper-core.js';
+
+function defineStepperComponent() {
     defineCustomElement(StepperComponent);
 }
+
+export { StepperComponent, defineStepperComponent };

package/esm/stepper/stepper/stepper-adapter.d.ts

@@ -1,12 +1,7 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter, IBaseAdapter } from '../../core/base';
-import { IStepComponent } from '../step/step';
-import { IStepperComponent } from './stepper';
-import { StepperLayoutAlign, StepperLayoutMode } from './stepper-constants';
+import { BaseAdapter, IBaseAdapter } from '../../core/base/index.js';
+import { IStepComponent } from '../step/step.js';
+import { IStepperComponent } from './stepper.js';
+import { StepperLayoutAlign, StepperLayoutMode } from './stepper-constants.js';
 export interface IStepperAdapter extends IBaseAdapter {
     initializeAccessibility(): void;
     toggleDisabled(disabled: boolean): void;

package/esm/stepper/stepper/stepper-adapter.js

@@ -1,14 +1,17 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { getShadowElement, toggleClass } from '@tylertech/forge-core';
-import { BaseAdapter } from '../../core/base';
-import { StepperUtils } from '../core/stepper-utils';
-import { STEP_CONSTANTS } from '../step/step-constants';
-import { STEPPER_CONSTANTS } from './stepper-constants';
-export class StepperAdapter extends BaseAdapter {
+import '../../core/base/index.js';
+import { StepperUtils } from '../core/stepper-utils.js';
+import { STEP_CONSTANTS } from '../step/step-constants.js';
+import { STEPPER_CONSTANTS } from './stepper-constants.js';
+import { BaseAdapter } from '../../core/base/base-adapter.js';
+
+class StepperAdapter extends BaseAdapter {
     constructor(component) {
         super(component);
         this._rootElement = getShadowElement(component, STEPPER_CONSTANTS.selectors.STEPPER);
@@ -145,3 +148,5 @@ export class StepperAdapter extends BaseAdapter {
         return this._component.querySelectorAll(STEP_CONSTANTS.elementName);
     }
 }
+
+export { StepperAdapter };

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

@@ -1,8 +1,3 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
 export declare const STEPPER_CONSTANTS: {
     elementName: "forge-stepper";
     classes: {

package/esm/stepper/stepper/stepper-constants.js

@@ -1,9 +1,11 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { COMPONENT_NAME_PREFIX } from '../../constants';
+
+import { COMPONENT_NAME_PREFIX } from '../../constants.js';
+
 const elementName = `${COMPONENT_NAME_PREFIX}stepper`;
 const classes = {
     STEPPER: 'forge-stepper',
@@ -67,7 +69,7 @@ const KEYCODE_MAP = {
     [numbers.ENTER_KEYCODE]: strings.ENTER_KEY,
     [numbers.SPACE_KEYCODE]: strings.SPACE_KEY
 };
-export const STEPPER_CONSTANTS = {
+const STEPPER_CONSTANTS = {
     elementName,
     classes,
     selectors,
@@ -77,3 +79,5 @@ export const STEPPER_CONSTANTS = {
     ACCEPTABLE_KEYS,
     KEYCODE_MAP
 };
+
+export { STEPPER_CONSTANTS };

package/esm/stepper/stepper/stepper-core.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IStepperAdapter } from './stepper-adapter';
-import { IStepConfiguration, StepperLayoutAlign, StepperLayoutMode } from './stepper-constants';
+import { IStepperAdapter } from './stepper-adapter.js';
+import { IStepConfiguration, StepperLayoutAlign, StepperLayoutMode } from './stepper-constants.js';
 export interface IStepperCore {
     steps: IStepConfiguration[];
     selectedIndex: number;

package/esm/stepper/stepper/stepper-core.js

@@ -1,13 +1,15 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { getEventPath, isDefined, isNumber, Platform } from '@tylertech/forge-core';
-import { STEP_CONSTANTS } from '../step/step-constants';
-import { StepperUtils } from '../core/stepper-utils';
-import { STEPPER_CONSTANTS } from './stepper-constants';
-export class StepperCore {
+
+import { isDefined, isNumber, getEventPath, Platform } from '@tylertech/forge-core';
+import { STEP_CONSTANTS } from '../step/step-constants.js';
+import { StepperUtils } from '../core/stepper-utils.js';
+import { STEPPER_CONSTANTS } from './stepper-constants.js';
+
+class StepperCore {
     constructor(_adapter) {
         this._adapter = _adapter;
         this._steps = [];
@@ -301,3 +303,5 @@ export class StepperCore {
         }
     }
 }
+
+export { StepperCore };

package/esm/stepper/stepper/stepper.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseComponent, IBaseComponent } from '../../core/base/base-component';
-import { IStepConfiguration, StepperLayoutAlign, StepperLayoutMode } from '../stepper/stepper-constants';
+import { BaseComponent, IBaseComponent } from '../../core/base/base-component.js';
+import { IStepConfiguration, StepperLayoutAlign, StepperLayoutMode } from '../stepper/stepper-constants.js';
 export interface IStepperComponent extends IBaseComponent {
     steps: IStepConfiguration[];
     selectedIndex: number;

package/esm/stepper/stepper/stepper.html.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var template = "<template>\n  <div class=\"forge-stepper\" part=\"root\">\n    <slot></slot>\n  </div>\n</template>\n";
+
+export { template as default };

package/esm/stepper/stepper/stepper.js

@@ -1,17 +1,19 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { attachShadowTemplate, coerceBoolean, customElement, ensureChildren, coreProperty } from '@tylertech/forge-core';
-import { BaseComponent } from '../../core/base/base-component';
-import { StepComponent } from '../step/step';
-import { StepperAdapter } from './stepper-adapter';
-import { STEPPER_CONSTANTS } from './stepper-constants';
-import { StepperCore } from './stepper-core';
-const template = '<template><div class=\"forge-stepper\" part=\"root\"><slot></slot></div></template>';
-const styles = ':host{display:block}:host([hidden]){display:none}:host([vertical]) .forge-stepper{display:unset;align-items:unset;white-space:unset;overflow:unset}.forge-stepper{display:flex;align-items:center;white-space:nowrap;overflow:hidden}.forge-stepper:not(.vertical) ::slotted(*){display:flex;align-items:center;position:relative;min-width:112px}.forge-stepper.fixed ::slotted(*){flex:1}.forge-stepper.alternative{align-items:flex-start}.forge-stepper.alternative ::slotted(*){min-width:160px}.forge-stepper.align-left{justify-content:flex-start}.forge-stepper.align-center{justify-content:center}.forge-stepper.align-right{justify-content:flex-end}';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, ensureChildren, coerceBoolean, coreProperty, customElement } from '@tylertech/forge-core';
+import { BaseComponent } from '../../core/base/base-component.js';
+import { StepComponent } from '../step/step.js';
+import { StepperAdapter } from './stepper-adapter.js';
+import { STEPPER_CONSTANTS } from './stepper-constants.js';
+import { StepperCore } from './stepper-core.js';
+import template from './stepper.html.js';
+import styles from './stepper.scss.js';
+
 /**
  * @tag forge-stepper
  *
@@ -104,4 +106,5 @@ StepperComponent = __decorate([
         dependencies: [StepComponent]
     })
 ], StepperComponent);
+
 export { StepperComponent };

package/esm/stepper/stepper/stepper.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = ":host{display:block}:host([hidden]){display:none}:host([vertical]) .forge-stepper{display:unset;align-items:unset;white-space:unset;overflow:unset}.forge-stepper{display:flex;align-items:center;white-space:nowrap;overflow:hidden}.forge-stepper:not(.vertical) ::slotted(*){display:flex;align-items:center;position:relative;min-width:112px}.forge-stepper.fixed ::slotted(*){flex:1}.forge-stepper.alternative{align-items:flex-start}.forge-stepper.alternative ::slotted(*){min-width:160px}.forge-stepper.align-left{justify-content:flex-start}.forge-stepper.align-center{justify-content:center}.forge-stepper.align-right{justify-content:flex-end}";
+
+export { styles as default };

package/esm/switch/index.d.ts

@@ -1,11 +1,6 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './switch-adapter';
-export * from './switch-constants';
-export * from './switch-core';
-export * from './switch';
-export * from './switch-component-delegate';
+export * from './switch-adapter.js';
+export * from './switch-constants.js';
+export * from './switch-core.js';
+export * from './switch.js';
+export * from './switch-component-delegate.js';
 export declare function defineSwitchComponent(): void;

package/esm/switch/index.js

@@ -1,15 +1,18 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { defineCustomElement } from '@tylertech/forge-core';
-import { SwitchComponent } from './switch';
-export * from './switch-adapter';
-export * from './switch-constants';
-export * from './switch-core';
-export * from './switch';
-export * from './switch-component-delegate';
-export function defineSwitchComponent() {
+import { SwitchComponent } from './switch.js';
+export { SwitchAdapter } from './switch-adapter.js';
+export { SWITCH_CONSTANTS } from './switch-constants.js';
+export { SwitchCore } from './switch-core.js';
+export { SwitchComponentDelegate } from './switch-component-delegate.js';
+
+function defineSwitchComponent() {
     defineCustomElement(SwitchComponent);
 }
+
+export { SwitchComponent, defineSwitchComponent };

package/esm/switch/switch-adapter.d.ts

@@ -1,11 +1,6 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter, IBaseAdapter } from '../core';
-import { ISwitchComponent } from './switch';
-import { SwitchIconVisibility, SwitchLabelPosition } from './switch-constants';
+import { BaseAdapter, IBaseAdapter } from '../core/index.js';
+import { ISwitchComponent } from './switch.js';
+import { SwitchIconVisibility, SwitchLabelPosition } from './switch-constants.js';
 export interface ISwitchAdapter extends IBaseAdapter {
     setChecked(value: boolean): void;
     setDisabled(value: boolean): void;

package/esm/switch/switch-adapter.js

@@ -1,13 +1,16 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { getShadowElement, toggleClass } from '@tylertech/forge-core';
-import { isFocusable, setDefaultAria, setValidity } from '../constants';
-import { BaseAdapter } from '../core';
-import { SWITCH_CONSTANTS } from './switch-constants';
-export class SwitchAdapter extends BaseAdapter {
+import { setValidity, setDefaultAria, isFocusable } from '../constants.js';
+import '../core/index.js';
+import { SWITCH_CONSTANTS } from './switch-constants.js';
+import { BaseAdapter } from '../core/base/base-adapter.js';
+
+class SwitchAdapter extends BaseAdapter {
     constructor(component) {
         super(component);
         this._rootElement = getShadowElement(component, SWITCH_CONSTANTS.selectors.ROOT);
@@ -57,3 +60,5 @@ export class SwitchAdapter extends BaseAdapter {
         this._component.setFormValue(data, state);
     }
 }
+
+export { SwitchAdapter };

package/esm/switch/switch-component-delegate.d.ts

@@ -1,12 +1,7 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core';
-import { IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate';
-import { ISwitchComponent } from './switch';
-import { SwitchIconVisibility, SwitchLabelPosition } from './switch-constants';
+import { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core/index.js';
+import { IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate.js';
+import { ISwitchComponent } from './switch.js';
+import { SwitchIconVisibility, SwitchLabelPosition } from './switch-constants.js';
 export type SwitchComponentDelegateProps = Partial<ISwitchComponent>;
 export interface ISwitchComponentDelegateOptions extends IFormFieldComponentDelegateOptions {
     id?: string;
@@ -45,9 +40,9 @@ export declare class SwitchComponentDelegate extends FormFieldComponentDelegate<
     set name(value: string);
     get labelPosition(): SwitchLabelPosition;
     set labelPosition(value: SwitchLabelPosition);
-    onChange(listener: (value: boolean) => void): void;
-    onFocus(listener: (evt: Event) => void): void;
-    onBlur(listener: (evt: Event) => void): void;
+    onChange(listener: (value: boolean) => void, options?: AddEventListenerOptions): void;
+    onFocus(listener: (evt: Event) => void, options?: AddEventListenerOptions): void;
+    onBlur(listener: (evt: Event) => void, options?: AddEventListenerOptions): void;
     setLabel(text: string | null): void;
     toggle(force?: boolean): void;
     protected _build(): ISwitchComponent;

package/esm/switch/switch-component-delegate.js

@@ -1,11 +1,14 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { FormFieldComponentDelegate } from '../core';
-import { SWITCH_CONSTANTS } from './switch-constants';
-export class SwitchComponentDelegate extends FormFieldComponentDelegate {
+
+import '../core/index.js';
+import { SWITCH_CONSTANTS } from './switch-constants.js';
+import { FormFieldComponentDelegate } from '../core/delegates/form-field-component-delegate.js';
+
+class SwitchComponentDelegate extends FormFieldComponentDelegate {
     constructor(config) {
         super(config);
     }
@@ -90,14 +93,14 @@ export class SwitchComponentDelegate extends FormFieldComponentDelegate {
     set labelPosition(value) {
         this._element.labelPosition = value;
     }
-    onChange(listener) {
-        this._element.addEventListener(SWITCH_CONSTANTS.events.CHANGE, ({ detail }) => listener(detail));
+    onChange(listener, options) {
+        this._element.addEventListener(SWITCH_CONSTANTS.events.CHANGE, ({ detail }) => listener(detail), options);
     }
-    onFocus(listener) {
-        this._element.addEventListener('focus', evt => listener(evt));
+    onFocus(listener, options) {
+        this._element.addEventListener('focus', evt => listener(evt), options);
     }
-    onBlur(listener) {
-        this._element.addEventListener('blur', evt => listener(evt));
+    onBlur(listener, options) {
+        this._element.addEventListener('blur', evt => listener(evt), options);
     }
     setLabel(text) {
         this._element.innerText = text ?? '';
@@ -117,3 +120,5 @@ export class SwitchComponentDelegate extends FormFieldComponentDelegate {
         }
     }
 }
+
+export { SwitchComponentDelegate };

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

@@ -1,8 +1,3 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
 export declare const SWITCH_CONSTANTS: {
     attributes: {
         CHECKED: string;

package/esm/switch/switch-constants.js

@@ -1,9 +1,11 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { COMPONENT_NAME_PREFIX } from '../constants';
+
+import { COMPONENT_NAME_PREFIX } from '../constants.js';
+
 const elementName = `${COMPONENT_NAME_PREFIX}switch`;
 const observedAttributes = {
     CHECKED: 'checked',
@@ -43,7 +45,7 @@ const state = {
     ON: 'on',
     OFF: 'off'
 };
-export const SWITCH_CONSTANTS = {
+const SWITCH_CONSTANTS = {
     attributes,
     observedAttributes,
     classes,
@@ -52,3 +54,5 @@ export const SWITCH_CONSTANTS = {
     events,
     state
 };
+
+export { SWITCH_CONSTANTS };

package/esm/switch/switch-core.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { ISwitchAdapter } from './switch-adapter';
-import { SwitchIconVisibility, SwitchLabelPosition } from './switch-constants';
+import { ISwitchAdapter } from './switch-adapter.js';
+import { SwitchIconVisibility, SwitchLabelPosition } from './switch-constants.js';
 export interface ISwitchCore {
     checked: boolean;
     defaultChecked: boolean;

package/esm/switch/switch-core.js

@@ -1,10 +1,12 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { SWITCH_CONSTANTS } from './switch-constants';
-export class SwitchCore {
+
+import { SWITCH_CONSTANTS } from './switch-constants.js';
+
+class SwitchCore {
     get _submittedValue() {
         return this._checked ? this._value : null;
     }
@@ -161,3 +163,5 @@ export class SwitchCore {
         }
     }
 }
+
+export { SwitchCore };

package/esm/switch/switch.d.ts

@@ -1,16 +1,11 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { getFormState, getFormValue, setValidity } from '../constants';
-import { BaseComponent, FormValue } from '../core';
-import { IWithFocusable } from '../core/mixins/focus/with-focusable';
-import { IWithFormAssociation } from '../core/mixins/form/with-form-associated';
-import { IWithDefaultAria } from '../core/mixins/internals/with-default-aria';
-import { IWithElementInternals } from '../core/mixins/internals/with-element-internals';
-import { IWithLabelAwareness } from '../core/mixins/label/with-label-aware';
-import { SwitchIconVisibility, SwitchLabelPosition } from './switch-constants';
+import { getFormState, getFormValue, setValidity } from '../constants.js';
+import { BaseComponent, FormValue } from '../core/index.js';
+import { IWithFocusable } from '../core/mixins/focus/with-focusable.js';
+import { IWithFormAssociation } from '../core/mixins/form/with-form-associated.js';
+import { IWithDefaultAria } from '../core/mixins/internals/with-default-aria.js';
+import { IWithElementInternals } from '../core/mixins/internals/with-element-internals.js';
+import { IWithLabelAwareness } from '../core/mixins/label/with-label-aware.js';
+import { SwitchIconVisibility, SwitchLabelPosition } from './switch-constants.js';
 export interface ISwitchComponent extends IWithFormAssociation, IWithFocusable, IWithLabelAwareness, IWithElementInternals, IWithDefaultAria {
     value: string;
     checked: boolean;
@@ -37,7 +32,7 @@ declare global {
         'forge-switch-change': CustomEvent<boolean>;
     }
 }
-declare const SwitchComponent_base: import("../constants").AbstractConstructor<import("../core/mixins/form/with-form-associated").WithFormAssociationContract> & import("../constants").AbstractConstructor<import("../core/mixins/label/with-label-aware").WithLabelAwarenessContract> & import("../constants").AbstractConstructor<import("../core/mixins/focus/with-focusable").WithFocusableContract> & import("../constants").AbstractConstructor<import("../core/mixins/internals/with-default-aria").WithDefaultAriaContract> & import("../constants").AbstractConstructor<import("../core/mixins/internals/with-element-internals").WithElementInternalsContract> & typeof BaseComponent;
+declare const SwitchComponent_base: import("../constants.js").AbstractConstructor<import("../core/mixins/form/with-form-associated.js").WithFormAssociationContract> & import("../constants.js").AbstractConstructor<import("../core/mixins/label/with-label-aware.js").WithLabelAwarenessContract> & import("../constants.js").AbstractConstructor<import("../core/mixins/focus/with-focusable.js").WithFocusableContract> & import("../constants.js").AbstractConstructor<import("../core/mixins/internals/with-default-aria.js").WithDefaultAriaContract> & import("../constants.js").AbstractConstructor<import("../core/mixins/internals/with-element-internals.js").WithElementInternalsContract> & typeof BaseComponent;
 /**
  * @tag forge-switch
  *

package/esm/switch/switch.html.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var template = "<template>\n  <div class=\"forge-switch\" part=\"switch\">\n    <div id=\"container\" class=\"container\">\n      <div class=\"track\" part=\"track\"></div>\n      <div class=\"handle\" part=\"handle\">\n        <div id=\"icon-off\" class=\"icon icon__off\" part=\"icon-off\">\n          <slot name=\"icon-off\">\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\">\n              <path d=\"M20 13H4v-2h16v2z\" />\n            </svg>\n          </slot>\n        </div>\n        <div id=\"icon-on\" class=\"icon icon__on\" part=\"icon-on\">\n          <slot name=\"icon-on\">\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\">\n              <path d=\"M19.69,5.23L8.96,15.96l-4.23-4.23L2.96,13.5l6,6L21.46,7L19.69,5.23z\" />\n            </svg>\n          </slot>\n        </div>\n        <forge-state-layer target=\":host\" exportparts=\"surface:state-layer\"></forge-state-layer>\n      </div>\n      <forge-focus-indicator target=\":host\" part=\"focus-indicator\"></forge-focus-indicator>\n    </div>\n    <label id=\"label\" class=\"label\" part=\"label\">\n      <slot></slot>\n    </label>\n  </div>\n</template>\n";
+
+export { template as default };

package/esm/switch/switch.js

@@ -1,24 +1,27 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { attachShadowTemplate, coerceBoolean, customElement, coreProperty, isDefined, isString } from '@tylertech/forge-core';
-import { getFormState, getFormValue, getValidationMessage, inputType, internals, setDefaultAria, setValidity } from '../constants';
-import { BaseComponent } from '../core';
-import { WithFocusable } from '../core/mixins/focus/with-focusable';
-import { WithFormAssociation } from '../core/mixins/form/with-form-associated';
-import { WithDefaultAria } from '../core/mixins/internals/with-default-aria';
-import { WithElementInternals } from '../core/mixins/internals/with-element-internals';
-import { WithLabelAwareness } from '../core/mixins/label/with-label-aware';
-import { FocusIndicatorComponent } from '../focus-indicator/focus-indicator';
-import { StateLayerComponent } from '../state-layer/state-layer';
-import { SwitchAdapter } from './switch-adapter';
-import { SWITCH_CONSTANTS } from './switch-constants';
-import { SwitchCore } from './switch-core';
-const template = '<template><div class=\"forge-switch\" part=\"switch\"><div id=\"container\" class=\"container\"><div class=\"track\" part=\"track\"></div><div class=\"handle\" part=\"handle\"><div id=\"icon-off\" class=\"icon icon__off\" part=\"icon-off\"><slot name=\"icon-off\"><svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M20 13H4v-2h16v2z\"/></svg></slot></div><div id=\"icon-on\" class=\"icon icon__on\" part=\"icon-on\"><slot name=\"icon-on\"><svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M19.69,5.23L8.96,15.96l-4.23-4.23L2.96,13.5l6,6L21.46,7L19.69,5.23z\"/></svg></slot></div><forge-state-layer target=\":host\" exportparts=\"surface:state-layer\"></forge-state-layer></div><forge-focus-indicator target=\":host\" part=\"focus-indicator\"></forge-focus-indicator></div><label id=\"label\" class=\"label\" part=\"label\"><slot></slot></label></div></template>';
-const styles = ':host{display:inline-block;outline:0;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}.forge-switch{--_switch-handle-size:var(--forge-switch-handle-size, 20px);--_switch-handle-scale:var(--forge-switch-handle-scale, 1);--_switch-handle-elevation:var(--forge-switch-handle-elevation, 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12));--_switch-track-border-width:var(--forge-switch-track-border-width, 0);--_switch-track-border-color:var(--forge-switch-track-border-color, transparent);--_switch-icon-color:var(--forge-switch-icon-color, var(--forge-theme-on-tertiary, #ffffff));--_switch-icon-size:var(--forge-switch-icon-size, 16px);--_switch-icon-scale:var(--forge-switch-icon-scale, 1);--_switch-state-layer-size:var(--forge-switch-state-layer-size, 40px);--_switch-state-layer-dense-size:var(--forge-switch-state-layer-dense-size, 28px);--_switch-handle-on-color:var(--forge-switch-handle-on-color, var(--forge-theme-tertiary, #3d5afe));--_switch-handle-off-color:var(--forge-switch-handle-off-color, var(--forge-theme-surface-container-high, #9e9e9e));--_switch-handle-width:var(--forge-switch-handle-width, var(--_switch-handle-size));--_switch-handle-height:var(--forge-switch-handle-height, var(--_switch-handle-size));--_switch-handle-on-scale:var(--forge-switch-handle-on-scale, var(--_switch-handle-scale));--_switch-handle-off-scale:var(--forge-switch-handle-off-scale, var(--_switch-handle-scale));--_switch-handle-shape:var(--forge-switch-handle-shape, calc(var(--forge-shape-round, 50%) * var(--forge-shape-factor, 1)));--_switch-handle-on-elevation:var(--forge-switch-handle-on-elevation, var(--_switch-handle-elevation));--_switch-handle-off-elevation:var(--forge-switch-handle-off-elevation, var(--_switch-handle-elevation));--_switch-track-on-color:var(--forge-switch-track-on-color, var(--forge-theme-tertiary-container, #d0d7ff));--_switch-track-off-color:var(--forge-switch-track-off-color, var(--forge-theme-surface-container, #e0e0e0));--_switch-track-width:var(--forge-switch-track-width, 36px);--_switch-track-height:var(--forge-switch-track-height, 14px);--_switch-track-shape:var(--forge-switch-track-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_switch-track-on-border-width:var(--forge-switch-track-on-border-width, var(--_switch-track-border-width));--_switch-track-off-border-width:var(--forge-switch-track-off-border-width, var(--_switch-track-border-width));--_switch-track-on-border-color:var(--forge-switch-track-on-border-color, var(--_switch-track-border-color));--_switch-track-off-border-color:var(--forge-switch-track-off-border-color, var(--_switch-track-border-color));--_switch-icon-on-color:var(--forge-switch-icon-on-color, var(--_switch-icon-color));--_switch-icon-off-color:var(--forge-switch-icon-off-color, var(--_switch-icon-color));--_switch-icon-on-size:var(--forge-switch-icon-on-size, var(--_switch-icon-size));--_switch-icon-off-size:var(--forge-switch-icon-off-size, var(--_switch-icon-size));--_switch-icon-on-scale:var(--forge-switch-icon-on-scale, var(--_switch-icon-scale));--_switch-icon-off-scale:var(--forge-switch-icon-off-scale, var(--_switch-icon-scale));--_switch-gap:var(--forge-switch-gap, 0);--_switch-justify:var(--forge-switch-justify, start);--_switch-align:var(--forge-switch-align, center);--_switch-direction:var(--forge-switch-direction, initial);--_switch-state-layer-width:var(--forge-switch-state-layer-width, var(--_switch-state-layer-size));--_switch-state-layer-height:var(--forge-switch-state-layer-height, var(--_switch-state-layer-size));--_switch-state-layer-on-color:var(--forge-switch-state-layer-on-color, var(--_switch-handle-on-color));--_switch-state-layer-off-color:var(--forge-switch-state-layer-off-color, var(--_switch-color));--_switch-state-layer-dense-width:var(--forge-switch-state-layer-dense-width, var(--_switch-state-layer-dense-size));--_switch-state-layer-dense-height:var(--forge-switch-state-layer-dense-height, var(--_switch-state-layer-dense-size));--_switch-disabled-opacity:var(--forge-switch-disabled-opacity, 0.54);--_switch-handle-active-on-color:var(--forge-switch-handle-active-on-color, var(--_switch-handle-on-color));--_switch-handle-active-off-color:var(--forge-switch-handle-active-off-color, var(--_switch-handle-off-color));--_switch-handle-active-scale:var(--forge-switch-handle-active-scale, 1.2);--_switch-handle-active-on-scale:var(--forge-switch-handle-active-on-scale, var(--_switch-handle-active-scale));--_switch-handle-active-off-scale:var(--forge-switch-handle-active-off-scale, var(--_switch-handle-active-scale));--_switch-handle-active-elevation:var(--forge-switch-handle-active-elevation, var(--_switch-handle-elevation));--_switch-handle-active-on-elevation:var(--forge-switch-handle-active-on-elevation, var(--_switch-handle-active-elevation));--_switch-handle-active-off-elevation:var(--forge-switch-handle-active-off-elevation, var(--_switch-handle-active-elevation));--_switch-track-active-on-color:var(--forge-switch-track-active-on-color, var(--_switch-track-on-color));--_switch-track-active-off-color:var(--forge-switch-track-active-off-color, var(--_switch-track-off-color));--_switch-track-active-on-border-width:var(--forge-switch-track-active-on-border-width, var(--_switch-track-on-border-width));--_switch-track-active-off-border-width:var(--forge-switch-track-active-off-border-width, var(--_switch-track-off-border-width));--_switch-track-active-on-border-color:var(--forge-switch-track-active-on-border-color, var(--_switch-track-on-border-color));--_switch-track-active-off-border-color:var(--forge-switch-track-active-off-border-color, var(--_switch-track-off-border-color));--_switch-icon-active-on-color:var(--forge-switch-icon-active-on-color, var(--_switch-icon-on-color));--_switch-icon-active-off-color:var(--forge-switch-icon-active-off-color, var(--_switch-icon-off-color));--_switch-icon-active-on-scale:var(--forge-switch-icon-active-on-scale, var(--_switch-icon-on-scale));--_switch-icon-active-off-scale:var(--forge-switch-icon-active-off-scale, var(--_switch-icon-off-scale));--_switch-animation-duration:var(--forge-switch-animation-duration, var(--forge-animation-duration-short2, 100ms));--_switch-animation-timing:var(--forge-switch-animation-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_switch-active-animation-timing:var(--forge-switch-active-animation-timing, var(--forge-animation-easing-linear, cubic-bezier(0, 0, 1, 1)))}.forge-switch{display:flex;position:relative;flex-direction:var(--_switch-direction);align-items:var(--_switch-align);justify-content:var(--_switch-justify);gap:var(--_switch-gap);--_switch-current-state-layer-width:var(--_switch-state-layer-width);--_switch-current-state-layer-height:var(--_switch-state-layer-height)}.forge-switch .container{position:relative;align-items:center;display:flex;flex-shrink:0;block-size:max(var(--_switch-handle-height),var(--_switch-track-height),var(--_switch-current-state-layer-height));cursor:pointer}.forge-switch .input{position:absolute;z-index:1;appearance:none;outline:0;margin:0;inline-size:100%;block-size:100%;cursor:unset}.forge-switch .track{transition-property:background-color,border-color,border-width;transition-duration:var(--_switch-animation-duration);transition-timing-function:var(--_switch-animation-timing);box-sizing:border-box;margin-inline:calc(max(var(--_switch-handle-width),var(--_switch-current-state-layer-width))/ 2 - calc(var(--_switch-track-height)/ 2));border-width:var(--_switch-track-off-border-width);border-color:var(--_switch-track-off-border-color);border-style:solid;border-radius:var(--_switch-track-shape);inline-size:var(--_switch-track-width);block-size:var(--_switch-track-height);background-color:var(--_switch-track-off-color)}.forge-switch .handle{position:absolute;justify-content:center;align-items:center;display:flex;transition-property:translate;transition-duration:var(--_switch-animation-duration);transition-timing-function:var(--_switch-animation-timing);border-radius:var(--_switch-handle-shape);inline-size:var(--_switch-current-state-layer-width);block-size:var(--_switch-current-state-layer-height)}.forge-switch .handle::before{content:\"\";position:relative;display:block;scale:var(--_switch-handle-off-scale);transition:background-color var(--_switch-animation-duration) var(--_switch-animation-timing),box-shadow var(--_switch-animation-duration) var(--_switch-animation-timing),scale var(--_switch-animation-duration) var(--_switch-active-animation-timing);box-shadow:var(--_switch-handle-off-elevation);border-radius:var(--_switch-handle-shape);inline-size:var(--_switch-handle-width);block-size:var(--_switch-handle-height);background-color:var(--_switch-handle-off-color)}.forge-switch .icon{position:absolute;align-items:center;justify-content:center;display:flex;transition-property:opacity,scale;transition-duration:var(--_switch-animation-duration);transition-timing-function:var(--_switch-animation-timing);inline-size:var(--_switch-icon-off-size);block-size:var(--_switch-icon-off-size);color:var(--_switch-icon-off-color);fill:var(--_switch-icon-off-color);font-size:var(--_switch-icon-off-size);--forge-icon-font-size:var(--_switch-icon-off-size)}.forge-switch .icon__on{--forge-icon-font-size:var(--_switch-icon-on-size);inline-size:var(--_switch-icon-on-size);block-size:var(--_switch-icon-on-size);color:var(--_switch-icon-on-color);fill:var(--_switch-icon-on-color);font-size:var(--_switch-icon-on-size);opacity:0;scale:0.4}.forge-switch .icon__off{opacity:1;scale:var(--_switch-icon-off-scale)}.forge-switch .label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .8125)));font-weight:var(--forge-typography-label2-font-weight,400);line-height:var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label2-letter-spacing, .0096153846em);text-transform:var(--forge-typography-label2-text-transform,inherit);text-decoration:var(--forge-typography-label2-text-decoration,inherit)}.forge-switch .label:empty{display:none}.forge-switch .hidden{display:none}.forge-switch ::slotted([slot=input]){position:absolute;z-index:1;appearance:none;outline:0;margin:0;inline-size:100%;block-size:100%;cursor:unset}:host([checked]) .track{border-width:var(--_switch-track-on-border-width);border-color:var(--_switch-track-on-border-color);background-color:var(--_switch-track-on-color)}:host([checked]) .handle{translate:calc(var(--_switch-track-width) - calc(var(--_switch-track-height)/ 2) * 2)}:host([checked]) .handle::before{scale:var(--_switch-handle-on-scale);box-shadow:var(--_switch-handle-on-elevation);background-color:var(--_switch-handle-on-color)}:host([checked]) .handle .icon__on{opacity:1;scale:var(--_switch-icon-on-scale)}:host([checked]) .handle .icon__off{opacity:0;scale:0.4}:host([checked]) forge-state-layer{--forge-state-layer-color:var(--_switch-state-layer-on-color)}:host(:not([disabled]):not([readonly])) .forge-switch .container:active .track{border-width:var(--_switch-track-active-off-border-width);border-color:var(--_switch-track-active-off-border-color);background-color:var(--_switch-track-active-off-color)}:host(:not([disabled]):not([readonly])) .forge-switch .container:active .handle::before{scale:var(--_switch-handle-active-off-scale);box-shadow:var(--_switch-handle-active-off-elevation);background-color:var(--_switch-handle-active-off-color)}:host(:not([disabled]):not([readonly])) .forge-switch .container:active .handle .icon{scale:var(--_switch-icon-active-off-scale);color:var(--_switch-icon-active-off-color);fill:var(--_switch-icon-active-off-color)}:host(:not([disabled]):not([readonly])[checked]) .forge-switch .container:active .track{border-width:var(--_switch-track-active-on-border-width);border-color:var(--_switch-track-active-on-border-color);background-color:var(--_switch-track-active-on-color)}:host(:not([disabled]):not([readonly])[checked]) .forge-switch .container:active .handle::before{scale:var(--_switch-handle-active-on-scale);box-shadow:var(--_switch-handle-active-on-elevation);background-color:var(--_switch-handle-active-on-color)}:host(:not([disabled]):not([readonly])[checked]) .forge-switch .container:active .handle .icon{scale:var(--_switch-icon-active-on-scale);color:var(--_switch-icon-active-on-color);fill:var(--_switch-icon-active-on-color)}:host([dense]) .forge-switch{--_switch-current-state-layer-width:var(--_switch-state-layer-dense-width);--_switch-current-state-layer-height:var(--_switch-state-layer-dense-height)}:host([disabled]) .forge-switch .container{opacity:var(--_switch-disabled-opacity);cursor:not-allowed}:host([disabled]) .forge-switch .handle::before{box-shadow:none}:host([readonly]) .forge-switch .container{cursor:not-allowed}@media (prefers-reduced-motion){.switch{--_switch-animation-duration:var(--forge-switch-animation-duration, 0s)}}forge-state-layer{--forge-state-layer-color:var(--_switch-state-layer-off-color)}forge-focus-indicator{--forge-focus-indicator-shape:var(--_switch-track-shape);--forge-focus-indicator-outward-offset:0px}';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, coerceBoolean, isString, isDefined, coreProperty, customElement } from '@tylertech/forge-core';
+import { inputType, setDefaultAria, getFormValue, getFormState, setValidity, internals, getValidationMessage } from '../constants.js';
+import '../core/index.js';
+import { WithFocusable } from '../core/mixins/focus/with-focusable.js';
+import { WithFormAssociation } from '../core/mixins/form/with-form-associated.js';
+import { WithDefaultAria } from '../core/mixins/internals/with-default-aria.js';
+import { WithElementInternals } from '../core/mixins/internals/with-element-internals.js';
+import { WithLabelAwareness } from '../core/mixins/label/with-label-aware.js';
+import { FocusIndicatorComponent } from '../focus-indicator/focus-indicator.js';
+import { StateLayerComponent } from '../state-layer/state-layer.js';
+import { SwitchAdapter } from './switch-adapter.js';
+import { SWITCH_CONSTANTS } from './switch-constants.js';
+import { SwitchCore } from './switch-core.js';
+import template from './switch.html.js';
+import styles from './switch.scss.js';
+import { BaseComponent } from '../core/base/base-component.js';
+
 /**
  * @tag forge-switch
  *
@@ -271,4 +274,5 @@ SwitchComponent = __decorate([
         dependencies: [FocusIndicatorComponent, StateLayerComponent]
     })
 ], SwitchComponent);
+
 export { SwitchComponent };