@tylertech/forge 3.13.1 → 3.14.0-dev.1

package/esm/split-view/split-view-panel/split-view-panel-utils.js

@@ -1,16 +1,18 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { percentToPixels, safeMin, scaleValue } from '../../core/utils/utils';
-import { SPLIT_VIEW_PANEL_CONSTANTS } from './split-view-panel-constants';
-import { SplitViewPanelComponent } from './split-view-panel';
+
+import { safeMin, scaleValue, percentToPixels } from '../../core/utils/utils.js';
+import { SPLIT_VIEW_PANEL_CONSTANTS } from './split-view-panel-constants.js';
+import { SplitViewPanelComponent } from './split-view-panel.js';
+
 /**
  * Creates a default split view panel state object.
  * @returns A new state object.
  */
-export function initState() {
+function initState() {
     return {
         orientation: 'horizontal',
         resizable: 'off',
@@ -27,7 +29,7 @@ export function initState() {
  * @param state The panel's state object.
  * @returns An updated state object.
  */
-export function setState(adapter, state) {
+function setState(adapter, state) {
     const currentSize = adapter.getContentSize(state.orientation);
     return {
         ...state,
@@ -44,7 +46,7 @@ export function setState(adapter, state) {
  * @param state The panel's state object.
  * @returns An updated state object.
  */
-export function clearState(state) {
+function clearState(state) {
     return {
         ...state,
         arrowKeyHeld: false,
@@ -60,7 +62,7 @@ export function clearState(state) {
  * @param state The panel's state object.
  * @returns Whether a resize happened.
  */
-export function pointerResize(adapter, evt, state) {
+function pointerResize(adapter, evt, state) {
     if (state.startPoint === undefined || state.startSize === undefined) {
         return false;
     }
@@ -86,7 +88,7 @@ export function pointerResize(adapter, evt, state) {
  * @param state The panel's state object.
  * @returns Whether a resize happened.
  */
-export function keyboardResize(adapter, increment, state) {
+function keyboardResize(adapter, increment, state) {
     if (state.startSize === undefined) {
         return false;
     }
@@ -107,7 +109,7 @@ export function keyboardResize(adapter, increment, state) {
  * @param state The panel's state object.
  * @returns The new pixel size of the panel.
  */
-export function minResize(adapter, state) {
+function minResize(adapter, state) {
     adapter.setContentSize(state.min);
     return state.min;
 }
@@ -117,7 +119,7 @@ export function minResize(adapter, state) {
  * @param state The panel's state object.
  * @returns The new pixel size of the panel.
  */
-export function maxResize(adapter, state) {
+function maxResize(adapter, state) {
     const availableSpace = adapter.getAvailableSpace(state.orientation, state.resizable);
     const max = safeMin(state.max, availableSpace);
     adapter.setContentSize(max);
@@ -129,7 +131,7 @@ export function maxResize(adapter, state) {
  * @param delta The change in size to apply to the sibling.
  * @param state The panel's state object.
  */
-export function resizeSibling(adapter, delta, state) {
+function resizeSibling(adapter, delta, state) {
     if (state.siblingSize !== undefined) {
         const siblingSize = state.siblingSize + delta;
         adapter.setSiblingContentSize(siblingSize);
@@ -141,7 +143,7 @@ export function resizeSibling(adapter, delta, state) {
  * @param state The panel's state object.
  * @returns A pixel value.
  */
-export function clampSize(size, state) {
+function clampSize(size, state) {
     size = Math.max(size, state.min);
     size = safeMin(size, state.max, state.availableSpace);
     return size;
@@ -154,7 +156,7 @@ export function clampSize(size, state) {
  * @param inputDevice The input device responsible for the resize.
  * @returns Whether the panel is at its min or max size.
  */
-export function handleBoundariesDuringResize(adapter, state, inputDevice) {
+function handleBoundariesDuringResize(adapter, state, inputDevice) {
     if (state.currentSize === undefined) {
         return false;
     }
@@ -203,7 +205,7 @@ export function handleBoundariesDuringResize(adapter, state, inputDevice) {
  * @param state The panel's state object.
  * @returns Whether the panel is at its min or max size.
  */
-export function handleBoundariesAfterResize(adapter, size, state) {
+function handleBoundariesAfterResize(adapter, size, state) {
     if (size <= state.min) {
         adapter.setHandleCursor(state.orientation, { resizable: state.resizable, boundary: 'min' });
         return true;
@@ -221,7 +223,7 @@ export function handleBoundariesAfterResize(adapter, size, state) {
  * @param size The panel's size in pixels.
  * @param state The panel's state object.
  */
-export function getValuenow(size, state) {
+function getValuenow(size, state) {
     if (!state.availableSpace && !state.max) {
         return 100;
     }
@@ -233,7 +235,7 @@ export function getValuenow(size, state) {
  * @param orientation
  * @returns A CSS cursor keyword value.
  */
-export function getCursor(orientation, config) {
+function getCursor(orientation, config) {
     if (orientation === 'horizontal') {
         switch (config?.boundary) {
             case 'min':
@@ -260,7 +262,7 @@ export function getCursor(orientation, config) {
  * @param orientation
  * @returns A Forge icon name.
  */
-export function getHandleIcon(orientation) {
+function getHandleIcon(orientation) {
     return orientation === 'horizontal' ? 'drag_vertical_variant' : 'drag_handle';
 }
 /**
@@ -268,7 +270,7 @@ export function getHandleIcon(orientation) {
  * @param el A split view panel.
  * @returns A sibling split view panel or undefined if there is not a sibling.
  */
-export function getSplitViewPanelSibling(el) {
+function getSplitViewPanelSibling(el) {
     const resizable = el.resizable;
     if (resizable === 'off') {
         return undefined;
@@ -288,7 +290,7 @@ export function getSplitViewPanelSibling(el) {
  * @param value A `number` or `string` representing a size in pixels or percent.
  * @returns An object containing the parsed size and unit.
  */
-export function parseSize(value) {
+function parseSize(value) {
     if (!isNaN(+value)) {
         return { amount: +value, unit: 'px' };
     }
@@ -305,7 +307,7 @@ export function parseSize(value) {
  * @param parentSize The pixel size of the parent container along the relevant axis.
  * @returns A pixel amount.
  */
-export function getPixelDimension(value, parentSize) {
+function getPixelDimension(value, parentSize) {
     const parsedSize = parseSize(value);
     if (parsedSize.unit === '%') {
         return percentToPixels(parsedSize.amount, parentSize);
@@ -317,7 +319,7 @@ export function getPixelDimension(value, parentSize) {
  * behaves as expected when dragging over other contexts.
  * @returns An overlay element.
  */
-export function createOverlay() {
+function createOverlay() {
     const el = document.createElement('div');
     el.classList.add(SPLIT_VIEW_PANEL_CONSTANTS.classes.OVERLAY);
     el.style.position = 'fixed';
@@ -328,3 +330,5 @@ export function createOverlay() {
     el.style.zIndex = '9999';
     return el;
 }
+
+export { clampSize, clearState, createOverlay, getCursor, getHandleIcon, getPixelDimension, getSplitViewPanelSibling, getValuenow, handleBoundariesAfterResize, handleBoundariesDuringResize, initState, keyboardResize, maxResize, minResize, parseSize, pointerResize, resizeSibling, setState };

package/esm/split-view/split-view-panel/split-view-panel.d.ts

@@ -1,12 +1,7 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseComponent, IBaseComponent } from '../../core/base/base-component';
-import { ISplitViewPanelOpenEvent, ISplitViewPanelWillResizeEvent, SplitViewPanelResizable } from './split-view-panel-constants';
-import { ISplitViewUpdateConfig } from '../split-view/split-view-constants';
-import { ISplitViewBase } from '../core/split-view-base';
+import { BaseComponent, IBaseComponent } from '../../core/base/base-component.js';
+import { ISplitViewPanelOpenEvent, ISplitViewPanelWillResizeEvent, SplitViewPanelResizable } from './split-view-panel-constants.js';
+import { ISplitViewUpdateConfig } from '../split-view/split-view-constants.js';
+import { ISplitViewBase } from '../core/split-view-base.js';
 export interface ISplitViewPanelComponent extends Partial<ISplitViewBase>, IBaseComponent {
     resizable: SplitViewPanelResizable;
     size: number | string;

package/esm/split-view/split-view-panel/split-view-panel.html.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var template = "<template>\n  <div class=\"forge-split-view-panel\" id=\"root\" part=\"root\">\n    <div class=\"forge-split-view-panel__handle\" id=\"handle\" part=\"handle\" role=\"separator\" aria-controls=\"content\" aria-grabbed=\"false\" tabindex=\"0\">\n      <forge-icon class=\"forge-split-view-panel__icon\" id=\"icon\" part=\"icon\"></forge-icon>\n      <forge-state-layer target=\"handle\" id=\"state-layer\" exportparts=\"surface:state-layer\"></forge-state-layer>\n      <forge-focus-indicator inward target=\"handle\" part=\"focus-indicator\"></forge-focus-indicator>\n    </div>\n    <div class=\"forge-split-view-panel__content\" id=\"content\" part=\"content\" role=\"group\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n";
+
+export { template as default };

package/esm/split-view/split-view-panel/split-view-panel.js

@@ -1,20 +1,26 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { customElement, attachShadowTemplate, coreProperty, coerceBoolean, coerceNumber } from '@tylertech/forge-core';
-import { tylIconDragHandle, tylIconDragVerticalVariant } from '@tylertech/tyler-icons';
-import { BaseComponent } from '../../core/base/base-component';
-import { SPLIT_VIEW_PANEL_CONSTANTS } from './split-view-panel-constants';
-import { SplitViewPanelCore } from './split-view-panel-core';
-import { SplitViewPanelAdapter } from './split-view-panel-adapter';
-import { IconComponent, IconRegistry } from '../../icon';
-import { StateLayerComponent } from '../../state-layer';
-import { FocusIndicatorComponent } from '../../focus-indicator';
-const template = '<template><div class=\"forge-split-view-panel\" id=\"root\" part=\"root\"><div class=\"forge-split-view-panel__handle\" id=\"handle\" part=\"handle\" role=\"separator\" aria-controls=\"content\" aria-grabbed=\"false\" tabindex=\"0\"><forge-icon class=\"forge-split-view-panel__icon\" id=\"icon\" part=\"icon\"></forge-icon><forge-state-layer target=\"handle\" id=\"state-layer\" exportparts=\"surface:state-layer\"></forge-state-layer><forge-focus-indicator inward target=\"handle\" part=\"focus-indicator\"></forge-focus-indicator></div><div class=\"forge-split-view-panel__content\" id=\"content\" part=\"content\" role=\"group\"><slot></slot></div></div></template>';
-const styles = '.forge-split-view-panel{display:flex;width:100%;height:100%;overflow:hidden}.forge-split-view-panel__handle{color:var(--forge-theme-text-medium,rgba(0,0,0,.6));background-color:var(--forge-theme-outline,#e0e0e0);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;outline:0}.forge-split-view-panel__content{flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:ub0puv4;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ub0puv4{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;animation-name:ub0puvk;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ub0puvk{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:ub0puvr;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ub0puvr{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{animation-direction:reverse}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;animation-name:ub0puw1;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ub0puw1{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{animation-direction:reverse}.forge-split-view-panel[orientation=vertical]{min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:ub0puwd;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ub0puwd{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;animation-name:ub0puwx;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ub0puwx{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:ub0puxl;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ub0puxl{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{animation-direction:reverse}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;animation-name:ub0puxv;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ub0puxv{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{animation-direction:reverse}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}forge-focus-indicator{--forge-focus-indicator-active-width:2px}';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, coerceNumber, coerceBoolean, coreProperty, customElement } from '@tylertech/forge-core';
+import { tylIconDragVerticalVariant, tylIconDragHandle } from '@tylertech/tyler-icons';
+import { BaseComponent } from '../../core/base/base-component.js';
+import { SPLIT_VIEW_PANEL_CONSTANTS } from './split-view-panel-constants.js';
+import { SplitViewPanelCore } from './split-view-panel-core.js';
+import { SplitViewPanelAdapter } from './split-view-panel-adapter.js';
+import '../../icon/index.js';
+import '../../state-layer/index.js';
+import '../../focus-indicator/index.js';
+import template from './split-view-panel.html.js';
+import styles from './split-view-panel.scss.js';
+import { IconRegistry } from '../../icon/icon-registry.js';
+import { IconComponent } from '../../icon/icon.js';
+import { StateLayerComponent } from '../../state-layer/state-layer.js';
+import { FocusIndicatorComponent } from '../../focus-indicator/focus-indicator.js';
+
 /**
  * @tag forge-split-view-panel
  *
@@ -210,4 +216,5 @@ SplitViewPanelComponent = __decorate([
         dependencies: [IconComponent, StateLayerComponent, FocusIndicatorComponent]
     })
 ], SplitViewPanelComponent);
+
 export { SplitViewPanelComponent };

package/esm/split-view/split-view-panel/split-view-panel.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = ".forge-split-view-panel{display:flex;width:100%;height:100%;overflow:hidden}.forge-split-view-panel__handle{color:var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));background-color:var(--forge-theme-outline, #e0e0e0);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;outline:none}.forge-split-view-panel__content{flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:var(--forge-split-view-handle-width, 8px);width:calc(var(--forge-split-view-panel-size, unset) + var(--forge-split-view-handle-width, 8px));flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:var(--forge-split-view-handle-width, 8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:uh1uthg;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes uh1uthg{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;animation-name:uh1uti5;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes uh1uti5{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:uh1utig;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes uh1utig{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{animation-direction:reverse}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;animation-name:uh1utjf;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes uh1utjf{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{animation-direction:reverse}.forge-split-view-panel[orientation=vertical]{min-height:var(--forge-split-view-handle-width, 8px);height:calc(var(--forge-split-view-panel-size, unset) + var(--forge-split-view-handle-width, 8px));flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:var(--forge-split-view-handle-width, 8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:uh1utjr;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes uh1utjr{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;animation-name:uh1utkg;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes uh1utkg{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:uh1utle;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes uh1utle{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{animation-direction:reverse}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;animation-name:uh1utlo;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes uh1utlo{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{animation-direction:reverse}:host{z-index:var(--forge-split-view-animating-layer) !important;display:block;position:relative;height:100%;width:100%;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}forge-focus-indicator{--forge-focus-indicator-active-width: 2px}";
+
+export { styles as default };

package/esm/stack/index.d.ts

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

package/esm/stack/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 { StackComponent } from './stack';
-export * from './stack-adapter';
-export * from './stack-constants';
-export * from './stack-core';
-export * from './stack';
-export function defineStackComponent() {
+import { StackComponent } from './stack.js';
+export { StackAdapter } from './stack-adapter.js';
+export { STACK_CONSTANTS } from './stack-constants.js';
+export { StackCore } from './stack-core.js';
+
+function defineStackComponent() {
     defineCustomElement(StackComponent);
 }
+
+export { StackComponent, defineStackComponent };

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

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
-import { IStackComponent } from './stack';
+import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter.js';
+import { IStackComponent } from './stack.js';
 export interface IStackAdapter extends IBaseAdapter {
     setGap(gap: string): void;
 }

package/esm/stack/stack-adapter.js

@@ -1,12 +1,14 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { getShadowElement } from '@tylertech/forge-core';
-import { BaseAdapter } from '../core/base/base-adapter';
-import { STACK_CONSTANTS } from './stack-constants';
-export class StackAdapter extends BaseAdapter {
+import { BaseAdapter } from '../core/base/base-adapter.js';
+import { STACK_CONSTANTS } from './stack-constants.js';
+
+class StackAdapter extends BaseAdapter {
     constructor(component) {
         super(component);
         this._rootElement = getShadowElement(component, STACK_CONSTANTS.selectors.ROOT);
@@ -16,3 +18,5 @@ export class StackAdapter extends BaseAdapter {
         this._rootElement.style.gap = `var(--forge-stack-gap, ${value})`;
     }
 }
+
+export { StackAdapter };

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

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

package/esm/stack/stack-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}stack`;
 const classes = {
     DEFAULT: 'forge-stack'
@@ -25,7 +27,7 @@ const attributes = {
 const strings = {
     DEFAULT_GAP: '16'
 };
-export const STACK_CONSTANTS = {
+const STACK_CONSTANTS = {
     elementName,
     classes,
     observedAttributes,
@@ -33,3 +35,5 @@ export const STACK_CONSTANTS = {
     selectors,
     strings
 };
+
+export { STACK_CONSTANTS };

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

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IStackAdapter } from './stack-adapter';
-import { StackAlignment } from './stack-constants';
+import { IStackAdapter } from './stack-adapter.js';
+import { StackAlignment } from './stack-constants.js';
 export interface IStackCore {
     inline: boolean;
     wrap: boolean;

package/esm/stack/stack-core.js

@@ -1,10 +1,12 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { STACK_CONSTANTS } from './stack-constants';
-export class StackCore {
+
+import { STACK_CONSTANTS } from './stack-constants.js';
+
+class StackCore {
     constructor(_adapter) {
         this._adapter = _adapter;
         this._inline = false;
@@ -79,3 +81,5 @@ export class StackCore {
         }
     }
 }
+
+export { StackCore };

package/esm/stack/stack.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { StackAlignment } from './stack-constants';
-import { BaseComponent, IBaseComponent } from '../core/base/base-component';
+import { StackAlignment } from './stack-constants.js';
+import { BaseComponent, IBaseComponent } from '../core/base/base-component.js';
 export interface IStackComponent extends IBaseComponent {
     inline: boolean;
     wrap: boolean;

package/esm/stack/stack.html.js

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

package/esm/stack/stack.js

@@ -1,16 +1,18 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { customElement, attachShadowTemplate, coerceBoolean, coreProperty } from '@tylertech/forge-core';
-import { StackAdapter } from './stack-adapter';
-import { StackCore } from './stack-core';
-import { STACK_CONSTANTS } from './stack-constants';
-import { BaseComponent } from '../core/base/base-component';
-const template = '<template><div class=\"forge-stack\" part=\"root\"><slot></slot></div></template>';
-const styles = '.forge-stack{display:flex;flex-direction:column;align-items:var(--_stack-alignment);justify-content:var(--_stack-justify);gap:var(--_stack-gap);height:var(--_stack-height);width:100%;--_stack-gap:var(--forge-stack-gap, var(--forge-spacing-medium, 16px));--_stack-height:var(--forge-stack-height);--_stack-stretch:var(--forge-stack-stretch, initial);--_stack-alignment:var(--forge-stack-alignment, normal);--_stack-justify:var(--forge-stack-justify, normal);--_stack-wrap:var(--forge-stack-wrap, wrap)}.forge-stack ::slotted(*){flex:var(--_stack-stretch)}:host([inline]) .forge-stack{flex-direction:row}:host([inline][wrap]) .forge-stack{flex-wrap:wrap}:host(:not([inline])) .forge-stack{--_stack-height:var(--forge-stack-height, 100%)}:host([stretch]) ::slotted(*){--_stack-stretch:var(--forge-stack-stretch, 1)}:host([alignment=start]) .forge-stack{--_stack-alignment:var(--forge-stack-alignment, start)}:host([alignment=center]) .forge-stack{--_stack-alignment:var(--forge-stack-alignment, center)}:host([alignment=end]) .forge-stack{--_stack-alignment:var(--forge-stack-alignment, end)}:host([justify=start]) .forge-stack{--_stack-justify:var(--forge-stack-justify, start)}:host([justify=center]) .forge-stack{--_stack-justify:var(--forge-stack-justify, center)}:host([justify=end]) .forge-stack{--_stack-justify:var(--forge-stack-justify, end)}';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, coerceBoolean, coreProperty, customElement } from '@tylertech/forge-core';
+import { StackAdapter } from './stack-adapter.js';
+import { StackCore } from './stack-core.js';
+import { STACK_CONSTANTS } from './stack-constants.js';
+import { BaseComponent } from '../core/base/base-component.js';
+import template from './stack.html.js';
+import styles from './stack.scss.js';
+
 /**
  * @tag forge-stack
  *
@@ -93,4 +95,5 @@ StackComponent = __decorate([
         name: STACK_CONSTANTS.elementName
     })
 ], StackComponent);
+
 export { StackComponent };

package/esm/stack/stack.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = ".forge-stack{display:flex;flex-direction:column;align-items:var(--_stack-alignment);justify-content:var(--_stack-justify);gap:var(--_stack-gap);height:var(--_stack-height);width:100%;--_stack-gap:var(--forge-stack-gap, var(--forge-spacing-medium, 16px));--_stack-height:var(--forge-stack-height);--_stack-stretch:var(--forge-stack-stretch, initial);--_stack-alignment:var(--forge-stack-alignment, normal);--_stack-justify:var(--forge-stack-justify, normal);--_stack-wrap:var(--forge-stack-wrap, wrap)}.forge-stack ::slotted(*){flex:var(--_stack-stretch)}:host([inline]) .forge-stack{flex-direction:row}:host([inline][wrap]) .forge-stack{flex-wrap:wrap}:host(:not([inline])) .forge-stack{--_stack-height:var(--forge-stack-height, 100%)}:host([stretch]) ::slotted(*){--_stack-stretch:var(--forge-stack-stretch, 1)}:host([alignment=start]) .forge-stack{--_stack-alignment:var(--forge-stack-alignment, start)}:host([alignment=center]) .forge-stack{--_stack-alignment:var(--forge-stack-alignment, center)}:host([alignment=end]) .forge-stack{--_stack-alignment:var(--forge-stack-alignment, end)}:host([justify=start]) .forge-stack{--_stack-justify:var(--forge-stack-justify, start)}:host([justify=center]) .forge-stack{--_stack-justify:var(--forge-stack-justify, center)}:host([justify=end]) .forge-stack{--_stack-justify:var(--forge-stack-justify, end)}";
+
+export { styles as default };

package/esm/state-layer/index.d.ts

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

package/esm/state-layer/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 { StateLayerComponent } from './state-layer';
-export * from './state-layer-adapter';
-export * from './state-layer-constants';
-export * from './state-layer-core';
-export * from './state-layer';
-export function defineStateLayerComponent() {
+import { StateLayerComponent } from './state-layer.js';
+export { StateLayerAdapter } from './state-layer-adapter.js';
+export { ANIMATION_FILL, EASING, INITIAL_ORIGIN_SCALE, MINIMUM_PRESS_MS, PADDING, PRESS_GROW_MS, PRESS_PSEUDO, PointerState, SOFT_EDGE_CONTAINER_RATIO, SOFT_EDGE_MINIMUM_SIZE, STATE_LAYER_CONSTANTS, StateLayerCoords, TOUCH_DELAY_MS } from './state-layer-constants.js';
+export { StateLayerCore } from './state-layer-core.js';
+
+function defineStateLayerComponent() {
     defineCustomElement(StateLayerComponent);
 }
+
+export { StateLayerComponent, defineStateLayerComponent };

package/esm/state-layer/state-layer-adapter.d.ts

@@ -1,11 +1,6 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
-import { IStateLayerComponent } from './state-layer';
-import { StateLayerCoords } from './state-layer-constants';
+import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter.js';
+import { IStateLayerComponent } from './state-layer.js';
+import { StateLayerCoords } from './state-layer-constants.js';
 export interface IStateLayerAdapter extends IBaseAdapter {
     destroy(): void;
     deferInitialization(listener: (evt?: PointerEvent) => void): void;

package/esm/state-layer/state-layer-adapter.js

@@ -1,14 +1,16 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { getShadowElement } from '@tylertech/forge-core';
-import { BaseAdapter } from '../core/base/base-adapter';
-import { locateTargetHeuristic, createUserInteractionListener } from '../core/utils/utils';
-import { ANIMATION_FILL, EASING, MINIMUM_PRESS_MS, PRESS_GROW_MS, PRESS_PSEUDO, STATE_LAYER_CONSTANTS } from './state-layer-constants';
-import { calcRippleSize, getTranslationCoordinates, isInBounds } from './state-layer-utils';
-export class StateLayerAdapter extends BaseAdapter {
+import { BaseAdapter } from '../core/base/base-adapter.js';
+import { createUserInteractionListener, locateTargetHeuristic } from '../core/utils/utils.js';
+import { STATE_LAYER_CONSTANTS, ANIMATION_FILL, EASING, PRESS_GROW_MS, PRESS_PSEUDO, MINIMUM_PRESS_MS } from './state-layer-constants.js';
+import { calcRippleSize, getTranslationCoordinates, isInBounds } from './state-layer-utils.js';
+
+class StateLayerAdapter extends BaseAdapter {
     constructor(component) {
         super(component);
         this._targetElement = null;
@@ -96,3 +98,5 @@ export class StateLayerAdapter extends BaseAdapter {
         return isInBounds(this._component, x, y);
     }
 }
+
+export { StateLayerAdapter };

package/esm/state-layer/state-layer-constants.d.ts

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