@tylertech/forge 3.0.0-next.4 → 3.0.0-next.6

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

@@ -18,11 +18,6 @@ const styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animatio
  * @tag forge-split-view
  */
 let SplitViewComponent = class SplitViewComponent extends BaseComponent {
-    constructor() {
-        super();
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new SplitViewFoundation(new SplitViewAdapter(this));
-    }
     static get observedAttributes() {
         return [
             SPLIT_VIEW_CONSTANTS.attributes.ORIENTATION,
@@ -32,6 +27,11 @@ let SplitViewComponent = class SplitViewComponent extends BaseComponent {
             SPLIT_VIEW_CONSTANTS.attributes.AUTO_CLOSE_THRESHOLD
         ];
     }
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new SplitViewFoundation(new SplitViewAdapter(this));
+    }
     connectedCallback() {
         this._foundation.initialize();
     }

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

@@ -63,8 +63,8 @@ export declare const SPLIT_VIEW_PANEL_CONSTANTS: {
         CURSOR: string;
     };
 };
-export declare type SplitViewPanelResizable = 'start' | 'end' | 'off';
-export declare type SplitViewInputDeviceType = 'pointer' | 'keyboard';
+export type SplitViewPanelResizable = 'start' | 'end' | 'off';
+export type SplitViewInputDeviceType = 'pointer' | 'keyboard';
 export declare enum SplitViewAnimatingLayer {
     Under = 1,
     Active = 2,

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

@@ -9,24 +9,6 @@ import { eventIncludesArrowKey } from '../../core/utils/event-utils';
 import { SPLIT_VIEW_PANEL_CONSTANTS } from './split-view-panel-constants';
 import { clampSize, clearState, getPixelDimension, getValuenow, handleBoundariesAfterResize, handleBoundariesDuringResize, initState, keyboardResize, maxResize, minResize, pointerResize, setState } from './split-view-panel-utils';
 export class SplitViewPanelFoundation {
-    constructor(_adapter) {
-        this._adapter = _adapter;
-        // API
-        this._size = 200;
-        this._min = 0;
-        this._accessibleLabel = 'Split view panel';
-        this._open = true;
-        // State
-        this._state = initState();
-        this._isInitialized = false;
-        // Properties inherited from parent split view
-        this._parentProperties = {};
-        this._pointerdownListener = evt => this._onPointerdown(evt);
-        this._pointerupListener = evt => this._onPointerup(evt);
-        this._pointermoveListener = evt => this._onPointermove(evt);
-        this._keydownListener = evt => this._onKeydown(evt);
-        this._keyupListener = evt => this._onKeyup(evt);
-    }
     // Properties stored in state
     get _orientation() {
         return this._state.orientation;
@@ -69,6 +51,24 @@ export class SplitViewPanelFoundation {
         var _a, _b;
         return (_b = (_a = this._autoCloseThreshold) !== null && _a !== void 0 ? _a : this._parentProperties.autoCloseThreshold) !== null && _b !== void 0 ? _b : 0;
     }
+    constructor(_adapter) {
+        this._adapter = _adapter;
+        // API
+        this._size = 200;
+        this._min = 0;
+        this._accessibleLabel = 'Split view panel';
+        this._open = true;
+        // State
+        this._state = initState();
+        this._isInitialized = false;
+        // Properties inherited from parent split view
+        this._parentProperties = {};
+        this._pointerdownListener = evt => this._onPointerdown(evt);
+        this._pointerupListener = evt => this._onPointerup(evt);
+        this._pointermoveListener = evt => this._onPointermove(evt);
+        this._keydownListener = evt => this._onKeydown(evt);
+        this._keyupListener = evt => this._onKeyup(evt);
+    }
     initialize() {
         this._adapter.initialize();
         this._adapter.setPointerdownListener(this._pointerdownListener);

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

@@ -14,19 +14,13 @@ import { SplitViewPanelAdapter } from './split-view-panel-adapter';
 import { IconComponent, IconRegistry } from '../../icon';
 import { RippleComponent } from '../../ripple';
 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-ripple id=\"ripple\" part=\"ripple\"></forge-ripple></div><div class=\"forge-split-view-panel__content\" id=\"content\" part=\"content\" role=\"group\"><slot></slot></div></div></template>';
-const styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-split-view-panel{display:-webkit-box;display:flex;width:100%;height:100%;overflow:hidden;contain:paint size}.forge-split-view-panel__handle{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));background-color:#e0e0e0;background-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;outline:0}.forge-split-view-panel__content{-webkit-box-flex:1;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:8px;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));-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:8px;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;-webkit-animation-name:u5jfvhu;animation-name:u5jfvhu;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes u5jfvhu{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes u5jfvhu{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:u5jfvhz;animation-name:u5jfvhz;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes u5jfvhz{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes u5jfvhz{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:u5jfvi5;animation-name:u5jfvi5;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes u5jfvi5{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes u5jfvi5{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:u5jfvib;animation-name:u5jfvib;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes u5jfvib{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes u5jfvib{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:8px;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));-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:8px;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;-webkit-animation-name:u5jfvj4;animation-name:u5jfvj4;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes u5jfvj4{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes u5jfvj4{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:u5jfvje;animation-name:u5jfvje;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes u5jfvje{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes u5jfvje{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:u5jfvjy;animation-name:u5jfvjy;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes u5jfvjy{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes u5jfvjy{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:u5jfvkt;animation-name:u5jfvkt;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes u5jfvkt{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes u5jfvkt{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;-webkit-box-flex:0;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){-webkit-box-flex:1;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}';
+const styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-split-view-panel{display:-webkit-box;display:flex;width:100%;height:100%;overflow:hidden;contain:paint size}.forge-split-view-panel__handle{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));background-color:#e0e0e0;background-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;outline:0}.forge-split-view-panel__content{-webkit-box-flex:1;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:8px;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));-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:8px;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;-webkit-animation-name:u9mvkp9;animation-name:u9mvkp9;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes u9mvkp9{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes u9mvkp9{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:u9mvkpf;animation-name:u9mvkpf;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes u9mvkpf{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes u9mvkpf{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:u9mvkq6;animation-name:u9mvkq6;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes u9mvkq6{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes u9mvkq6{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:u9mvkqg;animation-name:u9mvkqg;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes u9mvkqg{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes u9mvkqg{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:8px;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));-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:8px;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;-webkit-animation-name:u9mvkqn;animation-name:u9mvkqn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes u9mvkqn{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes u9mvkqn{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:u9mvkqs;animation-name:u9mvkqs;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes u9mvkqs{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes u9mvkqs{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:u9mvkqx;animation-name:u9mvkqx;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes u9mvkqx{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes u9mvkqx{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:u9mvkrc;animation-name:u9mvkrc;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes u9mvkrc{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes u9mvkrc{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;-webkit-box-flex:0;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){-webkit-box-flex:1;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}';
 /**
  * The custom element class behind the `<forge-split-view-panel>` element.
  *
  * @tag forge-split-view-panel
  */
 let SplitViewPanelComponent = class SplitViewPanelComponent extends BaseComponent {
-    constructor() {
-        super();
-        IconRegistry.define([tylIconDragVerticalVariant, tylIconDragHandle]);
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new SplitViewPanelFoundation(new SplitViewPanelAdapter(this));
-    }
     static get observedAttributes() {
         return [
             SPLIT_VIEW_PANEL_CONSTANTS.attributes.RESIZABLE,
@@ -41,6 +35,12 @@ let SplitViewPanelComponent = class SplitViewPanelComponent extends BaseComponen
             SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE_THRESHOLD
         ];
     }
+    constructor() {
+        super();
+        IconRegistry.define([tylIconDragVerticalVariant, tylIconDragHandle]);
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new SplitViewPanelFoundation(new SplitViewPanelAdapter(this));
+    }
     connectedCallback() {
         this._foundation.initialize();
     }

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

@@ -22,7 +22,7 @@ export declare const STACK_CONSTANTS: {
         DEFAULT_GAP: string;
     };
 };
-export declare type StackAlignment = 'start' | 'center' | 'end';
+export type StackAlignment = 'start' | 'center' | 'end';
 /** @deprecated Use `StackAlignment` instead. */
 export declare enum StackAlignMode {
     Start = "start",

package/esm/stack/stack.js

@@ -17,11 +17,6 @@ const styles = '.forge-stack{display:-webkit-box;display:flex;-webkit-box-orient
  * @tag forge-stack
  */
 let StackComponent = class StackComponent extends BaseComponent {
-    constructor() {
-        super();
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new StackFoundation(new StackAdapter(this));
-    }
     static get observedAttributes() {
         return [
             STACK_CONSTANTS.attributes.INLINE,
@@ -31,6 +26,11 @@ let StackComponent = class StackComponent extends BaseComponent {
             STACK_CONSTANTS.attributes.ALIGNMENT
         ];
     }
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new StackFoundation(new StackAdapter(this));
+    }
     attributeChangedCallback(name, oldValue, newValue) {
         switch (name) {
             case STACK_CONSTANTS.attributes.INLINE:

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

@@ -73,4 +73,4 @@ export declare const STEP_CONSTANTS: {
         EXPANSION_CONTENT_SLOT_NAME: string;
     };
 };
-export declare type StepIcons = 'check' | 'block' | 'mode_edit' | 'warning' | '';
+export type StepIcons = 'check' | 'block' | 'mode_edit' | 'warning' | '';

package/esm/stepper/step/step.js

@@ -20,18 +20,6 @@ const styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animatio
  * @tag forge-step
  */
 let StepComponent = class StepComponent extends BaseComponent {
-    constructor() {
-        super();
-        IconRegistry.define([
-            tylIconModeEdit,
-            tylIconCheck,
-            tylIconWarning,
-            tylIconBlock,
-            tylIconKeyboardArrowDown
-        ]);
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new StepFoundation(new StepAdapter(this));
-    }
     static get observedAttributes() {
         return [
             STEP_CONSTANTS.attributes.COMPLETED,
@@ -46,6 +34,18 @@ let StepComponent = class StepComponent extends BaseComponent {
             STEP_CONSTANTS.attributes.IGNORE_USER_EXPANSION
         ];
     }
+    constructor() {
+        super();
+        IconRegistry.define([
+            tylIconModeEdit,
+            tylIconCheck,
+            tylIconWarning,
+            tylIconBlock,
+            tylIconKeyboardArrowDown
+        ]);
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new StepFoundation(new StepAdapter(this));
+    }
     connectedCallback() {
         this._foundation.initialize();
     }

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

@@ -73,5 +73,5 @@ export interface IStepperConfiguration {
     layoutAlign: StepperLayoutAlign;
     vertical?: boolean;
 }
-export declare type StepperLayoutMode = 'fixed' | 'clustered';
-export declare type StepperLayoutAlign = 'left' | 'center' | 'right';
+export type StepperLayoutMode = 'fixed' | 'clustered';
+export type StepperLayoutAlign = 'left' | 'center' | 'right';

package/esm/stepper/stepper/stepper.js

@@ -18,11 +18,6 @@ const styles = '.forge-stepper{display:-webkit-box;display:flex;-webkit-box-alig
  * @tag forge-stepper
  */
 let StepperComponent = class StepperComponent extends BaseComponent {
-    constructor() {
-        super();
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new StepperFoundation(new StepperAdapter(this));
-    }
     static get observedAttributes() {
         return [
             STEPPER_CONSTANTS.attributes.SELECTED_INDEX,
@@ -34,6 +29,11 @@ let StepperComponent = class StepperComponent extends BaseComponent {
             STEPPER_CONSTANTS.attributes.VERTICAL
         ];
     }
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new StepperFoundation(new StepperAdapter(this));
+    }
     async connectedCallback() {
         await ensureChildren(this);
         this._foundation.initialize();

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

@@ -6,7 +6,7 @@
 import { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core';
 import { IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate';
 import { ISwitchComponent } from './switch';
-export declare type SwitchComponentDelegateProps = Partial<ISwitchComponent>;
+export type SwitchComponentDelegateProps = Partial<ISwitchComponent>;
 export interface ISwitchComponentDelegateOptions extends IFormFieldComponentDelegateOptions {
     id?: string;
     label?: string;

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

@@ -23,4 +23,4 @@ export declare const SWITCH_CONSTANTS: {
         SELECT: string;
     };
 };
-export declare type SwitchLabelPosition = 'start' | 'end';
+export type SwitchLabelPosition = 'start' | 'end';

package/esm/switch/switch.js

@@ -41,15 +41,6 @@ class ForgeMDCSwitch extends MDCSwitch {
  * @tag forge-switch
  */
 let SwitchComponent = class SwitchComponent extends BaseComponent {
-    constructor() {
-        super();
-        this._dense = false;
-        this._disabled = false;
-        this._selected = false;
-        this._labelPosition = 'end';
-        attachShadowTemplate(this, template, styles);
-        this._initialize();
-    }
     static get observedAttributes() {
         return [
             SWITCH_CONSTANTS.attributes.DENSE,
@@ -59,6 +50,15 @@ let SwitchComponent = class SwitchComponent extends BaseComponent {
             SWITCH_CONSTANTS.attributes.BUTTON_ARIA_LABEL
         ];
     }
+    constructor() {
+        super();
+        this._dense = false;
+        this._disabled = false;
+        this._selected = false;
+        this._labelPosition = 'end';
+        attachShadowTemplate(this, template, styles);
+        this._initialize();
+    }
     _initialize() {
         this._buttonElement = getShadowElement(this, SWITCH_CONSTANTS.selectors.BUTTON);
         this._containerElement = getShadowElement(this, SWITCH_CONSTANTS.selectors.CONTAINER);

package/esm/table/table.js

@@ -20,11 +20,6 @@ import { CellAlign } from './types';
  * @tag forge-table
  */
 let TableComponent = class TableComponent extends BaseComponent {
-    constructor() {
-        super();
-        IconRegistry.define(tylIconArrowDownward);
-        this._foundation = new TableFoundation(new TableAdapter(this));
-    }
     static get observedAttributes() {
         return [
             TABLE_CONSTANTS.attributes.SELECT,
@@ -45,6 +40,11 @@ let TableComponent = class TableComponent extends BaseComponent {
             TABLE_CONSTANTS.attributes.TOOLTIP_SELECT_ALL
         ];
     }
+    constructor() {
+        super();
+        IconRegistry.define(tylIconArrowDownward);
+        this._foundation = new TableFoundation(new TableAdapter(this));
+    }
     initializedCallback() {
         this._foundation.initialize();
     }

package/esm/table/types.d.ts

@@ -90,7 +90,7 @@ export interface ITableSortEventData {
     direction: SortDirection;
     columnIndex: number;
 }
-export declare type ITableSortMultipleEventData = ITableSortedMultipleEventDataItem[];
+export type ITableSortMultipleEventData = ITableSortedMultipleEventDataItem[];
 export interface ITableSortedMultipleEventDataItem extends ISortedItem {
 }
 export interface ITableColumnResizeEventData {
@@ -139,9 +139,9 @@ export declare enum TableFilterType {
     Date = "date",
     DateRange = "date-range"
 }
-export declare type TableFilterListener<T = any> = (value: T, columnIndex: number) => void;
-export declare type TableFilterDelegateFactory<T extends HTMLElement = any> = () => IFormFieldComponentDelegate<T> | IBaseComponentDelegate<HTMLElement>;
-export declare type TableLayoutType = 'auto' | 'fixed';
+export type TableFilterListener<T = any> = (value: T, columnIndex: number) => void;
+export type TableFilterDelegateFactory<T extends HTMLElement = any> = () => IFormFieldComponentDelegate<T> | IBaseComponentDelegate<HTMLElement>;
+export type TableLayoutType = 'auto' | 'fixed';
 export interface ITableFilterEventData<T = any> {
     value: T;
     columnIndex: number;

package/esm/tabs/tab/tab.js

@@ -17,11 +17,6 @@ const styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animatio
  * @tag forge-tab
  */
 let TabComponent = class TabComponent extends BaseComponent {
-    constructor() {
-        super();
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new TabFoundation(new TabAdapter(this));
-    }
     static get observedAttributes() {
         return [
             TAB_CONSTANTS.attributes.DISABLED,
@@ -29,6 +24,11 @@ let TabComponent = class TabComponent extends BaseComponent {
             TAB_CONSTANTS.attributes.STRETCH
         ];
     }
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new TabFoundation(new TabAdapter(this));
+    }
     connectedCallback() {
         this._foundation.initialize();
     }

package/esm/tabs/tab-bar/tab-bar.js

@@ -21,12 +21,6 @@ const styles = '.forge-icon-button{display:-webkit-inline-box;display:inline-fle
  * @tag forge-tab-bar
  */
 let TabBarComponent = class TabBarComponent extends BaseComponent {
-    constructor() {
-        super();
-        IconRegistry.define([tylIconKeyboardArrowLeft, tylIconKeyboardArrowRight]);
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new TabBarFoundation(new TabBarAdapter(this));
-    }
     static get observedAttributes() {
         return [
             TAB_BAR_CONSTANTS.attributes.ACTIVE_TAB,
@@ -39,6 +33,12 @@ let TabBarComponent = class TabBarComponent extends BaseComponent {
             TAB_BAR_CONSTANTS.attributes.FORCE_SCROLL_BUTTONS
         ];
     }
+    constructor() {
+        super();
+        IconRegistry.define([tylIconKeyboardArrowLeft, tylIconKeyboardArrowRight]);
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new TabBarFoundation(new TabBarAdapter(this));
+    }
     connectedCallback() {
         this._foundation.initialize();
     }

package/esm/text-field/text-field-component-delegate.d.ts

@@ -6,7 +6,7 @@
 import { IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate';
 import { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core/delegates/form-field-component-delegate';
 import { ITextFieldComponent } from './text-field';
-export declare type TextFieldComponentDelegateProps = Partial<ITextFieldComponent>;
+export type TextFieldComponentDelegateProps = Partial<ITextFieldComponent>;
 export interface ITextFieldComponentDelegateOptions extends IFormFieldComponentDelegateOptions {
     id?: string;
     label?: string;

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

@@ -3,7 +3,7 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-export declare type ThemeType = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
-export declare type ColorType = 'red' | 'pink' | 'purple' | 'deep-purple' | 'indigo' | 'blue' | 'light-blue' | 'cyan' | 'teal' | 'green' | 'light-green' | 'lime' | 'yellow' | 'amber' | 'orange' | 'deep-orange' | 'brown' | 'grey' | 'blue-grey';
+export type ThemeType = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
+export type ColorType = 'red' | 'pink' | 'purple' | 'deep-purple' | 'indigo' | 'blue' | 'light-blue' | 'cyan' | 'teal' | 'green' | 'light-green' | 'lime' | 'yellow' | 'amber' | 'orange' | 'deep-orange' | 'brown' | 'grey' | 'blue-grey';
 export declare function getThemeColor(type: ThemeType): string;
 export declare function getColor(type: ColorType, hue?: string): string;

package/esm/time-picker/time-picker-component-delegate.d.ts

@@ -7,7 +7,7 @@ import { IBaseComponentDelegateConfig } from '../core/delegates/base-component-d
 import { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core/delegates/form-field-component-delegate';
 import { ITextFieldComponent, ITextFieldComponentDelegateConfig } from '../text-field';
 import { ITimePickerComponent } from './time-picker';
-export declare type TimePickerComponentDelegateProps = Partial<ITimePickerComponent>;
+export type TimePickerComponentDelegateProps = Partial<ITimePickerComponent>;
 export interface ITimePickerComponentDelegateOptions extends IFormFieldComponentDelegateOptions {
     textFieldDelegateConfig?: ITextFieldComponentDelegateConfig;
 }

package/esm/time-picker/time-picker-constants.d.ts

@@ -43,12 +43,12 @@ export declare const TIME_PICKER_CONSTANTS: {
         MAX_DAY_MINUTES: number;
     };
 };
-export declare type TimePickerValidationCallback = (time: string) => boolean;
-export declare type TimePickerParseCallback = (time: string) => number | null;
-export declare type TimePickerFormatCallback = (value: number | null) => string;
-export declare type TimePickerCustomOptionCallback<T> = (value: T, use24HourTime: boolean, allowSeconds: boolean) => number;
-export declare type TimePickerCoercionCallback = (rawValue: string, coercedValue: string, allowSeconds: boolean) => string;
-export declare type TimePickerPrepareMaskCallback = (value: string, masked: Masked<string>, flags: IMask.AppendFlags, maskInstance: InputMask<IMask.AnyMaskedOptions>) => string;
+export type TimePickerValidationCallback = (time: string) => boolean;
+export type TimePickerParseCallback = (time: string) => number | null;
+export type TimePickerFormatCallback = (value: number | null) => string;
+export type TimePickerCustomOptionCallback<T> = (value: T, use24HourTime: boolean, allowSeconds: boolean) => number;
+export type TimePickerCoercionCallback = (rawValue: string, coercedValue: string, allowSeconds: boolean) => string;
+export type TimePickerPrepareMaskCallback = (value: string, masked: Masked<string>, flags: IMask.AppendFlags, maskInstance: InputMask<IMask.AnyMaskedOptions>) => string;
 export interface ITimePickerOption<T = any> extends IListDropdownOption<T> {
     toMilliseconds: TimePickerCustomOptionCallback<T>;
 }

package/esm/time-picker/time-picker.js

@@ -24,12 +24,6 @@ const styles = ':host{display:block}:host([hidden]){display:none}';
  * @tag forge-time-picker
  */
 let TimePickerComponent = class TimePickerComponent extends BaseComponent {
-    constructor() {
-        super();
-        IconRegistry.define([tylIconClockOutline, tylIconClose]);
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new TimePickerFoundation(new TimePickerAdapter(this));
-    }
     static get observedAttributes() {
         return [
             TIME_PICKER_CONSTANTS.attributes.VALUE,
@@ -51,6 +45,12 @@ let TimePickerComponent = class TimePickerComponent extends BaseComponent {
             TIME_PICKER_CONSTANTS.attributes.ALLOW_DROPDOWN
         ];
     }
+    constructor() {
+        super();
+        IconRegistry.define([tylIconClockOutline, tylIconClose]);
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new TimePickerFoundation(new TimePickerAdapter(this));
+    }
     connectedCallback() {
         if (this.querySelector(TIME_PICKER_CONSTANTS.selectors.INPUT)) {
             this._foundation.initialize();

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

@@ -54,5 +54,5 @@ export declare const TOAST_CONSTANTS: {
         BOTTOM_RIGHT_MARGIN_BOTTOM: string;
     };
 };
-export declare type ToastBuilder = () => HTMLElement | string;
-export declare type ToastPlacement = PopupPlacement;
+export type ToastBuilder = () => HTMLElement | string;
+export type ToastPlacement = PopupPlacement;

package/esm/toast/toast.js

@@ -21,12 +21,6 @@ const styles = '.mdc-elevation-overlay{position:absolute;border-radius:inherit;p
  * @tag forge-toast
  */
 let ToastComponent = class ToastComponent extends BaseComponent {
-    constructor() {
-        super();
-        IconRegistry.define(tylIconClose);
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new ToastFoundation(new ToastAdapter(this));
-    }
     static get observedAttributes() {
         return [
             TOAST_CONSTANTS.attributes.MESSAGE,
@@ -36,6 +30,12 @@ let ToastComponent = class ToastComponent extends BaseComponent {
             TOAST_CONSTANTS.attributes.SHOW_CLOSE
         ];
     }
+    constructor() {
+        super();
+        IconRegistry.define(tylIconClose);
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new ToastFoundation(new ToastAdapter(this));
+    }
     initializedCallback() {
         this._foundation.initialize();
     }

package/esm/toolbar/toolbar.js

@@ -15,17 +15,17 @@ const styles = '.forge-toolbar{background-color:#fff;background-color:var(--mdc-
  * @tag forge-toolbar
  */
 let ToolbarComponent = class ToolbarComponent extends BaseComponent {
+    static get observedAttributes() {
+        return [
+            TOOLBAR_CONSTANTS.attributes.INVERTED
+        ];
+    }
     constructor() {
         super();
         this._inverted = false;
         attachShadowTemplate(this, template, styles);
         this._rootElement = getShadowElement(this, TOOLBAR_CONSTANTS.selectors.TOOLBAR);
     }
-    static get observedAttributes() {
-        return [
-            TOOLBAR_CONSTANTS.attributes.INVERTED
-        ];
-    }
     connectedCallback() {
         this._initialize();
     }

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

@@ -32,4 +32,4 @@ export declare const TOOLTIP_CONSTANTS: {
         DEFAULT_POSITION: string;
     };
 };
-export declare type TooltipBuilder = () => HTMLElement;
+export type TooltipBuilder = () => HTMLElement;

package/esm/tooltip/tooltip.js

@@ -15,10 +15,6 @@ import { BaseComponent } from '../core/base/base-component';
  * @tag forge-tooltip
  */
 let TooltipComponent = class TooltipComponent extends BaseComponent {
-    constructor() {
-        super();
-        this._foundation = new TooltipFoundation(new TooltipAdapter(this));
-    }
     static get observedAttributes() {
         return [
             TOOLTIP_CONSTANTS.attributes.TEXT,
@@ -27,6 +23,10 @@ let TooltipComponent = class TooltipComponent extends BaseComponent {
             TOOLTIP_CONSTANTS.attributes.POSITION
         ];
     }
+    constructor() {
+        super();
+        this._foundation = new TooltipFoundation(new TooltipAdapter(this));
+    }
     connectedCallback() {
         hideElementVisually(this);
         requestAnimationFrame(() => this._foundation.initialize());

package/esm/utils/color-utils.js

@@ -23,6 +23,7 @@ export function getTextColor(text) {
     if (!text || typeof text !== 'string') {
         text = '';
     }
+    text = text.toUpperCase();
     let color;
     if (text.charCodeAt(0) < 65) {
         color = randomHexColor();

package/esm/view-switcher/view-switcher.js

@@ -18,17 +18,17 @@ const styles = '.forge-view-switcher{height:auto;height:var(--forge-view-switche
  * @tag forge-view-switcher
  */
 let ViewSwitcherComponent = class ViewSwitcherComponent extends BaseComponent {
-    constructor() {
-        super();
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new ViewSwitcherFoundation(new ViewSwitcherAdapter(this));
-    }
     static get observedAttributes() {
         return [
             VIEW_SWITCHER_CONSTANTS.attributes.INDEX,
             VIEW_SWITCHER_CONSTANTS.attributes.ANIMATION_TYPE
         ];
     }
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new ViewSwitcherFoundation(new ViewSwitcherAdapter(this));
+    }
     connectedCallback() {
         // upgradeProperty(this, 'index');
         this._foundation.initialize();