@tylertech/forge 2.13.2 → 2.14.0-dev.1

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

@@ -10,7 +10,7 @@ import { CircularProgressFoundation } from './circular-progress-foundation';
 import { CIRCULAR_PROGRESS_CONSTANTS } from './circular-progress-constants';
 import { BaseComponent } from '../core/base/base-component';
 const template = '<template><div class=\"mdc-circular-progress mdc-circular-progress--indeterminate\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"1\" part=\"root\"><slot></slot><div class=\"mdc-circular-progress__determinate-container\" part=\"determinate-container\"><svg class=\"mdc-circular-progress__determinate-circle-graphic\" viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\" part=\"determinate-svg\"><circle class=\"mdc-circular-progress__determinate-track\" cx=\"24\" cy=\"24\" r=\"18\" stroke-width=\"4\" part=\"determinate-svg-circle-track\"/><circle class=\"mdc-circular-progress__determinate-circle\" cx=\"24\" cy=\"24\" r=\"18\" stroke-dasharray=\"113.097\" stroke-dashoffset=\"113.097\" stroke-width=\"4\" part=\"determinate-svg-circle\"/></svg></div><div class=\"mdc-circular-progress__indeterminate-container\" part=\"indeterminate-container\"><div class=\"mdc-circular-progress__spinner-layer\" part=\"spinner-container\"><div class=\"mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left\" part=\"spinner-circle-left\"><svg class=\"mdc-circular-progress__indeterminate-circle-graphic\" viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\" part=\"spinner-circle-left-svg\"><circle cx=\"24\" cy=\"24\" r=\"18\" stroke-dasharray=\"113.097\" stroke-dashoffset=\"56.549\" stroke-width=\"4\" part=\"spinner-circle-left-svg-circle\"/></svg></div><div class=\"mdc-circular-progress__gap-patch\" part=\"spinner-gap\"><svg class=\"mdc-circular-progress__indeterminate-circle-graphic\" viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\" part=\"spinner-gap-svg\"><circle cx=\"24\" cy=\"24\" r=\"18\" stroke-dasharray=\"113.097\" stroke-dashoffset=\"56.549\" stroke-width=\"3.2\" part=\"spinner-gap-svg-circle\"/></svg></div><div class=\"mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right\" part=\"spinner-circle-right\"><svg class=\"mdc-circular-progress__indeterminate-circle-graphic\" viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\" part=\"spinner-circle-right-svg\"><circle cx=\"24\" cy=\"24\" r=\"18\" stroke-dasharray=\"113.097\" stroke-dashoffset=\"56.549\" stroke-width=\"4\" part=\"spinner-circle-right-svg-circle\"/></svg></div></div></div></div></template>';
