@tylertech/forge 3.0.0-next.14 → 3.0.0-next.16

package/styles/tabs/tab/tab.scss

@@ -3,18 +3,16 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-@use './core';
-@use './configuration';
+@use './core' as *;
 @use '../../focus-indicator';
 @use '../../state-layer';
-@use './token-utils' as *;
 
 //
 // Host
 //
 
 :host {
-  @include core.host;
+  @include host;
 }
 
 :host([hidden]) {
@@ -26,22 +24,22 @@
 //
 
 .forge-tab {
-  @include configuration.configuration;
+  @include tokens;
 }
 
 .forge-tab {
-  @include core.tab;
+  @include tab;
 
   .content {
-    @include core.content;
+    @include content;
 
     .label {
-      @include core.label;
+      @include label;
     }
   }
 
   .indicator {
-    @include core.indicator;
+    @include indicator;
   }
 }
 
@@ -68,13 +66,13 @@ forge-state-layer {
 
 :host(:focus) {
   .forge-tab {
-    @include core.focus;
+    @include focus;
   }
 }
 
 :host(:active) {
   .forge-tab {
-    @include core.pressed;
+    @include pressed;
   }
 }
 
@@ -83,10 +81,10 @@ forge-state-layer {
 //
 
 :host([disabled]) {
-  @include core.host-disabled;
+  @include host-disabled;
 
   .forge-tab {
-    @include core.disabled;
+    @include disabled;
 
     pointer-events: none;
   }
@@ -138,13 +136,13 @@ forge-state-layer {
 
 :host([selected]:focus) {
   .forge-tab {
-    @include core.selected-focus;
+    @include selected-focus;
   }
 }
 
 :host([selected]:active) {
   .forge-tab {
-    @include core.selected-pressed;
+    @include selected-pressed;
   }
 }
 
@@ -157,7 +155,7 @@ forge-state-layer {
     @include override(height, stacked-height);
 
     .content {
-      @include core.content-stacked;
+      @include content-stacked;
     }
   }
 }
@@ -168,15 +166,16 @@ forge-state-layer {
 
 :host([secondary]) {
   .forge-tab {
-    @include configuration.configuration-secondary;
+    @include override(indicator-height, secondary-indicator-height);
+    @include override(indicator-shape, secondary-indicator-shape);
   }
 
   .content {
-    @include core.content-secondary;
+    @include content-secondary;
   }
 
   .indicator {
-    @include core.indicator-secondary;
+    @include indicator-secondary;
   }
 }
 
@@ -186,14 +185,14 @@ forge-state-layer {
 
 :host([vertical]) {
   .forge-tab {
-    @include core.vertical;
+    @include vertical;
   
     .content {
-      @include core.vertical-content;
+      @include vertical-content;
     }
   
     .indicator {
-      @include core.vertical-indicator;
+      @include vertical-indicator;
     }
   }
 
@@ -206,13 +205,13 @@ forge-state-layer {
 
 :host([vertical][secondary]) {
   .content {
-    @include core.vertical-secondary-content;
+    @include vertical-secondary-content;
   }
 }
 
 :host([vertical]:not([secondary])) {
   .forge-tab {
-    @include configuration.vertical-primary-configuration;
+    @include override(indicator-shape, vertical-indicator-shape);
   }
 }
 
@@ -222,20 +221,20 @@ forge-state-layer {
 
 :host([inverted]) {
   .forge-tab {
-    @include configuration.configuration-inverted;
+    @include override(indicator-shape, inverted-indicator-shape);
   }
 
   .indicator {
-    @include core.inverted-indicator;
+    @include inverted-indicator;
   }
 }
 
 :host([inverted][vertical]) {
   .forge-tab {
-    @include configuration.configuration-vertical-inverted;
+    @include override(indicator-shape, vertical-inverted-indicator-shape);
   }
 
   .indicator {
-    @include core.vertical-inverted-indicator;
+    @include vertical-inverted-indicator;
   }
 }

package/styles/tabs/tab-bar/_core.scss

@@ -5,6 +5,8 @@
  */
 @use './token-utils' as *;
 
+@forward './token-utils';
+
 @mixin host {
   position: relative;
   display: block;

package/styles/tabs/tab-bar/index.scss

@@ -3,6 +3,4 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-@forward './configuration';
 @forward './core';
-@forward './token-utils' show provide-theme;

package/styles/tabs/tab-bar/tab-bar.scss

@@ -3,17 +3,15 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-@use './core';
+@use './core' as *;
 @use '../../icon-button';
-@use './configuration';
-@use './token-utils' as *;
 
 //
 // Host
 //
 
 :host {
-  @include core.host;
+  @include host;
 }
 
 :host([hidden]) {
@@ -24,24 +22,24 @@
 // Base styles
 //
 
-.container {
-  @include configuration.configuration;
+.forge-tab-bar {
+  @include tokens;
 }
 
-.container {
-  @include core.container;
+.forge-tab-bar {
+  @include container;
 }
 
 .scroll-container {
-  @include core.base;
+  @include base;
 }
 
 ::slotted(*) {
-  @include core.slotted-base;
+  @include slotted-base;
 }
 
 ::slotted([selected]) {
-  @include core.slotted-selected;
+  @include slotted-selected;
 }
 
 forge-icon-button {
@@ -55,16 +53,16 @@ forge-icon-button {
 //
 
 :host([vertical]) {
-  .container {
-    @include core.container-vertical;
+  .forge-tab-bar {
+    @include container-vertical;
   }
 
   .scroll-container {
-    @include core.vertical;
+    @include vertical;
   }
 
   .scroll-button {
-    @include core.vertical-scroll-button;
+    @include vertical-scroll-button;
   }
 }
 
@@ -73,14 +71,14 @@ forge-icon-button {
 // 
 
 :host([inverted]:not([vertical])) {
-  .container {
-    @include core.inverted;
+  .forge-tab-bar {
+    @include inverted;
   }
 }
 
 :host([inverted][vertical]) {
-  .container {
-    @include core.vertical-inverted;
+  .forge-tab-bar {
+    @include vertical-inverted;
   }
 }
 
@@ -89,26 +87,26 @@ forge-icon-button {
 // 
 
 :host([clustered]) {
-  .container {
+  .forge-tab-bar {
     @include override(justify, flex-start, value);
     @include override(stretch, 0, value);
   }
 }
 
 :host([clustered=start]) {
-  .container {
+  .forge-tab-bar {
     @include override(justify, flex-start, value);
   }
 }
 
 :host([clustered=center]) {
-  .container {
+  .forge-tab-bar {
     @include override(justify, center, value);
   }
 }
 
 :host([clustered=end]) {
-  .container {
+  .forge-tab-bar {
     @include override(justify, flex-end, value);
   }
 }

package/styles/theme/_theme-dark.scss

@@ -3,12 +3,16 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-@use '../core/styles/theme' as theme;
+@use '../core/styles/theme';
+@use '../core/styles/border';
+
+@use '../popover';
+@use '../tooltip';
+
 @use '../backdrop/mixins' as backdrop-mixins;
 @use '../backdrop/variables' as backdrop-variables;
 @use '../skeleton/mixins' as skeleton-mixins;
 @use '../skeleton/variables' as skeleton-variables;
-@use '../tooltip/mixins' as tooltip-mixins;
 @use '../toast/mixins' as toast-mixins;
 @use '../toast/variables' as toast-variables;
 @use '../badge/mixins' as badge-mixins;
@@ -28,6 +32,14 @@
   @include theme.properties-dark;
 
   /// Component-specific Forge theme properties
+  @include popover.provide-theme((
+    border-width: border.variable(thin) // Popovers use thin borders in dark theme to increase contrast
+  ));
+  @include tooltip.provide-theme((
+    background: theme.variable(surface-bright),
+    color: theme.variable(text-high),
+    border-width: border.variable(thin) // Tooltips use thin borders in dark theme to increase contrast
+  ));
   @include backdrop-mixins.provide-theme(backdrop-variables.$theme-values-dark);
   @include skeleton-mixins.provide-theme(skeleton-variables.$theme-values-dark);
   @include toast-mixins.provide-theme(toast-variables.$theme-values-dark);

package/styles/theme/_theme-values.scss

@@ -78,6 +78,7 @@ $z-index-backdrop: 7 !default;
 $z-index-dialog: 8 !default;
 $z-index-notification: 9 !default;
 $z-index-popup: 10 !default;
+$z-index-overlay: 10 !default;
 $z-index-tooltip: 11 !default;
 
 $z-index-values: (
@@ -87,6 +88,7 @@ $z-index-values: (
   dialog: $z-index-dialog,
   notification: $z-index-notification,
   popup: $z-index-popup,
+  overlay: $z-index-overlay,
   tooltip: $z-index-tooltip
 ) !default;
 

package/styles/toolbar/_mixins.scss

@@ -17,7 +17,8 @@
   @include theme.css-custom-property(border-bottom-left-radius, --forge-toolbar-border-bottom-left-radius, 0);
   @include theme.css-custom-property(border-bottom-right-radius, --forge-toolbar-border-bottom-right-radius, 0);
   @include theme.property(border-color, border-color);
-
+  
+  background-color: var(--forge-theme-surface);
   display: grid;
   grid-template-columns: auto 1fr auto;
   box-sizing: border-box;

package/styles/tooltip/_animations.scss

@@ -0,0 +1,18 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@use './token-utils' as *;
+
+@keyframes slidein {
+  from {
+    opacity: 0;
+    transform: translateX(#{token(slidein-x, custom)}) translateY(#{token(slidein-y, custom)});
+  }
+
+  to {
+    opacity: 1;
+    transform: translateX(0) translateY(0);
+  }
+}

package/styles/tooltip/_core.scss

@@ -0,0 +1,86 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@use '../core/styles/typography';
+@use './token-utils' as *;
+@use '../utils/mixins' as utils;
+
+@forward './token-utils';
+
+@mixin host {
+  display: contents;
+  pointer-events: none;
+}
+
+@mixin base {
+  @include typography.style(body1);
+
+  position: relative;
+
+  background: #{token(background)};
+  color: #{token(color)};
+
+  border-radius: #{token(shape)};
+  border-width: #{token(border-width)};
+  border-style: #{token(border-style)};
+  border-color: #{token(border-color)};
+  padding-block: #{token(padding-block)};
+  padding-inline: #{token(padding-inline)};
+  box-shadow: #{token(elevation)};
+
+  width: #{token(width)};
+  max-width: #{token(max-width)};
+  pointer-events: none;
+  text-align: #{token(content-align)};
+  line-height: normal;
+
+  animation-duration: #{token(animation-duration)};
+  animation-timing-function: #{token(animation-timing)};
+  animation-name: slidein;
+  animation-fill-mode: forwards;
+}
+
+@mixin arrow {
+  position: absolute;
+  contain: strict;
+
+  background-color: inherit;
+  height: #{token(arrow-height)};
+  width: #{token(arrow-width)};
+  box-shadow: inherit;
+  border: inherit;
+  border-end-start-radius: #{token(arrow-shape)};
+  
+  rotate: #{token(arrow-rotation, custom)};
+  clip-path: #{token(arrow-clip-path, custom)};
+}
+
+@mixin arrow-placement-top {
+  @include override(arrow-rotation, arrow-top-rotation);
+
+  margin-block-end: #{token(border-width)};
+}
+
+@mixin arrow-placement-right {
+  @include override(arrow-rotation, arrow-right-rotation);
+
+  margin-inline-start: #{token(border-width)};
+}
+
+@mixin arrow-placement-bottom {
+  @include override(arrow-rotation, arrow-bottom-rotation);
+
+  margin-block-start: #{token(border-width)};
+}
+
+@mixin arrow-placement-left {
+  @include override(arrow-rotation, arrow-left-rotation);
+
+  margin-inline-end: #{token(border-width)};
+}
+
+@mixin visually-hidden {
+  @include utils.visually-hidden;
+}

package/styles/tooltip/_token-utils.scss

@@ -0,0 +1,31 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@use '../core/styles/utils';
+@use '../core/styles/tokens/tooltip/tokens';
+@use '../core/styles/tokens/token-utils';
+
+$_module: tooltip;
+$_tokens: tokens.$tokens;
+
+@mixin provide-theme($theme) {
+  @include token-utils.provide-theme($_module, $_tokens, $theme);
+}
+
+@function token($name, $type: token) {
+  @return token-utils.token($_module, $_tokens, $name, $type);
+}
+
+@function declare($token) {
+  @return token-utils.declare($_module, $token);
+}
+
+@mixin override($token, $token-or-value, $type: token) {
+  @include token-utils.override($_module, $_tokens, $token, $token-or-value, $type);
+}
+
+@mixin tokens($includes: null, $excludes: null) {
+  @include token-utils.tokens($_module, $_tokens, $includes, $excludes);
+}

package/styles/tooltip/index.scss

@@ -0,0 +1,6 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@forward './core';

package/styles/tooltip/tooltip.scss

@@ -0,0 +1,107 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@use './core' as *;
+@use './animations';
+
+//
+// Host
+//
+
+:host {
+  @include host;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+//
+// Base
+//
+
+.forge-tooltip {
+  @include tokens;
+}
+
+.forge-tooltip {
+  @include base;
+}
+
+//
+// Tooltips are visually hidden by default so that `aria-labelledby` and `aria-describedby` can be used, but
+// when they are open we remove the visually hidden styles and replace with the <forge-overlay> to visually
+// render the floating tooltip text above all content, while still allowing the tooltip to be accessible to
+// screen readers.
+//
+
+:host(:not([open])) {
+  .forge-tooltip {
+    @include visually-hidden;
+  }
+}
+
+//
+// Arrow
+//
+
+.arrow {
+  @include arrow;
+
+  #{declare(arrow-translate-x)}: 0;
+  #{declare(arrow-translate-y)}: 0;
+  #{declare(arrow-clip-path)}: polygon(0 0, 0 100%, 100% 100%);
+}
+
+//
+// Animation / Arrow placement
+//
+
+.forge-tooltip {
+  #{declare(slidein-x)}: 0;
+  #{declare(slidein-y)}: 0;
+}
+
+forge-overlay[open] {
+  &[position-placement^=top] {
+    .forge-tooltip {
+      @include override(slidein-y, #{token(animation-offset)}, value);
+    }
+
+    .arrow {
+      @include arrow-placement-top;
+    }
+  }
+  
+  &[position-placement^=right] {
+    .forge-tooltip {
+      @include override(slidein-x, calc(#{token(animation-offset)} * -1), value);
+    }
+
+    .arrow {
+      @include arrow-placement-right;
+    }
+  }
+  
+  &[position-placement^=bottom] {
+    .forge-tooltip {
+      @include override(slidein-y, calc(#{token(animation-offset)} * -1), value);
+    }
+
+    .arrow {
+      @include arrow-placement-bottom;
+    }
+  }
+  
+  &[position-placement^=left] {
+    .forge-tooltip {
+      @include override(slidein-x, #{token(animation-offset)}, value);
+    }
+
+    .arrow {
+      @include arrow-placement-left;
+    }
+  }
+}

package/dist/esm/chunks/chunk.2GJ54C3Q.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{a as _}from"./chunk.LS7WRRT2.js";import{a as c}from"./chunk.NVUMRW44.js";import{a as h,b as v}from"./chunk.IT66AOX7.js";import{a as u,e as f,f as m,k as b}from"./chunk.JAWV5Y5T.js";import{k as g,l as p}from"./chunk.J2M2MXP2.js";import{d as s}from"./chunk.M3QDAYD2.js";var k=`${v}circular-progress`,w={DETERMINATE:"determinate",PROGRESS:"progress",THEME:"theme",TRACK:"track"},E={INDETERMINATE:"forge-circular-progress--indeterminate"},T={ROOT:".forge-circular-progress",DETERMINATE_PROGRESS_CIRCLE:".progress",TEMPLATES:"svg, .spinner"},r={elementName:k,attributes:w,classes:E,selectors:T};var C='<svg viewBox="0 0 4800 4800"><circle class="track-background" pathLength="100"></circle></svg><div class="spinner"><div class="left"><div class="circle"></div></div><div class="right"><div class="circle"></div></div></div>',R='<svg viewBox="0 0 4800 4800"><circle class="track-background" pathLength="100"></circle><circle class="track" pathLength="100"></circle><circle class="progress" pathLength="100" stroke-dashoffset="100"></circle></svg>',n=class extends _{constructor(t){super(t);this._rootElement=m(this._component,r.selectors.ROOT)}initialize(){this._component.hasAttribute("role")||this._component.setAttribute("role","progressbar"),this._component.hasAttribute("aria-valuemin")||this._component.setAttribute("aria-valuemin","0"),this._component.hasAttribute("aria-valuemax")||this._component.setAttribute("aria-valuemax","1")}setDeterminate(t){this._tryResetTemplate(),this._rootElement.classList.toggle(r.classes.INDETERMINATE,!t),t?(this._rootElement.insertAdjacentHTML("beforeend",R),this._determinateProgressCircleElement=m(this._component,r.selectors.DETERMINATE_PROGRESS_CIRCLE)):(this._rootElement.insertAdjacentHTML("beforeend",C),this._component.removeAttribute("aria-valuenow"),this._determinateProgressCircleElement=void 0)}setProgress(t){var o;this._component.setAttribute("aria-valuenow",`${t}`),(o=this._determinateProgressCircleElement)==null||o.setAttribute("stroke-dashoffset",`${(1-t)*100}`)}_tryResetTemplate(){var o;let t=(o=this._component.shadowRoot)==null?void 0:o.querySelectorAll(r.selectors.TEMPLATES);t==null||t.forEach(i=>i.remove())}};var l=class{constructor(e){this._adapter=e;this._determinate=!1;this._progress=0;this._theme="primary";this._track=!1}initialize(){this._adapter.initialize(),this._applyDeterminate()}_applyDeterminate(){this._adapter.setDeterminate(this._determinate),this._determinate&&this._adapter.setProgress(this._progress)}get determinate(){return this._determinate}set determinate(e){e=!!e,this._determinate!==e&&(this._determinate=e,this._applyDeterminate(),this._adapter.toggleHostAttribute(r.attributes.DETERMINATE,this._determinate))}get progress(){return this._progress}set progress(e){this._progress!==e&&(this._progress=e,this._determinate&&this._adapter.setProgress(this._progress),this._adapter.setHostAttribute(r.attributes.PROGRESS,`${this._progress}`))}get theme(){return this._theme}set theme(e){this._theme!==e&&(this._theme=e,this._adapter.toggleHostAttribute(r.attributes.THEME,!!this._theme,this._theme))}get track(){return this._track}set track(e){e=!!e,this._track!==e&&(this._track=e,this._adapter.toggleHostAttribute(r.attributes.TRACK,this._track))}};var A='<template><div class="forge-circular-progress" part="progressbar"><slot class="center-content"></slot></div></template>',x=":host{--_circular-progress-size:var(--forge-circular-progress-size, 48px)}:host{display:-webkit-inline-box;display:inline-flex;vertical-align:middle;min-block-size:var(--_circular-progress-size);min-inline-size:var(--_circular-progress-size);position:relative;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-transition:background-color var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);transition:background-color var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);contain:strict;content-visibility:auto}:host([hidden]){display:none}.forge-circular-progress{--_circular-progress-padding:var(--forge-circular-progress-padding, 0);--_circular-progress-track-width:var(--forge-circular-progress-track-width, 12);--_circular-progress-track-color:var(--forge-circular-progress-track-color, transparent);--_circular-progress-track-fill-color:var(--forge-circular-progress-track-fill-color, var(--forge-theme-tertiary-container, #d0d7ff));--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-tertiary, #3d5afe));--_circular-progress-arc-duration:var(--forge-circular-progress-arc-duration, 1333ms);--_circular-progress-theme-transition-duration:var(--forge-circular-progress-theme-transition-duration, var(--forge-animation-duration-short3, 150ms));--_circular-progress-theme-transition-timing:var(--forge-circular-progress-theme-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)))}.forge-circular-progress{-webkit-box-flex:1;flex:1;align-self:stretch;margin:var(--_circular-progress-padding)}.forge-circular-progress--indeterminate{will-change:transform;-webkit-animation:linear infinite linear-rotate;animation:linear infinite linear-rotate;-webkit-animation-duration:calc(var(--_circular-progress-arc-duration) * 360 / 306);animation-duration:calc(var(--_circular-progress-arc-duration) * 360 / 306)}.circle,.forge-circular-progress,.left,.right,.spinner,svg{position:absolute;inset:0}.center-content{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:100%;height:100%}.left{overflow:hidden;inset:0 50% 0 0}.left .circle{rotate:135deg;inset:0 -100% 0 0}.right{overflow:hidden;inset:0 0 0 50%}.right .circle{rotate:100deg;inset:0 0 0 -100%;-webkit-animation-delay:calc(-.5 * var(--_circular-progress-arc-duration)),0s;animation-delay:calc(-.5 * var(--_circular-progress-arc-duration)),0s}.circle{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;border:solid calc(var(--_circular-progress-size) * var(--_circular-progress-track-width)/ 100);border-color:var(--_circular-progress-indicator-color) var(--_circular-progress-indicator-color) transparent transparent;-webkit-transition:border-color var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);transition:border-color var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);will-change:transform;-webkit-animation:expand-arc;animation:expand-arc;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--_circular-progress-arc-duration),calc(4 * var(--_circular-progress-arc-duration));animation-duration:var(--_circular-progress-arc-duration),calc(4 * var(--_circular-progress-arc-duration));-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}svg circle{cx:50%;cy:50%;r:calc(50% * (1 - var(--_circular-progress-track-width)/ 100));stroke-width:calc(var(--_circular-progress-track-width) * 1%);stroke-dasharray:100;fill:transparent}.progress{-webkit-transition:stroke-dashoffset .5s cubic-bezier(0, 0, .2, 1),stroke var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);transition:stroke-dashoffset .5s cubic-bezier(0, 0, .2, 1),stroke var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);stroke:var(--_circular-progress-indicator-color)}.track{stroke:transparent}.track-background{-webkit-transition:stroke var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);transition:stroke var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);stroke:var(--_circular-progress-track-color)}.spinner{will-change:transform;-webkit-animation:infinite both rotate-arc;animation:infinite both rotate-arc;-webkit-animation-duration:calc(4 * var(--_circular-progress-arc-duration));animation-duration:calc(4 * var(--_circular-progress-arc-duration));-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}:host([theme=primary]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-primary, #3f51b5));--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-primary-container, #d1d5ed))}:host([theme=secondary]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-secondary, #ffc107));--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-secondary-container, #fff0c3))}:host([theme=success]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-success, #2e7d32));--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-success-container, #cde0ce))}:host([theme=error]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-error, #b00020));--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-error-container, #ecc2c9))}:host([theme=warning]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-warning, #d14900));--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-warning-container, #f4d3c2))}:host([theme=info]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-info, #1565c0));--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-info-container, #c7daf0))}:host([track]) .forge-circular-progress{--_circular-progress-track-color:var(--_circular-progress-track-fill-color)}@media screen and (forced-colors:active){.progress{stroke:CanvasText}.circle{border-color:CanvasText CanvasText Canvas Canvas}}@-webkit-keyframes expand-arc{0%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}100%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@keyframes expand-arc{0%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}100%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@-webkit-keyframes rotate-arc{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 rotate-arc{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 linear-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes linear-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}",a=class extends b{constructor(){super();f(this,A,x),this._foundation=new l(new n(this))}static get observedAttributes(){return[r.attributes.DETERMINATE,r.attributes.PROGRESS,r.attributes.THEME,r.attributes.TRACK]}connectedCallback(){this._foundation.initialize()}attributeChangedCallback(t,o,i){switch(t){case r.attributes.DETERMINATE:this.determinate=g(i);break;case r.attributes.PROGRESS:this.progress=p(i);break;case r.attributes.THEME:this.theme=i;break;case r.attributes.TRACK:this.track=g(i);break}}};s([c()],a.prototype,"determinate",2),s([c()],a.prototype,"progress",2),s([c()],a.prototype,"theme",2),s([c()],a.prototype,"track",2),a=s([h({name:r.elementName})],a);function W(){u(a)}export{r as a,n as b,l as c,a as d,W as e};
-//# sourceMappingURL=chunk.2GJ54C3Q.js.map