@tylertech/forge 3.13.1 → 3.14.0-dev.1

package/esm/chips/chip/chip-adapter.js

@@ -1,17 +1,21 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { elementFromHTML, getShadowElement, toggleAttribute, walkUpUntil } from '@tylertech/forge-core';
-import { BaseAdapter } from '../../core/base/base-adapter';
-import { FOCUS_INDICATOR_TAG_NAME } from '../../focus-indicator';
-import { STATE_LAYER_CONSTANTS } from '../../state-layer';
-import { CHIP_SET_CONSTANTS } from '../chip-set/chip-set-constants';
-import { CHIP_CONSTANTS } from './chip-constants';
-const checkmarkTemplate = '<div class=\"checkmark\" aria-hidden=\"true\"><svg viewBox=\"-2 -3 30 30\"><path fill=\"none\" stroke=\"black\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\"/></svg></div>';
-import { replaceElement } from '../../core/utils/utils';
-export class ChipAdapter extends BaseAdapter {
+
+import { getShadowElement, elementFromHTML, toggleAttribute, walkUpUntil } from '@tylertech/forge-core';
+import { BaseAdapter } from '../../core/base/base-adapter.js';
+import '../../focus-indicator/index.js';
+import '../../state-layer/index.js';
+import { CHIP_SET_CONSTANTS } from '../chip-set/chip-set-constants.js';
+import { CHIP_CONSTANTS } from './chip-constants.js';
+import checkmarkTemplate from './chip-checkmark.html.js';
+import { replaceElement } from '../../core/utils/utils.js';
+import { FOCUS_INDICATOR_TAG_NAME } from '../../focus-indicator/focus-indicator.js';
+import { STATE_LAYER_CONSTANTS } from '../../state-layer/state-layer-constants.js';
+
+class ChipAdapter extends BaseAdapter {
     constructor(_component) {
         super(_component);
         this._component = _component;
@@ -105,9 +109,16 @@ export class ChipAdapter extends BaseAdapter {
         toggleAttribute(this._triggerElement, value, 'aria-pressed', String(value));
     }
     setRemoveButtonLabel(value) {
-        if (this._removeButtonElement) {
-            const label = value?.trim() || this._getDefaultRemoveButtonLabel();
-            this._removeButtonElement.setAttribute('aria-label', label);
+        if (!this._removeButtonElement) {
+            return;
+        }
+        if (value) {
+            this._removeButtonElement.removeAttribute('aria-labelledby');
+            this._removeButtonElement.setAttribute('aria-label', value.trim());
+        }
+        else {
+            this._removeButtonElement.removeAttribute('aria-label');
+            this._removeButtonElement.setAttribute('aria-labelledby', this._getDefaultRemoveButtonLabelledBy());
         }
     }
     toggleFieldVariant(value) {
@@ -127,11 +138,17 @@ export class ChipAdapter extends BaseAdapter {
         if (value) {
             if (!this._removeButtonElement) {
                 this._removeButtonElement = this._createRemoveButton();
+                this.setRemoveButtonLabel(this._component.removeButtonLabel || '');
+            }
+            if (!this._removeTextElement) {
+                this._removeTextElement = this._createRemoveTextElement();
             }
             this._rootElement.appendChild(this._removeButtonElement);
+            this._rootElement.appendChild(this._removeTextElement);
         }
         else {
             this._removeButtonElement?.remove();
+            this._removeTextElement?.remove();
         }
     }
     setStartSlotVisibility(value) {
@@ -166,8 +183,8 @@ export class ChipAdapter extends BaseAdapter {
     animateStateLayer() {
         this._stateLayerElement.playAnimation();
     }
-    _getDefaultRemoveButtonLabel() {
-        return `Remove ${this._component.innerText}`;
+    _getDefaultRemoveButtonLabelledBy() {
+        return 'remove-text trigger';
     }
     _createRemoveButton() {
         const buttonEl = document.createElement('forge-icon-button');
@@ -178,11 +195,15 @@ export class ChipAdapter extends BaseAdapter {
         const iconEl = document.createElement('forge-icon');
         iconEl.name = 'close';
         buttonEl.appendChild(iconEl);
-        // Set initial aria-label, this will be updated by setRemoveButtonLabel if a custom label is provided
-        const label = this._component.removeButtonLabel?.trim() || this._getDefaultRemoveButtonLabel();
-        buttonEl.setAttribute('aria-label', label);
         return buttonEl;
     }
+    _createRemoveTextElement() {
+        const span = document.createElement('span');
+        span.id = 'remove-text';
+        span.style.display = 'none';
+        span.textContent = 'Remove';
+        return span;
+    }
     _createAnchorElement() {
         const anchor = document.createElement('a');
         anchor.id = 'trigger';
@@ -217,3 +238,5 @@ export class ChipAdapter extends BaseAdapter {
         return buttonEl;
     }
 }
+
+export { ChipAdapter };

package/esm/chips/chip/chip-checkmark.html.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var checkmarkTemplate = "<div class=\"checkmark\" aria-hidden=\"true\">\n  <svg viewBox=\"-2 -3 30 30\">\n    <path fill=\"none\" stroke=\"black\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\n  </svg>\n</div>\n";
+
+export { checkmarkTemplate as default };

package/esm/chips/chip/chip-constants.d.ts

@@ -1,9 +1,4 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { Theme } from '../../constants';
+import { Theme } from '../../constants.js';
 export declare const CHIP_CONSTANTS: {
     elementName: "forge-chip";
     observedAttributes: {

package/esm/chips/chip/chip-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}chip`;
 const observedAttributes = {
     TYPE: 'type',
@@ -35,7 +37,7 @@ const defaults = {
     TYPE: 'action',
     THEME: 'primary'
 };
-export const CHIP_CONSTANTS = {
+const CHIP_CONSTANTS = {
     elementName,
     observedAttributes,
     attributes,
@@ -43,3 +45,5 @@ export const CHIP_CONSTANTS = {
     events,
     defaults
 };
+
+export { CHIP_CONSTANTS };

package/esm/chips/chip/chip-core.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IChipAdapter } from './chip-adapter';
-import { ChipTheme, ChipType } from './chip-constants';
+import { IChipAdapter } from './chip-adapter.js';
+import { ChipTheme, ChipType } from './chip-constants.js';
 export interface IChipCore {
     type: ChipType;
     value: unknown;

package/esm/chips/chip/chip-core.js

@@ -1,10 +1,12 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { CHIP_CONSTANTS } from './chip-constants';
-export class ChipCore {
+
+import { CHIP_CONSTANTS } from './chip-constants.js';
+
+class ChipCore {
     constructor(_adapter) {
         this._adapter = _adapter;
         this._type = CHIP_CONSTANTS.defaults.TYPE;
@@ -297,3 +299,5 @@ export class ChipCore {
         }
     }
 }
+
+export { ChipCore };

package/esm/chips/chip/chip.d.ts

@@ -1,11 +1,6 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseComponent, IBaseComponent } from '../../core';
-import { ChipTheme, ChipType, IChipDeleteEventData, IChipSelectEventData } from './chip-constants';
-import { ChipCore } from './chip-core';
+import { BaseComponent, IBaseComponent } from '../../core/index.js';
+import { ChipTheme, ChipType, IChipDeleteEventData, IChipSelectEventData } from './chip-constants.js';
+import { ChipCore } from './chip-core.js';
 export interface IChipComponent extends IBaseComponent {
     type: ChipType;
     value: unknown;

package/esm/chips/chip/chip.html.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var template = "<template>\n  <div class=\"forge-chip\" part=\"root\">\n    <button type=\"button\" id=\"trigger\" class=\"trigger\" part=\"trigger\">\n      <slot name=\"start\">\n        <slot name=\"leading\"></slot>\n      </slot>\n      <slot></slot>\n      <slot name=\"end\">\n        <slot name=\"trailing\"></slot>\n      </slot>\n    </button>\n    <forge-focus-indicator target=\"trigger\" part=\"focus-indicator\"></forge-focus-indicator>\n    <forge-state-layer target=\"trigger\" exportparts=\"surface:state-layer\"></forge-state-layer>\n  </div>\n</template>\n";
+
+export { template as default };

package/esm/chips/chip/chip.js

@@ -1,21 +1,29 @@
 /**
  * @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 { __decorate } from 'tslib';
+import { attachShadowTemplate, coerceBoolean, coreProperty, customElement } from '@tylertech/forge-core';
 import { tylIconClose } from '@tylertech/tyler-icons';
-import { BaseComponent } from '../../core';
-import { FocusIndicatorComponent } from '../../focus-indicator';
-import { IconComponent, IconRegistry } from '../../icon';
-import { IconButtonComponent } from '../../icon-button';
-import { StateLayerComponent } from '../../state-layer';
-import { ChipAdapter } from './chip-adapter';
-import { CHIP_CONSTANTS } from './chip-constants';
-import { ChipCore } from './chip-core';
-const template = '<template><div class=\"forge-chip\" part=\"root\"><button type=\"button\" id=\"trigger\" class=\"trigger\" part=\"trigger\"><slot name=\"start\"><slot name=\"leading\"></slot></slot><slot></slot><slot name=\"end\"><slot name=\"trailing\"></slot></slot></button><forge-focus-indicator target=\"trigger\" part=\"focus-indicator\"></forge-focus-indicator><forge-state-layer target=\"trigger\" exportparts=\"surface:state-layer\"></forge-state-layer></div></template>';
-const styles = ':host{display:inline-flex}:host([hidden]){display:none}.forge-chip{--_chip-background:var(--forge-chip-background, transparent);--_chip-color:var(--forge-chip-color, var(--forge-theme-primary, #3f51b5));--_chip-shape:var(--forge-chip-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_chip-spacing:var(--forge-chip-spacing, var(--forge-spacing-xsmall, 8px));--_chip-height:var(--forge-chip-height, 32px);--_chip-padding-inline:var(--forge-chip-padding-inline, var(--forge-spacing-small, 12px));--_chip-padding-block:var(--forge-chip-padding-block, 0);--_chip-cursor:var(--forge-chip-cursor, pointer);--_chip-icon-font-size:var(--forge-chip-icon-font-size, 1.5rem);--_chip-focus-indicator-color:var(--forge-chip-focus-indicator-color, var(--_chip-color));--_chip-disabled-opacity:var(--forge-chip-disabled-opacity, 0.38);--_chip-disabled-cursor:var(--forge-chip-disabled-cursor, not-allowed);--_chip-dense-height:var(--forge-chip-dense-height, 24px);--_chip-dense-padding-inline:var(--forge-chip-dense-padding-inline, var(--forge-spacing-xsmall, 8px));--_chip-dense-spacing:var(--forge-chip-dense-spacing, var(--forge-spacing-xxsmall, 4px));--_chip-dense-font-size:var(--forge-chip-dense-font-size, 0.75rem);--_chip-dense-font-weight:var(--forge-chip-dense-font-weight, normal);--_chip-dense-focus-indicator-offset:var(--forge-chip-dense-focus-indicator-offset, var(--forge-spacing-xxxsmall, 2px));--_chip-dense-icon-font-size:var(--forge-chip-dense-icon-font-size, 1.25rem);--_chip-remove-button-spacing:var(--forge-chip-remove-button-spacing, var(--forge-spacing-xsmall, 8px) var(--forge-spacing-xxsmall, 4px));--_chip-remove-button-height-dense:var(--forge-chip-remove-button-height-dense, 18px);--_chip-remove-button-icon-size-dense:var(--forge-chip-remove-button-icon-size-dense, 16px);--_chip-remove-button-spacing-dense:var(--forge-chip-remove-button-spacing-dense, 0 var(--forge-spacing-xxxsmall, 2px));--_chip-selected-background:var(--forge-chip-selected-background, var(--forge-theme-primary, #3f51b5));--_chip-selected-color:var(--forge-chip-selected-color, var(--forge-theme-on-primary, #ffffff));--_chip-invalid-color:var(--forge-chip-invalid-color, var(--forge-theme-error, #b00020));--_chip-invalid-selected-background:var(--forge-chip-invalid-selected-background, var(--forge-theme-error, #b00020));--_chip-invalid-selected-color:var(--forge-chip-invalid-selected-color, var(--forge-theme-on-error, #ffffff));--_chip-border-width:var(--forge-chip-border-width, var(--forge-border-thin, 1px));--_chip-border-style:var(--forge-chip-border-style, solid);--_chip-border-color:var(--forge-chip-border-color, var(--_chip-color));--_chip-field-background:var(--forge-chip-field-background, var(--forge-theme-surface-container-low, #ebebeb));--_chip-field-color:var(--forge-chip-field-color, var(--forge-theme-on-surface-container-low, #000000));--_chip-field-shape:var(--forge-chip-field-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_chip-field-border-color:var(--forge-chip-field-border-color, transparent);--_chip-field-cursor:var(--forge-chip-field-cursor, default);--_chip-checkmark-size:var(--forge-chip-checkmark-size, 1.25em);--_chip-checkmark-color:var(--forge-chip-checkmark-color, var(--_chip-color));--_chip-checkmark-spacing:var(--forge-chip-checkmark-spacing, var(--forge-spacing-xsmall, 8px));--_chip-avatar-size:var(--forge-chip-avatar-size, 24px);--_chip-avatar-size-dense:var(--forge-chip-avatar-size-dense, 18px);--_chip-avatar-font-size:var(--forge-chip-avatar-font-size, 0.75rem);--_chip-avatar-font-size-dense:var(--forge-chip-avatar-font-size-dense, 0.5rem);--_chip-avatar-spacing:var(--forge-chip-avatar-spacing, calc(var(--forge-spacing-xsmall, 8px) * -1));--_chip-avatar-spacing-dense:var(--forge-chip-avatar-spacing-dense, calc(var(--forge-spacing-xxsmall, 4px) * -1));--_chip-transition-duration:var(--forge-chip-transition-duration, var(--forge-animation-duration-short3, 150ms));--_chip-transition-easing:var(--forge-chip-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_chip-checkmark-transition-delay:var(--forge-chip-checkmark-transition-delay, 50ms)}.forge-chip{position:relative;display:inline-flex;align-items:center;box-sizing:border-box;height:var(--_chip-height);border-width:var(--_chip-border-width);border-style:var(--_chip-border-style);border-color:var(--_chip-border-color);border-radius:var(--_chip-shape);background:var(--_chip-background);color:var(--_chip-color);transition-property:background-color,color;transition-duration:var(--_chip-transition-duration);transition-timing-function:var(--_chip-transition-easing)}.trigger{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-button-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-button-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-font-size-scale, .875)));font-weight:var(--forge-typography-button-font-weight,500);line-height:var(--forge-typography-button-line-height, normal);letter-spacing:var(--forge-typography-button-letter-spacing, .0714285714em);text-transform:var(--forge-typography-button-text-transform,inherit);text-decoration:var(--forge-typography-button-text-decoration,inherit);display:inline-flex;align-items:center;justify-content:center;gap:var(--_chip-spacing);box-sizing:border-box;height:100%;padding-inline:var(--_chip-padding-inline);padding-block:var(--_chip-padding-block);cursor:var(--_chip-cursor);z-index:0;text-decoration:none;border:none;background:inherit;color:inherit;-webkit-tap-highlight-color:transparent;border-radius:var(--_chip-shape);outline:0}.remove{padding-inline:var(--_chip-remove-button-spacing);--forge-icon-button-focus-indicator-color:var(--_chip-color)}forge-focus-indicator{--forge-focus-indicator-color:var(--_chip-focus-indicator-color);--forge-focus-indicator-shape:var(--_chip-shape)}forge-state-layer{--forge-state-layer-color:var(--_chip-color)}:host([dense]) .forge-chip{--_chip-height:var(--_chip-dense-height);--_chip-padding-inline:var(--_chip-dense-padding-inline);--_chip-spacing:var(--_chip-dense-spacing)}:host([dense]) .trigger{--forge-typography-button-font-size:var(--_chip-dense-font-size);--forge-typography-button-font-weight:var(--_chip-dense-font-weight)}:host([dense]) .remove{--_chip-remove-button-spacing:var(--_chip-remove-button-spacing-dense);--forge-icon-button-density-small-size:var(--_chip-remove-button-height-dense);--forge-icon-button-density-small-icon-size:var(--_chip-remove-button-icon-size-dense)}:host([dense]) forge-focus-indicator{--forge-focus-indicator-outward-offset:var(--_chip-dense-focus-indicator-offset)}:host([dense]) ::slotted(forge-avatar){--_chip-avatar-spacing:var(--_chip-avatar-spacing-dense);--forge-typography-subheading2-font-size:var(--_chip-avatar-font-size-dense);--forge-avatar-size:var(--_chip-avatar-size-dense)}:host([dense]) ::slotted(:is([slot=start],[slot=leading],[slot=end],[slot=trailing])){--_chip-icon-font-size:var(--_chip-dense-icon-font-size)}:host(:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--_chip-selected-background);--_chip-color:var(--_chip-selected-color)}:host(:is([type=filter],[type=choice],[type=input])[selected]) forge-focus-indicator{--forge-focus-indicator-color:var(--_chip-background)}:host([invalid]) .forge-chip{--_chip-color:var(--_chip-invalid-color)}:host([invalid]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--_chip-invalid-selected-background);--_chip-color:var(--_chip-invalid-selected-color)}:host([disabled]:not([href])) .forge-chip{opacity:var(--_chip-disabled-opacity)}:host([disabled]:not([href])) .trigger{cursor:var(--_chip-disabled-cursor)}::slotted(:not(forge-avatar):is([slot=start],[slot=leading],[slot=end],[slot=trailing])){font-size:var(--_chip-icon-font-size)}::slotted(forge-avatar:is([slot=start],[slot=leading])){margin-inline-start:var(--_chip-avatar-spacing)}::slotted(forge-avatar:is([slot=end],[slot=trailing])){margin-inline-end:var(--_chip-avatar-spacing)}::slotted(forge-avatar){--forge-typography-subheading2-font-size:var(--_chip-avatar-font-size);--forge-avatar-size:var(--_chip-avatar-size)}:host([type=filter]) .checkmark{height:var(--_chip-checkmark-size)}:host([type=filter]) .checkmark svg{width:0;height:var(--_chip-checkmark-size);transition-property:width;transition-duration:var(--_chip-transition-duration);transition-timing-function:var(--_chip-transition-easing)}:host([type=filter]) .checkmark svg path{stroke:var(--_chip-checkmark-color);transition-property:stroke-dashoffset;transition-duration:var(--_chip-transition-duration);transition-timing-function:var(--_chip-transition-easing);stroke-width:2px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}:host([type=filter][selected]) .checkmark{padding-inline-start:var(--_chip-checkmark-spacing)}:host([type=filter][selected]) .checkmark svg{width:var(--_chip-checkmark-size)}:host([type=filter][selected]) .checkmark svg path{transition-delay:var(--_chip-checkmark-transition-delay);stroke-dashoffset:0}:host([type=input]) .trigger{padding-inline:var(--_chip-padding-inline) 0}:host([type=field]) .forge-chip{--_chip-background:var(--_chip-field-background);--_chip-color:var(--_chip-field-color);--_chip-border-color:var(--_chip-field-border-color);--_chip-shape:var(--_chip-field-shape);--_chip-cursor:var(--_chip-field-cursor)}:host([theme=secondary]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_chip-border-color:var(--forge-chip-border-color, var(--forge-theme-secondary, #ffc107))}:host([theme=secondary]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-secondary, #ffc107));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-secondary, #000000))}:host([theme=secondary][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-secondary-container-low, #fff8e1));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-secondary-container-low, #8a6804))}:host([theme=tertiary]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-tertiary, #3d5afe))}:host([theme=tertiary]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-tertiary, #3d5afe));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-tertiary, #ffffff))}:host([theme=tertiary][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-tertiary-container-low, #e8ebff));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-tertiary-container-low, #213189))}:host([theme=success]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-success, #2e7d32))}:host([theme=success]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-success, #2e7d32));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-success, #ffffff))}:host([theme=success][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-success-container-low, #e6efe6));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-success-container-low, #19441b))}:host([theme=warning]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-warning, #d14900))}:host([theme=warning]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-warning, #d14900));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-warning, #ffffff))}:host([theme=warning][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-warning-container-low, #f9e9e0));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-warning-container-low, #712700))}:host([theme=error]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-error, #b00020))}:host([theme=error]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-error, #b00020));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-error, #ffffff))}:host([theme=error][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-error-container-low, #f6e0e4));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-error-container-low, #5f0011))}:host([theme=info]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-info, #1565c0))}:host([theme=info]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-info, #1565c0));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-info, #ffffff))}:host([theme=info][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-info-container-low, #e3edf7));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-info-container-low, #0b3768))}';
+import '../../core/index.js';
+import '../../focus-indicator/index.js';
+import '../../icon/index.js';
+import '../../icon-button/index.js';
+import '../../state-layer/index.js';
+import { ChipAdapter } from './chip-adapter.js';
+import { CHIP_CONSTANTS } from './chip-constants.js';
+import { ChipCore } from './chip-core.js';
+import template from './chip.html.js';
+import styles from './chip.scss.js';
+import { BaseComponent } from '../../core/base/base-component.js';
+import { IconRegistry } from '../../icon/icon-registry.js';
+import { FocusIndicatorComponent } from '../../focus-indicator/focus-indicator.js';
+import { StateLayerComponent } from '../../state-layer/state-layer.js';
+import { IconButtonComponent } from '../../icon-button/icon-button.js';
+import { IconComponent } from '../../icon/icon.js';
+
 /**
  * @summary A compact, interactive element that represents an entity, action, or attribute with support for selection, removal, and various styling options.
  *
@@ -219,4 +227,5 @@ ChipComponent = __decorate([
         dependencies: [FocusIndicatorComponent, StateLayerComponent, IconButtonComponent, IconComponent]
     })
 ], ChipComponent);
+
 export { ChipComponent };

package/esm/chips/chip/chip.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = ":host{display:inline-flex}:host([hidden]){display:none}.forge-chip{--_chip-background:var(--forge-chip-background, transparent);--_chip-color:var(--forge-chip-color, var(--forge-theme-primary, #3f51b5));--_chip-shape:var(--forge-chip-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_chip-spacing:var(--forge-chip-spacing, var(--forge-spacing-xsmall, 8px));--_chip-height:var(--forge-chip-height, 32px);--_chip-padding-inline:var(--forge-chip-padding-inline, var(--forge-spacing-small, 12px));--_chip-padding-block:var(--forge-chip-padding-block, 0);--_chip-cursor:var(--forge-chip-cursor, pointer);--_chip-icon-font-size:var(--forge-chip-icon-font-size, 1.5rem);--_chip-focus-indicator-color:var(--forge-chip-focus-indicator-color, var(--_chip-color));--_chip-disabled-opacity:var(--forge-chip-disabled-opacity, 0.38);--_chip-disabled-cursor:var(--forge-chip-disabled-cursor, not-allowed);--_chip-dense-height:var(--forge-chip-dense-height, 24px);--_chip-dense-padding-inline:var(--forge-chip-dense-padding-inline, var(--forge-spacing-xsmall, 8px));--_chip-dense-spacing:var(--forge-chip-dense-spacing, var(--forge-spacing-xxsmall, 4px));--_chip-dense-font-size:var(--forge-chip-dense-font-size, 0.75rem);--_chip-dense-font-weight:var(--forge-chip-dense-font-weight, normal);--_chip-dense-focus-indicator-offset:var(--forge-chip-dense-focus-indicator-offset, var(--forge-spacing-xxxsmall, 2px));--_chip-dense-icon-font-size:var(--forge-chip-dense-icon-font-size, 1.25rem);--_chip-remove-button-spacing:var(--forge-chip-remove-button-spacing, var(--forge-spacing-xsmall, 8px) var(--forge-spacing-xxsmall, 4px));--_chip-remove-button-height-dense:var(--forge-chip-remove-button-height-dense, 18px);--_chip-remove-button-icon-size-dense:var(--forge-chip-remove-button-icon-size-dense, 16px);--_chip-remove-button-spacing-dense:var(--forge-chip-remove-button-spacing-dense, 0 var(--forge-spacing-xxxsmall, 2px));--_chip-selected-background:var(--forge-chip-selected-background, var(--forge-theme-primary, #3f51b5));--_chip-selected-color:var(--forge-chip-selected-color, var(--forge-theme-on-primary, #ffffff));--_chip-invalid-color:var(--forge-chip-invalid-color, var(--forge-theme-error, #b00020));--_chip-invalid-selected-background:var(--forge-chip-invalid-selected-background, var(--forge-theme-error, #b00020));--_chip-invalid-selected-color:var(--forge-chip-invalid-selected-color, var(--forge-theme-on-error, #ffffff));--_chip-border-width:var(--forge-chip-border-width, var(--forge-border-thin, 1px));--_chip-border-style:var(--forge-chip-border-style, solid);--_chip-border-color:var(--forge-chip-border-color, var(--_chip-color));--_chip-field-background:var(--forge-chip-field-background, var(--forge-theme-surface-container-low, #ebebeb));--_chip-field-color:var(--forge-chip-field-color, var(--forge-theme-on-surface-container-low, #000000));--_chip-field-shape:var(--forge-chip-field-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_chip-field-border-color:var(--forge-chip-field-border-color, transparent);--_chip-field-cursor:var(--forge-chip-field-cursor, default);--_chip-checkmark-size:var(--forge-chip-checkmark-size, 1.25em);--_chip-checkmark-color:var(--forge-chip-checkmark-color, var(--_chip-color));--_chip-checkmark-spacing:var(--forge-chip-checkmark-spacing, var(--forge-spacing-xsmall, 8px));--_chip-avatar-size:var(--forge-chip-avatar-size, 24px);--_chip-avatar-size-dense:var(--forge-chip-avatar-size-dense, 18px);--_chip-avatar-font-size:var(--forge-chip-avatar-font-size, 0.75rem);--_chip-avatar-font-size-dense:var(--forge-chip-avatar-font-size-dense, 0.5rem);--_chip-avatar-spacing:var(--forge-chip-avatar-spacing, calc(var(--forge-spacing-xsmall, 8px) * -1));--_chip-avatar-spacing-dense:var(--forge-chip-avatar-spacing-dense, calc(var(--forge-spacing-xxsmall, 4px) * -1));--_chip-transition-duration:var(--forge-chip-transition-duration, var(--forge-animation-duration-short3, 150ms));--_chip-transition-easing:var(--forge-chip-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_chip-checkmark-transition-delay:var(--forge-chip-checkmark-transition-delay, 50ms)}.forge-chip{position:relative;display:inline-flex;align-items:center;box-sizing:border-box;height:var(--_chip-height);border-width:var(--_chip-border-width);border-style:var(--_chip-border-style);border-color:var(--_chip-border-color);border-radius:var(--_chip-shape);background:var(--_chip-background);color:var(--_chip-color);transition-property:background-color,color;transition-duration:var(--_chip-transition-duration);transition-timing-function:var(--_chip-transition-easing)}.trigger{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-button-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-button-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-font-size-scale, 0.875)));font-weight:var(--forge-typography-button-font-weight, 500);line-height:var(--forge-typography-button-line-height, normal);letter-spacing:var(--forge-typography-button-letter-spacing, 0.0714285714em);text-transform:var(--forge-typography-button-text-transform, inherit);text-decoration:var(--forge-typography-button-text-decoration, inherit);display:inline-flex;align-items:center;justify-content:center;gap:var(--_chip-spacing);box-sizing:border-box;height:100%;padding-inline:var(--_chip-padding-inline);padding-block:var(--_chip-padding-block);cursor:var(--_chip-cursor);z-index:0;text-decoration:none;border:none;background:inherit;color:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:var(--_chip-shape);outline:none}.remove{padding-inline:var(--_chip-remove-button-spacing);--forge-icon-button-focus-indicator-color: var(--_chip-color)}forge-focus-indicator{--forge-focus-indicator-color: var(--_chip-focus-indicator-color);--forge-focus-indicator-shape: var(--_chip-shape)}forge-state-layer{--forge-state-layer-color: var(--_chip-color)}:host([dense]) .forge-chip{--_chip-height:var(--_chip-dense-height);--_chip-padding-inline:var(--_chip-dense-padding-inline);--_chip-spacing:var(--_chip-dense-spacing)}:host([dense]) .trigger{--forge-typography-button-font-size: var(--_chip-dense-font-size);--forge-typography-button-font-weight: var(--_chip-dense-font-weight)}:host([dense]) .remove{--_chip-remove-button-spacing:var(--_chip-remove-button-spacing-dense);--forge-icon-button-density-small-size: var(--_chip-remove-button-height-dense);--forge-icon-button-density-small-icon-size: var(--_chip-remove-button-icon-size-dense)}:host([dense]) forge-focus-indicator{--forge-focus-indicator-outward-offset: var(--_chip-dense-focus-indicator-offset)}:host([dense]) ::slotted(forge-avatar){--_chip-avatar-spacing:var(--_chip-avatar-spacing-dense);--forge-typography-subheading2-font-size: var(--_chip-avatar-font-size-dense);--forge-avatar-size: var(--_chip-avatar-size-dense)}:host([dense]) ::slotted(:is([slot=start],[slot=leading],[slot=end],[slot=trailing])){--_chip-icon-font-size:var(--_chip-dense-icon-font-size)}:host(:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--_chip-selected-background);--_chip-color:var(--_chip-selected-color)}:host(:is([type=filter],[type=choice],[type=input])[selected]) forge-focus-indicator{--forge-focus-indicator-color: var(--_chip-background)}:host([invalid]) .forge-chip{--_chip-color:var(--_chip-invalid-color)}:host([invalid]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--_chip-invalid-selected-background);--_chip-color:var(--_chip-invalid-selected-color)}:host([disabled]:not([href])) .forge-chip{opacity:var(--_chip-disabled-opacity)}:host([disabled]:not([href])) .trigger{cursor:var(--_chip-disabled-cursor)}::slotted(:not(forge-avatar):is([slot=start],[slot=leading],[slot=end],[slot=trailing])){font-size:var(--_chip-icon-font-size)}::slotted(forge-avatar:is([slot=start],[slot=leading])){margin-inline-start:var(--_chip-avatar-spacing)}::slotted(forge-avatar:is([slot=end],[slot=trailing])){margin-inline-end:var(--_chip-avatar-spacing)}::slotted(forge-avatar){--forge-typography-subheading2-font-size: var(--_chip-avatar-font-size);--forge-avatar-size: var(--_chip-avatar-size)}:host([type=filter]) .checkmark{height:var(--_chip-checkmark-size)}:host([type=filter]) .checkmark svg{width:0;height:var(--_chip-checkmark-size);transition-property:width;transition-duration:var(--_chip-transition-duration);transition-timing-function:var(--_chip-transition-easing)}:host([type=filter]) .checkmark svg path{stroke:var(--_chip-checkmark-color);transition-property:stroke-dashoffset;transition-duration:var(--_chip-transition-duration);transition-timing-function:var(--_chip-transition-easing);stroke-width:2px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}:host([type=filter][selected]) .checkmark{padding-inline-start:var(--_chip-checkmark-spacing)}:host([type=filter][selected]) .checkmark svg{width:var(--_chip-checkmark-size)}:host([type=filter][selected]) .checkmark svg path{transition-delay:var(--_chip-checkmark-transition-delay);stroke-dashoffset:0}:host([type=input]) .trigger{padding-inline:var(--_chip-padding-inline) 0}:host([type=field]) .forge-chip{--_chip-background:var(--_chip-field-background);--_chip-color:var(--_chip-field-color);--_chip-border-color:var(--_chip-field-border-color);--_chip-shape:var(--_chip-field-shape);--_chip-cursor:var(--_chip-field-cursor)}:host([theme=secondary]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_chip-border-color:var(--forge-chip-border-color, var(--forge-theme-secondary, #ffc107))}:host([theme=secondary]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-secondary, #ffc107));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-secondary, #000000))}:host([theme=secondary][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-secondary-container-low, #fff8e1));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-secondary-container-low, #8a6804))}:host([theme=tertiary]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-tertiary, #3d5afe))}:host([theme=tertiary]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-tertiary, #3d5afe));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-tertiary, #ffffff))}:host([theme=tertiary][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-tertiary-container-low, #e8ebff));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-tertiary-container-low, #213189))}:host([theme=success]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-success, #2e7d32))}:host([theme=success]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-success, #2e7d32));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-success, #ffffff))}:host([theme=success][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-success-container-low, #e6efe6));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-success-container-low, #19441b))}:host([theme=warning]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-warning, #d14900))}:host([theme=warning]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-warning, #d14900));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-warning, #ffffff))}:host([theme=warning][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-warning-container-low, #f9e9e0));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-warning-container-low, #712700))}:host([theme=error]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-error, #b00020))}:host([theme=error]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-error, #b00020));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-error, #ffffff))}:host([theme=error][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-error-container-low, #f6e0e4));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-error-container-low, #5f0011))}:host([theme=info]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-info, #1565c0))}:host([theme=info]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-info, #1565c0));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-info, #ffffff))}:host([theme=info][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-info-container-low, #e3edf7));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-info-container-low, #0b3768))}";
+
+export { styles as default };

package/esm/chips/chip/index.d.ts

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

package/esm/chips/chip/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 { ChipComponent } from './chip';
-export * from './chip-adapter';
-export * from './chip-constants';
-export * from './chip-core';
-export * from './chip';
-export function defineChipComponent() {
+import { ChipComponent } from './chip.js';
+export { ChipAdapter } from './chip-adapter.js';
+export { CHIP_CONSTANTS } from './chip-constants.js';
+export { ChipCore } from './chip-core.js';
+
+function defineChipComponent() {
     defineCustomElement(ChipComponent);
 }
+
+export { ChipComponent, defineChipComponent };

package/esm/chips/chip-set/chip-set-constants.d.ts

@@ -1,8 +1,3 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
 export declare const CHIP_SET_CONSTANTS: {
     elementName: "forge-chip-set";
     observedAttributes: {

package/esm/chips/chip-set/chip-set-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}chip-set`;
 const observedAttributes = {
     VERTICAL: 'vertical',
@@ -19,9 +21,11 @@ const attributes = {
 const selectors = {
     ROOT: '.forge-chip-set'
 };
-export const CHIP_SET_CONSTANTS = {
+const CHIP_SET_CONSTANTS = {
     elementName,
     observedAttributes,
     attributes,
     selectors
 };
+
+export { CHIP_SET_CONSTANTS };

package/esm/chips/chip-set/chip-set.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseComponent, IBaseComponent } from '../../core/base/base-component';
-import { ChipTheme, ChipType } from '../chip/chip-constants';
+import { BaseComponent, IBaseComponent } from '../../core/base/base-component.js';
+import { ChipTheme, ChipType } from '../chip/chip-constants.js';
 export interface IChipSetComponent extends IBaseComponent {
     vertical: boolean;
     type: ChipType;

package/esm/chips/chip-set/chip-set.html.js

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

package/esm/chips/chip-set/chip-set.js

@@ -1,16 +1,18 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
+
+import { __decorate } from 'tslib';
 import { attachShadowTemplate, coerceBoolean, customElement } from '@tylertech/forge-core';
-import { BaseComponent } from '../../core/base/base-component';
-import { ChipComponent } from '../chip/chip';
-import { CHIP_CONSTANTS } from '../chip/chip-constants';
-import { CHIP_SET_CONSTANTS } from './chip-set-constants';
-const template = '<template><div class=\"forge-chip-set\" part=\"root\"><slot></slot></div></template>';
-const styles = ':host{display:inline-block}:host([hidden]){display:none}.forge-chip-set{--_chip-set-spacing:var(--forge-chip-set-spacing, var(--forge-spacing-xsmall, 8px))}.forge-chip-set{display:flex;flex-wrap:wrap;gap:var(--_chip-set-spacing)}:host([vertical]) .forge-chip-set{flex-direction:column}';
+import { BaseComponent } from '../../core/base/base-component.js';
+import { ChipComponent } from '../chip/chip.js';
+import { CHIP_CONSTANTS } from '../chip/chip-constants.js';
+import { CHIP_SET_CONSTANTS } from './chip-set-constants.js';
+import template from './chip-set.html.js';
+import styles from './chip-set.scss.js';
+
 /**
  * @tag forge-chip-set
  *
@@ -171,4 +173,5 @@ ChipSetComponent = __decorate([
         dependencies: [ChipComponent]
     })
 ], ChipSetComponent);
+
 export { ChipSetComponent };

package/esm/chips/chip-set/chip-set.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = ":host{display:inline-block}:host([hidden]){display:none}.forge-chip-set{--_chip-set-spacing:var(--forge-chip-set-spacing, var(--forge-spacing-xsmall, 8px))}.forge-chip-set{display:flex;flex-wrap:wrap;gap:var(--_chip-set-spacing)}:host([vertical]) .forge-chip-set{flex-direction:column}";
+
+export { styles as default };

package/esm/chips/chip-set/index.d.ts

@@ -1,8 +1,3 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './chip-set-constants';
-export * from './chip-set';
+export * from './chip-set-constants.js';
+export * from './chip-set.js';
 export declare function defineChipSetComponent(): void;

package/esm/chips/chip-set/index.js

@@ -1,12 +1,15 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { defineCustomElement } from '@tylertech/forge-core';
-import { ChipSetComponent } from './chip-set';
-export * from './chip-set-constants';
-export * from './chip-set';
-export function defineChipSetComponent() {
+import { ChipSetComponent } from './chip-set.js';
+export { CHIP_SET_CONSTANTS } from './chip-set-constants.js';
+
+function defineChipSetComponent() {
     defineCustomElement(ChipSetComponent);
 }
+
+export { ChipSetComponent, defineChipSetComponent };

package/esm/chips/index.d.ts

@@ -1,7 +1,2 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './chip';
-export * from './chip-set';
+export * from './chip/index.js';
+export * from './chip-set/index.js';

package/esm/chips/index.js

@@ -1,7 +1,8 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-export * from './chip';
-export * from './chip-set';
+
+export { defineChipComponent } from './chip/index.js';
+export { defineChipSetComponent } from './chip-set/index.js';

package/esm/circular-progress/_determinate.html.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var determinateTemplate = "<svg viewBox=\"0 0 4800 4800\">\n  <circle class=\"track-background\" pathLength=\"100\"></circle>\n  <circle class=\"track\" pathLength=\"100\"></circle>\n  <circle class=\"progress\" pathLength=\"100\" stroke-dashoffset=\"100\"></circle>\n</svg>\n";
+
+export { determinateTemplate as default };

package/esm/circular-progress/_indeterminate.html.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var indeterminateTemplate = "<svg viewBox=\"0 0 4800 4800\">\n  <circle class=\"track-background\" pathLength=\"100\"></circle>\n</svg>\n\n<div class=\"spinner\">\n  <div class=\"left\">\n    <div class=\"circle\"></div>\n  </div>\n  <div class=\"right\">\n    <div class=\"circle\"></div>\n  </div>\n</div>\n";
+
+export { indeterminateTemplate as default };

package/esm/circular-progress/circular-progress-adapter.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { ICircularProgressComponent } from './circular-progress';
-import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
+import { ICircularProgressComponent } from './circular-progress.js';
+import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter.js';
 export interface ICircularProgressAdapter extends IBaseAdapter<ICircularProgressComponent> {
     initialize(): void;
     setDeterminate(value: boolean): void;

package/esm/circular-progress/circular-progress-adapter.js

@@ -1,15 +1,17 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { getShadowElement } from '@tylertech/forge-core';
-import { CIRCULAR_PROGRESS_CONSTANTS } from './circular-progress-constants';
-import { BaseAdapter } from '../core/base/base-adapter';
-const indeterminateTemplate = '<svg viewBox=\"0 0 4800 4800\"><circle class=\"track-background\" pathLength=\"100\"></circle></svg><div class=\"spinner\"><div class=\"left\"><div class=\"circle\"></div></div><div class=\"right\"><div class=\"circle\"></div></div></div>';
-const determinateTemplate = '<svg viewBox=\"0 0 4800 4800\"><circle class=\"track-background\" pathLength=\"100\"></circle><circle class=\"track\" pathLength=\"100\"></circle><circle class=\"progress\" pathLength=\"100\" stroke-dashoffset=\"100\"></circle></svg>';
-import { setDefaultAria } from '../constants';
-export class CircularProgressAdapter extends BaseAdapter {
+import { CIRCULAR_PROGRESS_CONSTANTS } from './circular-progress-constants.js';
+import { BaseAdapter } from '../core/base/base-adapter.js';
+import indeterminateTemplate from './_indeterminate.html.js';
+import determinateTemplate from './_determinate.html.js';
+import { setDefaultAria } from '../constants.js';
+
+class CircularProgressAdapter extends BaseAdapter {
     constructor(component) {
         super(component);
         this._rootElement = getShadowElement(this._component, CIRCULAR_PROGRESS_CONSTANTS.selectors.ROOT);
@@ -43,3 +45,5 @@ export class CircularProgressAdapter extends BaseAdapter {
         elements?.forEach(el => el.remove());
     }
 }
+
+export { CircularProgressAdapter };

package/esm/circular-progress/circular-progress-constants.d.ts

@@ -1,9 +1,4 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { Theme } from '../constants';
+import { Theme } from '../constants.js';
 export declare const CIRCULAR_PROGRESS_CONSTANTS: {
     elementName: "forge-circular-progress";
     attributes: {