-const styles = '.mdc-circular-progress__determinate-circle,.mdc-circular-progress__indeterminate-circle-graphic{stroke:#3d5afe;stroke:var(--forge-theme-tertiary,#3d5afe)}.mdc-circular-progress__determinate-track{stroke:transparent;stroke:var(--forge-circular-progress-track-color,transparent)}@-webkit-keyframes mdc-circular-progress-container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mdc-circular-progress-container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@-webkit-keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@-webkit-keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@-webkit-keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@-webkit-keyframes mdc-circular-progress-left-spin{from{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}to{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@keyframes mdc-circular-progress-left-spin{from{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}to{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@-webkit-keyframes mdc-circular-progress-right-spin{from{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}50%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}to{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}}@keyframes mdc-circular-progress-right-spin{from{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}50%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}to{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}}.mdc-circular-progress{height:72px;height:var(--forge-circular-progress-size,72px);width:72px;width:var(--forge-circular-progress-size,72px);display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;direction:ltr;-webkit-transition:opacity 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:opacity 250ms 0s cubic-bezier(.4, 0, .6, 1)}.mdc-circular-progress circle{stroke-width:4;stroke-width:var(--forge-circular-progress-stroke-width,4)}.mdc-circular-progress ::slotted(*){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit)}.mdc-circular-progress__determinate-container,.mdc-circular-progress__indeterminate-circle-graphic,.mdc-circular-progress__indeterminate-container,.mdc-circular-progress__spinner-layer{position:absolute;width:100%;height:100%}.mdc-circular-progress__determinate-container{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mdc-circular-progress__indeterminate-container{font-size:0;letter-spacing:0;white-space:nowrap;opacity:0}.mdc-circular-progress__determinate-circle-graphic,.mdc-circular-progress__indeterminate-circle-graphic{fill:transparent}.mdc-circular-progress__determinate-circle{-webkit-transition:stroke-dashoffset .5s 0s cubic-bezier(0, 0, .2, 1);transition:stroke-dashoffset .5s 0s cubic-bezier(0, 0, .2, 1)}.mdc-circular-progress__gap-patch{position:absolute;top:0;left:47.5%;-webkit-box-sizing:border-box;box-sizing:border-box;width:5%;height:100%;overflow:hidden}.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic{left:-900%;width:2000%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mdc-circular-progress__circle-clipper{display:-webkit-inline-box;display:inline-flex;position:relative;width:50%;height:100%;overflow:hidden}.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic{width:200%}.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{left:-100%}.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container{opacity:0}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{opacity:1}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{-webkit-animation:mdc-circular-progress-container-rotate 1.568s linear infinite;animation:mdc-circular-progress-container-rotate 1.568s linear infinite}.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--closed{opacity:0}';
+const styles = '.mdc-circular-progress__determinate-circle,.mdc-circular-progress__indeterminate-circle-graphic{stroke:#3d5afe;stroke:var(--forge-theme-tertiary,#3d5afe)}.mdc-circular-progress__determinate-track{stroke:transparent;stroke:var(--forge-circular-progress-track-color,transparent)}@-webkit-keyframes mdc-circular-progress-container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mdc-circular-progress-container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@-webkit-keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@-webkit-keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@-webkit-keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@-webkit-keyframes mdc-circular-progress-left-spin{from{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}to{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@keyframes mdc-circular-progress-left-spin{from{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}to{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@-webkit-keyframes mdc-circular-progress-right-spin{from{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}50%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}to{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}}@keyframes mdc-circular-progress-right-spin{from{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}50%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}to{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}}.mdc-circular-progress{height:72px;height:var(--forge-circular-progress-size,72px);width:72px;width:var(--forge-circular-progress-size,72px);display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;direction:ltr;-webkit-transition:opacity 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:opacity 250ms 0s cubic-bezier(.4, 0, .6, 1)}.mdc-circular-progress circle{stroke-width:4;stroke-width:var(--forge-circular-progress-stroke-width,4)}.mdc-circular-progress ::slotted(*){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit)}.mdc-circular-progress__determinate-container,.mdc-circular-progress__indeterminate-circle-graphic,.mdc-circular-progress__indeterminate-container,.mdc-circular-progress__spinner-layer{position:absolute;width:100%;height:100%}.mdc-circular-progress__determinate-container{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mdc-circular-progress__indeterminate-container{font-size:0;letter-spacing:0;white-space:nowrap;opacity:0}.mdc-circular-progress__determinate-circle-graphic,.mdc-circular-progress__indeterminate-circle-graphic{fill:transparent}.mdc-circular-progress__determinate-circle{-webkit-transition:stroke-dashoffset .5s 0s cubic-bezier(0, 0, .2, 1);transition:stroke-dashoffset .5s 0s cubic-bezier(0, 0, .2, 1)}.mdc-circular-progress__gap-patch{position:absolute;top:0;left:47.5%;-webkit-box-sizing:border-box;box-sizing:border-box;width:5%;height:100%;overflow:hidden}.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic{left:-900%;width:2000%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mdc-circular-progress__circle-clipper{display:-webkit-inline-box;display:inline-flex;position:relative;width:50%;height:100%;overflow:hidden}.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic{width:200%}.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{left:-100%}.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container{opacity:0}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{opacity:1}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{-webkit-animation:mdc-circular-progress-container-rotate 1.568s linear infinite;animation:mdc-circular-progress-container-rotate 1.568s linear infinite}.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic{-webkit-animation:mdc-circular-progress-left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{-webkit-animation:mdc-circular-progress-right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--closed{opacity:0}';
 /**
  * The web component class behind the `<forge-circular-progress>` custom element.
  *

package/esm/color-picker/color-picker-foundation.d.ts

@@ -26,6 +26,7 @@ export declare class ColorPickerFoundation implements IColorPickerFoundation {
     private _gradientSlider;
     private _hueSlider;
     private _opacitySlider;
+    private _initialized;
     private _gradientSliderChangedListener;
     private _hueSliderChangedListener;
     private _opacitySliderChangedListener;

package/esm/color-picker/color-picker-foundation.js

@@ -18,6 +18,7 @@ export class ColorPickerFoundation {
         this._rgba = { r: 0, g: 0, b: 0, a: 1 };
         this._debounceChangeEvent = false;
         this._valueType = ColorPickerValueType.HEX;
+        this._initialized = false;
         this._gradientSliderChangedListener = (x, y) => this._onGradientSliderChanged(x, y);
         this._hueSliderChangedListener = value => this._onHueSliderChanged(value);
         this._opacitySliderChangedListener = value => this._onOpacitySliderChanged(value);
@@ -27,6 +28,7 @@ export class ColorPickerFoundation {
         this._hsvaInputChangedListener = evt => this._onHsvaInputChanged();
     }
     initialize() {
+        this._initialized = true;
         this._applyChangeEventTrigger();
         this._adapter.setTypeClickListener(this._typeClickListener);
         this._adapter.setHexInputListener('input', this._hexInputChangedListener);
@@ -47,6 +49,7 @@ export class ColorPickerFoundation {
         this._gradientSlider.destroy();
         this._hueSlider.destroy();
         this._opacitySlider.destroy();
+        this._initialized = false;
     }
     _applyChangeEventTrigger() {
         if (this._debounceChangeEvent) {
@@ -100,10 +103,12 @@ export class ColorPickerFoundation {
     _setColorFromHex() {
         this._rgba = hexToRgba(this._hex);
         this._hsva = rgbaToHsva(this._rgba);
-        this._gradientSlider.setValue(this._hsva.s, this._hsva.v);
-        this._hueSlider.setValue(parseFloat((this._hsva.h / 360).toFixed(2)));
-        this._opacitySlider.setValue(this._hsva.a);
-        this._render();
+        if (this._initialized) {
+            this._gradientSlider.setValue(this._hsva.s, this._hsva.v);
+            this._hueSlider.setValue(parseFloat((this._hsva.h / 360).toFixed(2)));
+            this._opacitySlider.setValue(this._hsva.a);
+            this._render();
+        }
     }
     _onGradientSliderChanged(x, y) {
         this._hsva.s = x;
@@ -206,9 +211,11 @@ export class ColorPickerFoundation {
             if (value != null && this._allowOpacity) {
                 if (value >= 0 && value <= 1) {
                     this._hsva.a = value;
-                    this._opacitySlider.setValue(this._hsva.a);
                     this._syncColors();
-                    this._render();
+                    if (this._initialized) {
+                        this._opacitySlider.setValue(this._hsva.a);
+                        this._render();
+                    }
                 }
                 else {
                     console.warn(`The provided opacity value (${value}) must be between 0 and 1.`);
@@ -221,7 +228,9 @@ export class ColorPickerFoundation {
     }
     set allowOpacity(value) {
         this._allowOpacity = value;
-        this._initializeOpacity();
+        if (this._initialized) {
+            this._initializeOpacity();
+        }
     }
     get debounceChangeEvent() {
         return this._debounceChangeEvent;
@@ -229,7 +238,9 @@ export class ColorPickerFoundation {
     set debounceChangeEvent(value) {
         if (this._debounceChangeEvent !== value) {
             this._debounceChangeEvent = value;
-            this._applyChangeEventTrigger();
+            if (this._initialized) {
+                this._applyChangeEventTrigger();
+            }
         }
     }
 }

package/esm/core/mask/intermediate-time-parser.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { InputMask } from 'imask';
+import { TimeSegmentType } from './time-segment-parser';
+export declare const SEGMENT_CURSOR_POSITION: {
+    'hours-start': number;
+    'hours-end': number;
+    'minutes-start': number;
+    'minutes-end': number;
+    'seconds-start': number;
+    'seconds-end': number;
+    'meridiem-start': number;
+    'meridiem-end': number;
+};
+export declare class IntermediateTimeParser {
+    private _char;
+    private _mask;
+    private segmentParser;
+    constructor(_char: string, _mask: InputMask<IMask.AnyMaskedOptions>);
+    get value(): string;
+    get numChar(): number;
+    get asPaddedChar(): string;
+    private _normalizeTimeString;
+    get isAllSelected(): boolean;
+    /** Determines if this is the first non-zero hours character being entered. */
+    get isFirstHoursChar(): boolean;
+    /** Determines if this is the first minutes char being entered */
+    get isFirstMinutesChar(): boolean;
+    get isFirstSecondsChar(): boolean;
+    get isFinalHoursChar(): boolean;
+    get isFinalMinutesChar(): boolean;
+    get isFinalSecondsChar(): boolean;
+    get isInitialHoursEntry(): boolean;
+    get hasOnlyHoursSegment(): boolean;
+    get hoursSegmentNum(): number;
+    get minutesSegmentNum(): number;
+    get secondsSegmentNum(): number;
+    get canOverwriteHoursChar(): boolean;
+    get canOverwriteMinutesChar(): boolean;
+    get canOverwriteSecondsChar(): boolean;
+    reset(): void;
+    patchSegmentValue(type: TimeSegmentType, value: string, { overwrite }?: {
+        overwrite?: boolean | undefined;
+    }): string;
+    applyValue(value: string, cursorPos?: keyof typeof SEGMENT_CURSOR_POSITION): void;
+}

