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

package/dist/esm/chunks/chunk.ZX3CGET2.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/tabs/tab-bar/tab-bar-adapter.ts", "../../src/tabs/tab-bar/tab-bar-foundation.ts", "../../src/tabs/tab-bar/tab-bar.ts", "../../src/tabs/tab-bar/index.ts"],
-  "sourcesContent": ["\nimport { getShadowElement, toggleAttribute } from '@tylertech/forge-core';\nimport { IIconButtonComponent } from '../../icon-button/icon-button';\nimport { tylIconKeyboardArrowLeft, tylIconKeyboardArrowRight, tylIconKeyboardArrowUp, tylIconKeyboardArrowDown } from '@tylertech/tyler-icons/standard';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { ITabComponent } from '../tab/tab';\nimport { TAB_CONSTANTS } from '../tab/tab-constants';\nimport { ITabBarComponent } from './tab-bar';\nimport { TAB_BAR_CONSTANTS } from './tab-bar-constants';\n\nexport interface ITabBarAdapter extends IBaseAdapter {\n  initializeContainerSizeObserver(listener: () => void): void;\n  destroyContainerSizeObserver(): void;\n  initializeScrollObserver(listener: EventListener): void;\n  destroyScrollObserver(listener: EventListener): void;\n  setVertical(value: boolean): void;\n  setScrollBackwardButtonListener(listener: EventListener): void;\n  setScrollForwardButtonListener(listener: EventListener): void;\n  addSlotListener(listener: EventListener): void;\n  getTabs(): ITabComponent[];\n  tryScrollTabIntoView(tab: ITabComponent): Promise<void>;\n  isScrollable(): boolean;\n  getScrollState(): ITabBarScrollInfo;\n  setScrollButtons(value: boolean): void;\n  syncScrollButtons(state: ITabBarScrollButtonState): void;\n  scroll(which: 'backward' | 'forward'): void;\n  updateScrollButtonIcons(vertical: boolean): void;\n}\n\nexport interface ITabBarScrollInfo {\n  isScrolledStart: boolean;\n  isScrolledEnd: boolean;\n}\n\nexport interface ITabBarScrollButtonState {\n  backwardEnabled: boolean;\n  forwardEnabled: boolean;\n}\n\nexport class TabBarAdapter extends BaseAdapter<ITabBarComponent> implements ITabBarAdapter {\n  private readonly _defaultSlotElement: HTMLSlotElement;\n  private readonly _container: HTMLElement;\n  private readonly _scrollContainer: HTMLElement;\n  private _resizeObserver: ResizeObserver | undefined;\n  private _backwardScrollButton: IIconButtonComponent | undefined;\n  private _forwardScrollButton: IIconButtonComponent | undefined;\n\n  constructor(component: ITabBarComponent) {\n    super(component);\n\n    this._defaultSlotElement = getShadowElement(this._component, TAB_BAR_CONSTANTS.selectors.DEFAULT_SLOT) as HTMLSlotElement;\n    this._container = getShadowElement(this._component, TAB_BAR_CONSTANTS.selectors.CONTAINER);\n    this._scrollContainer = getShadowElement(this._component, TAB_BAR_CONSTANTS.selectors.SCROLL_CONTAINER);\n  }\n\n  public initializeContainerSizeObserver(listener: () => void): void {\n    this._resizeObserver = new ResizeObserver(() => listener());\n    this._resizeObserver.observe(this._component);\n  }\n  \n  public initializeScrollObserver(listener: EventListener): void {\n    this._scrollContainer.addEventListener('scroll', listener, { passive: true });\n  }\n\n  public destroyContainerSizeObserver(): void {\n    this._resizeObserver?.disconnect();\n    this._resizeObserver = undefined;\n  }\n\n  public destroyScrollObserver(listener: EventListener): void {\n    this._scrollContainer.removeEventListener('scroll', listener, { passive: true } as AddEventListenerOptions);\n  }\n\n  public setVertical(value: boolean): void {\n    toggleAttribute(this._scrollContainer, !!value, 'aria-orientation', 'vertical');\n  }\n\n  public setScrollBackwardButtonListener(listener: EventListener): void {\n    this._backwardScrollButton?.addEventListener('click', listener);\n  }\n  \n  public setScrollForwardButtonListener(listener: EventListener): void {\n    this._forwardScrollButton?.addEventListener('click', listener);\n  }\n\n  public addSlotListener(listener: EventListener): void {\n    this._defaultSlotElement.addEventListener('slotchange', listener);\n  }\n\n  public getTabs(): ITabComponent[] {\n    return Array.from(this._component.querySelectorAll(TAB_CONSTANTS.elementName));\n  }\n\n  public async tryScrollTabIntoView(tab: ITabComponent): Promise<void> {\n    await new Promise(requestAnimationFrame);\n\n    // Due to the async nature of this method, make sure we still need to scroll this tab into view...\n    if (!tab.isConnected || (!tab.selected && !tab.matches(':focus'))) {\n      return;\n    }\n\n    const isVertical = this._component.vertical;\n    const scrollContainerOffset = isVertical ? this._scrollContainer.offsetTop : this._scrollContainer.offsetLeft;\n    const offset = isVertical ? tab.offsetTop : tab.offsetLeft;\n    const extent = isVertical ? tab.offsetHeight : tab.offsetWidth;\n    const scroll = isVertical ? this._scrollContainer.scrollTop : this._scrollContainer.scrollLeft;\n    const hostExtent = isVertical ? this._scrollContainer.offsetHeight : this._scrollContainer.offsetWidth;\n    const min = offset - (TAB_BAR_CONSTANTS.numbers.SCROLL_MARGIN + scrollContainerOffset);\n    const max = offset + extent - hostExtent + (TAB_BAR_CONSTANTS.numbers.SCROLL_MARGIN - scrollContainerOffset);\n    const to = Math.min(min, Math.max(max, scroll));\n    const behavior = tab.matches(':focus') ? 'smooth' : 'instant' as ScrollBehavior;\n\n    this._scrollContainer.scrollTo({\n      behavior,\n      [isVertical ? 'left' : 'top']: 0,\n      [isVertical ? 'top' : 'left']: to\n    });\n  }\n\n  public getScrollState(): ITabBarScrollInfo {\n    const { scrollHeight, scrollWidth, scrollLeft, scrollTop, clientHeight, clientWidth } = this._scrollContainer;\n    const scrollPosition = this._component.vertical ? clientHeight + scrollTop : clientWidth + scrollLeft;\n    const scrollSize = this._component.vertical ? scrollHeight : scrollWidth;\n    const isScrolledEnd = scrollPosition === scrollSize;\n    const isScrolledStart = (this._component.vertical ? scrollPosition - clientHeight : scrollPosition - clientWidth) === 0;\n    return { isScrolledStart, isScrolledEnd };\n  }\n\n  public isScrollable(): boolean {\n    const { scrollHeight, scrollWidth, clientHeight, clientWidth } = this._scrollContainer;\n    return this._component.vertical ? scrollHeight > clientHeight : scrollWidth > clientWidth;\n  }\n\n  public setScrollButtons(value: boolean): void {\n    if (value) {\n      this._backwardScrollButton = this._createScrollButton(this._component.vertical ? tylIconKeyboardArrowUp.name : tylIconKeyboardArrowLeft.name);\n      this._container.insertAdjacentElement('afterbegin', this._backwardScrollButton);\n\n      this._forwardScrollButton = this._createScrollButton(this._component.vertical ? tylIconKeyboardArrowDown.name : tylIconKeyboardArrowRight.name);\n      this._container.insertAdjacentElement('beforeend', this._forwardScrollButton);\n    } else {\n      this._backwardScrollButton?.remove();\n      this._backwardScrollButton = undefined;\n\n      this._forwardScrollButton?.remove();\n      this._forwardScrollButton = undefined;\n    }\n  }\n\n  public syncScrollButtons({ backwardEnabled, forwardEnabled }: ITabBarScrollButtonState): void {\n    if (this._backwardScrollButton) {\n      const disabled = !backwardEnabled;\n      if (disabled && this._backwardScrollButton.matches(':focus')) {\n        this._forwardScrollButton?.focus();\n      }\n      this._backwardScrollButton.disabled = disabled;\n    }\n\n    if (this._forwardScrollButton) {\n      const disabled = !forwardEnabled;\n      if (disabled && this._forwardScrollButton.matches(':focus')) {\n        this._backwardScrollButton?.focus();\n      }\n      this._forwardScrollButton.disabled = disabled;\n    }\n  }\n\n  public scroll(which: 'backward' | 'forward'): void {\n    const amount = this._component.vertical ? this._scrollContainer.offsetHeight : this._scrollContainer.offsetWidth;\n    this._scrollContainer.scrollBy({\n      behavior: 'smooth',\n      [this._component.vertical ? 'top' : 'left']: amount * (which === 'forward' ? 1 : -1)\n    });\n  }\n\n  public updateScrollButtonIcons(vertical: boolean): void {\n    const backButtonIcon = this._backwardScrollButton?.querySelector('forge-icon');\n    if (backButtonIcon) {\n      backButtonIcon.name = vertical ? tylIconKeyboardArrowUp.name : tylIconKeyboardArrowLeft.name;\n    }\n\n    const nextButtonIcon = this._forwardScrollButton?.querySelector('forge-icon');\n    if (nextButtonIcon) {\n      nextButtonIcon.name = vertical ? tylIconKeyboardArrowDown.name : tylIconKeyboardArrowRight.name;\n    }\n  }\n\n  private _createScrollButton(iconName: string): IIconButtonComponent {\n    const iconButton = document.createElement('forge-icon-button');\n    iconButton.classList.add(TAB_BAR_CONSTANTS.classes.SCROLL_BUTTON);\n    iconButton.shape = 'squared';\n    iconButton.type = 'button';\n    iconButton.tabIndex = -1;\n    iconButton.setAttribute('aria-hidden', 'true');\n\n    const icon = document.createElement('forge-icon');\n    icon.name = iconName;\n    iconButton.appendChild(icon);\n\n    return iconButton;\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { NAVIGATION_KEYS, TAB_BAR_CONSTANTS } from './tab-bar-constants';\nimport { ITabComponent } from '../tab/tab';\nimport { TAB_CONSTANTS } from '../tab/tab-constants';\n\nimport { ITabBarAdapter, ITabBarScrollButtonState } from './tab-bar-adapter';\n\nexport interface ITabBarFoundation extends ICustomElementFoundation {\n  disabled: boolean;\n  activeTab: number | null | undefined;\n  vertical: boolean;\n  clustered: boolean;\n  stacked: boolean;\n  secondary: boolean;\n  inverted: boolean;\n  autoActivate: boolean;\n  scrollButtons: boolean;\n  initialize(): void;\n  destroy(): void;\n}\n\nexport class TabBarFoundation implements ITabBarFoundation {\n  // State\n  private _isInitialized = false;\n  private _activeTab: number | null | undefined;\n  private _disabled = false;\n  private _vertical = false;\n  private _clustered = false;\n  private _stacked = false;\n  private _secondary = false;\n  private _inverted = false;\n  private _autoActivate = false;\n  private _scrollButtons = false;\n  private _tabs: ITabComponent[] = [];\n  private _scrollButtonsVisible = false;\n  private _tabScrollAnimationFrame: number | undefined;\n\n  // Listeners\n  private _tabsChangedListener: EventListener;\n  private _tabSelectedListener: EventListener;\n  private _keydownListener: EventListener;\n  private _resizeListener: () => void;\n  private _scrollListener: EventListener;\n  private _scrollBackwardButtonListener: EventListener;\n  private _scrollForwardButtonListener: EventListener;\n\n  constructor(private _adapter: ITabBarAdapter) {\n    this._tabsChangedListener = () => this._onTabsChanged();\n    this._tabSelectedListener = (evt: CustomEvent<void>) => this._onTabSelected(evt);\n    this._keydownListener = (evt: KeyboardEvent) => this._onKeydown(evt);\n    this._resizeListener = () => this._onResize();\n    this._scrollListener = () => this._onScroll();\n    this._scrollBackwardButtonListener = () => this._onScrollBackward();\n    this._scrollForwardButtonListener = () => this._onScrollForward();\n  }\n\n  public initialize(): void {\n    this._adapter.addSlotListener(this._tabsChangedListener);\n    this._adapter.addHostListener(TAB_CONSTANTS.events.SELECT, this._tabSelectedListener);\n    this._adapter.addHostListener('keydown', this._keydownListener);\n    this._adapter.setVertical(this._vertical);\n\n    if (this._scrollButtons) {\n      this._adapter.initializeContainerSizeObserver(this._resizeListener);\n      this._adapter.initializeScrollObserver(this._scrollListener);\n      this._updateScrollState();\n    }\n\n    this._tryScrollActiveTabIntoView();\n    this._isInitialized = true;\n  }\n\n  public destroy(): void {\n    this._adapter.destroyContainerSizeObserver();\n    this._adapter.destroyScrollObserver(this._scrollListener);\n    this._isInitialized = false;\n  }\n\n  private async _onTabsChanged(): Promise<void> {\n    this._tabs = this._adapter.getTabs();\n    this._syncTabState();\n    this._tryScrollActiveTabIntoView();\n  }\n\n  private _onTabSelected(evt: CustomEvent<void>): void {\n    this._selectTab(evt.target as ITabComponent);\n  }\n\n  private async _onKeydown(evt: KeyboardEvent): Promise<void> {\n    const orientation = this._vertical ? 'vertical' : 'horizontal';\n    const isNavigationKey = NAVIGATION_KEYS.get('default')?.has(evt.key) ||\n                            NAVIGATION_KEYS.get(orientation)?.has(evt.key);\n\n    if (!isNavigationKey) {\n      return;\n    }\n\n    evt.preventDefault();\n    let index = -1;\n\n    if (evt.key === 'Home') {\n      // Locate the first non-disabled tab\n      index = this._tabs.findIndex(tab => !tab.disabled);\n    } else if (evt.key === 'End') {\n      // Locate the last non-disabled tab\n      index = this._tabs.reduceRight((acc, tab, i) => !tab.disabled && acc === -1 ? i : acc, -1);\n    } else {\n      // Locate the next or previous tab based on the key that was pressed\n      const currentIndex = this._tabs.findIndex(tab => tab.matches(':focus'));\n      const isPrevKey = evt.key === 'ArrowLeft' || evt.key === 'ArrowUp';\n      const calcIndex = (startIndex: number): void => {\n        index = startIndex + (isPrevKey ? -1 : 1);\n        index = index < 0 ? this._tabs.length - 1 : index % this._tabs.length;\n\n        // Try to recurse until we find a non-disabled tab (unless all tabs are disabled already)\n        const isAllTabsDisabled = this._tabs.every(tab => tab.disabled);\n        if (!isAllTabsDisabled && this._tabs[index]?.disabled) {\n          calcIndex(index);\n        }\n      };\n      calcIndex(currentIndex);\n    }\n\n    if (index === -1) {\n      return;\n    }\n\n    if (this._autoActivate) {\n      this._selectTab(this._tabs[index]);\n    } else {\n      this._tabs[index].focus({ preventScroll: true });\n      await this._adapter.tryScrollTabIntoView(this._tabs[index]);\n    }\n  }\n\n  private async _selectTab(tab: ITabComponent, emitEvent = true): Promise<void> {\n    if (!tab || tab.disabled) {\n      return;\n    }\n\n    const currentSelectedTab = this._tabs.find(t => t.selected);\n    if (currentSelectedTab === tab) {\n      return;\n    }\n\n    if (emitEvent) {\n      const index = this._tabs.indexOf(tab);\n      const cancelled = !this._adapter.emitHostEvent(TAB_BAR_CONSTANTS.events.CHANGE, index, true, true);\n      if (cancelled) {\n        return;\n      }\n    }\n\n    // Selecting a tab causes an animation of the indicator to start relative to the currently selected tab\n    tab.selected = true;\n    tab.focus({ preventScroll: true });\n    await this._adapter.tryScrollTabIntoView(tab);\n\n    // Always deselect the currently selected tab after selecting a new tab to allow\n    // for the tab indicator animation to run properly (the newly selected tab attempts\n    // to locate the current selected tab for its calculations)\n    if (currentSelectedTab) {\n      currentSelectedTab.selected = false;\n    }\n\n    this._activeTab = this._tabs.indexOf(tab);\n  }\n\n  /**\n   * Ensures that all tabs have the correct state based on the tab bar state.\n   * \n   * This is called whenever a child tab is added to the DOM.\n   */\n  private _syncTabState(): void {\n    this._tabs.forEach((tab, index) => {\n      tab.selected = index === this._activeTab;\n      tab.disabled = this._disabled;\n      tab.vertical = this._vertical;\n      tab.stacked = this._stacked;\n      tab.secondary = this._secondary;\n      tab.inverted = this._inverted;\n    });\n  }\n\n  /** Called when the container size changes, but only if scroll buttons are enabled. */\n  private _onResize(): void {\n    this._detectScrollableStatus();\n  }\n\n  /** Called when the scroll container scrolls, but only if scroll buttons are enabled. */\n  private _onScroll(): void {\n    this._updateScrollState();\n  }\n\n  /** Handles clicking the scroll backward button. */\n  private _onScrollBackward(): void {\n    this._adapter.scroll('backward');\n  }\n\n  /** Handles clicking the scroll forward button. */\n  private _onScrollForward(): void {\n    this._adapter.scroll('forward');\n  }\n\n  /** Determines whether scroll buttons should be displayed based on the size of the container. */\n  private _detectScrollableStatus(): void {\n    const scrollable = this._adapter.isScrollable();\n\n    if (this._scrollButtonsVisible === scrollable) {\n      return;\n    }\n    \n    this._adapter.setScrollButtons(scrollable);\n\n    if (scrollable) {\n      this._adapter.initializeScrollObserver(this._scrollListener);\n      this._updateScrollState();\n      this._adapter.setScrollBackwardButtonListener(this._scrollBackwardButtonListener);\n      this._adapter.setScrollForwardButtonListener(this._scrollForwardButtonListener);\n    } else {\n      this._adapter.destroyScrollObserver(this._scrollListener);\n    }\n\n    this._scrollButtonsVisible = scrollable;\n  }\n\n  /** Updates the enabled/disabled state of the scroll buttons. */\n  private _updateScrollState(): void {\n    const { isScrolledEnd, isScrolledStart } = this._adapter.getScrollState();\n    const state: ITabBarScrollButtonState = {\n      backwardEnabled: !isScrolledStart,\n      forwardEnabled: !isScrolledEnd\n    };\n    this._adapter.syncScrollButtons(state);\n  }\n\n  private _tryScrollActiveTabIntoView(): void {\n    if (this._tabScrollAnimationFrame) {\n      window.cancelAnimationFrame(this._tabScrollAnimationFrame);\n    }\n\n    // We batch the tab scrolling into a single animation frame to unnecessarily scrolling for each tab\n    this._tabScrollAnimationFrame = window.requestAnimationFrame(() => {\n      this._tabScrollAnimationFrame = undefined;\n      if (this._adapter.isScrollable()) {\n        if (typeof this._activeTab === 'number' && this._activeTab >= 0 && this._tabs[this._activeTab]) {\n          this._adapter.tryScrollTabIntoView(this._tabs[this._activeTab]);\n        }\n      }\n    });\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n  public set disabled(value: boolean) {\n    value = Boolean(value);\n    if (this._disabled !== value) {\n      this._disabled = value;\n      this._tabs.forEach(tab => tab.disabled = this._disabled);\n      this._adapter.toggleHostAttribute(TAB_BAR_CONSTANTS.attributes.DISABLED, this._disabled);\n    }\n  }\n\n  public get activeTab(): number | null | undefined {\n    return this._activeTab;\n  }\n  public set activeTab(value: number | null | undefined) {\n    if (this._activeTab !== value) {\n      this._activeTab = value ?? undefined;\n\n      if (typeof this._activeTab === 'number') {\n        const newSelectedTab = this._tabs[this._activeTab];\n        this._selectTab(newSelectedTab, false);\n        this._adapter.setHostAttribute(TAB_BAR_CONSTANTS.attributes.ACTIVE_TAB, String(this._activeTab));\n      } else {\n        this._tabs.forEach(tab => tab.selected = false);\n        this._adapter.removeHostAttribute(TAB_BAR_CONSTANTS.attributes.ACTIVE_TAB);\n      }\n    }\n  }\n\n  public get vertical(): boolean {\n    return this._vertical;\n  }\n  public set vertical(value: boolean) {\n    value = Boolean(value);\n    if (this._vertical !== value) {\n      this._vertical = value;\n\n      if (this._isInitialized) {\n        this._adapter.setVertical(this._vertical);\n      }\n\n      this._tabs.forEach(tab => tab.vertical = this._vertical);\n      if (this._scrollButtonsVisible) {\n        this._adapter.updateScrollButtonIcons(this._vertical);\n      }\n      this._adapter.toggleHostAttribute(TAB_CONSTANTS.attributes.VERTICAL, this._vertical);\n    }\n  }\n\n  public get clustered(): boolean {\n    return this._clustered;\n  }\n  public set clustered(value: boolean) {\n    value = Boolean(value);\n    if (this._clustered !== value) {\n      this._clustered = value;\n      this._adapter.toggleHostAttribute(TAB_BAR_CONSTANTS.attributes.CLUSTERED, this._clustered);\n    }\n  }\n\n  public get stacked(): boolean {\n    return this._stacked;\n  }\n  public set stacked(value: boolean) {\n    value = Boolean(value);\n    if (this._stacked !== value) {\n      this._stacked = value;\n      this._tabs.forEach(tab => tab.stacked = this._stacked);\n      this._adapter.toggleHostAttribute(TAB_BAR_CONSTANTS.attributes.STACKED, this._stacked);\n    }\n  }\n\n  public get secondary(): boolean {\n    return this._secondary;\n  }\n  public set secondary(value: boolean) {\n    value = Boolean(value);\n    if (this._secondary !== value) {\n      this._secondary = value;\n      this._tabs.forEach(tab => tab.secondary = this._secondary);\n      this._adapter.toggleHostAttribute(TAB_BAR_CONSTANTS.attributes.SECONDARY, this._secondary);\n    }\n  }\n\n  public get inverted(): boolean {\n    return this._inverted;\n  }\n  public set inverted(value: boolean) {\n    value = Boolean(value);\n    if (this._inverted !== value) {\n      this._inverted = value;\n      this._tabs.forEach(tab => tab.inverted = this._inverted);\n      this._adapter.toggleHostAttribute(TAB_BAR_CONSTANTS.attributes.INVERTED, this._inverted);\n    }\n  }\n\n  public get autoActivate(): boolean {\n    return this._autoActivate;\n  }\n  public set autoActivate(value: boolean) {\n    value = Boolean(value);\n    if (this._autoActivate !== value) {\n      this._autoActivate = value;\n      this._adapter.toggleHostAttribute(TAB_BAR_CONSTANTS.attributes.AUTO_ACTIVATE, this._autoActivate);\n    }\n  }\n\n  public get scrollButtons(): boolean {\n    return this._scrollButtons;\n  }\n  public set scrollButtons(value: boolean) {\n    value = Boolean(value);\n    if (this._scrollButtons !== value) {\n      this._scrollButtons = Boolean(value);\n\n      if (this._isInitialized) {\n        if (this._scrollButtons) {\n          this._adapter.initializeContainerSizeObserver(this._resizeListener);\n          this._adapter.initializeScrollObserver(this._scrollListener);\n          this._detectScrollableStatus();\n          this._updateScrollState();\n          this._tryScrollActiveTabIntoView();\n        } else {\n          this._adapter.destroyContainerSizeObserver();\n          this._adapter.destroyScrollObserver(this._scrollListener);\n          this._adapter.setScrollButtons(this._scrollButtons);\n          this._scrollButtonsVisible = false;\n        }\n      }\n\n      this._adapter.setHostAttribute(TAB_BAR_CONSTANTS.attributes.SCROLL_BUTTONS, String(this._scrollButtons));\n    }\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, coerceNumber, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { IconComponent, IconRegistry } from '../../icon';\nimport { IconButtonComponent } from '../../icon-button';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { TabComponent } from '../tab/tab';\nimport { TabBarAdapter } from './tab-bar-adapter';\nimport { TAB_BAR_CONSTANTS } from './tab-bar-constants';\nimport { TabBarFoundation } from './tab-bar-foundation';\nimport { tylIconKeyboardArrowLeft, tylIconKeyboardArrowRight, tylIconKeyboardArrowUp, tylIconKeyboardArrowDown } from '@tylertech/tyler-icons/standard';\n\nconst template = '<template><div class=\\\"container\\\" part=\\\"container\\\"><div role=\\\"tablist\\\" class=\\\"scroll-container\\\" part=\\\"scroll-container\\\"><slot></slot></div></div></template>';\nconst styles = ':host{position:relative;display:block}:host([hidden]){display:none}.container{--_tab-bar-justify:var(--forge-tab-bar-justify, space-between);--_tab-bar-stretch:var(--forge-tab-bar-stretch, 1);--_tab-bar-divider-color:var(--forge-tab-bar-divider-color, var(--forge-theme-outline, #e0e0e0));--_tab-bar-divider-thickness:var(--forge-tab-bar-divider-thickness, 1px)}.container{position:relative;display:grid;grid-template-columns:auto 1fr auto;max-width:100%;max-height:100%;-webkit-box-align:center;align-items:center;border-bottom:var(--_tab-bar-divider-thickness) solid var(--_tab-bar-divider-color)}.scroll-container{position:relative;display:-webkit-box;display:flex;-webkit-box-pack:var(--_tab-bar-justify);justify-content:var(--_tab-bar-justify);-webkit-box-align:end;align-items:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;scroll-behavior:smooth;scrollbar-width:none;grid-column:2}.scroll-container::-webkit-scrollbar{display:none}::slotted(*){-webkit-box-flex:var(--_tab-bar-stretch);flex:var(--_tab-bar-stretch)}::slotted([selected]){z-index:1}forge-icon-button{--forge-icon-button-shape-squared:0px}:host([vertical]) .container{grid-template-columns:none;grid-template-rows:auto 1fr auto;-webkit-box-align:initial;align-items:initial;border-bottom:none;border-right:var(--_tab-bar-divider-thickness) solid var(--_tab-bar-divider-color);height:100%}:host([vertical]) .scroll-container{display:-webkit-inline-box;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:stretch;align-items:stretch;gap:0;grid-column:auto;grid-row:2}:host([vertical]) .scroll-button{justify-self:center}:host([inverted]:not([vertical])) .container{border-bottom:none;border-top:variale(divider-thickness) solid var(--_tab-bar-divider-color)}:host([inverted][vertical]) .container{border-bottom:none;border-top:var(--_tab-bar-divider-thickness) solid var(--_tab-bar-divider-color)}:host([clustered]) .container{--_tab-bar-justify:var(--forge-tab-bar-justify, flex-start);--_tab-bar-stretch:var(--forge-tab-bar-stretch, 0)}:host([clustered=start]) .container{--_tab-bar-justify:var(--forge-tab-bar-justify, flex-start)}:host([clustered=center]) .container{--_tab-bar-justify:var(--forge-tab-bar-justify, center)}:host([clustered=end]) .container{--_tab-bar-justify:var(--forge-tab-bar-justify, flex-end)}';\n\nexport interface ITabBarComponent extends IBaseComponent {\n  disabled: boolean;\n  activeTab: number | null | undefined;\n  vertical: boolean;\n  clustered: boolean;\n  stacked: boolean;\n  secondary: boolean;\n  inverted: boolean;\n  autoActivate: boolean;\n  scrollButtons: boolean;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-tab-bar': ITabBarComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-tab-bar-change': CustomEvent<number>;\n  }\n}\n\n/**\n * @tag forge-tab-bar\n * \n * @summary Tabs organize content across different screens and views.\n * \n * @description\n * Use tabs to group content into helpful categories. Tabs are typically placed\n * above the content they relate to. Tabs can be used to navigate between screens,\n * or to group related content within a screen.\n * \n * @property {boolean} disabled - The disabled state of the tab bar.\n * @property {number} activeTab - The index of the active tab.\n * @property {boolean} vertical - Controls whether the tab bar is vertical or horizontal.\n * @property {boolean} clustered - Controls whether the tabs stretch the full width of their container or cluster together at their minimum width.\n * @property {boolean} stacked - Controls whether the tabs are taller to allow for slotted leading/trailing elements.\n * @property {boolean} secondary - Controls whether the tabs are styled as secondary tab navigation.\n * @property {boolean} inverted - Controls whether the tabs are rendered inverted (tab indicator at top instead of bottom).\n * @property {boolean} autoActivate - Controls whether the tabs are automatically activated when receiving focus.\n * @property {boolean} scrollButtons - Controls whether scroll buttons are displayed when the tabs overflow their container.\n * \n * @attribute disabled - The disabled state of the tab bar.\n * @attribute active-tab - The index of the active tab.\n * @attribute vertical - Controls whether the tab bar is vertical or horizontal.\n * @attribute clustered - Controls whether the tabs stretch the full width of their container or cluster together at their minimum width.\n * @attribute stacked - Controls whether the tabs are taller to allow for slotted leading/trailing elements.\n * @attribute secondary - Controls whether the tabs are styled as secondary tab navigation.\n * @attribute auto-activate - Controls whether the tabs are automatically activated when receiving focus.\n * @attribute scroll-buttons - Controls whether scroll buttons are displayed when the tabs overflow their container.\n * \n * @event forge-tab-bar-change {CustomEvent<number>} - Dispatches when the active tab changes.\n * \n * @cssproperty --forge-tab-bar-justify - The `justify-content` value for the tab bar flex container.\n * @cssproperty --forge-tab-bar-stretch - The `flex` value for the child `<forge-tab>` elements.\n * @cssproperty --forge-tab-bar-divider-color - The color of the divider.\n * @cssproperty --forge-tab-bar-divider-thickness - The thickness of the divider.\n * \n * @csspart container - The container element.\n * @csspart scroll-container - The scroll container element.\n */\n@CustomElement({\n  name: TAB_BAR_CONSTANTS.elementName,\n  dependencies: [\n    TabComponent,\n    IconButtonComponent,\n    IconComponent\n  ]\n})\nexport class TabBarComponent extends BaseComponent implements ITabBarComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      TAB_BAR_CONSTANTS.attributes.DISABLED,\n      TAB_BAR_CONSTANTS.attributes.ACTIVE_TAB,\n      TAB_BAR_CONSTANTS.attributes.VERTICAL,\n      TAB_BAR_CONSTANTS.attributes.CLUSTERED,\n      TAB_BAR_CONSTANTS.attributes.STACKED,\n      TAB_BAR_CONSTANTS.attributes.SECONDARY,\n      TAB_BAR_CONSTANTS.attributes.INVERTED,\n      TAB_BAR_CONSTANTS.attributes.AUTO_ACTIVATE,\n      TAB_BAR_CONSTANTS.attributes.SCROLL_BUTTONS\n    ];\n  }\n\n  private _foundation: TabBarFoundation;\n\n  constructor() {\n    super();\n    IconRegistry.define([\n      tylIconKeyboardArrowLeft,\n      tylIconKeyboardArrowRight,\n      tylIconKeyboardArrowUp,\n      tylIconKeyboardArrowDown\n    ]);\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new TabBarFoundation(new TabBarAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.destroy();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case TAB_BAR_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n      case TAB_BAR_CONSTANTS.attributes.ACTIVE_TAB:\n        this.activeTab = newValue ? coerceNumber(newValue) : undefined;\n        break;\n      case TAB_BAR_CONSTANTS.attributes.VERTICAL:\n        this.vertical = coerceBoolean(newValue);\n        break;\n      case TAB_BAR_CONSTANTS.attributes.CLUSTERED:\n        this.clustered = coerceBoolean(newValue);\n        break;\n      case TAB_BAR_CONSTANTS.attributes.STACKED:\n        this.stacked = coerceBoolean(newValue);\n        break;\n      case TAB_BAR_CONSTANTS.attributes.SECONDARY:\n        this.secondary = coerceBoolean(newValue);\n        break;\n      case TAB_BAR_CONSTANTS.attributes.INVERTED:\n        this.inverted = coerceBoolean(newValue);\n        break;\n      case TAB_BAR_CONSTANTS.attributes.AUTO_ACTIVATE:\n        this.autoActivate = coerceBoolean(newValue);\n        break;\n      case TAB_BAR_CONSTANTS.attributes.SCROLL_BUTTONS:\n        this.scrollButtons = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  @FoundationProperty()\n  public declare disabled: boolean;\n\n  @FoundationProperty()\n  public declare activeTab: number | null | undefined;\n\n  @FoundationProperty()\n  public declare vertical: boolean;\n\n  @FoundationProperty()\n  public declare clustered: boolean;\n\n  @FoundationProperty()\n  public declare stacked: boolean;\n\n  @FoundationProperty()\n  public declare secondary: boolean;\n\n  @FoundationProperty()\n  public declare inverted: boolean;\n\n  @FoundationProperty()\n  public declare autoActivate: boolean;\n\n  @FoundationProperty()\n  public declare scrollButtons: boolean;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { TabBarComponent } from './tab-bar';\n\nexport * from './tab-bar-adapter';\nexport * from './tab-bar-constants';\nexport * from './tab-bar-foundation';\nexport * from './tab-bar';\n\nexport function defineTabBarComponent(): void {\n  defineCustomElement(TabBarComponent);\n}\n"],
-  "mappings": "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",
-  "names": ["TabBarAdapter", "BaseAdapter", "component", "getShadowElement", "TAB_BAR_CONSTANTS", "listener", "_a", "value", "toggleAttribute", "TAB_CONSTANTS", "tab", "isVertical", "scrollContainerOffset", "offset", "extent", "scroll", "hostExtent", "min", "max", "to", "behavior", "scrollHeight", "scrollWidth", "scrollLeft", "scrollTop", "clientHeight", "clientWidth", "scrollPosition", "scrollSize", "isScrolledEnd", "_b", "tylIconKeyboardArrowUp", "tylIconKeyboardArrowLeft", "tylIconKeyboardArrowDown", "tylIconKeyboardArrowRight", "backwardEnabled", "forwardEnabled", "disabled", "which", "amount", "vertical", "backButtonIcon", "nextButtonIcon", "iconName", "iconButton", "icon", "TabBarFoundation", "_adapter", "evt", "TAB_CONSTANTS", "_a", "_b", "orientation", "NAVIGATION_KEYS", "index", "tab", "acc", "i", "currentIndex", "isPrevKey", "calcIndex", "startIndex", "emitEvent", "currentSelectedTab", "t", "TAB_BAR_CONSTANTS", "scrollable", "isScrolledEnd", "isScrolledStart", "state", "value", "newSelectedTab", "template", "styles", "TabBarComponent", "BaseComponent", "IconRegistry", "tylIconKeyboardArrowLeft", "tylIconKeyboardArrowRight", "tylIconKeyboardArrowUp", "tylIconKeyboardArrowDown", "attachShadowTemplate", "TabBarFoundation", "TabBarAdapter", "TAB_BAR_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "coerceNumber", "__decorateClass", "FoundationProperty", "CustomElement", "TabComponent", "IconButtonComponent", "IconComponent", "defineTabBarComponent", "defineCustomElement", "TabBarComponent"]
-}

