@tylertech/forge 2.8.0 → 2.10.0

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

@@ -1,291 +0,0 @@
-/**
- * @license
- * Copyright 2022 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import {
-  getTextColor
-} from "./chunk.VHO7NUMI.js";
-import {
-  COLOR_CONSTANTS
-} from "./chunk.FWJ7SIFA.js";
-import {
-  BaseComponentDelegate
-} from "./chunk.WT4W2IFT.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 {
-  removeAllChildren
-} from "./chunk.4JURZYE4.js";
-import {
-  coerceBoolean,
-  coerceNumber,
-  isDefined,
-  isString
-} from "./chunk.MEFT5FQC.js";
-import {
-  __decorateClass
-} from "./chunk.LM5TVNZY.js";
-
-// dist/build/lib/staging/src/avatar/avatar-constants.ts
-var elementName = `${COMPONENT_NAME_PREFIX}avatar`;
-var attributes = {
-  IMAGE_URL: "image-url",
-  TEXT: "text",
-  LETTER_COUNT: "letter-count",
-  AUTO_COLOR: "auto-color"
-};
-var numbers = {
-  DEFAULT_LETTER_COUNT: 2
-};
-var selectors = {
-  ROOT: ".forge-avatar",
-  DEFAULT_SLOT: ".forge-avatar > slot:not([name])"
-};
-var strings = {
-  DEFAULT_COLOR: COLOR_CONSTANTS.themeColors.tertiary,
-  BACKGROUND_VARNAME: "--forge-avatar-theme-background"
-};
-var AVATAR_CONSTANTS = {
-  elementName,
-  attributes,
-  numbers,
-  selectors,
-  strings
-};
-
-// dist/build/lib/staging/src/avatar/avatar-adapter.ts
-var AvatarAdapter = class extends BaseAdapter {
-  constructor(component) {
-    super(component);
-    this._root = getShadowElement(this._component, AVATAR_CONSTANTS.selectors.ROOT);
-    this._defaultSlot = getShadowElement(this._component, AVATAR_CONSTANTS.selectors.DEFAULT_SLOT);
-  }
-  setBackgroundColor(value) {
-    this._root.style.backgroundColor = `var(${AVATAR_CONSTANTS.strings.BACKGROUND_VARNAME}, ${value})`;
-  }
-  setBackgroundImageUrl(url) {
-    const backgroundColor = this._root.style.backgroundColor;
-    this._root.style.backgroundColor = "inherit";
-    const loadResult = new Promise((resolve) => {
-      const image = new Image();
-      image.onload = () => {
-        this._root.style.backgroundImage = `url(${image.src})`;
-        resolve(true);
-      };
-      image.onerror = () => {
-        this._root.style.backgroundColor = backgroundColor;
-        resolve(false);
-      };
-      image.src = url;
-    });
-    return loadResult;
-  }
-  removeBackgroundImage() {
-    this._root.style.removeProperty("background-image");
-  }
-  setText(value) {
-    this._defaultSlot.textContent = value;
-  }
-  clearText() {
-    removeAllChildren(this._defaultSlot);
-  }
-};
-
-// dist/build/lib/staging/src/avatar/avatar-foundation.ts
-var AvatarFoundation = class {
-  constructor(_adapter) {
-    this._adapter = _adapter;
-    this._text = "";
-    this._letterCount = AVATAR_CONSTANTS.numbers.DEFAULT_LETTER_COUNT;
-    this._autoColor = false;
-    this._initialized = false;
-  }
-  initialize() {
-    this._render();
-    this._initialized = true;
-  }
-  disconnect() {
-    this._initialized = false;
-  }
-  _render() {
-    this._setText();
-    this._setBackgroundImageUrl();
-  }
-  async _setBackgroundImageUrl() {
-    if (this._imageUrl) {
-      if (await this._adapter.setBackgroundImageUrl(this._imageUrl)) {
-        this._adapter.clearText();
-      }
-    } else {
-      this._adapter.removeBackgroundImage();
-    }
-  }
-  _setText() {
-    const data = this._getTextContent(this._text, this._letterCount);
-    if (data) {
-      this._adapter.setText(data);
-    } else {
-      this._adapter.clearText();
-    }
-    const color = this._autoColor ? getTextColor(data) : AVATAR_CONSTANTS.strings.DEFAULT_COLOR;
-    this._adapter.setBackgroundColor(color);
-  }
-  _getTextContent(value, count) {
-    if (!value || !isString(value) || count <= 0) {
-      return "";
-    }
-    let text;
-    if (count === 1) {
-      text = value[0].toUpperCase();
-    } else {
-      const words = value.match(/\S+/g) || [];
-      text = words.slice(0, count).reduce((prev, curr) => prev += curr[0].toUpperCase(), "");
-    }
-    return text;
-  }
-  get text() {
-    return this._text;
-  }
-  set text(value) {
-    if (this._text !== value) {
-      this._text = value || "";
-      this._adapter.setHostAttribute(AVATAR_CONSTANTS.attributes.TEXT, this._text);
-      if (this._initialized) {
-        this._render();
-      }
-    }
-  }
-  get letterCount() {
-    return this._letterCount;
-  }
-  set letterCount(value) {
-    if (this._letterCount !== value) {
-      this._letterCount = value;
-      this._adapter.setHostAttribute(AVATAR_CONSTANTS.attributes.LETTER_COUNT, isDefined(this._letterCount) ? this._letterCount.toString() : "");
-      if (this._initialized) {
-        this._render();
-      }
-    }
-  }
-  get imageUrl() {
-    return this._imageUrl;
-  }
-  set imageUrl(value) {
-    if (this._imageUrl !== value) {
-      this._imageUrl = value;
-      if (this._initialized) {
-        this._render();
-      }
-    }
-  }
-  get autoColor() {
-    return this._autoColor;
-  }
-  set autoColor(value) {
-    if (this._autoColor !== value) {
-      this._autoColor = value;
-      this._setText();
-      this._adapter.setHostAttribute(AVATAR_CONSTANTS.attributes.AUTO_COLOR, isDefined(this._autoColor) ? this._autoColor.toString() : "");
-    }
-  }
-};
-
-// dist/build/lib/staging/src/avatar/avatar.ts
-var template = '<template><div class="forge-avatar" aria-hidden="true" part="root"><slot></slot></div></template>';
-var styles = ":host{display:inline-block;contain:content}:host([hidden]){display:none}.forge-avatar{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.25rem;font-size:var(--forge-typography-title-font-size, 1.25rem);line-height:2rem;line-height:var(--forge-typography-title-line-height, 2rem);font-weight:400;font-weight:var(--forge-typography-title-font-weight,400);letter-spacing:.0125em;letter-spacing:var(--forge-typography-title-letter-spacing, .0125em);text-decoration:inherit;-webkit-text-decoration:var(--forge-typography-title-text-decoration,inherit);text-decoration:var(--forge-typography-title-text-decoration,inherit);text-transform:inherit;text-transform:var(--forge-typography-title-text-transform,inherit);font-size:1rem;font-size:var(--forge-avatar-font-size, 1rem);font-weight:400;font-weight:var(--forge-avatar-font-weight,400);background-color:none;background-color:var(--forge-avatar-theme-background,none);height:40px;height:var(--forge-avatar-size,40px);width:40px;width:var(--forge-avatar-size,40px);color:#fff;color:var(--forge-avatar-theme-on-background,#fff);border-radius:50%;border-radius:var(--forge-avatar-radius,50%);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;-webkit-transition:height .2s cubic-bezier(.4, 0, .2, 1),width .2s cubic-bezier(.4, 0, .2, 1);transition:height .2s cubic-bezier(.4, 0, .2, 1),width .2s cubic-bezier(.4, 0, .2, 1)}";
-var AvatarComponent = class extends BaseComponent {
-  constructor() {
-    super();
-    attachShadowTemplate(this, template, styles);
-    this._foundation = new AvatarFoundation(new AvatarAdapter(this));
-  }
-  static get observedAttributes() {
-    return [
-      AVATAR_CONSTANTS.attributes.TEXT,
-      AVATAR_CONSTANTS.attributes.LETTER_COUNT,
-      AVATAR_CONSTANTS.attributes.IMAGE_URL,
-      AVATAR_CONSTANTS.attributes.AUTO_COLOR
-    ];
-  }
-  connectedCallback() {
-    this._foundation.initialize();
-  }
-  disconnectedCallback() {
-    this._foundation.disconnect();
-  }
-  attributeChangedCallback(name, oldValue, newValue) {
-    switch (name) {
-      case AVATAR_CONSTANTS.attributes.TEXT:
-        this.text = newValue;
-        break;
-      case AVATAR_CONSTANTS.attributes.LETTER_COUNT:
-        this.letterCount = coerceNumber(newValue);
-        break;
-      case AVATAR_CONSTANTS.attributes.IMAGE_URL:
-        this.imageUrl = newValue;
-        break;
-      case AVATAR_CONSTANTS.attributes.AUTO_COLOR:
-        this.autoColor = coerceBoolean(newValue);
-        break;
-    }
-  }
-};
-__decorateClass([
-  FoundationProperty()
-], AvatarComponent.prototype, "text", 2);
-__decorateClass([
-  FoundationProperty()
-], AvatarComponent.prototype, "letterCount", 2);
-__decorateClass([
-  FoundationProperty()
-], AvatarComponent.prototype, "imageUrl", 2);
-__decorateClass([
-  FoundationProperty()
-], AvatarComponent.prototype, "autoColor", 2);
-AvatarComponent = __decorateClass([
-  CustomElement({
-    name: AVATAR_CONSTANTS.elementName
-  })
-], AvatarComponent);
-
-// dist/build/lib/staging/src/avatar/avatar-component-delegate.ts
-var AvatarComponentDelegate = class extends BaseComponentDelegate {
-  constructor(config) {
-    super(config);
-  }
-  _build() {
-    return document.createElement(AVATAR_CONSTANTS.elementName);
-  }
-};
-
-// dist/build/lib/staging/src/avatar/index.ts
-function defineAvatarComponent() {
-  defineCustomElement(AvatarComponent);
-}
-
-export {
-  AVATAR_CONSTANTS,
-  AvatarAdapter,
-  AvatarFoundation,
-  AvatarComponent,
-  AvatarComponentDelegate,
-  defineAvatarComponent
-};
-//# sourceMappingURL=chunk.E26BROOG.js.map

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

@@ -1,372 +0,0 @@
-/**
- * @license
- * Copyright 2022 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import {
-  ForgeRipple
-} from "./chunk.56BNM7F2.js";
-import {
-  ICON_CONSTANTS
-} from "./chunk.WSH4S3GM.js";
-import {
-  userInteractionListener
-} from "./chunk.PM7D2SUE.js";
-import {
-  BaseComponentDelegate
-} from "./chunk.WT4W2IFT.js";
-import {
-  COMPONENT_NAME_PREFIX,
-  CustomElement,
-  ICON_CLASS_NAME
-} from "./chunk.35U3UPDV.js";
-import {
-  BaseComponent
-} from "./chunk.VK6LIH3B.js";
-import {
-  defineCustomElement,
-  emitEvent
-} from "./chunk.K2PCTUVN.js";
-import {
-  addClass,
-  ensureChild,
-  toggleClass
-} from "./chunk.4JURZYE4.js";
-import {
-  coerceBoolean,
-  coerceNumber
-} from "./chunk.MEFT5FQC.js";
-import {
-  __decorateClass
-} from "./chunk.LM5TVNZY.js";
-
-// dist/build/lib/staging/src/icon-button/icon-button-constants.ts
-var elementName = `${COMPONENT_NAME_PREFIX}icon-button`;
-var attributes = {
-  TOGGLE: "toggle",
-  IS_ON: "is-on",
-  ICON_ON: "forge-icon-button-on",
-  DENSE: "dense",
-  DENSITY_LEVEL: "density-level"
-};
-var selectors = {
-  BUTTON: "button",
-  ICON: "i, span, svg, img, forge-icon"
-};
-var classes = {
-  BUTTON: "forge-icon-button",
-  BUTTON_ON: "forge-icon-button--on",
-  BUTTON_DENSE: "forge-icon-button--dense",
-  ICON: "forge-icon-button__icon",
-  ICON_ON: "forge-icon-button__icon--on",
-  DENSITY: [
-    "forge-icon-button--dense-1",
-    "forge-icon-button--dense-2",
-    "forge-icon-button--dense-3",
-    "forge-icon-button--dense-4",
-    "forge-icon-button--dense-5",
-    "forge-icon-button--dense-6"
-  ]
-};
-var events = {
-  CHANGE: `${elementName}-change`
-};
-var ICON_BUTTON_CONSTANTS = {
-  elementName,
-  attributes,
-  selectors,
-  classes,
-  events
-};
-
-// dist/build/lib/staging/src/icon-button/icon-button.ts
-var IconButtonComponent = class extends BaseComponent {
-  constructor() {
-    super();
-    this._toggle = false;
-    this._isOn = false;
-    this._dense = false;
-    this._densityLevel = 5;
-  }
-  static get observedAttributes() {
-    return [
-      ICON_BUTTON_CONSTANTS.attributes.IS_ON,
-      ICON_BUTTON_CONSTANTS.attributes.DENSE,
-      ICON_BUTTON_CONSTANTS.attributes.DENSITY_LEVEL,
-      ICON_BUTTON_CONSTANTS.attributes.TOGGLE
-    ];
-  }
-  connectedCallback() {
-    if (this.querySelector(ICON_BUTTON_CONSTANTS.selectors.BUTTON)) {
-      this._initialize();
-    } else {
-      ensureChild(this, ICON_BUTTON_CONSTANTS.selectors.BUTTON).then(() => this._initialize());
-    }
-  }
-  disconnectedCallback() {
-    if (this._rippleInstance) {
-      this._rippleInstance.destroy();
-    }
-  }
-  attributeChangedCallback(name, oldValue, newValue) {
-    switch (name) {
-      case ICON_BUTTON_CONSTANTS.attributes.IS_ON:
-        this.isOn = coerceBoolean(newValue);
-        break;
-      case ICON_BUTTON_CONSTANTS.attributes.DENSE:
-        this.dense = coerceBoolean(newValue);
-        break;
-      case ICON_BUTTON_CONSTANTS.attributes.DENSITY_LEVEL:
-        this.densityLevel = coerceNumber(newValue);
-        break;
-      case ICON_BUTTON_CONSTANTS.attributes.TOGGLE:
-        this.toggle = coerceBoolean(newValue);
-        break;
-    }
-  }
-  get toggle() {
-    return this._toggle;
-  }
-  set toggle(value) {
-    this._toggle = value;
-    if (this._toggle) {
-      this._initializeToggle();
-    } else {
-      this._destroyToggle();
-    }
-  }
-  get isOn() {
-    return this._isOn;
-  }
-  set isOn(value) {
-    if (this._isOn !== value) {
-      this._isOn = value;
-      this._applyToggle();
-    }
-  }
-  get dense() {
-    return this._dense;
-  }
-  set dense(value) {
-    if (this._dense !== value) {
-      this._dense = value;
-      this._applyDensity();
-    }
-  }
-  get densityLevel() {
-    return this._densityLevel;
-  }
-  set densityLevel(value) {
-    if (this._densityLevel !== value) {
-      this._densityLevel = value;
-      if (this._densityLevel <= 0) {
-        this._densityLevel = 1;
-      } else if (this._densityLevel > 6) {
-        this._densityLevel = 6;
-      } else if (typeof this._densityLevel !== "number") {
-        this._densityLevel = 5;
-      }
-      this._applyDensity();
-    }
-  }
-  _initialize() {
-    this._buttonElement = this.querySelector(ICON_BUTTON_CONSTANTS.selectors.BUTTON);
-    if (!this._buttonElement) {
-      return;
-    }
-    this._buttonElement.classList.add(ICON_BUTTON_CONSTANTS.classes.BUTTON);
-    this._applyToggle();
-    this._applyDensity();
-    this._toggleHandler = () => {
-      this._toggleValue();
-      emitEvent(this, ICON_BUTTON_CONSTANTS.events.CHANGE, this._isOn, true);
-    };
-    if (this._toggle) {
-      this._initializeToggle();
-    }
-    this._deferRippleInitialization();
-  }
-  async _deferRippleInitialization() {
-    const type = await userInteractionListener(this._buttonElement);
-    if (!this._rippleInstance) {
-      this._initRipple();
-      if (type === "focusin") {
-        this._rippleInstance["foundation"].handleFocus();
-      }
-    }
-  }
-  _initRipple() {
-    if (this._rippleInstance) {
-      this._rippleInstance.destroy();
-    }
-    this._rippleInstance = new ForgeRipple(this._buttonElement);
-    this._rippleInstance.unbounded = true;
-  }
-  _toggleValue() {
-    this._isOn = !this._isOn;
-    this._applyToggle();
-  }
-  _applyToggle() {
-    if (!this._buttonElement) {
-      return;
-    }
-    toggleClass(this._buttonElement, this._isOn, ICON_BUTTON_CONSTANTS.classes.BUTTON_ON);
-    if (this._toggle) {
-      this._buttonElement.setAttribute("aria-pressed", `${this._isOn}`);
-    }
-  }
-  _applyDensity() {
-    if (!this._buttonElement) {
-      return;
-    }
-    ICON_BUTTON_CONSTANTS.classes.DENSITY.forEach((c) => this._buttonElement.classList.remove(c));
-    if (this._dense) {
-      this.setAttribute(ICON_BUTTON_CONSTANTS.attributes.DENSE, "");
-      this._buttonElement.classList.add(ICON_BUTTON_CONSTANTS.classes.BUTTON_DENSE);
-      if (this._densityLevel < 7 && this._densityLevel > 0 && this.densityLevel !== 5) {
-        const densityLevelClass = ICON_BUTTON_CONSTANTS.classes.DENSITY[this._densityLevel - 1];
-        this._buttonElement.classList.add(densityLevelClass);
-        this.setAttribute(ICON_BUTTON_CONSTANTS.attributes.DENSITY_LEVEL, this._densityLevel.toString());
-      }
-    } else {
-      this.removeAttribute(ICON_BUTTON_CONSTANTS.attributes.DENSE);
-      this._buttonElement.classList.remove(ICON_BUTTON_CONSTANTS.classes.BUTTON_DENSE);
-    }
-    if (this._rippleInstance) {
-      this._rippleInstance.layout();
-    }
-  }
-  _initializeToggle() {
-    if (!this._buttonElement) {
-      return;
-    }
-    const icons = Array.from(this._buttonElement.querySelectorAll(ICON_BUTTON_CONSTANTS.selectors.ICON));
-    if (icons.length !== 2) {
-      console.error('You must specify two icons, one for "on" and one for "off".');
-      return;
-    }
-    icons.forEach((icon) => icon.classList.add(ICON_BUTTON_CONSTANTS.classes.ICON));
-    if (!icons.some((icon) => icon.classList.contains(ICON_BUTTON_CONSTANTS.classes.ICON_ON))) {
-      const requestedOnIcon = icons.find((icon) => icon.hasAttribute(ICON_BUTTON_CONSTANTS.attributes.ICON_ON));
-      if (requestedOnIcon) {
-        requestedOnIcon.classList.add(ICON_BUTTON_CONSTANTS.classes.ICON_ON);
-      } else {
-        icons[0].classList.add(ICON_BUTTON_CONSTANTS.classes.ICON_ON);
-      }
-    }
-    this._buttonElement.addEventListener("click", this._toggleHandler);
-    window.requestAnimationFrame(() => {
-      if (this._isOn) {
-        this._buttonElement.classList.add(ICON_BUTTON_CONSTANTS.classes.BUTTON_ON);
-        this._buttonElement.setAttribute("aria-pressed", `${this._isOn}`);
-      }
-    });
-  }
-  _destroyToggle() {
-    if (!this._buttonElement) {
-      return;
-    }
-    this._buttonElement.removeEventListener("click", this._toggleHandler);
-  }
-  layout() {
-    if (this._rippleInstance) {
-      this._rippleInstance.layout();
-    }
-  }
-};
-IconButtonComponent = __decorateClass([
-  CustomElement({
-    name: ICON_BUTTON_CONSTANTS.elementName
-  })
-], IconButtonComponent);
-
-// dist/build/lib/staging/src/icon-button/icon-button-component-delegate.ts
-var IconButtonComponentDelegate = class extends BaseComponentDelegate {
-  constructor(config) {
-    super(config);
-  }
-  _build() {
-    var _a;
-    const component = document.createElement(ICON_BUTTON_CONSTANTS.elementName);
-    this._buttonElement = document.createElement("button");
-    this._buttonElement.type = "button";
-    component.appendChild(this._buttonElement);
-    if ((_a = this._config.options) == null ? void 0 : _a.tooltip) {
-      const tooltip = document.createElement("forge-tooltip");
-      tooltip.textContent = this._config.options.tooltip;
-      if (this._config.options.tooltipPosition) {
-        tooltip.position = this._config.options.tooltipPosition;
-      }
-      component.appendChild(tooltip);
-    }
-    return component;
-  }
-  get iconElement() {
-    return this._iconElement;
-  }
-  get disabled() {
-    return !!this._buttonElement.disabled;
-  }
-  set disabled(value) {
-    this._buttonElement.disabled = value;
-  }
-  get butttonElement() {
-    return this._buttonElement;
-  }
-  get buttonElement() {
-    return this._buttonElement;
-  }
-  _configure() {
-    this._configureIcon();
-  }
-  _configureIcon() {
-    var _a, _b;
-    if (!((_a = this._config.options) == null ? void 0 : _a.iconName)) {
-      return;
-    }
-    const type = ((_b = this._config.options) == null ? void 0 : _b.iconType) || "component";
-    switch (type) {
-      case "font":
-        const classes2 = Array.isArray(this._config.options.iconClass) ? this._config.options.iconClass : [ICON_CLASS_NAME];
-        addClass(classes2, this._buttonElement);
-        this._buttonElement.textContent = this._config.options.iconName;
-        break;
-      case "component":
-        this._iconElement = document.createElement(ICON_CONSTANTS.elementName);
-        this._iconElement.name = this._config.options.iconName;
-        if (this._config.options.iconExternal !== void 0) {
-          this._iconElement.external = !!this._config.options.iconExternal;
-        }
-        if (this._config.options.iconExternalType) {
-          this._iconElement.externalType = this._config.options.iconExternalType;
-        }
-        if (this._config.options.iconClass) {
-          addClass(this._config.options.iconClass, this._iconElement);
-        }
-        this._buttonElement.appendChild(this._iconElement);
-        break;
-    }
-  }
-  onClick(listener) {
-    this._buttonElement.addEventListener("click", listener);
-  }
-  onFocus(listener) {
-    this._buttonElement.addEventListener("focus", (evt) => listener(evt));
-  }
-  onBlur(listener) {
-    this._buttonElement.addEventListener("blur", (evt) => listener(evt));
-  }
-};
-
-// dist/build/lib/staging/src/icon-button/index.ts
-function defineIconButtonComponent() {
-  defineCustomElement(IconButtonComponent);
-}
-
-export {
-  ICON_BUTTON_CONSTANTS,
-  IconButtonComponent,
-  IconButtonComponentDelegate,
-  defineIconButtonComponent
-};
-//# sourceMappingURL=chunk.EBC2HGO3.js.map