package/esm/core/mask/intermediate-time-parser.js

@@ -0,0 +1,106 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { TimeSegmentParser } from './time-segment-parser';
+export const SEGMENT_CURSOR_POSITION = {
+    'hours-start': 0,
+    'hours-end': 2,
+    'minutes-start': 3,
+    'minutes-end': 5,
+    'seconds-start': 6,
+    'seconds-end': 8,
+    'meridiem-start': 9,
+    'meridiem-end': 11
+};
+export class IntermediateTimeParser {
+    constructor(_char, _mask) {
+        this._char = _char;
+        this._mask = _mask;
+        this.segmentParser = new TimeSegmentParser(this._mask.value);
+    }
+    get value() {
+        return this.isAllSelected ? '' : this._normalizeTimeString(this._mask.value);
+    }
+    get numChar() {
+        return Number(this._char);
+    }
+    get asPaddedChar() {
+        return String(this.numChar).padStart(2, '0');
+    }
+    _normalizeTimeString(str) {
+        // Remove all whitespace and placeholder chars
+        let value = str.replace(/\s+|_/g, '');
+        // If the time value only contains separator chars (:) then we can assume it's empty (applicable when the mask format is visible)
+        if (/^:+$/.test(value)) {
+            value = '';
+        }
+        return value;
+    }
+    get isAllSelected() {
+        // eslint-disable-next-line @typescript-eslint/dot-notation
+        const { start, end } = this._mask['_selection'];
+        return start === 0 && end > 0 && end === this._mask.value.length;
+    }
+    /** Determines if this is the first non-zero hours character being entered. */
+    get isFirstHoursChar() {
+        return this._mask.cursorPos === 1 && this.numChar > 0;
+    }
+    /** Determines if this is the first minutes char being entered */
+    get isFirstMinutesChar() {
+        return [3, 4].includes(this._mask.cursorPos) && this.segmentParser.minutes.length !== 2;
+    }
+    get isFirstSecondsChar() {
+        return [6, 7].includes(this._mask.cursorPos) && this.segmentParser.seconds.length !== 2;
+    }
+    get isFinalHoursChar() {
+        return this._mask.cursorPos === 3 && this.segmentParser.hours.length === 2;
+    }
+    get isFinalMinutesChar() {
+        return this._mask.cursorPos === 6 && this.segmentParser.minutes.length === 2;
+    }
+    get isFinalSecondsChar() {
+        return this._mask.cursorPos === 9 && this.segmentParser.seconds.length === 2;
+    }
+    get isInitialHoursEntry() {
+        return this.segmentParser.hours.length === 0;
+    }
+    get hasOnlyHoursSegment() {
+        return !!this.segmentParser.hours && !this.segmentParser.minutes && !this.segmentParser.seconds;
+    }
+    get hoursSegmentNum() {
+        return Number(this.segmentParser.hours);
+    }
+    get minutesSegmentNum() {
+        return Number(this.segmentParser.minutes);
+    }
+    get secondsSegmentNum() {
+        return Number(this.segmentParser.seconds);
+    }
+    get canOverwriteHoursChar() {
+        return this._mask.cursorPos === 3 && !!this.segmentParser.hours.length && this.hoursSegmentNum < 3;
+    }
+    get canOverwriteMinutesChar() {
+        return [5, 6].includes(this._mask.cursorPos) && !!this.segmentParser.minutes.length && this.minutesSegmentNum < 60;
+    }
+    get canOverwriteSecondsChar() {
+        return [8, 9].includes(this._mask.cursorPos) && !!this.segmentParser.seconds.length && this.secondsSegmentNum < 60;
+    }
+    reset() {
+        this.segmentParser.applyValue('');
+    }
+    patchSegmentValue(type, value, { overwrite = false } = {}) {
+        if (overwrite) {
+            this.reset();
+        }
+        this.segmentParser.patchSegmentValue(type, value);
+        return this.segmentParser.toString();
+    }
+    applyValue(value, cursorPos) {
+        this._mask.unmaskedValue = value;
+        if (cursorPos !== undefined) {
+            window.requestAnimationFrame(() => this._mask.updateCursor(SEGMENT_CURSOR_POSITION[cursorPos]));
+        }
+    }
+}