package/dist/tooltip/forge-tooltip.css

@@ -1,6 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-forge-tooltip{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none;-webkit-transform:translateX(-9999px) translateY(-9999px);transform:translateX(-9999px) translateY(-9999px)}.forge-tooltip{background-color:rgba(97,97,97,.9);background-color:var(--forge-tooltip-theme-background,rgba(97,97,97,.9));color:#fff;color:var(--forge-tooltip-theme-on-background,#fff);font-size:10px;font-size:var(--forge-tooltip-font-size, 10px);max-width:256px;max-width:var(--forge-tooltip-max-width,256px);z-index:11;z-index:var(--forge-z-index-tooltip,11);position:absolute;top:auto;right:auto;bottom:auto;left:auto;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;border-radius:4px;pointer-events:none;overflow:hidden;text-overflow:ellipsis;padding:6px 8px;display:inline-block;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity 120ms cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms cubic-bezier(0, 0, .2, 1);transition:opacity 120ms cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms cubic-bezier(0, 0, .2, 1);transition:opacity 120ms cubic-bezier(0, 0, .2, 1),transform 120ms cubic-bezier(0, 0, .2, 1);transition:opacity 120ms cubic-bezier(0, 0, .2, 1),transform 120ms cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms cubic-bezier(0, 0, .2, 1);will-change:opacity transform}.forge-tooltip--open{-webkit-transform:scale(1);transform:scale(1);opacity:1}.forge-tooltip--top{-webkit-transform-origin:bottom;transform-origin:bottom}.forge-tooltip--right{-webkit-transform-origin:left;transform-origin:left}.forge-tooltip--bottom{-webkit-transform-origin:top;transform-origin:top}.forge-tooltip--left{-webkit-transform-origin:right;transform-origin:right}.forge-tooltip-host{position:relative}

package/esm/core/base/base-element-internals-component.d.ts

@@ -1,41 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { internals, MixinBase, setDefaultAria, AbstractConstructor } from '../../constants';
-import { ARIAAttribute, ARIAMixinStrict, DefaultAriaOptions } from '../utils/a11y-utils';
-import { IBaseComponent } from './base-component';
-/**
- * A component with attached Element Internals.
- */
-export interface IWithElementInternals extends IBaseComponent {
-    /**
-     * The Element Internals of the component.
-     */
-    readonly [internals]: ElementInternals;
-    /**
-     * Sets the default ARIA of the component using Element Internals if supported or sprouting
-     * ARIA attributes if not.
-     *
-     * @param properties The ARIA properties and values to set.
-     * @param options Whether or not to overwrite existing ARIA attributes. This only takes effect
-     * if Element Internals are not supported and a new attribute will be sprouted.
-     */
-    [setDefaultAria](properties: Partial<ARIAMixinStrict>, options?: DefaultAriaOptions): void;
-}
-export declare abstract class WithElementInternalsContract {
-    readonly [internals]: ElementInternals;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-    [setDefaultAria](properties: Partial<ARIAMixinStrict>, options?: DefaultAriaOptions): void;
-}
-/**
- * Mixes in Element Internals functionality into a base component.
- *
- * @param base The base component to mix into.
- * @param observedAria An array of ARIA attributes to observe for changes. If an observed attribute
- * is removed, the default ARIA will be restored. This is only used if Element Internals is not
- * supported.
- * @returns The mixed-in base component.
- */
-export declare function WithElementInternals<TBase extends MixinBase>(base: TBase, observedAria?: ARIAAttribute[]): AbstractConstructor<WithElementInternalsContract> & TBase;

package/esm/core/base/base-element-internals-component.js

@@ -1,47 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { internals, setDefaultAria } from '../../constants';
-import { ariaAttributeToProperty, restoreDefaultAria as restoreDefaultAriaUtil, setDefaultAria as setDefaultAriaUtil } from '../utils/a11y-utils';
-import { supportsElementInternalsAria } from '../utils/feature-detection';
-/**
- * Mixes in Element Internals functionality into a base component.
- *
- * @param base The base component to mix into.
- * @param observedAria An array of ARIA attributes to observe for changes. If an observed attribute
- * is removed, the default ARIA will be restored. This is only used if Element Internals is not
- * supported.
- * @returns The mixed-in base component.
- */
-// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-export function WithElementInternals(base, observedAria) {
-    class ElementInternalsComponent extends base {
-        constructor(...args) {
-            super(...args);
-            this[internals] = this.attachInternals();
-        }
-        attributeChangedCallback(name, oldValue, newValue) {
-            var _a;
-            (_a = super.attributeChangedCallback) === null || _a === void 0 ? void 0 : _a.call(this, name, oldValue, newValue);
-            // If Element Internals is supported our default ARIA is never set as an attribute, so
-            // there's nothing to do here.
-            if (!observedAria || supportsElementInternalsAria()) {
-                return;
-            }
-            // If the observed attribute is removed, restore the default ARIA.
-            if (observedAria.includes(name) && !newValue) {
-                const ariaPropertyName = ariaAttributeToProperty(name);
-                this._restoreDefaultAria(ariaPropertyName);
-            }
-        }
-        [setDefaultAria](properties, options) {
-            setDefaultAriaUtil(this, this[internals], properties, options);
-        }
-        _restoreDefaultAria(name) {
-            restoreDefaultAriaUtil(this, name);
-        }
-    }
-    return ElementInternalsComponent;
-}

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

