@tylertech/forge 3.13.1 → 3.14.0-dev.1

package/esm/slider/slider-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 { SLIDER_CONSTANTS } from './slider-constants';
-export class SliderComponentDelegate extends FormFieldComponentDelegate {
+
+import '../core/index.js';
+import { SLIDER_CONSTANTS } from './slider-constants.js';
+import { FormFieldComponentDelegate } from '../core/delegates/form-field-component-delegate.js';
+
+class SliderComponentDelegate extends FormFieldComponentDelegate {
     constructor(config) {
         super(config);
     }
@@ -72,25 +75,27 @@ export class SliderComponentDelegate extends FormFieldComponentDelegate {
     set labelBuilder(value) {
         this._element.labelBuilder = value;
     }
-    onInput(listener) {
-        this._element.addEventListener('forge-slider-input', ({ detail }) => listener(detail));
+    onInput(listener, options) {
+        this._element.addEventListener('forge-slider-input', ({ detail }) => listener(detail), options);
     }
-    onChange(listener) {
-        this._element.addEventListener('forge-slider-change', ({ detail }) => listener(detail));
+    onChange(listener, options) {
+        this._element.addEventListener('forge-slider-change', ({ detail }) => listener(detail), options);
     }
-    onRangeInput(listener) {
-        this._element.addEventListener('forge-slider-range-input', ({ detail }) => listener(detail));
+    onRangeInput(listener, options) {
+        this._element.addEventListener('forge-slider-range-input', ({ detail }) => listener(detail), options);
     }
-    onRangeChange(listener) {
-        this._element.addEventListener('forge-slider-range-change', ({ detail }) => listener(detail));
+    onRangeChange(listener, options) {
+        this._element.addEventListener('forge-slider-range-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);
     }
     _build() {
         return document.createElement(SLIDER_CONSTANTS.elementName);
     }
 }
+
+export { SliderComponentDelegate };

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

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

package/esm/slider/slider-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}slider`;
 const attributes = {
     ARIA_LABEL: 'data-aria-label',
@@ -71,7 +73,7 @@ const numbers = {
     DEFAULT_START_VALUE: 33,
     DEFAULT_END_VALUE: 67
 };
-export const SLIDER_CONSTANTS = {
+const SLIDER_CONSTANTS = {
     elementName,
     attributes,
     selectors,
@@ -80,3 +82,5 @@ export const SLIDER_CONSTANTS = {
     numbers,
     cssCustomProperties
 };
+
+export { SLIDER_CONSTANTS };

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

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { ISliderAdapter } from './slider-adapter';
-import { SliderLabelBuilder } from './slider-constants';
+import { ISliderAdapter } from './slider-adapter.js';
+import { SliderLabelBuilder } from './slider-constants.js';
 export interface ISliderCore {
     ariaLabel: string | null;
     ariaLabelStart: string | null;

package/esm/slider/slider-core.js

@@ -1,10 +1,12 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { SLIDER_CONSTANTS } from './slider-constants';
-export class SliderCore {
+
+import { SLIDER_CONSTANTS } from './slider-constants.js';
+
+class SliderCore {
     constructor(_adapter) {
         this._adapter = _adapter;
         // State
@@ -99,13 +101,13 @@ export class SliderCore {
     _handlePointerEnter(evt) {
         this._handlePointerMove(evt);
     }
-    _handlePointerMove({ target, x, y }) {
+    _handlePointerMove({ target, clientX, clientY }) {
         const isStart = target.id === 'start';
         if (isStart) {
-            this._adapter.tryHoverStartHandle({ x, y });
+            this._adapter.tryHoverStartHandle({ x: clientX, y: clientY });
         }
         else {
-            this._adapter.tryHoverEndHandle({ x, y });
+            this._adapter.tryHoverEndHandle({ x: clientX, y: clientY });
         }
     }
     _handlePointerLeave(_evt) {
@@ -321,3 +323,5 @@ export class SliderCore {
         this._adapter.setEndAriaLabel(value);
     }
 }
+
+export { SliderCore };

package/esm/slider/slider-utils.d.ts

@@ -1,9 +1,4 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { ISliderComponent } from '../slider';
+import { ISliderComponent } from '../slider/index.js';
 export declare function createStartInputElement(component: ISliderComponent): HTMLInputElement;
 export declare function createStartHandleElement(thumbLabel: string): HTMLElement;
 export declare function createLabel(text: string): HTMLElement;

package/esm/slider/slider-utils.js

@@ -1,10 +1,12 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { SLIDER_CONSTANTS } from './slider-constants';
-export function createStartInputElement(component) {
+
+import { SLIDER_CONSTANTS } from './slider-constants.js';
+
+function createStartInputElement(component) {
     const startInput = document.createElement('input');
     startInput.type = 'range';
     startInput.id = 'start';
@@ -20,7 +22,7 @@ export function createStartInputElement(component) {
     startInput.setAttribute('aria-valuetext', String(component.valueStart));
     return startInput;
 }
-export function createStartHandleElement(thumbLabel) {
+function createStartHandleElement(thumbLabel) {
     const startHandle = document.createElement('div');
     startHandle.classList.add(SLIDER_CONSTANTS.classes.HANDLE, SLIDER_CONSTANTS.classes.HANDLE_START);
     startHandle.setAttribute('part', 'handle-start');
@@ -45,7 +47,7 @@ export function createStartHandleElement(thumbLabel) {
     startHandleLabel.appendChild(startHandleLabelContent);
     return startHandle;
 }
-export function createLabel(text) {
+function createLabel(text) {
     const labelElement = document.createElement('div');
     labelElement.classList.add(SLIDER_CONSTANTS.classes.LABEL);
     const labelContentElement = document.createElement('span');
@@ -54,3 +56,5 @@ export function createLabel(text) {
     labelElement.appendChild(labelContentElement);
     return labelElement;
 }
+
+export { createLabel, createStartHandleElement, createStartInputElement };

package/esm/slider/slider.d.ts

@@ -1,11 +1,6 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { internals } from '../constants';
-import { BaseFormComponent, IBaseFormComponent } from '../core/base/base-form-component';
-import { SliderLabelBuilder, ISliderRangeChangeEventData, ISliderChangeEventData } from './slider-constants';
+import { internals } from '../constants.js';
+import { BaseFormComponent, IBaseFormComponent } from '../core/base/base-form-component.js';
+import { SliderLabelBuilder, ISliderRangeChangeEventData, ISliderChangeEventData } from './slider-constants.js';
 export interface ISliderComponent extends IBaseFormComponent<number> {
     valueStart: number;
     valueEnd: number;

package/esm/slider/slider.html.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var template = "<template>\n  <div part=\"root\" class=\"forge-slider\">\n    <input type=\"range\" class=\"end\" id=\"end\" min=\"0\" max=\"100\" step=\"1\" aria-valuetext=\"0\" />\n    <div class=\"track\" part=\"track\"></div>\n    <div class=\"handle-container-padded\">\n      <div class=\"handle-container-block\">\n        <div class=\"handle-container\">\n          <div class=\"handle end\" part=\"handle-end\">\n            <forge-state-layer exportparts=\"surface:state-layer\" target=\"end\"></forge-state-layer>\n            <forge-focus-indicator part=\"focus-indicator\" target=\"end\"></forge-focus-indicator>\n            <div class=\"handle-thumb\" part=\"handle-end-thumb\"></div>\n            <div class=\"handle-label\" part=\"handle-end-label\">\n              <span class=\"handle-label-content\" part=\"handle-end-label-content\"></span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n";
+
+export { template as default };

package/esm/slider/slider.js

@@ -1,19 +1,21 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { attachShadowTemplate, coerceBoolean, coerceNumber, customElement, coreProperty, toggleAttribute } from '@tylertech/forge-core';
-import { internals } from '../constants';
-import { BaseFormComponent } from '../core/base/base-form-component';
-import { FocusIndicatorComponent } from '../focus-indicator/focus-indicator';
-import { StateLayerComponent } from '../state-layer/state-layer';
-import { SliderAdapter } from './slider-adapter';
-import { SLIDER_CONSTANTS } from './slider-constants';
-import { SliderCore } from './slider-core';
-const template = '<template><div part=\"root\" class=\"forge-slider\"><input type=\"range\" class=\"end\" id=\"end\" min=\"0\" max=\"100\" step=\"1\" aria-valuetext=\"0\"><div class=\"track\" part=\"track\"></div><div class=\"handle-container-padded\"><div class=\"handle-container-block\"><div class=\"handle-container\"><div class=\"handle end\" part=\"handle-end\"><forge-state-layer exportparts=\"surface:state-layer\" target=\"end\"></forge-state-layer><forge-focus-indicator part=\"focus-indicator\" target=\"end\"></forge-focus-indicator><div class=\"handle-thumb\" part=\"handle-end-thumb\"></div><div class=\"handle-label\" part=\"handle-end-label\"><span class=\"handle-label-content\" part=\"handle-end-label-content\"></span></div></div></div></div></div></div></template>';
-const styles = ':host{display:inline-flex;vertical-align:middle;min-inline-size:100%}:host([hidden]){display:none}.forge-slider{--_slider-start-fraction:0;--_slider-end-fraction:0;--_slider-tick-count:100;--_slider-track-height:var(--forge-slider-track-height, 4px);--_slider-active-track-color:var(--forge-slider-active-track-color, var(--forge-theme-primary, #3f51b5));--_slider-active-track-height:var(--forge-slider-active-track-height, var(--_slider-track-height));--_slider-active-track-shape:var(--forge-slider-active-track-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_slider-disabled-active-track-color:var(--forge-slider-disabled-active-track-color, var(--forge-theme-surface-container-high, #9e9e9e));--_slider-disabled-active-track-opacity:var(--forge-slider-disabled-active-track-opacity, 0.38);--_slider-disabled-handle-color:var(--forge-slider-disabled-handle-color, var(--forge-theme-surface-container-high, #9e9e9e));--_slider-disabled-inactive-track-color:var(--forge-slider-disabled-inactive-track-color, var(--forge-theme-surface-container-high, #9e9e9e));--_slider-disabled-inactive-track-opacity:var(--forge-slider-disabled-inactive-track-opacity, 0.12);--_slider-focus-handle-color:var(--forge-slider-focus-handle-color, var(--forge-theme-primary, #3f51b5));--_slider-handle-color:var(--forge-slider-handle-color, var(--forge-theme-primary, #3f51b5));--_slider-handle-height:var(--forge-slider-handle-height, 20px);--_slider-handle-shape:var(--forge-slider-handle-shape, calc(var(--forge-shape-round, 50%) * var(--forge-shape-factor, 1)));--_slider-handle-width:var(--forge-slider-handle-width, 20px);--_slider-hover-handle-color:var(--forge-slider-hover-handle-color, var(--forge-theme-primary, #3f51b5));--_slider-inactive-track-color:var(--forge-slider-inactive-track-color, var(--forge-theme-primary-container, #d1d5ed));--_slider-inactive-track-height:var(--forge-slider-inactive-track-height, var(--_slider-track-height));--_slider-inactive-track-shape:var(--forge-slider-inactive-track-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_slider-label-container-shape:var(--forge-slider-label-container-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_slider-label-container-color:var(--forge-slider-label-container-color, var(--forge-theme-primary, #3f51b5));--_slider-label-container-height:var(--forge-slider-label-container-height, 28px);--_slider-label-text-color:var(--forge-slider-label-text-color, var(--forge-theme-on-primary, #ffffff));--_slider-pressed-handle-color:var(--forge-slider-pressed-handle-color, var(--forge-theme-primary, #3f51b5));--_slider-state-layer-size:var(--forge-slider-state-layer-size, 40px);--_slider-with-overlap-handle-outline-color:var(--forge-slider-with-overlap-handle-outline-color, var(--forge-theme-on-primary, #ffffff));--_slider-with-overlap-handle-outline-width:var(--forge-slider-with-overlap-handle-outline-width, 1px);--_slider-with-tick-marks-active-container-color:var(--forge-slider-with-tick-marks-active-container-color, var(--forge-theme-on-primary, #ffffff));--_slider-with-tick-marks-container-size:var(--forge-slider-with-tick-marks-container-size, 2px);--_slider-with-tick-marks-disabled-active-container-color:var(--forge-slider-with-tick-marks-disabled-active-container-color, var(--forge-theme-on-surface-container-high, #000000));--_slider-with-tick-marks-disabled-inactive-container-color:var(--forge-slider-with-tick-marks-disabled-inactive-container-color, var(--forge-theme-on-surface-container-high, #000000));--_slider-with-tick-marks-inactive-container-color:var(--forge-slider-with-tick-marks-inactive-container-color, var(--forge-theme-primary, #3f51b5))}.forge-slider{flex:1;display:flex;align-items:center;position:relative;block-size:var(--_slider-state-layer-size);pointer-events:none;touch-action:none}.forge-slider.range :host-context([dir=rtl]) input.start{clip-path:inset(0 0 0 calc(100% - (var(--_slider-state-layer-size)/ 2 + (100% - var(--_slider-state-layer-size)) * (var(--_slider-start-fraction) + (var(--_slider-end-fraction) - var(--_slider-start-fraction))/ 2))))}.forge-slider.range :host([dir=rtl]) input.start{clip-path:inset(0 0 0 calc(100% - (var(--_slider-state-layer-size)/ 2 + (100% - var(--_slider-state-layer-size)) * (var(--_slider-start-fraction) + (var(--_slider-end-fraction) - var(--_slider-start-fraction))/ 2))))}.forge-slider.range input.start:dir(rtl){clip-path:inset(0 0 0 calc(100% - (var(--_slider-state-layer-size)/ 2 + (100% - var(--_slider-state-layer-size)) * (var(--_slider-start-fraction) + (var(--_slider-end-fraction) - var(--_slider-start-fraction))/ 2))))}.forge-slider.range input.start{clip-path:inset(0 calc(100% - (var(--_slider-state-layer-size)/ 2 + (100% - var(--_slider-state-layer-size)) * (var(--_slider-start-fraction) + (var(--_slider-end-fraction) - var(--_slider-start-fraction))/ 2))) 0 0)}.forge-slider.range input.end{clip-path:inset(0 0 0 calc(var(--_slider-state-layer-size)/ 2 + (100% - var(--_slider-state-layer-size)) * (var(--_slider-start-fraction) + (var(--_slider-end-fraction) - var(--_slider-start-fraction))/ 2)))}.forge-slider.range :host-context([dir=rtl]) input.end{clip-path:inset(0 calc(var(--_slider-state-layer-size)/ 2 + (100% - var(--_slider-state-layer-size)) * (var(--_slider-start-fraction) + (var(--_slider-end-fraction) - var(--_slider-start-fraction))/ 2)) 0 0)}.forge-slider.range :host([dir=rtl]) input.end{clip-path:inset(0 calc(var(--_slider-state-layer-size)/ 2 + (100% - var(--_slider-state-layer-size)) * (var(--_slider-start-fraction) + (var(--_slider-end-fraction) - var(--_slider-start-fraction))/ 2)) 0 0)}.forge-slider.range input.end:dir(rtl){clip-path:inset(0 calc(var(--_slider-state-layer-size)/ 2 + (100% - var(--_slider-state-layer-size)) * (var(--_slider-start-fraction) + (var(--_slider-end-fraction) - var(--_slider-start-fraction))/ 2)) 0 0)}.track{position:absolute;inset:0;display:flex;align-items:center}.track::after,.track::before{content:\"\";position:absolute;inset-inline-start:calc(var(--_slider-state-layer-size)/ 2 - var(--_slider-with-tick-marks-container-size));inset-inline-end:calc(var(--_slider-state-layer-size)/ 2 - var(--_slider-with-tick-marks-container-size));background-size:calc((100% - var(--_slider-with-tick-marks-container-size) * 2)/ var(--_slider-tick-count)) 100%}.track::before{block-size:var(--_slider-inactive-track-height);border-radius:var(--_slider-inactive-track-shape);background-color:var(--_slider-inactive-track-color)}.track::after{block-size:var(--_slider-active-track-height);border-radius:var(--_slider-active-track-shape);clip-path:inset(0 calc(calc(var(--_slider-with-tick-marks-container-size) * min((1 - var(--_slider-end-fraction)) * 1000000000,1)) + calc(100% - var(--_slider-with-tick-marks-container-size) * 2) * (1 - var(--_slider-end-fraction))) 0 calc(calc(var(--_slider-with-tick-marks-container-size) * min(var(--_slider-start-fraction) * 1000000000,1)) + calc(100% - var(--_slider-with-tick-marks-container-size) * 2) * var(--_slider-start-fraction)));background-color:var(--_slider-active-track-color)}.track.tickmarks::before{background-image:radial-gradient(circle at var(--_slider-with-tick-marks-container-size) center,var(--_slider-with-tick-marks-inactive-container-color) 0,var(--_slider-with-tick-marks-inactive-container-color) calc(var(--_slider-with-tick-marks-container-size)/ 2),transparent calc(var(--_slider-with-tick-marks-container-size)/ 2))}.track.tickmarks::after{background-image:radial-gradient(circle at var(--_slider-with-tick-marks-container-size) center,var(--_slider-with-tick-marks-active-container-color) 0,var(--_slider-with-tick-marks-active-container-color) calc(var(--_slider-with-tick-marks-container-size)/ 2),transparent calc(var(--_slider-with-tick-marks-container-size)/ 2))}.handle-container-block,.handle-container-padded{position:relative;block-size:100%;inline-size:100%}.handle-container-padded{padding-inline:calc(var(--_slider-state-layer-size)/ 2)}.handle-container{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:calc(100% * var(--_slider-start-fraction));inline-size:calc(100% * (var(--_slider-end-fraction) - var(--_slider-start-fraction)))}.handle{position:absolute;block-size:var(--_slider-state-layer-size);inline-size:var(--_slider-state-layer-size);border-radius:var(--_slider-handle-shape);display:grid;place-items:center}.handle.start{inset-inline-start:calc(0px - var(--_slider-state-layer-size)/ 2)}.handle.end{inset-inline-end:calc(0px - var(--_slider-state-layer-size)/ 2)}.handle-thumb{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);position:absolute;height:var(--_slider-handle-height);width:var(--_slider-handle-width);border-radius:var(--_slider-handle-shape);background:var(--_slider-handle-color)}.handle-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .75)));line-height:var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-label1-text-transform,inherit);text-decoration:var(--forge-typography-label1-text-decoration,inherit);position:absolute;box-sizing:border-box;display:grid;padding:4px;place-items:center;border-radius:var(--_slider-label-container-shape);color:var(--_slider-label-text-color);font-weight:500;white-space:nowrap;inset-block-end:100%;min-inline-size:var(--_slider-label-container-height);min-block-size:var(--_slider-label-container-height);background:var(--_slider-label-container-color);transition:transform var(--forge-animation-duration-short2, 100ms) var(--forge-animation-easing-standard, cubic-bezier(.2, 0, 0, 1));transform-origin:center bottom;transform:scale(0)}.handle-label::after,.handle-label::before{content:\"\";position:absolute;display:block;background:inherit}.handle-label::before{inline-size:calc(var(--_slider-label-container-height)/ 2);block-size:calc(var(--_slider-label-container-height)/ 2);bottom:calc(var(--_slider-label-container-height)/ -10);transform:rotate(45deg)}.handle-label::after{inset:0;border-radius:inherit}.handle-label-content{z-index:1}.handle-container.hover .handle-thumb{background:var(--_slider-hover-handle-color)}:host(:not([disabled])) input.end:active~.handle-container-padded .handle.end>.handle-thumb,:host(:not([disabled])) input.start:active~.handle-container-padded .handle.start>.handle-thumb{background:var(--_slider-pressed-handle-color)}:host([disabled]) .handle-thumb{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);background:var(--_slider-disabled-handle-color)}:host([disabled]) .handle-label{background:var(--_slider-disabled-handle-color)}:host([disabled]) .track::before{opacity:calc(1 / var(--_slider-disabled-active-track-opacity) * var(--_slider-disabled-inactive-track-opacity));background-color:var(--_slider-disabled-inactive-track-color)}:host([disabled]) .track::after{background-color:var(--_slider-disabled-active-track-color)}:host([disabled]) .track.tickmarks::before{background-image:radial-gradient(circle at var(--_slider-with-tick-marks-container-size) center,var(--_slider-with-tick-marks-disabled-inactive-container-color) 0,var(--_slider-with-tick-marks-disabled-inactive-container-color) calc(var(--_slider-with-tick-marks-container-size)/ 2),transparent calc(var(--_slider-with-tick-marks-container-size)/ 2))}:host([disabled]) .track.tickmarks::after{background-image:radial-gradient(circle at var(--_slider-with-tick-marks-container-size) center,var(--_slider-with-tick-marks-disabled-active-container-color) 0,var(--_slider-with-tick-marks-disabled-active-container-color) calc(var(--_slider-with-tick-marks-container-size)/ 2),transparent calc(var(--_slider-with-tick-marks-container-size)/ 2))}:host([disabled]) input[type=range]{cursor:not-allowed}:host-context([dir=rtl]) .track::after{clip-path:inset(0 calc(calc(var(--_slider-with-tick-marks-container-size) * min(var(--_slider-start-fraction) * 1000000000,1)) + calc(100% - var(--_slider-with-tick-marks-container-size) * 2) * var(--_slider-start-fraction)) 0 calc(calc(var(--_slider-with-tick-marks-container-size) * min((1 - var(--_slider-end-fraction)) * 1000000000,1)) + calc(100% - var(--_slider-with-tick-marks-container-size) * 2) * (1 - var(--_slider-end-fraction))))}:host([dir=rtl]) .track::after{clip-path:inset(0 calc(calc(var(--_slider-with-tick-marks-container-size) * min(var(--_slider-start-fraction) * 1000000000,1)) + calc(100% - var(--_slider-with-tick-marks-container-size) * 2) * var(--_slider-start-fraction)) 0 calc(calc(var(--_slider-with-tick-marks-container-size) * min((1 - var(--_slider-end-fraction)) * 1000000000,1)) + calc(100% - var(--_slider-with-tick-marks-container-size) * 2) * (1 - var(--_slider-end-fraction))))}.track:dir(rtl)::after{clip-path:inset(0 calc(calc(var(--_slider-with-tick-marks-container-size) * min(var(--_slider-start-fraction) * 1000000000,1)) + calc(100% - var(--_slider-with-tick-marks-container-size) * 2) * var(--_slider-start-fraction)) 0 calc(calc(var(--_slider-with-tick-marks-container-size) * min((1 - var(--_slider-end-fraction)) * 1000000000,1)) + calc(100% - var(--_slider-with-tick-marks-container-size) * 2) * (1 - var(--_slider-end-fraction))))}input.end:focus~.handle-container-padded .handle.end>.handle-thumb,input.start:focus~.handle-container-padded .handle.start>.handle-thumb{background:var(--_slider-focus-handle-color)}.on-top.overlapping .handle-label,.on-top.overlapping .handle-label::before,.on-top.overlapping .handle-thumb{border:var(--_slider-with-overlap-handle-outline-color) solid var(--_slider-with-overlap-handle-outline-width)}.handle-container.hover .handle-label,:host(:focus-within) .handle-label,:where(:has(input:active)) .handle-label{transform:scale(1)}input[type=range]{opacity:0;-webkit-tap-highlight-color:transparent;position:absolute;box-sizing:border-box;height:100%;width:100%;margin:0;background:0 0;cursor:pointer;pointer-events:auto;appearance:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none}input[type=range]::-moz-range-track{appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;block-size:var(--_slider-state-layer-size);inline-size:var(--_slider-state-layer-size);transform:scaleX(0);opacity:0;z-index:2}input[type=range]::-moz-range-thumb{appearance:none;block-size:var(--_slider-state-layer-size);inline-size:var(--_slider-state-layer-size);transform:scaleX(0);opacity:0;z-index:2}.on-top{z-index:1}@media (prefers-reduced-motion){.handle-label{transition-duration:0}}forge-focus-indicator{--forge-focus-indicator-shape:50%;--forge-focus-indicator-outward-offset:0px}forge-state-layer{--forge-state-layer-color:var(--_slider-handle-color)}';
+
+import { __decorate } from 'tslib';
+import { toggleAttribute, attachShadowTemplate, coerceBoolean, coerceNumber, coreProperty, customElement } from '@tylertech/forge-core';
+import { internals } from '../constants.js';
+import { BaseFormComponent } from '../core/base/base-form-component.js';
+import { FocusIndicatorComponent } from '../focus-indicator/focus-indicator.js';
+import { StateLayerComponent } from '../state-layer/state-layer.js';
+import { SliderAdapter } from './slider-adapter.js';
+import { SLIDER_CONSTANTS } from './slider-constants.js';
+import { SliderCore } from './slider-core.js';
+import template from './slider.html.js';
+import styles from './slider.scss.js';
+
 /**
  * @tag forge-slider
  *
@@ -136,6 +138,7 @@ let SliderComponent = class SliderComponent extends BaseFormComponent {
             SLIDER_CONSTANTS.attributes.READONLY
         ];
     }
+    static { this.formAssociated = true; }
     get form() {
         return this[internals].form;
     }
@@ -251,7 +254,6 @@ let SliderComponent = class SliderComponent extends BaseFormComponent {
         this.disabled = isDisabled;
     }
 };
-SliderComponent.formAssociated = true;
 __decorate([
     coreProperty()
 ], SliderComponent.prototype, "value", void 0);
@@ -303,4 +305,5 @@ SliderComponent = __decorate([
         dependencies: [FocusIndicatorComponent, StateLayerComponent]
     })
 ], SliderComponent);
+
 export { SliderComponent };

package/esm/slider/slider.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = ":host{display:inline-flex;vertical-align:middle;min-inline-size:100%}:host([hidden]){display:none}.forge-slider{--_slider-start-fraction:0;--_slider-end-fraction:0;--_slider-tick-count:100;--_slider-track-height:var(--forge-slider-track-height, 4px);--_slider-active-track-color:var(--forge-slider-active-track-color, var(--forge-theme-primary, #3f51b5));--_slider-active-track-height:var(--forge-slider-active-track-height, var(--_slider-track-height));--_slider-active-track-shape:var(--forge-slider-active-track-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_slider-disabled-active-track-color:var(--forge-slider-disabled-active-track-color, var(--forge-theme-surface-container-high, #9e9e9e));--_slider-disabled-active-track-opacity:var(--forge-slider-disabled-active-track-opacity, 0.38);--_slider-disabled-handle-color:var(--forge-slider-disabled-handle-color, var(--forge-theme-surface-container-high, #9e9e9e));--_slider-disabled-inactive-track-color:var(--forge-slider-disabled-inactive-track-color, var(--forge-theme-surface-container-high, #9e9e9e));--_slider-disabled-inactive-track-opacity:var(--forge-slider-disabled-inactive-track-opacity, 0.12);--_slider-focus-handle-color:var(--forge-slider-focus-handle-color, var(--forge-theme-primary, #3f51b5));--_slider-handle-color:var(--forge-slider-handle-color, var(--forge-theme-primary, #3f51b5));--_slider-handle-height:var(--forge-slider-handle-height, 20px);--_slider-handle-shape:var(--forge-slider-handle-shape, calc(var(--forge-shape-round, 50%) * var(--forge-shape-factor, 1)));--_slider-handle-width:var(--forge-slider-handle-width, 20px);--_slider-hover-handle-color:var(--forge-slider-hover-handle-color, var(--forge-theme-primary, #3f51b5));--_slider-inactive-track-color:var(--forge-slider-inactive-track-color, var(--forge-theme-primary-container, #d1d5ed));--_slider-inactive-track-height:var(--forge-slider-inactive-track-height, var(--_slider-track-height));--_slider-inactive-track-shape:var(--forge-slider-inactive-track-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_slider-label-container-shape:var(--forge-slider-label-container-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_slider-label-container-color:var(--forge-slider-label-container-color, var(--forge-theme-primary, #3f51b5));--_slider-label-container-height:var(--forge-slider-label-container-height, 28px);--_slider-label-text-color:var(--forge-slider-label-text-color, var(--forge-theme-on-primary, #ffffff));--_slider-pressed-handle-color:var(--forge-slider-pressed-handle-color, var(--forge-theme-primary, #3f51b5));--_slider-state-layer-size:var(--forge-slider-state-layer-size, 40px);--_slider-with-overlap-handle-outline-color:var(--forge-slider-with-overlap-handle-outline-color, var(--forge-theme-on-primary, #ffffff));--_slider-with-overlap-handle-outline-width:var(--forge-slider-with-overlap-handle-outline-width, 1px);--_slider-with-tick-marks-active-container-color:var(--forge-slider-with-tick-marks-active-container-color, var(--forge-theme-on-primary, #ffffff));--_slider-with-tick-marks-container-size:var(--forge-slider-with-tick-marks-container-size, 2px);--_slider-with-tick-marks-disabled-active-container-color:var(--forge-slider-with-tick-marks-disabled-active-container-color, var(--forge-theme-on-surface-container-high, #000000));--_slider-with-tick-marks-disabled-inactive-container-color:var(--forge-slider-with-tick-marks-disabled-inactive-container-color, var(--forge-theme-on-surface-container-high, #000000));--_slider-with-tick-marks-inactive-container-color:var(--forge-slider-with-tick-marks-inactive-container-color, var(--forge-theme-primary, #3f51b5))}.forge-slider{flex:1;display:flex;align-items:center;position:relative;block-size:var(--_slider-state-layer-size);pointer-events:none;touch-action:none}.forge-slider.range :host-context([dir=rtl]) input.start{clip-path:inset(0 0 0 calc(100% - (var(--_slider-state-layer-size) / 2 + (100% - var(--_slider-state-layer-size)) * (var(--_slider-start-fraction) + (var(--_slider-end-fraction) - var(--_slider-start-fraction)) / 2))))}.forge-slider.range :host([dir=rtl]) input.start{clip-path:inset(0 0 0 calc(100% - (var(--_slider-state-layer-size) / 2 + (100% - var(--_slider-state-layer-size)) * (var(--_slider-start-fraction) + (var(--_slider-end-fraction) - var(--_slider-start-fraction)) / 2))))}.forge-slider.range input.start:dir(rtl){clip-path:inset(0 0 0 calc(100% - (var(--_slider-state-layer-size) / 2 + (100% - var(--_slider-state-layer-size)) * (var(--_slider-start-fraction) + (var(--_slider-end-fraction) - var(--_slider-start-fraction)) / 2))))}.forge-slider.range input.start{clip-path:inset(0 calc(100% - (var(--_slider-state-layer-size) / 2 + (100% - var(--_slider-state-layer-size)) * (var(--_slider-start-fraction) + (var(--_slider-end-fraction) - var(--_slider-start-fraction)) / 2))) 0 0)}.forge-slider.range input.end{clip-path:inset(0 0 0 calc(var(--_slider-state-layer-size) / 2 + (100% - var(--_slider-state-layer-size)) * (var(--_slider-start-fraction) + (var(--_slider-end-fraction) - var(--_slider-start-fraction)) / 2)))}.forge-slider.range :host-context([dir=rtl]) input.end{clip-path:inset(0 calc(var(--_slider-state-layer-size) / 2 + (100% - var(--_slider-state-layer-size)) * (var(--_slider-start-fraction) + (var(--_slider-end-fraction) - var(--_slider-start-fraction)) / 2)) 0 0)}.forge-slider.range :host([dir=rtl]) input.end{clip-path:inset(0 calc(var(--_slider-state-layer-size) / 2 + (100% - var(--_slider-state-layer-size)) * (var(--_slider-start-fraction) + (var(--_slider-end-fraction) - var(--_slider-start-fraction)) / 2)) 0 0)}.forge-slider.range input.end:dir(rtl){clip-path:inset(0 calc(var(--_slider-state-layer-size) / 2 + (100% - var(--_slider-state-layer-size)) * (var(--_slider-start-fraction) + (var(--_slider-end-fraction) - var(--_slider-start-fraction)) / 2)) 0 0)}.track{position:absolute;inset:0;display:flex;align-items:center}.track::before,.track::after{content:\"\";position:absolute;inset-inline-start:calc(var(--_slider-state-layer-size)/2 - var(--_slider-with-tick-marks-container-size));inset-inline-end:calc(var(--_slider-state-layer-size)/2 - var(--_slider-with-tick-marks-container-size));background-size:calc((100% - var(--_slider-with-tick-marks-container-size)*2)/var(--_slider-tick-count)) 100%}.track::before{block-size:var(--_slider-inactive-track-height);border-radius:var(--_slider-inactive-track-shape);background-color:var(--_slider-inactive-track-color)}.track::after{block-size:var(--_slider-active-track-height);border-radius:var(--_slider-active-track-shape);clip-path:inset(0 calc(calc(var(--_slider-with-tick-marks-container-size) * min((1 - var(--_slider-end-fraction)) * 1000000000, 1)) + calc(100% - var(--_slider-with-tick-marks-container-size) * 2) * (1 - var(--_slider-end-fraction))) 0 calc(calc(var(--_slider-with-tick-marks-container-size) * min(var(--_slider-start-fraction) * 1000000000, 1)) + calc(100% - var(--_slider-with-tick-marks-container-size) * 2) * var(--_slider-start-fraction)));background-color:var(--_slider-active-track-color)}.track.tickmarks::before{background-image:radial-gradient(circle at var(--_slider-with-tick-marks-container-size) center, var(--_slider-with-tick-marks-inactive-container-color) 0, var(--_slider-with-tick-marks-inactive-container-color) calc(var(--_slider-with-tick-marks-container-size) / 2), transparent calc(var(--_slider-with-tick-marks-container-size) / 2))}.track.tickmarks::after{background-image:radial-gradient(circle at var(--_slider-with-tick-marks-container-size) center, var(--_slider-with-tick-marks-active-container-color) 0, var(--_slider-with-tick-marks-active-container-color) calc(var(--_slider-with-tick-marks-container-size) / 2), transparent calc(var(--_slider-with-tick-marks-container-size) / 2))}.handle-container-padded,.handle-container-block{position:relative;block-size:100%;inline-size:100%}.handle-container-padded{padding-inline:calc(var(--_slider-state-layer-size)/2)}.handle-container{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:calc(100%*var(--_slider-start-fraction));inline-size:calc(100%*(var(--_slider-end-fraction) - var(--_slider-start-fraction)))}.handle{position:absolute;block-size:var(--_slider-state-layer-size);inline-size:var(--_slider-state-layer-size);border-radius:var(--_slider-handle-shape);display:grid;place-items:center}.handle.start{inset-inline-start:calc(0px - var(--_slider-state-layer-size)/2)}.handle.end{inset-inline-end:calc(0px - var(--_slider-state-layer-size)/2)}.handle-thumb{box-shadow: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);position:absolute;height:var(--_slider-handle-height);width:var(--_slider-handle-width);border-radius:var(--_slider-handle-shape);background:var(--_slider-handle-color)}.handle-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, 0.75)));line-height:var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label1-letter-spacing, 0.0357142857em);text-transform:var(--forge-typography-label1-text-transform, inherit);text-decoration:var(--forge-typography-label1-text-decoration, inherit);position:absolute;box-sizing:border-box;display:grid;padding:4px;place-items:center;border-radius:var(--_slider-label-container-shape);color:var(--_slider-label-text-color);font-weight:500;white-space:nowrap;inset-block-end:100%;min-inline-size:var(--_slider-label-container-height);min-block-size:var(--_slider-label-container-height);background:var(--_slider-label-container-color);transition:transform var(--forge-animation-duration-short2, 100ms) var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1));transform-origin:center bottom;transform:scale(0)}.handle-label::before,.handle-label::after{content:\"\";position:absolute;display:block;background:inherit}.handle-label::before{inline-size:calc(var(--_slider-label-container-height)/2);block-size:calc(var(--_slider-label-container-height)/2);bottom:calc(var(--_slider-label-container-height)/-10);transform:rotate(45deg)}.handle-label::after{inset:0;border-radius:inherit}.handle-label-content{z-index:1}.handle-container.hover .handle-thumb{background:var(--_slider-hover-handle-color)}:host(:not([disabled])) input.end:active~.handle-container-padded .handle.end>.handle-thumb,:host(:not([disabled])) input.start:active~.handle-container-padded .handle.start>.handle-thumb{background:var(--_slider-pressed-handle-color)}:host([disabled]) .handle-thumb{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);background:var(--_slider-disabled-handle-color)}:host([disabled]) .handle-label{background:var(--_slider-disabled-handle-color)}:host([disabled]) .track::before{opacity:calc(1/var(--_slider-disabled-active-track-opacity)*var(--_slider-disabled-inactive-track-opacity));background-color:var(--_slider-disabled-inactive-track-color)}:host([disabled]) .track::after{background-color:var(--_slider-disabled-active-track-color)}:host([disabled]) .track.tickmarks::before{background-image:radial-gradient(circle at var(--_slider-with-tick-marks-container-size) center, var(--_slider-with-tick-marks-disabled-inactive-container-color) 0, var(--_slider-with-tick-marks-disabled-inactive-container-color) calc(var(--_slider-with-tick-marks-container-size) / 2), transparent calc(var(--_slider-with-tick-marks-container-size) / 2))}:host([disabled]) .track.tickmarks::after{background-image:radial-gradient(circle at var(--_slider-with-tick-marks-container-size) center, var(--_slider-with-tick-marks-disabled-active-container-color) 0, var(--_slider-with-tick-marks-disabled-active-container-color) calc(var(--_slider-with-tick-marks-container-size) / 2), transparent calc(var(--_slider-with-tick-marks-container-size) / 2))}:host([disabled]) input[type=range]{cursor:not-allowed}:host-context([dir=rtl]) .track::after{clip-path:inset(0 calc(calc(var(--_slider-with-tick-marks-container-size) * min(var(--_slider-start-fraction) * 1000000000, 1)) + calc(100% - var(--_slider-with-tick-marks-container-size) * 2) * var(--_slider-start-fraction)) 0 calc(calc(var(--_slider-with-tick-marks-container-size) * min((1 - var(--_slider-end-fraction)) * 1000000000, 1)) + calc(100% - var(--_slider-with-tick-marks-container-size) * 2) * (1 - var(--_slider-end-fraction))))}:host([dir=rtl]) .track::after{clip-path:inset(0 calc(calc(var(--_slider-with-tick-marks-container-size) * min(var(--_slider-start-fraction) * 1000000000, 1)) + calc(100% - var(--_slider-with-tick-marks-container-size) * 2) * var(--_slider-start-fraction)) 0 calc(calc(var(--_slider-with-tick-marks-container-size) * min((1 - var(--_slider-end-fraction)) * 1000000000, 1)) + calc(100% - var(--_slider-with-tick-marks-container-size) * 2) * (1 - var(--_slider-end-fraction))))}.track:dir(rtl)::after{clip-path:inset(0 calc(calc(var(--_slider-with-tick-marks-container-size) * min(var(--_slider-start-fraction) * 1000000000, 1)) + calc(100% - var(--_slider-with-tick-marks-container-size) * 2) * var(--_slider-start-fraction)) 0 calc(calc(var(--_slider-with-tick-marks-container-size) * min((1 - var(--_slider-end-fraction)) * 1000000000, 1)) + calc(100% - var(--_slider-with-tick-marks-container-size) * 2) * (1 - var(--_slider-end-fraction))))}input.end:focus~.handle-container-padded .handle.end>.handle-thumb,input.start:focus~.handle-container-padded .handle.start>.handle-thumb{background:var(--_slider-focus-handle-color)}.on-top.overlapping .handle-thumb,.on-top.overlapping .handle-label,.on-top.overlapping .handle-label::before{border:var(--_slider-with-overlap-handle-outline-color) solid var(--_slider-with-overlap-handle-outline-width)}:host(:focus-within) .handle-label,.handle-container.hover .handle-label,:where(:has(input:active)) .handle-label{transform:scale(1)}input[type=range]{opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute;box-sizing:border-box;height:100%;width:100%;margin:0;background:rgba(0,0,0,0);cursor:pointer;pointer-events:auto;appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none}input[type=range]::-moz-range-track{appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;block-size:var(--_slider-state-layer-size);inline-size:var(--_slider-state-layer-size);transform:scaleX(0);opacity:0;z-index:2}input[type=range]::-moz-range-thumb{appearance:none;block-size:var(--_slider-state-layer-size);inline-size:var(--_slider-state-layer-size);transform:scaleX(0);opacity:0;z-index:2}.on-top{z-index:1}@media(prefers-reduced-motion){.handle-label{transition-duration:0}}forge-focus-indicator{--forge-focus-indicator-shape: 50%;--forge-focus-indicator-outward-offset: 0px}forge-state-layer{--forge-state-layer-color: var(--_slider-handle-color)}";
+
+export { styles as default };

package/esm/split-button/index.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './split-button-adapter';
-export * from './split-button-constants';
-export * from './split-button-core';
-export * from './split-button';
+export * from './split-button-adapter.js';
+export * from './split-button-constants.js';
+export * from './split-button-core.js';
+export * from './split-button.js';
 export declare function defineSplitButtonComponent(): void;

package/esm/split-button/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 { SplitButtonComponent } from './split-button';
-export * from './split-button-adapter';
-export * from './split-button-constants';
-export * from './split-button-core';
-export * from './split-button';
-export function defineSplitButtonComponent() {
+import { SplitButtonComponent } from './split-button.js';
+export { SplitButtonAdapter } from './split-button-adapter.js';
+export { SPLIT_BUTTON_CONSTANTS } from './split-button-constants.js';
+export { SplitButtonCore } from './split-button-core.js';
+
+function defineSplitButtonComponent() {
     defineCustomElement(SplitButtonComponent);
 }
+
+export { SplitButtonComponent, defineSplitButtonComponent };

package/esm/split-button/split-button-adapter.d.ts

@@ -1,12 +1,7 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { ButtonTheme } from '../button';
-import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
-import { ISplitButtonComponent } from './split-button';
-import { SplitButtonVariant } from './split-button-constants';
+import { ButtonTheme } from '../button/index.js';
+import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter.js';
+import { ISplitButtonComponent } from './split-button.js';
+import { SplitButtonVariant } from './split-button-constants.js';
 export interface ISplitButtonAdapter extends IBaseAdapter {
     setVariant(variant: SplitButtonVariant): void;
     setTheme(theme: ButtonTheme): void;

package/esm/split-button/split-button-adapter.js

@@ -1,11 +1,14 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { BUTTON_CONSTANTS } from '../button';
-import { BaseAdapter } from '../core/base/base-adapter';
-export class SplitButtonAdapter extends BaseAdapter {
+
+import '../button/index.js';
+import { BaseAdapter } from '../core/base/base-adapter.js';
+import { BUTTON_CONSTANTS } from '../button/button-constants.js';
+
+class SplitButtonAdapter extends BaseAdapter {
     constructor(component) {
         super(component);
     }
@@ -81,3 +84,5 @@ export class SplitButtonAdapter extends BaseAdapter {
         return this._component.querySelectorAll(BUTTON_CONSTANTS.elementName);
     }
 }
+
+export { SplitButtonAdapter };

package/esm/split-button/split-button-constants.d.ts

@@ -1,9 +1,4 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { ButtonTheme, ButtonVariant } from '../button';
+import { ButtonTheme, ButtonVariant } from '../button/index.js';
 export declare const SPLIT_BUTTON_CONSTANTS: {
     elementName: "forge-split-button";
     attributes: {

package/esm/split-button/split-button-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}split-button`;
 const attributes = {
     VARIANT: 'variant',
@@ -16,8 +18,10 @@ const defaults = {
     DEFAULT_VARIANT: 'text',
     DEFAULT_THEME: 'primary'
 };
-export const SPLIT_BUTTON_CONSTANTS = {
+const SPLIT_BUTTON_CONSTANTS = {
     elementName,
     attributes,
     defaults
 };
+
+export { SPLIT_BUTTON_CONSTANTS };

package/esm/split-button/split-button-core.d.ts

@@ -1,11 +1,6 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { ButtonTheme } from '../button/button-constants';
-import { ISplitButtonAdapter } from './split-button-adapter';
-import { SplitButtonVariant } from './split-button-constants';
+import { ButtonTheme } from '../button/button-constants.js';
+import { ISplitButtonAdapter } from './split-button-adapter.js';
+import { SplitButtonVariant } from './split-button-constants.js';
 export interface ISplitButtonCore {
     variant: SplitButtonVariant;
     theme: ButtonTheme;

package/esm/split-button/split-button-core.js

@@ -1,10 +1,12 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { SPLIT_BUTTON_CONSTANTS } from './split-button-constants';
-export class SplitButtonCore {
+
+import { SPLIT_BUTTON_CONSTANTS } from './split-button-constants.js';
+
+class SplitButtonCore {
     constructor(_adapter) {
         this._adapter = _adapter;
         this._variant = SPLIT_BUTTON_CONSTANTS.defaults.DEFAULT_VARIANT;
@@ -75,3 +77,5 @@ export class SplitButtonCore {
         }
     }
 }
+
+export { SplitButtonCore };

package/esm/split-button/split-button.d.ts

@@ -1,11 +1,6 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { ButtonTheme } from '../button';
-import { BaseComponent, IBaseComponent } from '../core/base/base-component';
-import { SplitButtonVariant } from './split-button-constants';
+import { ButtonTheme } from '../button/index.js';
+import { BaseComponent, IBaseComponent } from '../core/base/base-component.js';
+import { SplitButtonVariant } from './split-button-constants.js';
 export interface ISplitButtonComponent extends IBaseComponent {
     variant: SplitButtonVariant;
     theme: ButtonTheme;

package/esm/split-button/split-button.html.js

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

package/esm/split-button/split-button.js

@@ -1,17 +1,20 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { attachShadowTemplate, coerceBoolean, customElement, coreProperty } from '@tylertech/forge-core';
-import { ButtonComponent } from '../button';
-import { BaseComponent } from '../core/base/base-component';
-import { SplitButtonAdapter } from './split-button-adapter';
-import { SPLIT_BUTTON_CONSTANTS } from './split-button-constants';
-import { SplitButtonCore } from './split-button-core';
-const template = '<template><slot></slot></template>';
-const styles = ':host{--_split-button-min-width:var(--forge-split-button-min-width, 0);--_split-button-gap:var(--forge-split-button-gap, var(--forge-border-thin, 1px));--_split-button-focus-indicator-offset:var(--forge-split-button-focus-indicator-offset, var(--forge-button-focus-indicator-offset, 4px));--_split-button-focus-indicator-divider-offset:var(--forge-split-button-focus-indicator-divider-offset, var(--_split-button-gap));--_split-button-focus-indicator-offset-adjusted:calc(var(--_split-button-focus-indicator-offset) + var(--_split-button-focus-indicator-divider-offset) * 2)}:host{display:inline-flex;justify-content:center;align-items:center}:host([hidden]){display:none}::slotted(*){--forge-button-min-width:var(--_split-button-min-width);--forge-button-focus-indicator-offset:var(--_split-button-focus-indicator-offset)}::slotted(:first-child){--forge-button-shape-start-end-radius:0;--forge-button-shape-end-end-radius:0;--forge-focus-indicator-shape-start-end:0;--forge-focus-indicator-shape-end-end:0;--forge-focus-indicator-offset-inline:0 var(--_split-button-focus-indicator-offset-adjusted)}::slotted(:not(:first-child):not(:last-child)){--forge-button-shape:0;--forge-focus-indicator-shape:0;--forge-focus-indicator-offset-inline:var(--_split-button-focus-indicator-offset-adjusted)}::slotted(:last-child){--forge-button-shape-start-start-radius:0;--forge-button-shape-end-start-radius:0;--forge-focus-indicator-shape-start-start:0;--forge-focus-indicator-shape-end-start:0;--forge-focus-indicator-offset-inline:var(--_split-button-focus-indicator-offset-adjusted) 0}:host([variant=outlined]) ::slotted(:not(:first-child)){margin-inline-start:calc(-1 * var(--_split-button-gap))}:host([variant=outlined]){--_split-button-focus-indicator-divider-offset:var(--forge-split-button-focus-indicator-divider-offset, 0px)}:host(:is([variant=tonal],[variant=filled],[variant=raised],:not([variant]))) ::slotted(:not(:last-child)){margin-inline-end:var(--_split-button-gap)}';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, coerceBoolean, coreProperty, customElement } from '@tylertech/forge-core';
+import '../button/index.js';
+import { BaseComponent } from '../core/base/base-component.js';
+import { SplitButtonAdapter } from './split-button-adapter.js';
+import { SPLIT_BUTTON_CONSTANTS } from './split-button-constants.js';
+import { SplitButtonCore } from './split-button-core.js';
+import template from './split-button.html.js';
+import styles from './split-button.scss.js';
+import { ButtonComponent } from '../button/button.js';
+
 /**
  * @tag forge-split-button
  *
@@ -100,4 +103,5 @@ SplitButtonComponent = __decorate([
         dependencies: [ButtonComponent]
     })
 ], SplitButtonComponent);
+
 export { SplitButtonComponent };

package/esm/split-button/split-button.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = ":host{--_split-button-min-width:var(--forge-split-button-min-width, 0);--_split-button-gap:var(--forge-split-button-gap, var(--forge-border-thin, 1px));--_split-button-focus-indicator-offset:var(--forge-split-button-focus-indicator-offset, var(--forge-button-focus-indicator-offset, 4px));--_split-button-focus-indicator-divider-offset:var(--forge-split-button-focus-indicator-divider-offset, var(--_split-button-gap));--_split-button-focus-indicator-offset-adjusted:calc(var(--_split-button-focus-indicator-offset) + var(--_split-button-focus-indicator-divider-offset)*2)}:host{display:inline-flex;justify-content:center;align-items:center}:host([hidden]){display:none}::slotted(*){--forge-button-min-width: var(--_split-button-min-width);--forge-button-focus-indicator-offset: var(--_split-button-focus-indicator-offset)}::slotted(:first-child){--forge-button-shape-start-end-radius: 0;--forge-button-shape-end-end-radius: 0;--forge-focus-indicator-shape-start-end: 0;--forge-focus-indicator-shape-end-end: 0;--forge-focus-indicator-offset-inline: 0 var(--_split-button-focus-indicator-offset-adjusted)}::slotted(:not(:first-child):not(:last-child)){--forge-button-shape: 0;--forge-focus-indicator-shape: 0;--forge-focus-indicator-offset-inline: var(--_split-button-focus-indicator-offset-adjusted)}::slotted(:last-child){--forge-button-shape-start-start-radius: 0;--forge-button-shape-end-start-radius: 0;--forge-focus-indicator-shape-start-start: 0;--forge-focus-indicator-shape-end-start: 0;--forge-focus-indicator-offset-inline: var(--_split-button-focus-indicator-offset-adjusted) 0}:host([variant=outlined]) ::slotted(:not(:first-child)){margin-inline-start:calc(-1*var(--_split-button-gap))}:host([variant=outlined]){--_split-button-focus-indicator-divider-offset:var(--forge-split-button-focus-indicator-divider-offset, 0px)}:host(:is([variant=tonal],[variant=filled],[variant=raised],:not([variant]))) ::slotted(:not(:last-child)){margin-inline-end:var(--_split-button-gap)}";
+
+export { styles as default };

package/esm/split-view/core/index.d.ts

@@ -1,6 +1 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './split-view-base';
+export * from './split-view-base.js';

package/esm/split-view/core/index.js

@@ -1,6 +1,7 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-export * from './split-view-base';
+
+import './split-view-base.js';