package/esm/core/mask/time-input-mask.d.ts

@@ -29,7 +29,6 @@ export declare class TimeInputMask {
     private _createOptions;
     private _prepare;
     private _prepareDefault;
-    private _setMaskedValueAdjusted;
     private _getMaskFormat;
     get maskedValue(): string;
     set maskedValue(value: string);

package/esm/core/mask/time-input-mask.js

@@ -3,8 +3,9 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import { InputMask, createMask, MaskedEnum } from 'imask';
 import { isNumeric } from '@tylertech/forge-core';
+import { createMask, InputMask, MaskedEnum } from 'imask';
+import { IntermediateTimeParser } from './intermediate-time-parser';
 export const TWELVE_HOUR_TIME_MASK = '0`0{:}`0`0 `AM';
 export const TWELVE_HOUR_TIME_MASK_WITH_SECONDS = '0`0{:}`0`0{:}`0`0 `AM';
 export const TWENTY_FOUR_HOUR_TIME_MASK = '0`0{:}`0`0';
@@ -57,90 +58,110 @@ export class TimeInputMask {
         };
     }
     _prepare(value, masked, flags, maskInstance) {
+        var _a;
         if (typeof this._options.prepareCallback === 'function') {
             return this._options.prepareCallback.call(null, value, masked, flags, this._mask);
         }
-        return this._prepareDefault(value, masked, flags, maskInstance).toUpperCase();
-    }
-    _prepareDefault(value, masked, flags, maskInstance) {
         if (!flags.input || !value.length || !maskInstance) {
-            return value;
+            return value.toUpperCase();
         }
+        // Whenever we paste text we don't care to send it through our custom prepare logic,
+        // so just return the character being processed.
         // eslint-disable-next-line @typescript-eslint/dot-notation
-        const isAllSelected = maskInstance['_selection'] && maskInstance['_selection'].end === 8;
-        const currentValue = isAllSelected ? '' : maskInstance.value;
-        if (!isNumeric(value)) {
+        if (((_a = maskInstance['_inputEvent']) === null || _a === void 0 ? void 0 : _a.inputType) !== 'insertText') {
+            return value;
+        }
+        return this._prepareDefault(value, maskInstance).toUpperCase();
+    }
+    _prepareDefault(char, maskInstance) {
+        const parser = new IntermediateTimeParser(char, maskInstance);
+        // Handle non-numeric character entry here
+        if (!isNumeric(char)) {
             // Before we ignore this character let's do some checks for common scenarios where the user enters a colon to help with coercion
-            if (value === ':') {
-                const isFinalHoursChar = maskInstance.cursorPos === 2 && currentValue.length === 1;
-                if (isFinalHoursChar) {
+            if (char === ':') {
+                if (parser.isFinalHoursChar) {
                     // The user attempted to press the colon key after entering a single hour character so let's pad the value
-                    this._setMaskedValueAdjusted(currentValue.padStart(2, '0'), 3);
-                    return ':';
+                    const newValue = parser.patchSegmentValue('hours', parser.value);
+                    parser.applyValue(newValue, 'minutes-start');
+                    return char;
                 }
-                const isFinalMinutesChar = maskInstance.cursorPos === 5 && currentValue.length === 4;
-                if (isFinalMinutesChar) {
+                if (parser.isFinalMinutesChar) {
                     // The user attempted to press the colon key after entering a single minute character so let's pad the value
-                    const newValue = `${currentValue.substring(0, 3)}${currentValue[3].padStart(2, '0').padStart(2, '0')}`;
-                    this._setMaskedValueAdjusted(newValue, 3);
-                    return ':';
+                    const newValue = parser.patchSegmentValue('minutes', String(parser.minutesSegmentNum));
+                    parser.applyValue(newValue, this._options.showSeconds ? 'seconds-start' : 'minutes-end');
+                    return char;
                 }
-                if (this._options.showSeconds) {
-                    const isFinalSecondsChar = maskInstance.cursorPos === 8 && currentValue.length === 6;
-                    if (isFinalSecondsChar) {
-                        // The user attempted to press the colon key after entering a single second character so let's pad the value
-                        const newValue = `${currentValue.substring(0, 6)}${currentValue[5].padStart(2, '0')}${currentValue.slice(8)}`;
-                        this._setMaskedValueAdjusted(newValue, 3);
-                        return ':';
-                    }
+                if (this._options.showSeconds && parser.isFinalSecondsChar) {
+                    // The user attempted to press the colon key after entering a single second character so let's pad the value
+                    const newValue = parser.patchSegmentValue('seconds', String(parser.secondsSegmentNum));
+                    parser.applyValue(newValue, 'meridiem-start');
+                    return char;
                 }
             }
-            return value;
+            return char;
         }
-        const numValue = +value;
-        // Attempt to pad a leading zero to the hours segment
-        const isFirstHourChar = maskInstance.cursorPos === 1 && numValue > 2;
-        if (isFirstHourChar) {
+        // If all of the text is selected, we can safely assume the whole value is being overwritten
+        if (parser.isAllSelected) {
+            parser.reset();
+        }
+        // Attempt to pad a leading zero to the hours segment on initial entry only
+        if (parser.isInitialHoursEntry && parser.isFirstHoursChar) {
             // Replace just the hours segment with the padded value and update cursor position
-            const newValue = `${String(numValue).padStart(2, '0')}${currentValue.slice(2)}`;
-            this._setMaskedValueAdjusted(newValue, 3);
+            const newValue = parser.patchSegmentValue('hours', parser.asPaddedChar);
+            parser.applyValue(newValue, 'hours-end');
             return ':';
         }
+        // Attempt to overwrite the hours (w/leading zero)
+        if (parser.hasOnlyHoursSegment && parser.canOverwriteHoursChar) {
+            const numNewHour = +`${parser.hoursSegmentNum}${parser.numChar}`;
+            if (numNewHour <= 12 || (this._options.use24HourTime && numNewHour <= 23)) {
+                // Overwrite the hours segment with the entered char concatenated with the previous entry value
+                const newValue = parser.patchSegmentValue('hours', String(numNewHour));
+                parser.applyValue(newValue, 'minutes-start');
+                return ':';
+            }
+        }
+        // Check if we are entering the last hour value and automatically move to the minutes segment for next entry
+        if (parser.value.length + 1 === 2) {
+            return `${char}:`;
+        }
         // Attempt to pad a leading zero to the minutes segment
-        const isFirstMinuteChar = (maskInstance.cursorPos === 3 || maskInstance.cursorPos === 4) && numValue > 5;
-        if (isFirstMinuteChar) {
+        if (parser.isFirstMinutesChar) {
             // Replace just the minute segment with the padded value and update cursor position
-            const newValue = `${currentValue.substring(0, 3)}${String(numValue).padStart(2, '0')}${currentValue.slice(5)}`;
-            this._setMaskedValueAdjusted(newValue, 3);
+            const newValue = parser.patchSegmentValue('minutes', parser.asPaddedChar);
+            parser.applyValue(newValue, 'minutes-end');
             return ':';
         }
-        // Attempt to pad a leading zero to the seconds segment
-        if (this._options.showSeconds) {
-            const isFirstSecondChar = (maskInstance.cursorPos === 6 || maskInstance.cursorPos === 7) && numValue > 5;
-            if (isFirstSecondChar) {
-                // Replace just the second segment with the padded value and update cursor position
-                const newValue = `${currentValue.substring(0, 6)}${String(numValue).padStart(2, '0')}${currentValue.slice(8)}`;
-                this._setMaskedValueAdjusted(newValue, 3);
+        // Attempt to overwrite the minutes (w/leading zero)
+        if (parser.canOverwriteMinutesChar) {
+            const numNewMins = +`${parser.minutesSegmentNum}${parser.numChar}`;
+            if (numNewMins < 60) {
+                // Overwrite the hours segment with the entered char concatenated with the previous entry value
+                const newValue = parser.patchSegmentValue('minutes', String(numNewMins));
+                parser.applyValue(newValue, 'minutes-end');
                 return ':';
             }
         }
-        // Attempt to automatically add a colon after the hours or minutes segment is complete and/or move cursor to after colon
-        if (!this._options.showMaskFormat && (maskInstance.cursorPos === 2 || (this._options.showSeconds && maskInstance.cursorPos === 5))) {
-            let newValue;
-            if (maskInstance.cursorPos === 2) {
-                newValue = `${currentValue.substring(0, 1)}${numValue}:${currentValue.slice(3)}`;
+        if (this._options.showSeconds) {
+            // Attempt to pad a leading zero to the seconds segment
+            if (parser.isFirstSecondsChar) {
+                // Replace just the seconds segment with the padded value and update cursor position
+                const newValue = parser.patchSegmentValue('seconds', parser.asPaddedChar);
+                parser.applyValue(newValue, 'seconds-end');
+                return ':';
             }
-            else {
-                newValue = `${currentValue.substring(0, 4)}${numValue}:${currentValue.slice(6)}`;
+            // Attempt to overwrite the seconds (w/leading zero)
+            if (parser.canOverwriteSecondsChar) {
+                const numNewSeconds = +`${parser.secondsSegmentNum}${parser.numChar}`;
+                if (numNewSeconds < 60) {
+                    // Overwrite the seconds segment with the entered char concatenated with the previous entry value
+                    const newValue = parser.patchSegmentValue('seconds', String(numNewSeconds));
+                    parser.applyValue(newValue, 'seconds-end');
+                    return ':';
+                }
             }
-            this._setMaskedValueAdjusted(newValue, 2);
-            return '';
         }
-        return value;
-    }
-    _setMaskedValueAdjusted(value, position) {
-        this._mask.unmaskedValue = value;
-        window.requestAnimationFrame(() => this._mask.updateCursor(this._mask.cursorPos + position));
+        return char;
     }
     _getMaskFormat() {
         if (this._options.use24HourTime) {

package/esm/core/mask/time-segment-parser.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export declare type TimeSegmentType = 'hours' | 'minutes' | 'seconds' | 'meridiem';
+export interface ISegmentDescriptor {
+    segment: TimeSegmentType;
+    value: string;
+}
+export declare class TimeSegmentParser {
+    private _segments;
+    constructor(timeStr: string);
+    get hours(): string;
+    get minutes(): string;
+    get seconds(): string;
+    get meridiem(): string;
+    applyValue(timeStr: string): void;
+    patchSegmentValue(type: TimeSegmentType, value: string): string;
+    toString(): string;
+    private _parseSegments;
+}

package/esm/core/mask/time-segment-parser.js

@@ -0,0 +1,46 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+const SEGMENT_INDEX_DICT = {
+    hours: 0,
+    minutes: 1,
+    seconds: 2,
+    meridiem: 3
+};
+export class TimeSegmentParser {
+    constructor(timeStr) {
+        this._segments = this._parseSegments(timeStr);
+    }
+    get hours() {
+        return this._segments[SEGMENT_INDEX_DICT.hours];
+    }
+    get minutes() {
+        return this._segments[SEGMENT_INDEX_DICT.minutes];
+    }
+    get seconds() {
+        return this._segments[SEGMENT_INDEX_DICT.seconds];
+    }
+    get meridiem() {
+        return this._segments[SEGMENT_INDEX_DICT.meridiem];
+    }
+    applyValue(timeStr) {
+        this._segments = this._parseSegments(timeStr);
+    }
+    patchSegmentValue(type, value) {
+        const index = SEGMENT_INDEX_DICT[type];
+        this._segments[index] = value.padStart(2, '0');
+        return this._segments[index];
+    }
+    toString() {
+        const [hours, minutes, seconds, meridiem] = this._segments;
+        const timeStr = [hours, minutes, seconds].filter(v => !!v.length);
+        return `${timeStr.join(':')}${meridiem}`;
+    }
+    _parseSegments(timeStr) {
+        const [time, meridiem = ''] = timeStr.trim().replace(/\s+|_/g, '').split(/([AaPp][Mm]?)/);
+        const [hours = '', minutes = '', seconds = ''] = time.split(':');
+        return [hours, minutes, seconds, meridiem];
+    }
+}

package/esm/core/utils/date-utils.js

@@ -46,7 +46,7 @@ export function parseDateString(value) {
     }
     // Trap for the case where only 3 digit years are entered
     if (typeof year === 'string' && year.length === 3) {
-        year = year.padEnd(4, '0');
+        year = year.padStart(4, '0');
     }
     if (hasMonthDayYear) {
         const isValidMonthLength = month.length === 1 || month.length === 2;
@@ -88,7 +88,7 @@ export function parseDateString(value) {
 export function formatDate(date) {
     const month = String(date.getMonth() + 1).padStart(2, '0');
     const day = String(date.getDate()).padStart(2, '0');
-    const year = date.getFullYear();
+    const year = String(date.getFullYear()).padStart(4, '0');
     return [month, day, year].join('/');
 }
 /**

package/esm/core/utils/time-utils.d.ts

@@ -6,6 +6,7 @@
 export declare const TWENTY_FOUR_HOUR_TIME_REGEX: RegExp;
 export declare const TWELVE_HOUR_TIME_REGEX: RegExp;
 export declare const PARSEABLE_TIME_FORMAT: RegExp;
+export declare const HAS_MERIDIEM_REGEX: RegExp;
 export declare function tokenize24HourTimeString(value: string): {
     hours: string;
     minutes: string;

package/esm/core/utils/time-utils.js

@@ -5,7 +5,8 @@
  */
 export const TWENTY_FOUR_HOUR_TIME_REGEX = /^(0?[0-9]|1\d|2[0-3]):([0-5]\d)(:([0-5]\d))?$/;
 export const TWELVE_HOUR_TIME_REGEX = /^(0?[1-9]|1[0-2]):([0-5]\d)(:([0-5]\d))?\s*([AaPp][Mm])?$/;
-export const PARSEABLE_TIME_FORMAT = /^(\d\d?):?(\d\d?)(:?(\d?\d?))?\s*([AaPp][Mm]?)?$/;
+export const PARSEABLE_TIME_FORMAT = /^(\d?\d?):?(\d?\d?)(:?(\d?\d?))?\s*([AaPp][Mm]?)?$/;
+export const HAS_MERIDIEM_REGEX = /[AaPp][Mm]?/;
 export function tokenize24HourTimeString(value) {
     const matches = value.match(TWENTY_FOUR_HOUR_TIME_REGEX) || [null, 0, 0, null, 0];
     const hours = matches[1];
@@ -27,7 +28,7 @@ export function isSupportedTimeFormat(value) {
 }
 export function tryCoerceTimeString(str, use24HourTime, allowSeconds) {
     str = str && typeof str === 'string' ? str.replace(/_|\s/g, '') : '';
-    if (/^\s*$/.test(str)) {
+    if (/^\s*$/.test(str) || /^:+$/.test(str)) {
         return '';
     }
     const matches = str.match(PARSEABLE_TIME_FORMAT);
@@ -38,11 +39,26 @@ export function tryCoerceTimeString(str, use24HourTime, allowSeconds) {
     let minutesStr = matches[2];
     let secondsStr = matches[4];
     let meridiem = matches[5];
+    // Special case detection for meridiem
+    const meridiemMatches = str.match(HAS_MERIDIEM_REGEX);
+    if (meridiemMatches) {
+        meridiem = meridiemMatches[0];
+        str = str.replace(meridiem, ''); // Remove the meridiem from the input string our next special case
+        // We allow for entering an "a" or "p" shorthand so let's coerce it to the proper value
+        if (meridiem.length === 1) {
+            meridiem += 'm';
+        }
+    }
+    // Special case handling for 3-digit "shorthand" time values (ex. "130" => "1:30 AM")
+    if (str.length === 3 && !str.includes(':')) {
+        hoursStr = str[0];
+        minutesStr = str.substring(1);
+    }
     // Normalize the meridiem string
     if (use24HourTime) {
         meridiem = '';
     }
-    else if (/[AaPp][Mm]/.test(meridiem)) {
+    else if (HAS_MERIDIEM_REGEX.test(meridiem)) {
         meridiem = meridiem.toUpperCase();
     }
     else {
@@ -68,6 +84,7 @@ export function tryCoerceTimeString(str, use24HourTime, allowSeconds) {
     else if (hoursNum < 0) {
         hoursStr = '00';
     }
+    hoursStr = hoursStr.padStart(2, '0');
     // Clamp and normalize minutes
     if (minutesStr !== undefined) {
         if (minutesNum > 59) {