@@ -1,13 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { PopupPlacement } from '../popup';
-/**
- * Attaches a positioned tooltip to the provided target element.
- * @param targetElement The element to position the tooltip around.
- * @param placement The placement of the tooltip relative to the target element.
- * @param content The content of the tooltip.
- */
-export declare function attachTooltip(targetElement: HTMLElement, placement: PopupPlacement, content: string | HTMLElement | Text): HTMLElement;

package/esm/tooltip/tooltip-utils.js

@@ -1,53 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { positionElementAsync } from '@tylertech/forge-core';
-import { TOOLTIP_CONSTANTS } from './tooltip-constants';
-/**
- * Attaches a positioned tooltip to the provided target element.
- * @param targetElement The element to position the tooltip around.
- * @param placement The placement of the tooltip relative to the target element.
- * @param content The content of the tooltip.
- */
-export function attachTooltip(targetElement, placement, content) {
-    if (typeof content === 'string') {
-        content = document.createTextNode(content);
-    }
-    const element = document.createElement('div');
-    element.setAttribute('role', 'tooltip');
-    element.classList.add(TOOLTIP_CONSTANTS.classes.TOOLTIP);
-    element.appendChild(content);
-    element.setAttribute('role', 'tooltip');
-    element.setAttribute('aria-hidden', 'true');
-    const hostDocument = targetElement.ownerDocument || document;
-    hostDocument.body.appendChild(element);
-    const offset = { x: 0, y: 0 };
-    const offsetAmount = 4;
-    switch (placement) {
-        case 'top':
-            offset.y = -offsetAmount;
-            element.classList.add(TOOLTIP_CONSTANTS.classes.TOOLTIP_TOP);
-            break;
-        case 'right':
-            offset.x = offsetAmount;
-            element.classList.add(TOOLTIP_CONSTANTS.classes.TOOLTIP_RIGHT);
-            break;
-        case 'bottom':
-            offset.y = offsetAmount;
-            element.classList.add(TOOLTIP_CONSTANTS.classes.TOOLTIP_BOTTOM);
-            break;
-        case 'left':
-            offset.x = -offsetAmount;
-            element.classList.add(TOOLTIP_CONSTANTS.classes.TOOLTIP_LEFT);
-            break;
-    }
-    window.requestAnimationFrame(() => {
-        window.requestAnimationFrame(() => {
-            element.classList.add(TOOLTIP_CONSTANTS.classes.TOOLTIP_OPEN);
-            positionElementAsync({ element, targetElement, placement, transform: false, offset });
-        });
-    });
-    return element;
-}

