@tylertech/forge 2.8.0 → 2.10.0

package/dist/esm/chunks/chunk.FZ6KICMD.js

@@ -1,297 +0,0 @@
-/**
- * @license
- * Copyright 2022 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import {
-  COLOR_CONSTANTS
-} from "./chunk.FWJ7SIFA.js";
-import {
-  BaseAdapter
-} from "./chunk.KZATVOA6.js";
-import {
-  FoundationProperty
-} from "./chunk.MMIZOYAS.js";
-import {
-  COMPONENT_NAME_PREFIX,
-  CustomElement
-} from "./chunk.35U3UPDV.js";
-import {
-  BaseComponent
-} from "./chunk.VK6LIH3B.js";
-import {
-  attachShadowTemplate,
-  defineCustomElement,
-  getShadowElement
-} from "./chunk.K2PCTUVN.js";
-import {
-  generateTextShadow,
-  removeClass
-} from "./chunk.4JURZYE4.js";
-import {
-  coerceBoolean,
-  coerceNumber
-} from "./chunk.MEFT5FQC.js";
-import {
-  __decorateClass
-} from "./chunk.LM5TVNZY.js";
-
-// dist/build/lib/staging/src/product-icon/product-icon-constants.ts
-var elementName = `${COMPONENT_NAME_PREFIX}product-icon`;
-var classes = {
-  PRODUCT_ICON_BACKGROUND: "forge-product-icon__background",
-  PRODUCT_ICON: "forge-product-icon__icon",
-  PRODUCT_TEXT: "forge-product-icon__text"
-};
-var selectors = {
-  PRODUCT_ICON_BACKGROUND: `.${classes.PRODUCT_ICON_BACKGROUND}`,
-  PRODUCT_ICON: `.${classes.PRODUCT_ICON}`,
-  PRODUCT_TEXT: `.${classes.PRODUCT_TEXT}`,
-  SLOT: "slot"
-};
-var attributes = {
-  COLOR: "color",
-  SIZE: "size",
-  SHADOW: "shadow",
-  ITERATIONS: "iterations"
-};
-var numbers = {
-  DEFAULT_SIZE: 64,
-  DEFAULT_ITERATIONS: 32,
-  ACCESSIBILITY_COLOR_THRESHOLD: 300,
-  ICON_FONT_SIZE_MODIFIER: 0.75,
-  TEXT_FONT_SIZE_MODIFIER: 0.5
-};
-var strings = {
-  DEFAULT_COLOR_VALUE: "indigo-500",
-  DEFAULT_COLOR_PALETTE: "indigo",
-  DEFAULT_COLOR_SHADE: 500,
-  DEFAULT_BACKGROUND_COLOR: COLOR_CONSTANTS.indigoPalette[500]
-};
-var PRODUCT_ICON_CONSTANTS = {
-  elementName,
-  attributes,
-  classes,
-  selectors,
-  numbers,
-  strings
-};
-
-// dist/build/lib/staging/src/product-icon/product-icon-adapter.ts
-var ProductIconAdapter = class extends BaseAdapter {
-  constructor(component) {
-    super(component);
-    this._backgroundElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_ICON_BACKGROUND);
-    this._iconElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_ICON);
-    this._textElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_TEXT);
-  }
-  setBackgroundColor(color) {
-    this._backgroundElement.style.backgroundColor = color;
-  }
-  setIconColor(color) {
-    this._iconElement.style.color = color;
-    this._textElement.style.color = color;
-  }
-  setElementSize(value) {
-    this._backgroundElement.style.height = `${value}px`;
-    this._backgroundElement.style.width = `${value}px`;
-  }
-  setFontSize(value) {
-    const textFontSize = value * PRODUCT_ICON_CONSTANTS.numbers.TEXT_FONT_SIZE_MODIFIER;
-    const iconFontSize = value * PRODUCT_ICON_CONSTANTS.numbers.ICON_FONT_SIZE_MODIFIER;
-    this._iconElement.style.setProperty("--forge-product-icon-font-size", `${iconFontSize}px`);
-    this._textElement.style.setProperty("--forge-product-icon-font-size", `${textFontSize}px`);
-    this._iconElement.style.fontSize = `var(--forge-product-icon-font-size, ${iconFontSize}px)`;
-    this._textElement.style.fontSize = `var(--forge-product-icon-font-size, ${textFontSize}px)`;
-  }
-  removeIconClass(classes2) {
-    removeClass(classes2, this._iconElement);
-    removeClass(classes2, this._textElement);
-  }
-  setTextShadow(hasShadow, iterations, shadowColor) {
-    if (hasShadow) {
-      const shadow = generateTextShadow(iterations, shadowColor);
-      this._iconElement.style.textShadow = shadow;
-      this._textElement.style.textShadow = shadow;
-    } else {
-      this._iconElement.style.removeProperty("text-shadow");
-      this._textElement.style.removeProperty("text-shadow");
-    }
-  }
-};
-
-// dist/build/lib/staging/src/product-icon/product-icon-foundation.ts
-var ProductIconFoundation = class {
-  constructor(_adapter) {
-    this._adapter = _adapter;
-    this._colorValue = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_VALUE;
-    this._colorPalette = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_PALETTE;
-    this._colorShade = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_SHADE;
-    this._size = PRODUCT_ICON_CONSTANTS.numbers.DEFAULT_SIZE;
-    this._shadow = true;
-    this._backgroundColor = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_BACKGROUND_COLOR;
-    this._iterations = PRODUCT_ICON_CONSTANTS.numbers.DEFAULT_ITERATIONS;
-    this._usingCustomIterations = false;
-  }
-  initialize() {
-    this._adapter.setElementSize(this._size);
-    this._updateFontSize();
-    this._parseColor();
-    this._render();
-  }
-  _parseColor() {
-    if (this._colorValue.includes("-")) {
-      this._colorPalette = this._colorValue.split("-")[0];
-      this._colorShade = coerceNumber(this._colorValue.split("-")[1]);
-    } else {
-      this._colorPalette = this._colorValue;
-      this._colorShade = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_SHADE;
-    }
-  }
-  _updateSize() {
-    this._adapter.setElementSize(this._size);
-    if (!this._usingCustomIterations) {
-      this._iterations = this._size / 2;
-      this._updateShadow();
-    }
-  }
-  _updateFontSize() {
-    this._adapter.setFontSize(this._size);
-  }
-  _updateShadow() {
-    if (this._shadow) {
-      this._adapter.setTextShadow(this._shadow, this._iterations, this._shadowColor);
-    }
-  }
-  _render() {
-    if (!this._colorValue) {
-      return;
-    }
-    const iconColor = this._colorShade <= PRODUCT_ICON_CONSTANTS.numbers.ACCESSIBILITY_COLOR_THRESHOLD ? "#000000" : "#ffffff";
-    const shadowIncrement = this._colorShade + 300;
-    if (!COLOR_CONSTANTS[`${this._colorPalette}Palette`]) {
-      this._colorPalette = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_PALETTE;
-    }
-    this._backgroundColor = COLOR_CONSTANTS[`${this._colorPalette}Palette`][this._colorShade];
-    this._shadowColor = COLOR_CONSTANTS[`${this._colorPalette}Palette`][shadowIncrement];
-    this._adapter.setBackgroundColor(this._backgroundColor);
-    this._adapter.setIconColor(iconColor);
-    this._updateShadow();
-  }
-  get color() {
-    return this._colorValue;
-  }
-  set color(value) {
-    if (this._colorValue !== value) {
-      this._colorValue = value;
-      this._parseColor();
-      this._render();
-      this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.COLOR, this._colorValue);
-    }
-  }
-  get size() {
-    return this._size;
-  }
-  set size(value) {
-    if (this._size !== value) {
-      this._size = value;
-      this._updateSize();
-      this._updateFontSize();
-      this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.SIZE, this._size.toString());
-    }
-  }
-  get shadow() {
-    return this._shadow;
-  }
-  set shadow(value) {
-    if (this._shadow !== value) {
-      this._shadow = value;
-      this._adapter.setTextShadow(this._shadow, this._iterations, this._shadowColor);
-      if (this._shadow) {
-        this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.SHADOW, "");
-      } else {
-        this._adapter.removeIconClass(PRODUCT_ICON_CONSTANTS.attributes.SHADOW);
-      }
-    }
-  }
-  get iterations() {
-    return this._iterations;
-  }
-  set iterations(value) {
-    if (this._iterations !== value) {
-      this._usingCustomIterations = true;
-      this._iterations = value;
-      this._updateShadow();
-      this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS, this._iterations.toString());
-    }
-  }
-};
-
-// dist/build/lib/staging/src/product-icon/product-icon.ts
-var template = '<template><div class="forge-product-icon__background" part="root"><div class="forge-product-icon__container" part="container"><span class="forge-product-icon__icon" part="icon-container"><slot></slot></span><span class="forge-product-icon__text" part="text-container"><slot name="text"></slot></span></div></div></template>';
-var styles = ".forge-product-icon__background{border-radius:50%;border-radius:var(--forge-product-icon-border-radius,50%);height:64px;width:64px;overflow:hidden}.forge-product-icon__container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:100%;width:100%}.forge-product-icon__icon ::slotted(*),.forge-product-icon__text ::slotted(*){display:-webkit-box!important;display:flex!important;color:#fff!important;font-size:var(--forge-product-icon-font-size, 48px)!important}:host{display:inline-block}:host([hidden]){display:none}";
-var ProductIconComponent = class extends BaseComponent {
-  constructor() {
-    super();
-    attachShadowTemplate(this, template, styles);
-    this._foundation = new ProductIconFoundation(new ProductIconAdapter(this));
-  }
-  static get observedAttributes() {
-    return [
-      PRODUCT_ICON_CONSTANTS.attributes.COLOR,
-      PRODUCT_ICON_CONSTANTS.attributes.SIZE,
-      PRODUCT_ICON_CONSTANTS.attributes.SHADOW,
-      PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS
-    ];
-  }
-  connectedCallback() {
-    this._foundation.initialize();
-  }
-  attributeChangedCallback(name, oldValue, newValue) {
-    switch (name) {
-      case PRODUCT_ICON_CONSTANTS.attributes.COLOR:
-        this.color = newValue;
-        break;
-      case PRODUCT_ICON_CONSTANTS.attributes.SIZE:
-        this.size = coerceNumber(newValue);
-        break;
-      case PRODUCT_ICON_CONSTANTS.attributes.SHADOW:
-        this.shadow = coerceBoolean(newValue);
-        break;
-      case PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS:
-        this.iterations = coerceNumber(newValue);
-        break;
-    }
-  }
-};
-__decorateClass([
-  FoundationProperty()
-], ProductIconComponent.prototype, "color", 2);
-__decorateClass([
-  FoundationProperty()
-], ProductIconComponent.prototype, "size", 2);
-__decorateClass([
-  FoundationProperty()
-], ProductIconComponent.prototype, "shadow", 2);
-__decorateClass([
-  FoundationProperty()
-], ProductIconComponent.prototype, "iterations", 2);
-ProductIconComponent = __decorateClass([
-  CustomElement({
-    name: PRODUCT_ICON_CONSTANTS.elementName
-  })
-], ProductIconComponent);
-
-// dist/build/lib/staging/src/product-icon/index.ts
-function defineProductIconComponent() {
-  defineCustomElement(ProductIconComponent);
-}
-
-export {
-  PRODUCT_ICON_CONSTANTS,
-  ProductIconAdapter,
-  ProductIconFoundation,
-  ProductIconComponent,
-  defineProductIconComponent
-};
-//# sourceMappingURL=chunk.FZ6KICMD.js.map

package/dist/esm/chunks/chunk.GHZ75UPO.js

@@ -1,342 +0,0 @@
-/**
- * @license
- * Copyright 2022 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import {
-  tylIconArrowDropDown,
-  tylIconLanguage,
-  tylIconSearch
-} from "./chunk.GS2AXUCN.js";
-import {
-  TooltipComponent
-} from "./chunk.OXS2O7RG.js";
-import {
-  IconComponent,
-  IconRegistry
-} from "./chunk.WSH4S3GM.js";
-import {
-  BaseAdapter
-} from "./chunk.KZATVOA6.js";
-import {
-  FoundationProperty
-} from "./chunk.MMIZOYAS.js";
-import {
-  COMPONENT_NAME_PREFIX,
-  CustomElement
-} from "./chunk.35U3UPDV.js";
-import {
-  BaseComponent
-} from "./chunk.VK6LIH3B.js";
-import {
-  attachShadowTemplate,
-  defineCustomElement,
-  getShadowElement,
-  toggleElementPlaceholder
-} from "./chunk.K2PCTUVN.js";
-import {
-  addClass,
-  deepQuerySelectorAll,
-  ensureChildren,
-  removeClass,
-  toggleAttribute,
-  toggleClass
-} from "./chunk.4JURZYE4.js";
-import {
-  coerceBoolean,
-  isDefined
-} from "./chunk.MEFT5FQC.js";
-import {
-  __decorateClass,
-  __spreadValues
-} from "./chunk.LM5TVNZY.js";
-
-// dist/build/lib/staging/src/app-bar/search/app-bar-search-constants.ts
-var elementName = `${COMPONENT_NAME_PREFIX}app-bar-search`;
-var classes = {
-  FOCUSED: "forge-app-bar-search--focused",
-  DISABLED: "forge-app-bar-search--disabled"
-};
-var selectors = {
-  ROOT: ".forge-app-bar-search",
-  INPUT: "input",
-  GLOBAL_ICON_CONTAINER: ".forge-app-bar-search__global-icon-container",
-  CONTEXT_CONTAINER: ".forge-app-bar-search__context"
-};
-var attributes = {
-  DISABLED: "disabled",
-  VALUE: "value",
-  PLACEHOLDER: "placeholder",
-  COMBINED: "combined",
-  GLOBAL: "global"
-};
-var events = {
-  INPUT: `${elementName}-input`
-};
-var strings = {
-  DEFAULT_CONTEXT: "global"
-};
-var APP_BAR_SEARCH_CONSTANTS = {
-  elementName,
-  classes,
-  selectors,
-  attributes,
-  events,
-  strings
-};
-var DEFAULT_COMBINED_OPTIONS = [
-  { label: "in this application", value: "local" },
-  { label: "in all products", value: strings.DEFAULT_CONTEXT }
-];
-
-// dist/build/lib/staging/src/app-bar/search/app-bar-search-foundation.ts
-var AppBarSearchFoundation = class {
-  constructor(_adapter) {
-    this._adapter = _adapter;
-    this._disabled = false;
-    this._combined = false;
-    this._combinedContext = APP_BAR_SEARCH_CONSTANTS.strings.DEFAULT_CONTEXT;
-    this._combinedOptions = [];
-    this._global = false;
-    this._keydownListener = (evt) => this._onKeyDown(evt);
-    this._focusListener = (evt) => this._onFocus(evt);
-    this._blurListener = (evt) => this._onBlur(evt);
-  }
-  initialize() {
-    this._adapter.initialize();
-    if (!this._adapter.hasInputElement()) {
-      throw new Error("An input element is required as a child of the app-bar-search component.");
-    }
-    this._adapter.setGlobalIconVisibility(this._global);
-    this._adapter.setContextVisibility(this._combined);
-    this._adapter.addSearchInputEventListener("keydown", this._keydownListener);
-    this._adapter.addSearchInputEventListener("focus", this._focusListener);
-    this._adapter.addSearchInputEventListener("blur", this._blurListener);
-  }
-  _onKeyDown(evt) {
-    if (evt.key === "Enter" || evt.keyCode === 13) {
-      const data = {
-        value: evt.target.value,
-        combined: this._combined,
-        context: this._combinedContext
-      };
-      this._adapter.emitHostEvent(APP_BAR_SEARCH_CONSTANTS.events.INPUT, data, true);
-    }
-  }
-  _onFocus(evt) {
-    this._adapter.addRootClass(APP_BAR_SEARCH_CONSTANTS.classes.FOCUSED);
-  }
-  _onBlur(evt) {
-    this._adapter.removeRootClass(APP_BAR_SEARCH_CONSTANTS.classes.FOCUSED);
-  }
-  disconnect() {
-    this._adapter.removeSearchInputEventListener("keydown", this._keydownListener);
-    this._adapter.removeSearchInputEventListener("focus", this._focusListener);
-    this._adapter.removeSearchInputEventListener("blur", this._blurListener);
-  }
-  get disabled() {
-    return this._disabled;
-  }
-  set disabled(value) {
-    if (value !== this._disabled) {
-      this._disabled = value;
-      this._adapter.setDisabled(this._disabled);
-      this._adapter.toggleHostAttribute(APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED, this._disabled);
-    }
-  }
-  get value() {
-    return this._adapter.getInputValue();
-  }
-  set value(value) {
-    this._adapter.setInputValue(value);
-  }
-  set placeholder(value) {
-    this._adapter.setInputPlaceholder(value);
-  }
-  get combined() {
-    return this._combined;
-  }
-  set combined(value) {
-    if (this._combined !== value) {
-      this._combined = value;
-      this._adapter.setContextVisibility(this._combined);
-    }
-  }
-  get combinedOptions() {
-    if (!this._combinedOptions) {
-      return [];
-    }
-    return this._combinedOptions.map((co) => __spreadValues({}, co));
-  }
-  set combinedOptions(value) {
-    if (!value) {
-      this._combinedOptions = [];
-    }
-    this._combinedOptions = value.map((v) => __spreadValues({}, v));
-  }
-  get selectedCombinedOption() {
-    return this._selectedCombinedOption;
-  }
-  set selectedCombinedOption(value) {
-    if (this._selectedCombinedOption !== value) {
-      this._selectedCombinedOption = value;
-    }
-  }
-  get global() {
-    return this._global;
-  }
-  set global(value) {
-    if (this._global !== value) {
-      this._global = value;
-      this._adapter.setGlobalIconVisibility(this._global);
-    }
-  }
-};
-
-// dist/build/lib/staging/src/app-bar/search/app-bar-search-adapter.ts
-var AppBarSearchAdapter = class extends BaseAdapter {
-  constructor(component) {
-    super(component);
-    this._rootElement = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.ROOT);
-    this._globalIconContainer = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.GLOBAL_ICON_CONTAINER);
-    this._contextContainerElement = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.CONTEXT_CONTAINER);
-  }
-  initialize() {
-    const inputElements = deepQuerySelectorAll(this._component, APP_BAR_SEARCH_CONSTANTS.selectors.INPUT, false);
-    if (inputElements.length) {
-      this._inputElement = inputElements[0];
-    }
-  }
-  hasInputElement() {
-    return isDefined(this._inputElement);
-  }
-  addRootClass(className) {
-    addClass(className, this._rootElement);
-  }
-  removeRootClass(className) {
-    removeClass(className, this._rootElement);
-  }
-  addSearchInputEventListener(type, listener) {
-    this._inputElement.addEventListener(type, listener);
-  }
-  removeSearchInputEventListener(type, listener) {
-    this._inputElement.removeEventListener(type, listener);
-  }
-  setDisabled(disabled) {
-    toggleClass(this._rootElement, disabled, APP_BAR_SEARCH_CONSTANTS.classes.DISABLED);
-    toggleAttribute(this._inputElement, disabled, APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED);
-  }
-  getInputValue() {
-    return this._inputElement.value;
-  }
-  setInputValue(value) {
-    this._inputElement.value = value;
-  }
-  setInputPlaceholder(value) {
-    this._inputElement.placeholder = value;
-  }
-  setGlobalIconVisibility(isVisible) {
-    this._globalIconPlaceholder = toggleElementPlaceholder(this._component, isVisible, APP_BAR_SEARCH_CONSTANTS.elementName, APP_BAR_SEARCH_CONSTANTS.selectors.GLOBAL_ICON_CONTAINER, this._globalIconContainer, this._globalIconPlaceholder);
-  }
-  setContextVisibility(isVisible) {
-    this._contextContainerPlaceholder = toggleElementPlaceholder(this._component, isVisible, APP_BAR_SEARCH_CONSTANTS.elementName, APP_BAR_SEARCH_CONSTANTS.selectors.CONTEXT_CONTAINER, this._contextContainerElement, this._contextContainerPlaceholder);
-  }
-};
-
-// dist/build/lib/staging/src/app-bar/search/app-bar-search.ts
-var template = '<template><div class="forge-app-bar-search" part="root"><div class="forge-app-bar-search__container" part="container"><div class="forge-app-bar-search__search-icon-container" part="icon-container"><forge-icon name="search" class="forge-app-bar-search__icon" part="icon"></forge-icon></div><slot></slot><div class="forge-app-bar-search__context" part="context"><div class="forge-app-bar-search__vertical-divider" part="context-divider"></div><button type="button" class="forge-app-bar-search__context-button" part="context-button"><span class="forge-app-bar-search__context-button-text" part="context-button-text">in this application</span><forge-icon name="arrow_drop_down" class="forge-app-bar-search__context-button-icon" part="context-button-icon"></forge-icon></button></div><div class="forge-app-bar-search__global-icon-container" part="global-icon-container"><forge-icon slot="trailing" name="language" id="app-bar-global-context" part="global-icon"></forge-icon><forge-tooltip delay="500" position="bottom" target="#app-bar-global-context">Global search</forge-tooltip></div></div><div class="forge-app-bar-search__actions" part="actions-container"><slot name="action"></slot></div></div></template>';
-var styles = '::slotted([slot=action]){margin-left:8px}.forge-app-bar-search{display:-webkit-box;display:flex;height:2.25rem}.forge-app-bar-search__container{background-color:rgba(255,255,255,.08);background-color:var(--forge-app-bar-search-theme-background,rgba(255,255,255,.08));width:100%;-webkit-box-flex:1;flex:1 1 auto;margin:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.forge-app-bar-search__container::before{border-color:#fff;border-color:var(--mdc-theme-on-primary,#fff);content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border-width:1px;border-style:solid;z-index:-1;opacity:.54;-webkit-transition-property:border-color,opacity;transition-property:border-color,opacity;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);will-change:border-color,border-width,opacity,top,left,bottom,right}.forge-app-bar-search__container:hover::before{opacity:.87;opacity:var(--forge-app-bar-search-theme-hover-opacity, .87)}.forge-app-bar-search__container ::slotted(input){color:#fff;color:var(--mdc-theme-on-primary,#fff);display:block;overflow:hidden;background:0 0;border:none;font-size:1rem;-webkit-box-flex:1;flex:1 1 auto;margin:0;margin-left:-8px;outline:0;pointer-events:auto;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2)}.forge-app-bar-search__container ::slotted(input)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__global-icon-container{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:0 16px}.forge-app-bar-search__search-icon-container{width:56px;height:36px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-flex:0;flex:none}.forge-app-bar-search__icon{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-app-bar-search__actions{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-app-bar-search__context{height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-left:8px}.forge-app-bar-search__context-button{color:#000;color:var(--mdc-theme-on-surface,#000);outline:0;border:none;background:0 0;min-width:100px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:70%;margin-left:8px;margin-right:4px;border-radius:4px;background-color:transparent;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;will-change:background-color;padding:0;padding-left:8px}.forge-app-bar-search__context-button:hover{background-color:rgba(255,255,255,.12)}.forge-app-bar-search__context-button:focus{background-color:rgba(255,255,255,.2)}.forge-app-bar-search__context-button-text{-webkit-box-flex:1;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.forge-app-bar-search__vertical-divider{border-left-color:#fff;border-left-color:var(--mdc-theme-on-primary,#fff);display:inline-block;position:absolute;top:8px;bottom:8px;border-left-width:1px;border-left-style:solid}.forge-app-bar-search--focused .forge-app-bar-search__container{background-color:rgba(255,255,255,.12);background-color:var(--forge-app-bar-search-theme-background-focused,rgba(255,255,255,.12))}.forge-app-bar-search--focused .forge-app-bar-search__container::before{opacity:.87;border-width:2px;top:-1px;right:-1px;bottom:-1px;left:-1px}.forge-app-bar-search--disabled{opacity:.26;opacity:var(--forge-app-bar-search-theme-disabled-opacity, .26);cursor:not-allowed}.forge-app-bar-search--disabled .forge-app-bar-search__container:hover::before{opacity:54%}.forge-app-bar-search--disabled ::slotted(input){cursor:not-allowed}:host{display:block;width:100%;contain:layout style}:host([hidden]){display:none}';
-var AppBarSearchComponent = class extends BaseComponent {
-  constructor() {
-    super();
-    IconRegistry.define([tylIconSearch, tylIconArrowDropDown, tylIconLanguage]);
-    attachShadowTemplate(this, template, styles);
-    this._foundation = new AppBarSearchFoundation(new AppBarSearchAdapter(this));
-  }
-  static get observedAttributes() {
-    return [
-      APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED,
-      APP_BAR_SEARCH_CONSTANTS.attributes.VALUE,
-      APP_BAR_SEARCH_CONSTANTS.attributes.PLACEHOLDER,
-      APP_BAR_SEARCH_CONSTANTS.attributes.COMBINED,
-      APP_BAR_SEARCH_CONSTANTS.attributes.GLOBAL
-    ];
-  }
-  connectedCallback() {
-    if (this.children.length) {
-      this._initialize();
-    } else {
-      ensureChildren(this).then(() => this._initialize());
-    }
-  }
-  _initialize() {
-    this._foundation.initialize();
-  }
-  disconnectedCallback() {
-    this._foundation.disconnect();
-  }
-  attributeChangedCallback(name, oldValue, newValue) {
-    switch (name) {
-      case APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED:
-        this.disabled = coerceBoolean(newValue);
-        break;
-      case APP_BAR_SEARCH_CONSTANTS.attributes.VALUE:
-        this.value = newValue;
-        break;
-      case APP_BAR_SEARCH_CONSTANTS.attributes.PLACEHOLDER:
-        this.placeholder = newValue;
-        break;
-      case APP_BAR_SEARCH_CONSTANTS.attributes.COMBINED:
-        this.combined = coerceBoolean(newValue);
-        break;
-      case APP_BAR_SEARCH_CONSTANTS.attributes.GLOBAL:
-        this.global = coerceBoolean(newValue);
-        break;
-    }
-  }
-  set placeholder(value) {
-    this._foundation.placeholder = value;
-  }
-};
-__decorateClass([
-  FoundationProperty()
-], AppBarSearchComponent.prototype, "value", 2);
-__decorateClass([
-  FoundationProperty()
-], AppBarSearchComponent.prototype, "disabled", 2);
-__decorateClass([
-  FoundationProperty()
-], AppBarSearchComponent.prototype, "combined", 2);
-__decorateClass([
-  FoundationProperty()
-], AppBarSearchComponent.prototype, "combinedOptions", 2);
-__decorateClass([
-  FoundationProperty()
-], AppBarSearchComponent.prototype, "selectedCombinedOption", 2);
-__decorateClass([
-  FoundationProperty()
-], AppBarSearchComponent.prototype, "global", 2);
-AppBarSearchComponent = __decorateClass([
-  CustomElement({
-    name: APP_BAR_SEARCH_CONSTANTS.elementName,
-    dependencies: [
-      TooltipComponent,
-      IconComponent
-    ]
-  })
-], AppBarSearchComponent);
-
-// dist/build/lib/staging/src/app-bar/search/index.ts
-function defineAppBarSearchComponent() {
-  defineCustomElement(AppBarSearchComponent);
-}
-
-export {
-  APP_BAR_SEARCH_CONSTANTS,
-  DEFAULT_COMBINED_OPTIONS,
-  AppBarSearchFoundation,
-  AppBarSearchAdapter,
-  AppBarSearchComponent,
-  defineAppBarSearchComponent
-};
-//# sourceMappingURL=chunk.GHZ75UPO.js.map