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

package/styles/tabs/tab/_mixins.scss

@@ -3,163 +3,81 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-@use '@material/theme/theme' as mdc-theme;
-@use '@material/typography/typography' as mdc-typography;
-@use '@material/ripple/ripple' as mdc-ripple;
-@use '@material/ripple/ripple-theme' as mdc-ripple-theme;
-@use '../../typography/mixins' as typography-mixins;
+@use '../../core/style-layer/tabs/tab';
 @use './variables';
 
-@mixin core-styles() {
-  .forge-tab {
-    @include base;
-
-    &:disabled {
-      @include disabled;
-    }
-
-    // Firefox still draws a dotted border around focused buttons unless specifically overridden
-    &::-moz-focus-inner {
-      padding: 0;
-      border: 0;
+@mixin provide-theme($theme) {
+  @each $key, $value in $theme {
+    @if list.index(variables.$supported-theme-properties, $key) == null {
+      @error 'Invalid theme property: #{$key}';
     }
-
-    ::slotted([slot=top]) {
-      @include top;
-    }
-
-    ::slotted([slot=top]),
-    ::slotted([slot=leading]),
-    ::slotted([slot=trailing]) {
-      @include icon-base;
-    }
-
-    ::slotted([slot=leading]),
-    ::slotted([slot=trailing]) {
-      padding: 0 8px;
-    }
-
-    &__content {
-      @include content;
+    @if $value {
+      --#{tab.$prefix}-#{$key}: #{$value};
     }
+  }
+}
 
-    &__text {
-      @include text;
-    }
-  
-    &--active {
-      @include active;
-
-      ::slotted([slot=top]),
-      ::slotted([slot=leading]),
-      ::slotted([slot=trailing]) {
-        transition-delay: 100ms;
-      }
-    }
+@mixin core-styles {
+  @include tab.styles;
+}
 
-    &__ripple {
-      @include mdc-ripple.surface();
-      @include mdc-ripple.radius-bounded();
-      @include mdc-ripple-theme.states($color: primary);
-
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      overflow: hidden;
-    }
-  }
+@mixin focus-styles {
+  @include tab.focus-styles;
 }
 
-@mixin host() {
-  display: inline-block;
+@mixin focus-selected-styles {
+  @include tab.focus-selected-styles;
 }
 
-@mixin host-stretch() {
-  flex: 1;
+@mixin pressed-styles {
+  @include tab.pressed-styles;
 }
 
-@mixin base() {
-  @include mdc-typography.typography(button);
-  @include mdc-theme.property(color, text-secondary-on-light);
+@mixin pressed-selected-styles {
+  @include tab.pressed-selected-styles;
+}
 
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  flex: 1 0 auto;
-  justify-content: center;
-  align-items: center;
-  box-sizing: border-box;
-  margin: 0; // To override safari default margin for button elements
-  padding-top: 0;
-  padding-bottom: 0;
-  border: none;
-  outline: none;
-  background: none;
-  text-align: center;
-  white-space: nowrap;
-  cursor: pointer;
-  -webkit-appearance: none;
-  z-index: 1;
-  padding-right: variables.$horizontal-padding;
-  padding-left: variables.$horizontal-padding;
-  height: 100%;
-  width: 100%;
+@mixin disabled-styles {
+  @include tab.disabled-styles;
 }
 
-@mixin disabled() {
-  @include mdc-theme.property(color, text-disabled-on-background);
+@mixin selected-styles {
+  @include tab.selected-styles;
+  @include tab.forced-colors-styles;
+}
 
-  cursor: not-allowed;
-  pointer-events: none;
+@mixin stacked-styles {
+  @include tab.stacked-styles;
 }
 
-@mixin top() {
-  padding-top: variables.$stacked-padding;
+@mixin secondary-styles {
+  @include tab.secondary-styles;
 }
 
-@mixin icon-base() {
-  transition: 150ms color linear;
-  fill: currentColor;
-  width: 24px;
-  height: 24px;
-  font-size: 24px;
-  z-index: 2;
+@mixin vertical-styles {
+  @include tab.vertical-styles;
 }
 
-@mixin content() {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: inherit;
-  pointer-events: none;
+@mixin vertical-primary-styles {
+  @include tab.vertical-primary-styles;
 }
 
-@mixin text() {
-  transition: 150ms color linear;
-  display: inline-block;
-  line-height: 1;
-  z-index: 2;
+@mixin vertical-secondary-styles {
+  @include tab.vertical-secondary-styles;
 }
 
-@mixin active() {
-  @include mdc-theme.property(color, primary);
+@mixin vertical-inverted-styles {
+  @include tab.vertical-inverted-styles;
 }
 
-@mixin host-theme($theme, $properties) {
-  :host([theme=#{$theme}]) {
-    @include theme($theme, $properties);
-  }
+@mixin inverted-styles {
+  @include tab.inverted-styles;
 }
 
-@mixin theme($theme, $properties) {
-  $defaultValue: map-get($properties, $theme);
-  --mdc-theme-primary: var(--mdc-theme-#{$theme}, $defaultValue);
+@mixin host {
+  @include tab.host;
+}
 
-  // IE support
-  .forge-tab.forge-tab--active {
-    color: $defaultValue;
-  }
+@mixin host-disabled {
+  @include tab.host-disabled;
 }

package/styles/tabs/tab/_variables.scss

@@ -3,7 +3,29 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-$horizontal-padding: 24px !default;
-$height: 48px !default;
-$height-stacked: 72px !default;
-$stacked-padding: 8px !default;
+$supported-theme-properties: (
+  'indicator-color',
+  'indicator-height',
+  'indicator-shape',
+  'container-color',
+  'container-height',
+  'shape',
+  'height',
+  'active-focus-icon-color',
+  'active-hover-icon-color',
+  'active-icon-color',
+  'active-pressed-icon-color',
+  'icon-size',
+  'focus-icon-color',
+  'hover-icon-color',
+  'icon-color',
+  'pressed-icon-color',
+  'active-focus-label-text-color',
+  'active-hover-label-text-color',
+  'active-label-text-color',
+  'active-pressed-label-text-color',
+  'focus-label-text-color',
+  'hover-label-text-color',
+  'label-text-color',
+  'pressed-label-text-color'
+);

package/styles/tabs/tab/tab.scss

@@ -3,10 +3,7 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-@use '../../theme/theme-values';
 @use './mixins';
-@use '../../ripple/forge-ripple';
-@use '@material/tab-indicator/mdc-tab-indicator';
 
 @include mixins.core-styles;
 
@@ -18,13 +15,55 @@
   display: none;
 }
 
-:host([stretch]) {
-  @include mixins.host-stretch;
+:host(:focus) {
+  @include mixins.focus-styles;
 }
 
-@include mixins.host-theme(primary, theme-values.$mdc-property-values);
-@include mixins.host-theme(secondary, theme-values.$mdc-property-values);
-@include mixins.host-theme(warning, theme-values.$property-values);
-@include mixins.host-theme(success, theme-values.$property-values);
-@include mixins.host-theme(danger, theme-values.$property-values);
-@include mixins.host-theme(info, theme-values.$property-values);
+:host(:active) {
+  @include mixins.pressed-styles;
+}
+
+:host([disabled]) {
+  @include mixins.host-disabled;
+  @include mixins.disabled-styles;
+}
+
+:host([selected]) {
+  @include mixins.selected-styles;
+}
+
+:host([selected]:focus) {
+  @include mixins.focus-selected-styles;
+}
+
+:host([selected]:active) {
+  @include mixins.pressed-selected-styles;
+}
+
+:host([stacked]) {
+  @include mixins.stacked-styles;
+}
+
+:host([secondary]) {
+  @include mixins.secondary-styles;
+}
+
+:host([vertical]) {
+  @include mixins.vertical-styles;
+}
+
+:host([vertical][secondary]) {
+  @include mixins.vertical-secondary-styles;
+}
+
+:host([vertical]:not([secondary])) {
+  @include mixins.vertical-primary-styles;
+}
+
+:host([inverted]) {
+  @include mixins.inverted-styles;
+}
+
+:host([inverted][vertical]) {
+  @include mixins.vertical-inverted-styles;
+}

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

@@ -3,76 +3,36 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-@use '../../theme';
-@use '../tab/variables';
+@use '../../core/style-layer/tabs/tab-bar';
+@use './variables';
 
-@mixin core-styles() {
-  .forge-tab-bar {
-    @include base;
-
-    &--underlined {
-      &::after {
-        @include theme.property(border-bottom-color, border-color);
-  
-        content: '';
-        border-bottom-width: 1px;
-        border-bottom-style: solid;
-        box-sizing: border-box;
-        width: 100%;
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-      }
-    }
-
-    &--align-center {
-      .mdc-tab-scroller__scroll-content {
-        justify-content: center;
-      }
+@mixin provide-theme($theme) {
+  @each $key, $value in $theme {
+    @if list.index(variables.$supported-theme-properties, $key) == null {
+      @error 'Invalid theme property: #{$key}';
     }
-
-    &--align-end {
-      .mdc-tab-scroller__scroll-content {
-        justify-content: flex-end;
-      }
-    }
-
-    &--stacked {
-      @include stacked;
-
-      .mdc-tab-scroller {
-        height: 100%;
-      }
-    }
-  }
-
-  .mdc-tab-scroller {
-    z-index: 1;
-    width: 100%;
-
-    &__scroll-area {
-      height: 100%;
-      overflow-x: auto;
-      scrollbar-width: none; // Hide scrollbar in Firefox
+    @if $value {
+      --#{tab-bar.$prefix}-#{$key}: #{$value};
     }
   }
 }
 
-@mixin host() {
-  display: block;
-  overflow: hidden;
+@mixin host {
+  @include tab-bar.host;
 }
 
-@mixin base() {
-  @include theme.css-custom-property(height, --forge-tab-bar-height, variables.$height);
+@mixin core-styles {
+  @include tab-bar.styles;
+}
 
-  display: flex;
-  position: relative;
+@mixin vertical-styles {
+  @include tab-bar.vertical-styles;
 }
 
-@mixin stacked() {
-  @include theme.css-custom-property(height, --forge-tab-bar-height, variables.$height-stacked);
+@mixin inverted-styles {
+  @include tab-bar.inverted-styles;
+}
 
-  align-items: center;
+@mixin inverted-vertical-styles {
+  @include tab-bar.inverted-vertical-styles;
 }

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

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+$supported-theme-properties: (
+  'justify',
+  'stretch',
+  'underline-color',
+  'underline-thickness'
+);

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

@@ -5,7 +5,6 @@
  */
 @use './mixins';
 @use '../../icon-button/forge-icon-button';
-@use '@material/tab-scroller/mdc-tab-scroller';
 
 @include mixins.core-styles;
 
@@ -13,7 +12,35 @@
   @include mixins.host;
 }
 
+:host([vertical]) {
+  @include mixins.vertical-styles;
+}
+
+:host([inverted]:not([vertical])) {
+  @include mixins.inverted-styles;
+}
+
+:host([inverted][vertical]) {
+  @include mixins.inverted-vertical-styles;
+}
+
+:host([clustered]) {
+  --forge-tab-bar-justify: flex-start;
+  --forge-tab-bar-stretch: 0;
+}
+
+:host([clustered=start]) {
+  --forge-tab-bar-justify: flex-start;
+}
+
+:host([clustered=center]) {
+  --forge-tab-bar-justify: center;
+}
+
+:host([clustered=end]) {
+  --forge-tab-bar-justify: flex-end;
+}
+
 :host([hidden]) {
   display: none;
 }
-

package/dist/esm/chunks/chunk.4QPMNWJ3.js

@@ -1,129 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{b as h,c as A}from"./chunk.GYPPM2D2.js";import{a as s,b as g,f as E,g as D}from"./chunk.YSFUL5AD.js";import{a as f}from"./chunk.NVUMRW44.js";import{a as x}from"./chunk.5V5ABSHI.js";import{a as w,b as k}from"./chunk.DTZFWZPB.js";import{e as I,f as l,k as T}from"./chunk.NK7H3MMM.js";import{t as C}from"./chunk.CFDK4RCW.js";import{k as m}from"./chunk.J2M2MXP2.js";import{a as _,b as y,d as p}from"./chunk.M3QDAYD2.js";var z=`${k}tab`,B={DISABLED:"disabled",ACTIVE:"active",STRETCH:"stretch"},F={BUTTON:"button.forge-tab",RIPPLE:".forge-tab__ripple",INDICATOR:".mdc-tab-indicator",CONTENT:".forge-tab__content",DEFAULT_SLOT:"slot:not([name])"},V={ACTIVE:"forge-tab--active"},H={INTERACTED:`${z}-interacted`},i={elementName:z,attributes:B,selectors:F,classes:V,events:H};var R={ACTIVE:"mdc-tab-indicator--active",FADE:"mdc-tab-indicator--fade",NO_TRANSITION:"mdc-tab-indicator--no-transition"},O={CONTENT_SELECTOR:".mdc-tab-indicator__content"};var n=function(r){s(t,r);function t(e){return r.call(this,g(g({},t.defaultAdapter),e))||this}return Object.defineProperty(t,"cssClasses",{get:function(){return R},enumerable:!1,configurable:!0}),Object.defineProperty(t,"strings",{get:function(){return O},enumerable:!1,configurable:!0}),Object.defineProperty(t,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},computeContentClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},setContentStyleProperty:function(){}}},enumerable:!1,configurable:!0}),t.prototype.computeContentClientRect=function(){return this.adapter.computeContentClientRect()},t}(E);var L=function(r){s(t,r);function t(){return r!==null&&r.apply(this,arguments)||this}return t.prototype.activate=function(){this.adapter.addClass(n.cssClasses.ACTIVE)},t.prototype.deactivate=function(){this.adapter.removeClass(n.cssClasses.ACTIVE)},t}(n);var M=function(r){s(t,r);function t(){return r!==null&&r.apply(this,arguments)||this}return t.prototype.activate=function(e){if(!e){this.adapter.addClass(n.cssClasses.ACTIVE);return}var o=this.computeContentClientRect(),a=e.width/o.width,c=e.left-o.left;this.adapter.addClass(n.cssClasses.NO_TRANSITION),this.adapter.setContentStyleProperty("transform","translateX("+c+"px) scaleX("+a+")"),this.computeContentClientRect(),this.adapter.removeClass(n.cssClasses.NO_TRANSITION),this.adapter.addClass(n.cssClasses.ACTIVE),this.adapter.setContentStyleProperty("transform","")},t.prototype.deactivate=function(){this.adapter.removeClass(n.cssClasses.ACTIVE)},t}(n);var N=function(r){s(t,r);function t(){return r!==null&&r.apply(this,arguments)||this}return t.attachTo=function(e){return new t(e)},t.prototype.initialize=function(){this.content=this.root.querySelector(n.strings.CONTENT_SELECTOR)},t.prototype.computeContentClientRect=function(){return this.foundation.computeContentClientRect()},t.prototype.getDefaultFoundation=function(){var e=this,o={addClass:function(a){return e.root.classList.add(a)},removeClass:function(a){return e.root.classList.remove(a)},computeContentClientRect:function(){return e.content.getBoundingClientRect()},setContentStyleProperty:function(a,c){e.content.style.setProperty(a,c)}};return this.root.classList.contains(n.cssClasses.FADE)?new L(o):new M(o)},t.prototype.activate=function(e){this.foundation.activate(e)},t.prototype.deactivate=function(){this.foundation.deactivate()},t}(D);var v=class{constructor(t){this._root=t}get root(){return this._root}get unbounded(){return!1}get disabled(){return this._root.disabled}},u=class extends x{constructor(e){super(e);this._buttonElement=l(this._component,i.selectors.BUTTON),this._content=l(this._component,i.selectors.CONTENT),this._rippleElement=l(this._component,i.selectors.RIPPLE),this._tabIndicatorElement=l(this._component,i.selectors.INDICATOR)}initialize(){this._component.setAttribute("role","tab")}initializeRipple(){let e=new v(this._buttonElement),o=y(_({},h.createAdapter(e)),{addClass:c=>this._rippleElement.classList.add(c),removeClass:c=>this._rippleElement.classList.remove(c),updateCssVariable:(c,S)=>this._rippleElement.style.setProperty(c,S)}),a=new A(o);this._rippleInstance=new h(this._buttonElement,a)}destroyRipple(){this._rippleInstance&&this._rippleInstance.destroy()}initializeIndicator(){this._tabIndicator=new N(this._tabIndicatorElement)}destroyIndicator(){this._tabIndicator&&(this._tabIndicator.destroy(),this._tabIndicator=void 0)}activateIndicator(e){this._tabIndicator&&this._tabIndicator.activate(e)}deactivateIndicator(){this._tabIndicator&&this._tabIndicator.deactivate()}computeIndicatorBounds(){return this._tabIndicator?this._tabIndicator.computeContentClientRect():void 0}addButtonListener(e,o){this._buttonElement.addEventListener(e,o)}removeButtonListener(e,o){this._buttonElement.removeEventListener(e,o)}setDisabled(e){this._buttonElement.disabled=e,this.setTabIndex(e?-1:0),this._component.setAttribute("aria-disabled",e.toString())}setActive(e){C(this._buttonElement,e,i.classes.ACTIVE),this.setTabIndex(e?0:-1),this._component.setAttribute("aria-selected",e.toString())}getOffsetLeft(){return this._buttonElement.offsetLeft}getOffsetWidth(){return this._buttonElement.offsetWidth}getContentOffsetLeft(){return this._content.offsetLeft}getContentOffsetWidth(){return this._content.offsetWidth}focus(){this._buttonElement.focus()}setTabIndex(e){this._buttonElement.tabIndex=e}};var b=class{constructor(t){this._adapter=t;this._disabled=!1;this._active=!1;this._stretch=!1;this._clickListener=e=>this._onClick(e)}initialize(){this._adapter.initialize(),this._adapter.initializeRipple(),this._adapter.initializeIndicator(),this._adapter.setDisabled(this._disabled),this._setActive(this._active),this._adapter.addButtonListener("click",this._clickListener)}disconnect(){this._adapter.destroyRipple(),this._adapter.destroyIndicator(),this._adapter.removeButtonListener("click",this._clickListener)}_onClick(t){this._active||this._adapter.emitHostEvent(i.events.INTERACTED,void 0,!0)}_setActive(t,e){this._active=t,this._adapter.setActive(this._active),this._active?this._adapter.activateIndicator(e):this._adapter.deactivateIndicator()}activate(t){this._setActive(!0,t)}deactivate(){this._setActive(!1)}computeIndicatorBounds(){return this._adapter.computeIndicatorBounds()}computeDimensions(){let t=this._adapter.getOffsetWidth(),e=this._adapter.getOffsetLeft(),o=this._adapter.getContentOffsetWidth(),a=this._adapter.getContentOffsetLeft();return{contentLeft:e+a,contentRight:e+a+o,rootLeft:e,rootRight:e+t}}focus(){this._adapter.focus()}setTabIndex(t){this._adapter.setTabIndex(t)}get disabled(){return this._disabled}set disabled(t){this._disabled!==t&&(this._disabled=t,this._adapter.setDisabled(this._disabled),this._adapter.toggleHostAttribute(i.attributes.DISABLED,this._disabled))}get active(){return this._active}set active(t){this._active!==t&&(this._setActive(t),this._adapter.toggleHostAttribute(i.attributes.ACTIVE,this._active))}get stretch(){return this._stretch}set stretch(t){this._stretch!==t&&(this._stretch=t,this._adapter.toggleHostAttribute(i.attributes.STRETCH,this._stretch))}};var P='<template><button class="forge-tab" type="button" part="button"><slot name="top"></slot><span class="forge-tab__content" part="content"><slot name="leading"></slot><span class="forge-tab__text" part="text"><slot></slot></span><slot name="trailing"></slot></span><span class="mdc-tab-indicator" part="indicator-container"><span class="mdc-tab-indicator__content mdc-tab-indicator__content--underline" part="indicator"></span> </span><span class="forge-tab__ripple" part="ripple-container"></span></button></template>',W='@-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)}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.mdc-tab-indicator .mdc-tab-indicator__content--icon{color:#ffc107;color:var(--mdc-theme-secondary,#ffc107)}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:2px}.mdc-tab-indicator .mdc-tab-indicator__content--icon{height:34px;font-size:34px}.mdc-tab-indicator{display:-webkit-box;display:flex;position:absolute;top:0;left:0;-webkit-box-pack:center;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.mdc-tab-indicator__content{-webkit-transform-origin:left;transform-origin:left;opacity:0}.mdc-tab-indicator__content--underline{align-self:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;border-top-style:solid}.mdc-tab-indicator__content--icon{align-self:center;margin:0 auto}.mdc-tab-indicator--active .mdc-tab-indicator__content{opacity:1}.mdc-tab-indicator .mdc-tab-indicator__content{-webkit-transition:250ms -webkit-transform cubic-bezier(.4, 0, .2, 1);transition:250ms -webkit-transform cubic-bezier(.4, 0, .2, 1);transition:250ms transform cubic-bezier(.4, 0, .2, 1);transition:250ms transform cubic-bezier(.4, 0, .2, 1),250ms -webkit-transform cubic-bezier(.4, 0, .2, 1)}.mdc-tab-indicator--no-transition .mdc-tab-indicator__content{-webkit-transition:none;transition:none}.mdc-tab-indicator--fade .mdc-tab-indicator__content{-webkit-transition:150ms opacity linear;transition:150ms opacity linear}.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content{-webkit-transition-delay:0.1s;transition-delay:0.1s}.forge-tab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));position:relative;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-flex:1;flex:1 0 auto;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding-top:0;padding-bottom:0;border:none;outline:0;background:0 0;text-align:center;white-space:nowrap;cursor:pointer;-webkit-appearance:none;z-index:1;padding-right:24px;padding-left:24px;height:100%;width:100%}.forge-tab:disabled{color:rgba(0,0,0,.12);color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12));cursor:not-allowed;pointer-events:none}.forge-tab::-moz-focus-inner{padding:0;border:0}.forge-tab ::slotted([slot=top]){padding-top:8px}.forge-tab ::slotted([slot=leading]),.forge-tab ::slotted([slot=top]),.forge-tab ::slotted([slot=trailing]){-webkit-transition:150ms color linear;transition:150ms color linear;fill:currentColor;width:24px;height:24px;font-size:24px;z-index:2}.forge-tab ::slotted([slot=leading]),.forge-tab ::slotted([slot=trailing]){padding:0 8px}.forge-tab__content{position:relative;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:inherit;pointer-events:none}.forge-tab__text{-webkit-transition:150ms color linear;transition:150ms color linear;display:inline-block;line-height:1;z-index:2}.forge-tab--active{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-tab--active ::slotted([slot=leading]),.forge-tab--active ::slotted([slot=top]),.forge-tab--active ::slotted([slot=trailing]){-webkit-transition-delay:0.1s;transition-delay:0.1s}.forge-tab__ripple{--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:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.forge-tab__ripple::after,.forge-tab__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-tab__ripple::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)}.forge-tab__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-tab__ripple.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-tab__ripple.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-tab__ripple.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-tab__ripple.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}.forge-tab__ripple.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))}.forge-tab__ripple::after,.forge-tab__ripple::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-tab__ripple.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-tab__ripple::after,.forge-tab__ripple::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-tab__ripple.mdc-ripple-surface--hover::before,.forge-tab__ripple:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-tab__ripple.mdc-ripple-upgraded--background-focused::before,.forge-tab__ripple:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-tab__ripple:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-tab__ripple:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-tab__ripple.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}:host{display:inline-block}:host([hidden]){display:none}:host([stretch]){-webkit-box-flex:1;flex:1}:host([theme=primary]){--mdc-theme-primary:var(--mdc-theme-primary, $defaultValue)}:host([theme=primary]) .forge-tab.forge-tab--active{color:#3f51b5}:host([theme=secondary]){--mdc-theme-primary:var(--mdc-theme-secondary, $defaultValue)}:host([theme=secondary]) .forge-tab.forge-tab--active{color:#ffc107}:host([theme=warning]){--mdc-theme-primary:var(--mdc-theme-warning, $defaultValue)}:host([theme=warning]) .forge-tab.forge-tab--active{color:#d14900}:host([theme=success]){--mdc-theme-primary:var(--mdc-theme-success, $defaultValue)}:host([theme=success]) .forge-tab.forge-tab--active{color:#2e7d32}:host([theme=danger]){--mdc-theme-primary:var(--mdc-theme-danger, $defaultValue)}:host([theme=danger]) .forge-tab.forge-tab--active{color:#b00020}:host([theme=info]){--mdc-theme-primary:var(--mdc-theme-info, $defaultValue)}:host([theme=info]) .forge-tab.forge-tab--active{color:#424242}',d=class extends T{constructor(){super();I(this,P,W),this._foundation=new b(new u(this))}static get observedAttributes(){return[i.attributes.DISABLED,i.attributes.ACTIVE,i.attributes.STRETCH]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,o,a){switch(e){case i.attributes.DISABLED:this.disabled=m(a);break;case i.attributes.ACTIVE:this.active=m(a);break;case i.attributes.STRETCH:this.stretch=m(a);break}}activate(e){this._foundation.activate(e)}deactivate(){this._foundation.deactivate()}computeIndicatorBounds(){return this._foundation.computeIndicatorBounds()}computeDimensions(){return this._foundation.computeDimensions()}focus(){this._foundation.focus()}setTabIndex(e){this._foundation.setTabIndex(e)}};p([f()],d.prototype,"disabled",2),p([f()],d.prototype,"active",2),p([f()],d.prototype,"stretch",2),d=p([w({name:i.elementName})],d);export{i as a,u as b,b as c,d};
-/*! Bundled license information:
-
-@material/tab-indicator/constants.js:
-  (**
-   * @license
-   * Copyright 2018 Google Inc.
-   *
-   * Permission is hereby granted, free of charge, to any person obtaining a copy
-   * of this software and associated documentation files (the "Software"), to deal
-   * in the Software without restriction, including without limitation the rights
-   * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-   * copies of the Software, and to permit persons to whom the Software is
-   * furnished to do so, subject to the following conditions:
-   *
-   * The above copyright notice and this permission notice shall be included in
-   * all copies or substantial portions of the Software.
-   *
-   * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-   * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-   * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-   * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-   * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-   * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-   * THE SOFTWARE.
-   *)
-
-@material/tab-indicator/foundation.js:
-  (**
-   * @license
-   * Copyright 2018 Google Inc.
-   *
-   * Permission is hereby granted, free of charge, to any person obtaining a copy
-   * of this software and associated documentation files (the "Software"), to deal
-   * in the Software without restriction, including without limitation the rights
-   * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-   * copies of the Software, and to permit persons to whom the Software is
-   * furnished to do so, subject to the following conditions:
-   *
-   * The above copyright notice and this permission notice shall be included in
-   * all copies or substantial portions of the Software.
-   *
-   * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-   * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-   * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-   * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-   * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-   * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-   * THE SOFTWARE.
-   *)
-
-@material/tab-indicator/fading-foundation.js:
-  (**
-   * @license
-   * Copyright 2018 Google Inc.
-   *
-   * Permission is hereby granted, free of charge, to any person obtaining a copy
-   * of this software and associated documentation files (the "Software"), to deal
-   * in the Software without restriction, including without limitation the rights
-   * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-   * copies of the Software, and to permit persons to whom the Software is
-   * furnished to do so, subject to the following conditions:
-   *
-   * The above copyright notice and this permission notice shall be included in
-   * all copies or substantial portions of the Software.
-   *
-   * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-   * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-   * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-   * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-   * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-   * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-   * THE SOFTWARE.
-   *)
-
-@material/tab-indicator/sliding-foundation.js:
-  (**
-   * @license
-   * Copyright 2018 Google Inc.
-   *
-   * Permission is hereby granted, free of charge, to any person obtaining a copy
-   * of this software and associated documentation files (the "Software"), to deal
-   * in the Software without restriction, including without limitation the rights
-   * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-   * copies of the Software, and to permit persons to whom the Software is
-   * furnished to do so, subject to the following conditions:
-   *
-   * The above copyright notice and this permission notice shall be included in
-   * all copies or substantial portions of the Software.
-   *
-   * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-   * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-   * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-   * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-   * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-   * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-   * THE SOFTWARE.
-   *)
-
-@material/tab-indicator/component.js:
-  (**
-   * @license
-   * Copyright 2018 Google Inc.
-   *
-   * Permission is hereby granted, free of charge, to any person obtaining a copy
-   * of this software and associated documentation files (the "Software"), to deal
-   * in the Software without restriction, including without limitation the rights
-   * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-   * copies of the Software, and to permit persons to whom the Software is
-   * furnished to do so, subject to the following conditions:
-   *
-   * The above copyright notice and this permission notice shall be included in
-   * all copies or substantial portions of the Software.
-   *
-   * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-   * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-   * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-   * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-   * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-   * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-   * THE SOFTWARE.
-   *)
-*/
-//# sourceMappingURL=chunk.4QPMNWJ3.js.map