package/styles/app-bar/app-bar/_configuration.scss

@@ -1,16 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use './token-utils' as *;
-
-$host-tokens: [background foreground];
-
-@mixin host-configuration {
-  @include tokens($includes: $host-tokens);
-}
-
-@mixin configuration {
-  @include tokens($excludes: $host-tokens);
-}

package/styles/button/_configuration.scss

@@ -1,16 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use './token-utils' as *;
-
-$host-tokens: [display disabled-cursor];
-
-@mixin host-configuration {
-  @include tokens($includes: $host-tokens);
-}
-
-@mixin configuration {
-  @include tokens($excludes: $host-tokens);
-}

package/styles/button-toggle/button-toggle/_mixins.scss

@@ -1,117 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use '@material/theme/theme' as mdc-theme;
-@use '@material/animation/functions' as mdc-animation;
-@use '@material/ripple/ripple' as mdc-ripple;
-@use '@material/ripple/ripple-theme' as mdc-ripple-theme;
-@use '@material/feature-targeting/feature-targeting' as mdc-feature-targeting;
-@use '@material/button/button-base' as mdc-button-base;
-@use '@material/button/button-shared-theme' as mdc-button-shared-theme;
-@use '@material/button/button-outlined' as mdc-button-outlined;
-@use '@material/button/button-outlined-theme' as mdc-button-outlined-theme;
-@use '../../theme';
-
-@mixin host() {
-  display: inline-block;
-}
-
-@mixin core-styles() {
-  .forge-button-toggle {
-    @include base;
-
-    &:disabled {
-      @include theme.property(border-color, border-color);
-      @include mdc-theme.property(color, text-disabled-on-light);
-    }
-
-    &__selected:not(:disabled) {
-      @include selected;
-    }
-
-    &__selected:disabled {
-      @include selected;
-      opacity: 0.37;
-    }
-
-    ::slotted([slot=leading]) {
-      @include icon;
-
-      margin-right: 4px;
-    }
-
-    ::slotted([slot=trailing]) {
-      @include icon;
-
-      margin-left: 4px;
-    }
-
-    &--dense {
-      @include dense;
-
-      ::slotted([slot=leading]) {
-        @include icon-dense;
-      }
-
-      ::slotted([slot=trailing]) {
-        @include icon-dense;
-      }
-    }
-  }
-}
-
-@mixin base() {
-  @include mdc-ripple.surface();
-  @include mdc-ripple.radius-bounded();
-  @include mdc-ripple-theme.states(primary, false);
-  @include mdc-button-base.base(mdc-feature-targeting.all());
-  @include mdc-button-shared-theme.shape-radius(small);
-  @include mdc-button-shared-theme.container-fill-color(transparent);
-  @include mdc-button-shared-theme.ink-color(primary);
-  @include mdc-button-shared-theme.density(0);
-  @include mdc-button-outlined.outlined(mdc-feature-targeting.all());
-  @include mdc-button-outlined-theme.outline-width(mdc-button-outlined-theme.$outlined-border-width);
-  @include mdc-button-outlined-theme.outline-color(primary);
-
-  text-transform: none;
-  overflow: hidden;
-  width: 100%;
-  box-sizing: border-box;
-  transition: mdc-animation.enter(background-color, 150ms);
-  border-radius: 0;
-  border-bottom-width: var(--forge-button-toggle-border-bottom-width, 1px);
-  border-right-width: var(--forge-button-toggle-border-right-width, 1px);
-  border-top-left-radius: var(--forge-button-toggle-border-top-left-radius, 4px);
-  border-bottom-left-radius: var(--forge-button-toggle-border-bottom-left-radius, 4px);
-  border-top-right-radius: var(--forge-button-toggle-border-top-right-radius, 4px);
-  border-bottom-right-radius: var(--forge-button-toggle-border-bottom-right-radius, 4px);
-}
-
-@mixin selected() {
-  @include mdc-ripple-theme.states(on-primary, false);
-  @include mdc-theme.property(background-color, primary);
-  @include mdc-theme.property(color, text-primary-on-dark);
-}
-
-@mixin dense() {
-  @include mdc-button-shared-theme.density(-3);
-
-  height: 1.5rem;
-  font-size: 0.75rem;
-}
-
-@mixin icon() {
-  display: inline-block;
-  width: 1.125rem;
-  height: 1.125rem;
-  font-size: 1.125rem !important;
-  vertical-align: top;
-}
-
-@mixin icon-dense() {
-  width: 0.875rem;
-  height: 0.875rem;
-  font-size: 0.875rem !important;
-}

package/styles/button-toggle/button-toggle-group/_mixins.scss

@@ -1,79 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@mixin host() {
-  display: block;
-}
-
-@mixin core-styles() {
-  .forge-button-toggle-group {
-    @include base;
-
-    ::slotted(:not(:last-child)) {
-      --forge-button-toggle-border-right-width: 0;
-      --forge-button-toggle-border-top-left-radius: 0;
-      --forge-button-toggle-border-bottom-left-radius: 0;
-      --forge-button-toggle-border-top-right-radius: 0;
-      --forge-button-toggle-border-bottom-right-radius: 0;
-    }
-
-    ::slotted(:first-child) {
-      --forge-button-toggle-border-top-left-radius: 4px;
-      --forge-button-toggle-border-bottom-left-radius: 4px;
-    }
-
-    ::slotted(:last-child) {
-      --forge-button-toggle-border-top-left-radius: 0;
-      --forge-button-toggle-border-bottom-left-radius: 0;
-      --forge-button-toggle-border-top-right-radius: 4px;
-      --forge-button-toggle-border-bottom-right-radius: 4px;
-    }
-
-    &--vertical {
-      @include vertical;
-
-      ::slotted(:not(:last-child)) {
-        --forge-button-toggle-border-right-width: 1px;
-        --forge-button-toggle-border-bottom-width: 0;
-        --forge-button-toggle-border-top-left-radius: 0;
-        --forge-button-toggle-border-bottom-left-radius: 0;
-        --forge-button-toggle-border-top-right-radius: 0;
-        --forge-button-toggle-border-bottom-right-radius: 0;
-      }
-
-      ::slotted(:first-child) {
-        --forge-button-toggle-border-top-left-radius: 4px;
-        --forge-button-toggle-border-top-right-radius: 4px;
-      }
-  
-      ::slotted(:last-child) {
-        --forge-button-toggle-border-top-left-radius: 0;
-        --forge-button-toggle-border-top-right-radius: 0;
-        --forge-button-toggle-border-bottom-left-radius: 4px;
-        --forge-button-toggle-border-bottom-right-radius: 4px;
-      }
-    }
-
-    // Keep this below the vertical class
-    ::slotted(:only-child) {
-      --forge-button-toggle-border-top-left-radius: 4px;
-      --forge-button-toggle-border-bottom-left-radius: 4px;
-      --forge-button-toggle-border-top-right-radius: 4px;
-      --forge-button-toggle-border-bottom-right-radius: 4px;
-    }
-
-    &--stretch {
-      width: 100%;
-    }
-  }
-}
-
-@mixin base() {
-  display: flex;
-}
-
-@mixin vertical() {
-  flex-direction: column;
-}

package/styles/circular-progress/_configuration.scss

@@ -1,16 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use './token-utils' as *;
-
-$_host-tokens: [size];
-
-@mixin host-configuration {
-  @include tokens($includes: $_host-tokens);
-}
-
-@mixin configuration {
-  @include tokens($excludes: $_host-tokens);
-}

package/styles/floating-action-button/_configuration.scss

@@ -1,16 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use './token-utils' as *;
-
-$host-tokens: [display disabled-cursor];
-
-@mixin host-configuration {
-  @include tokens($includes: $host-tokens);
-}
-
-@mixin configuration {
-  @include tokens($excludes: $host-tokens);
-}

package/styles/icon-button/_configuration.scss

@@ -1,16 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use './token-utils' as *;
-
-$host-tokens: [display disabled-cursor];
-
-@mixin host-configuration {
-  @include tokens($includes: $host-tokens);
-}
-
-@mixin configuration {
-  @include tokens($excludes: $host-tokens);
-}

package/styles/linear-progress/_configuration.scss

@@ -1,28 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use './token-utils' as *;
-
-$_host-tokens: [track-height];
-
-@mixin host-configuration {
-  @include tokens($includes: $_host-tokens);
-}
-
-@mixin configuration {
-  // Token vars
-  @include tokens($excludes: $_host-tokens);
-
-  // State vars
-  #{declare(track-dot-size)}: calc(#{token(track-height)} / 2);
-  #{declare(track-background-width)}: calc(#{token(track-dot-size, custom)} * 5);
-  #{declare(track-background)}: 0 / #{token(track-background-width, custom)} 100%
-    radial-gradient(
-      circle at calc(#{token(track-dot-size, custom)} * 2),
-      #{token(track-color)} 0,
-      #{token(track-color)} #{token(track-dot-size, custom)},
-      transparent #{token(track-dot-size, custom)}
-    );
-}

package/styles/list/list-item/_configuration.scss

@@ -1,16 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use './token-utils' as *;
-
-$_host-tokens: [indent dense-indent];
-
-@mixin host {
-  @include tokens($includes: $_host-tokens);
-}
-
-@mixin configuration {
-  @include tokens($excludes: $_host-tokens);
-}

package/styles/radio/radio/_configuration.scss

@@ -1,10 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use './token-utils' as *;
-
-@mixin configuration {
-  @include tokens();
-}

package/styles/split-button/_configuration.scss

@@ -1,12 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use './token-utils' as *;
-
-@mixin configuration {
-  @include tokens;
-
-  #{declare(focus-indicator-offset-adjusted)}: calc(#{token(focus-indicator-offset)} + #{token(focus-indicator-divider-offset)} * 2);
-}

package/styles/state-layer/_configuration.scss

@@ -1,10 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use './token-utils' as *; 
-
-@mixin configuration {
-  @include tokens;
-}

package/styles/switch/_configuration.scss

@@ -1,10 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use './token-utils' as *;
-
-@mixin configuration {
-  @include tokens;
-}